admin/hztha.hkpgsow.cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
gaofeng
2026-05-13 10:44:29 +08:00
commit 0b165153c6
3674 changed files with 316663 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

373
public/static/css/datetimepicker.css Normal file
View File

@@ -0,0 +1,373 @@
/*!
* Datetimepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datetimepicker {
padding: 4px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr;
/*.dow {
border-top: 1px solid #ddd !important;
}*/
}
.datetimepicker-inline {
width: 220px;
}
.datetimepicker.datetimepicker-rtl {
direction: rtl;
}
.datetimepicker.datetimepicker-rtl table tr td span {
float: right;
}
.datetimepicker-dropdown, .datetimepicker-dropdown-left {
top: 0;
left: 0;
}
[class*=" datetimepicker-dropdown"]:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
[class*=" datetimepicker-dropdown"]:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
}
[class*=" datetimepicker-dropdown-top"]:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
border-bottom: 0;
}
[class*=" datetimepicker-dropdown-top"]:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #ffffff;
border-bottom: 0;
}
.datetimepicker-dropdown-bottom-left:before {
top: -7px;
right: 6px;
}
.datetimepicker-dropdown-bottom-left:after {
top: -6px;
right: 7px;
}
.datetimepicker-dropdown-bottom-right:before {
top: -7px;
left: 6px;
}
.datetimepicker-dropdown-bottom-right:after {
top: -6px;
left: 7px;
}
.datetimepicker-dropdown-top-left:before {
bottom: -7px;
right: 6px;
}
.datetimepicker-dropdown-top-left:after {
bottom: -6px;
right: 7px;
}
.datetimepicker-dropdown-top-right:before {
bottom: -7px;
left: 6px;
}
.datetimepicker-dropdown-top-right:after {
bottom: -6px;
left: 7px;
}
.datetimepicker > div {
display: none;
}
.datetimepicker.minutes div.datetimepicker-minutes {
display: block;
}
.datetimepicker.hours div.datetimepicker-hours {
display: block;
}
.datetimepicker.days div.datetimepicker-days {
display: block;
}
.datetimepicker.months div.datetimepicker-months {
display: block;
}
.datetimepicker.years div.datetimepicker-years {
display: block;
}
.datetimepicker table {
margin: 0;
}
.datetimepicker td,
.datetimepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none;
padding: 4px 5px;
border-radius: 20px;
}
.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
background-color: transparent;
}
.datetimepicker table tr td.minute:hover {
background: #eeeeee;
cursor: pointer;
}
.datetimepicker table tr td.hour:hover {
background: #eeeeee;
cursor: pointer;
}
.datetimepicker table tr td.day:hover {
background: #eeeeee;
cursor: pointer;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
color: #999999;
}
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
background-image: linear-gradient(top, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
/* background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);*/
background: #4BBD00;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
/*background-color: #0044cc;*/
background: #4BBD00;
}
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9;
}
.datetimepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-radius: 5px;
}
.datetimepicker .datetimepicker-hours span {
height: 26px;
line-height: 26px;
}
.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
width: 14.6%;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
margin-bottom: inherit;
line-height: 30px;
}
.datetimepicker .datetimepicker-minutes span {
height: 26px;
line-height: 26px;
}
.datetimepicker table tr td span:hover {
background: #eeeeee;
}
.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
/* background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);*/
background: #4BBD00;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
background-color: #4BBD00;
}
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9;
}
.datetimepicker table tr td span.old {
color: #999999;
}
.datetimepicker th.switch {
width: 145px;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
cursor: pointer;
}
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
cursor: pointer;
width: 14px;
height: 14px;
}

232
public/static/css/dropdown.css Normal file
View File

@@ -0,0 +1,232 @@
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.dropdown .caret {
margin-top: 8px;
margin-left: 2px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 10px;
margin: 2px 0 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
outline: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: default;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open {
*z-index: 1000;
}
.open > .dropdown-menu {
display: block;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000000;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
-webkit-border-radius: 5px 5px 5px 0;
-moz-border-radius: 5px 5px 5px 0;
border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
display: block;
float: right;
width: 0;
height: 0;
margin-top: 5px;
margin-right: -10px;
border-color: transparent;
border-left-color: #cccccc;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
padding-right: 20px;
padding-left: 20px;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
line-height: 14px;
vertical-align: text-top;
background-image: url("../image/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
}
.icon-arrow-left {
background-position: -240px -96px;
}
.icon-arrow-right {
background-position: -264px -96px;
}

206
public/static/css/index.css Normal file
View File

@@ -0,0 +1,206 @@
.swiper{
height: auto !important;
background: unset !important;
}
.swiper-slide::after {
/*content: '';*/
position: absolute;
top: 0; /* 根据需要调整阴影的位置 */
left: 0;
right: 0;
bottom: 0;
background: rgba(93, 77, 77, 0.5); /* 阴影颜色 */
box-shadow: 0 0 20px rgba(148, 118, 118, 0.5); /* 给伪元素添加阴影 */
pointer-events: none; /* 防止伪元素影响鼠标事件 */
}
.services-table th {
text-align: center !important;
}
.services-table table tbody tr td {
padding: 10px;
}
.services-table table tbody tr td.cell--success {
color: #22b573;
background-color: #f1fff4;
}
.services-table table {
border-collapse: separate;
border-spacing: 0;
position: relative;
margin: 0;
}
.services-table {
width: 75%;
margin: 0 auto;
padding: 0 5px;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
text-align: center;
}
.a-title {
margin-bottom: 32px;
color: #151423;
font-weight: 600;
font-size: 32px;
letter-spacing: .2px;
}
/*@media (min-width: 1800px) {*/
/* .advantages-section .content1 {*/
/* width: 1170px;*/
/* }*/
/*}*/
.advantages-section .content1 .advantages-container {
margin: 0;
}
.advantages-section .content1 .advantages-container .advantages .advantage {
display: flex;
/*flex-direction: column;*/
/*width: 100%;*/
list-style: none;
align-items: center;
margin-bottom: 32px;
flex-basis: 30%;
}
.advantages-section .content1 .title {
margin-bottom: 32px;
font-size: 32px;
font-weight: 600;
font-family: Raleway, sans-serif;
letter-spacing: .2px;
text-align: center;
color: #fff;
}
.advantages-section .content1 .advantages-container .advantages {
display: flex;
flex-direction: row;
margin: 0;
padding: 0;
}
.advantages-section .content1 .advantages-container .advantages .advantage .text {
font-family: Roboto;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2px;
color: #fff;
}
.advantages-section .content1 {
max-width: 1110px;
/*display: flex;*/
flex-direction: column;
align-items: center;
}
.advantages-section {
background: #153854;
padding: 20px 5px;
display: flex;
justify-content: center;
margin-top: 30px;
}
.middle-box2 {
/*width: 60%;*/
}
.desc-box {
width: 60%;
}
@media (max-width: 820px) {
.header-services{
width: 50%;
}
.middle-box2 {
width: 95% !important;
}
.middle-box2 .right-box .item{
padding: 10px 10px;
}
.middle-box2 h2 {
font-size: 2.5rem;
}
.middle-box2 a {
padding: 13px 20px;
}
.advantages-section .content1 .title{
font-size: 28px;
}
.desc-box {
width: 90% !important;
}
.info {
font-size: 12px;
line-height: 20px;
height: 84px;
}
.services-table {
width: 100%;
}
.evus-main {
position: absolute;
}
.advantages-section .content1 .advantages-container .advantages {
flex-direction: column;
height: 160px;
flex-wrap: wrap;
align-items: center;
}
.advantages-section .content1 {
width: 100%;
}
}
.dj-btn {
width: 300px;
height: 60px;
background: linear-gradient(180deg, var(--main-color) 0, var(--main-color) 100%);
color: #fff;
border: none;
border-radius: 14px;
margin-top: 20px;
font-size: 20px;
letter-spacing: .2px;
font-weight: 500;
}
.dj-btn:hover {
background: #a83723;
}
.djcon {
margin: 10% auto;
text-align: center;
}
.djcon p {
color: #fff;
font-family: cursive;
text-transform: none;
text-shadow: 0 2px 8px rgba(0, 0, 0, .041);
font-weight: 600;
line-height: 1.25;
letter-spacing: .2px;
font-size: 32px;
}

143
public/static/css/invoice.css Normal file
View File

@@ -0,0 +1,143 @@
.layui-form-label {
width: 110px;
}
.layui-form{
margin-right: 10px;
}
.login-bg{
background: #f0f0f0;
}
.login-box{
width: 460px;
height: auto;
padding: 40px 0 20px;
background: #fff;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
border-radius: 20px;
position: relative;
margin-top: 10px;
}
.login-logo{
width: 180px;
height: 70px;
text-align: center;
background: url(/static/home/images/loginbg3.png) no-repeat;
background-size: 180px 60px;
position: absolute;
left: 50%;
margin-left: -90px;
top: 0;
margin-top: -30px;
color: #fff;
line-height: 60px;
}
.login-con{
padding: 10px 20px;
overflow: hidden;
}
.login-row{
width: 100%;
min-height: 40px;
border-bottom: 1px solid #ddd;
margin-top: 10px;
line-height: 40px;
}
.login-row input{
padding: 0;
box-shadow: none!important;
font-size: 16px;
}
.login-row label{
font-size: 14px;
color: #666;
}
.login-row .login-text{
width: 100%;
height: 40px;
background: none;
border: none;
outline: none;
line-height: 40px;
}
.login-row .login-text2{
width: 75%;
float: left;
}
.login-row .login-get{
float: right;
line-height: 36px;
height: 36px;
width: 25%;
background: #14286d;
border-radius: 5px;
border: none;
outline: none;
text-align: center;
color: #fff;
font-size: 14px;
cursor: pointer;
}
.login-row .login-get:disabled{
background: #999;
}
.login-row .login-get:hover{
opacity: 0.8;
}
.login-row .login-btn{
width: 100%;
height: 50px;
background: #14286d;
border: none;
outline: none;
color: #fff;
font-size: 18px;
border-radius: 10px;
margin-top: 15px;
cursor: pointer;
}
.login-row .login-btn:hover{
opacity: 0.8;
}
.login-row a{
text-align: center;
margin: 0 auto;
font-size: 14px;
line-height: 40px;
}
.login-row .checkbox-inline input[type="checkbox"]:checked:after{
top: 5px;
}
@media(max-width:700px) {
.login-box{
width: 350px;
margin-bottom: 10px;
margin-top: 60px;
}
.login-row{ font-size: 14px;}
.login-row .login-text2{ width: 55%;}
.login-row .login-get{ width: 35%;}
}
.layui-btn{
background: #14286d;
}
.in-img{
text-align: center;
}
.addBox {
width: 90%;
text-align: right;
margin-top: 5px;
}
.addBox .layui-icon {
font-size: 14px;
color: #666;
cursor: pointer;
margin-left: 10px;
}
.input-button {
width: 40%;
margin: 0 auto;
}
.layui-layer-content img{
width: 150px;
}

6
public/static/css/jquery-weui.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

143
public/static/css/jump.css Normal file
View File

@@ -0,0 +1,143 @@
.jump-page {
min-height: 100vh;
display: flex;
flex-direction: column;
background: #f5f7fb;
}
.jump-shell {
flex: 1;
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 48px 15px 64px;
}
.jump-panel {
display: grid;
grid-template-columns: 64px minmax(0, 1fr) auto;
align-items: center;
gap: 22px;
padding: 30px 34px;
background: #fff;
border: 1px solid #e8edf3;
border-left: 5px solid var(--main-color);
border-radius: 8px;
box-shadow: 0 18px 45px rgba(20, 34, 54, .08);
}
.jump-icon {
width: 54px;
height: 54px;
border-radius: 50%;
background: var(--main-color);
position: relative;
}
.jump-icon:after {
content: "";
position: absolute;
left: 18px;
top: 14px;
width: 16px;
height: 24px;
border: solid #fff;
border-width: 0 4px 4px 0;
transform: rotate(45deg);
}
.jump-panel--error {
border-left-color: #d63622;
}
.jump-panel--error .jump-icon {
background: #d63622;
}
.jump-panel--error .jump-icon:before,
.jump-panel--error .jump-icon:after {
content: "";
position: absolute;
left: 17px;
top: 25px;
width: 20px;
height: 4px;
background: #fff;
border: 0;
transform: rotate(45deg);
}
.jump-panel--error .jump-icon:after {
transform: rotate(-45deg);
}
.jump-content {
min-width: 0;
}
.jump-message {
margin: 0 0 8px;
color: #172033;
font-size: 24px;
line-height: 1.35;
font-weight: 700;
word-break: break-word;
}
.jump-countdown {
margin: 0;
color: #5f6977;
font-size: 15px;
line-height: 1.7;
}
.jump-countdown span {
color: var(--main-color);
font-weight: 700;
}
.jump-actions {
display: flex;
justify-content: flex-end;
}
.jump-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 132px;
min-height: 44px;
padding: 0 22px;
color: #fff;
font-size: 15px;
font-weight: 600;
text-decoration: none;
background: var(--main-color);
border-radius: 8px;
}
.jump-button:hover {
color: #fff;
opacity: .92;
text-decoration: none;
}
@media screen and (max-width: 640px) {
.jump-shell {
padding: 28px 15px 42px;
}
.jump-panel {
grid-template-columns: 1fr;
gap: 16px;
padding: 28px 22px;
}
.jump-message {
font-size: 22px;
}
.jump-actions {
justify-content: flex-start;
}
}

1
public/static/css/layer.css Normal file
View File

File diff suppressed because one or more lines are too long

156
public/static/css/lookup.css Normal file
View File

@@ -0,0 +1,156 @@
.layui-infor {
float: left;
font-size: 12px;
margin-top: 5px;
line-height: 20px;
}
@media (min-width: 768px) {
.content {
padding: 0px !important;
}
}
@media (max-width: 768px) {
.layui-form-checkbox[lay-skin="primary"] div {
white-space: normal !important;
word-wrap: break-word;
width: 300px; /* 设置一个固定宽度 */
display: inline-block;
vertical-align: middle;
}
.layui-form-radio > * {
display: inline;
vertical-align: middle;
font-size: 14px;
}
.layui-container{
height: auto;
}
.layui-table-header{
display: none;
}
}
.container {
padding-top: 15px;
background: #fff;
padding-bottom: 15px;
}
/* 自定义样式使标签在上方 */
.label-above .layui-form-label {
display: block;
float: none;
text-align: left;
padding: 0 0 5px 0;
width: auto !important;
font-weight: 600;
font-size: 18px;
color: #505050;
font-family: sans-serif;
}
.layui-form input {
height: 45px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
}
.layui-btn {
background: var(--main-color);
border: 1px solid var(--main-color);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
border-radius: 5px;
font-size: 22px;
color: #FFF;
letter-spacing: 0;
padding: 5px 20px;
height: auto;
}
.layui-input-wrap .layui-input-prefix + .layui-input, .layui-input-wrap .layui-input-prefix ~ * .layui-input {
background: #fff;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, fieldset[disabled] input[type=text], fieldset[disabled] input[type=email], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=phone], fieldset[disabled] select, input[disabled][type=text], input[disabled][type=email], input[disabled][type=number], input[disabled][type=password], input[disabled][type=phone], input[readonly][type=text], input[readonly][type=email], input[readonly][type=number], input[readonly][type=password], input[readonly][type=phone], select[disabled], select[readonly] {
background: #fff;
}
.layui-input-block {
margin-left: 0;
margin-right: 20px;
}
#confirm {
overflow: hidden;
}
#confirm .item {
display: flex;
align-items: center;
padding: 5px;
}
#confirm .item div {
margin: 0px 10px;
overflow-wrap: break-word;
/*就是下面这一句，好像网上没有这一个的说明，但是浏览器都支持*/
word-break: break-word;
word-wrap: break-word;
}
#Form2 {
display: none;
}
.layui-form-checked[lay-skin=primary] > i {
border: 1px solid #438CBC;
background: #438CBC;
border-color: #438CBC !important;
}
.serviceprice {
display: flex;
flex-direction: column;
min-height: unset !important;
}
.layui-form-radio:hover > *, .layui-form-radioed, .layui-form-radioed > i {
color: var(--main-color) !important;
}
.container-tit {
width: 100%;
font-size: 20px;
color: var(--main-color);
line-height: 50px;
}
.container-con {
width: 100%;
line-height: 24px;
margin-bottom: 10px;
font-size: 14px;
}
.layui-table thead {
color: #fff;
background: var(--main-color);
}
.wrap {
min-height: 100vh; /* 关键点：确保至少填满整个视口高度 */
display: flex;
flex-direction: column;
}
.content {
flex: 1;
}

3
public/static/css/main.css Normal file
View File

@@ -0,0 +1,3 @@
:root {
--main-color: #1b6ca3;
}

697
public/static/css/newin.css Normal file
View File

@@ -0,0 +1,697 @@
:root{
--brand: #1D2D6B;
--brand-dark: #083a65;
--accent: #f05a28;
--text: #0f172a;
--muted: #64748b;
--card: #ffffff;
--line: rgba(15,23,42,.10);
--radius: 14px;
--main-color:#1D2D6B
}
html, body{
height: 100%;
margin: 0;
}
body{
min-height: 100vh;
font-family: "Microsoft YaHei","PingFang SC",system-ui,-apple-system,Segoe UI,Roboto,Arial;
color: var(--text);
background: #fff;
display: flex;
flex-direction: column;
}
.brand-wrap{
display:flex; align-items:center; gap:10px;
color:#fff; text-decoration:none;
}
.brand-badge{
width:34px; height:34px; border-radius:50%;
background: rgba(255,255,255,.18);
display:flex; align-items:center; justify-content:center;
border: 1px solid rgba(255,255,255,.28);
}
.brand-title{ font-weight:700; letter-spacing:.2px; line-height:1.1; }
.brand-sub{ font-size:12px; opacity:.85; }
.navbar .nav-link{ color: rgba(255,255,255,.88); }
.navbar .nav-link:hover{ color:#fff; }
.lang-btn{
border: 1px solid rgba(255,255,255,.35) !important;
color:#fff !important;
background: rgba(255,255,255,.08) !important;
}
/* 防止品牌文字把右侧挤下去 */
.brand-wrap{ display:flex; align-items:center; gap:10px; min-width:0; }
.brand-title,.brand-sub{ white-space:nowrap; }
/* ===== Hero ===== */
.hero{
position: relative;
min-height: clamp(360px, 54vh, 560px);
padding: clamp(40px, 6vh, 72px) 0 clamp(28px, 4.5vh, 56px);
background:
url("../image/thabg.png") center top / cover no-repeat;
display:flex;
align-items:stretch;
overflow: hidden;
}
.hero .container{
position:relative;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
}
.hero-card{
width: min(480px, 90vw);
margin: 0 auto;
background: rgba(255,255,255,.78);
border: 1px solid rgba(255,255,255,.66);
border-radius: 20px;
box-shadow: 0 24px 50px rgba(2,6,23,.24);
padding: 24px 24px 20px;
backdrop-filter: blur(14px);
text-align: center;
}
.hero-card h1{
font-size: clamp(28px, 3vw, 44px);
font-weight: 800;
margin: 0 0 10px 0;
letter-spacing: .2px;
line-height: 1.15;
}
.hero-card p{
margin: 0 0 18px 0;
color: rgba(15,23,42,.80);
line-height:1.7;
font-size: 15px;
text-wrap: balance;
}
.btn-primary-brand{
--bs-btn-bg: var(--brand);
--bs-btn-border-color: var(--brand);
--bs-btn-hover-bg: var(--brand-dark);
--bs-btn-hover-border-color: var(--brand-dark);
--bs-btn-padding-x: 18px;
--bs-btn-padding-y: 10px;
border-radius: 10px;
font-weight: 700;
}
@media (min-width: 1600px){
.hero{
min-height: 660px;
background-position: center 14%;
}
}
@media (min-width: 1200px) and (max-width: 1599.98px){
.hero{
min-height: 540px;
background-position: center 10%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.hero{
min-height: 500px;
background-position: 50% 8%;
}
}
@media (max-width: 991.98px){
.hero{
min-height: 380px;
padding: 34px 0 24px;
background-position: 52% top;
}
.hero-card{
width: min(440px, 92vw);
padding: 20px 18px 18px;
border-radius: 18px;
}
.hero-card p{
font-size: 14px;
margin-bottom: 16px;
}
}
@media (max-width: 575.98px){
.hero{
min-height: 340px;
padding: 24px 0 16px;
background-position: 56% top;
}
.hero-card{
width: calc(100vw - 28px);
padding: 18px 16px 16px;
border-radius: 16px;
}
.hero-card h1{
font-size: 24px;
}
}
/* ===== Notice ===== */
.notice{
padding: 14px 0;
border-bottom: 1px solid var(--line);
}
.notice .tip-title{
color: #dc2626;
font-weight: 800;
margin-right: 6px;
}
.notice p{
margin:0;
color: rgba(15,23,42,.70);
font-size: 13px;
line-height: 1.7;
}
/* ===== Section common ===== */
.section{ padding: 44px 0; }
.section-title{
text-align:center;
font-size: 18px;
font-weight: 900;
color: var(--brand);
margin-bottom: 18px;
}
/* ===== Flow ===== */
.flow-wrap{
border: 1px solid var(--line);
border-radius: var(--radius);
background: #fff;
padding: 22px 18px;
}
.flow-step{ text-align:center; padding: 8px 10px; }
.flow-ico{
width: 56px; height: 56px;
margin: 0 auto 10px;
border-radius: 14px;
background: rgba(11,95,168,.08);
border: 1px solid rgba(11,95,168,.18);
display:flex; align-items:center; justify-content:center;
color: var(--brand);
font-size: 26px;
}
.flow-step h6{ margin:0 0 6px 0; font-weight: 900; }
.flow-step p{ margin:0; color: var(--muted); font-size: 13px; }
.flow-arrow{
display:flex; align-items:center; justify-content:center;
color: rgba(15,23,42,.25);
font-size: 24px;
}
@media (max-width: 767px){
.flow-arrow{ display:none; }
}
.brand-badge-logo{
width: 32px;
height: 32px;
background: url("../image/tdac_icon.png") center/contain no-repeat;
}
/* ===== Intro ===== */
.intro-card{
border: 1px solid var(--line);
border-radius: var(--radius);
padding: 18px 18px 16px;
background: #fff;
}
.intro-card h2{
font-size: 26px;
font-weight: 900;
color: var(--brand);
margin: 4px 0 10px 0;
}
.intro-card p{
color: rgba(15,23,42,.72);
line-height: 1.8;
font-size: 14px;
margin-bottom: 10px;
}
.btn-outline-brand{
border: 1px solid rgba(11,95,168,.30);
color: var(--brand);
font-weight: 800;
border-radius: 10px;
padding: 10px 16px;
}
.btn-outline-brand:hover{
background: rgba(11,95,168,.08);
color: var(--brand-dark);
border-color: rgba(11,95,168,.42);
}
/* ===== Why us ===== */
.why-title{
text-align:center;
font-size: 22px;
font-weight: 1000;
margin: 6px 0 4px;
}
.why-sub{
text-align:center;
color: var(--muted);
margin-bottom: 18px;
font-size: 13px;
}
.feature{
background: #f8fafc;
border: 1px solid rgba(15,23,42,.06);
border-radius: var(--radius);
padding: 18px 16px;
height: 100%;
}
.feature .fi{
width: 44px; height: 44px;
border-radius: 12px;
background: #fff;
border: 1px solid rgba(15,23,42,.08);
display:flex; align-items:center; justify-content:center;
margin: 0 auto 10px;
color: rgba(15,23,42,.70);
font-size: 20px;
}
.feature h6{ text-align:center; font-weight: 900; margin: 0 0 6px; }
.feature p{ text-align:center; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
/* ===== 新增：套餐模块 ===== */
.plan{
border: 1px solid var(--line);
border-radius: var(--radius);
background: #fff;
padding: 18px 16px;
height: 100%;
}
.plan .tag{
display:inline-block;
font-size: 12px;
padding: 5px 10px;
border-radius: 999px;
border: 1px solid rgba(11,95,168,.18);
background: rgba(11,95,168,.08);
color: rgba(15,23,42,.72);
margin-bottom: 10px;
}
.plan h5{ font-weight: 1000; margin: 0 0 6px; }
.plan .meta{ color: rgba(15,23,42,.60); font-size: 13px; }
.plan ul{
margin: 10px 0 0;
padding-left: 18px;
color: rgba(15,23,42,.72);
font-size: 13px;
line-height: 1.85;
}
.btn-accent{
background: var(--accent);
border-color: var(--accent);
font-weight: 900;
border-radius: 12px;
padding: 12px 26px;
box-shadow: 0 12px 28px rgba(240,90,40,.30);
}
.btn-accent:hover{ filter: brightness(.95); }
/* ===== 新增：FAQ ===== */
.accordion-item{
border: 1px solid rgba(15,23,42,.10);
border-radius: 16px !important;
overflow:hidden;
background:#fff;
margin-bottom: 10px;
}
.accordion-button{ font-weight: 900; }
.accordion-button:not(.collapsed){
background: rgba(11,95,168,.08);
color: var(--brand-dark);
}
/* ===== Dark section ===== */
.dark-section{
background: var(--brand-dark);
color: rgba(255,255,255,.88);
padding: 54px 0;
}
.dark-section h3{
text-align:center;
font-weight: 1000;
margin: 0 0 12px;
font-size: 26px;
color:#fff;
}
.dark-section p{
text-align:center;
margin: 0 auto;
max-width: 980px;
line-height: 1.9;
font-size: 14px;
color: rgba(255,255,255,.78);
}
/* ===== Footer ===== */
footer{
margin-top: auto;
flex-shrink: 0;
background: #0b1220;
color: rgba(255,255,255,.75);
padding: 26px 0 18px;
font-size: 12px;
}
footer a{ color: rgba(255,255,255,.78); text-decoration:none; }
footer a:hover{ color:#fff; text-decoration:underline; }
.footer-divider{ height:1px; background: rgba(255,255,255,.10); margin: 14px 0; }
/* ===== 新增：悬浮客服按钮 ===== */
.float-help{
position: fixed;
right: 18px;
bottom: 18px;
z-index: 2000;
display:flex;
flex-direction: column;
gap: 10px;
}
.float-btn{
width: 46px; height: 46px;
border-radius: 14px;
border: 1px solid rgba(15,23,42,.12);
background: #fff;
box-shadow: 0 14px 30px rgba(2,6,23,.12);
display:flex; align-items:center; justify-content:center;
color: rgba(15,23,42,.75);
}
.float-btn:hover{ color: var(--brand); border-color: rgba(11,95,168,.25); }
/* ===== Flow Stepper v2 ===== */
.flow2{
border: 1px solid var(--line);
border-radius: var(--radius);
background:#fff;
padding: 22px;
}
.flow2 .step{
display:flex;
gap:14px;
position:relative;
padding: 10px 0;
}
.flow2 .step:not(:last-child)::after{
content:"";
position:absolute;
left: 18px;
top: 52px;
bottom: -6px;
width:2px;
background: rgba(11,95,168,.18);
}
.flow2 .badge-num{
width: 38px;
height: 38px;
border-radius: 14px;
background: rgba(11,95,168,.10);
border:1px solid rgba(11,95,168,.20);
display:flex;
align-items:center;
justify-content:center;
font-weight: 900;
color: var(--brand);
flex: 0 0 38px;
}
.flow2 .step h6{ margin: 2px 0 6px; font-weight: 900; }
.flow2 .step p{
margin:0;
color: rgba(15,23,42,.70);
font-size: 13px;
line-height:1.8;
}
.flow2-side{
border: 1px dashed rgba(11,95,168,.28);
border-radius: var(--radius);
padding: 16px 16px 14px;
background: rgba(11,95,168,.04);
height:100%;
}
.flow2-side .k{
font-weight: 900;
margin-bottom: 8px;
}
.flow2-side .i{
font-size: 13px;
color: rgba(15,23,42,.70);
line-height: 1.9;
}
/* ===== Intro v2: 信息块更像官网 ===== */
.intro2{
border: 1px solid var(--line);
border-radius: var(--radius);
background:#fff;
overflow:hidden;
}
.intro2 .left{
min-height: 240px;
background: linear-gradient(120deg, rgba(11,95,168,.16), rgba(11,95,168,.03));
position:relative;
}
.intro2 .left::before{
content:"";
position:absolute; inset:0;
background: url("../image/taiguo.png") center/contain no-repeat;
opacity:.95;
}
.intro2 .right{
padding: 18px 18px 16px;
}
.intro2 h2{
font-size: 24px;
font-weight: 1000;
color: var(--brand);
margin: 2px 0 10px;
text-align: center;
}
.intro2 .bul{
display:grid;
gap:8px;
margin: 10px 0 14px;
}
.intro2 .bul div{
display:flex;
gap:10px;
color: rgba(15,23,42,.72);
font-size: 13px;
line-height:1.8;
}
.intro2 .bul i{ color: var(--brand); }
/* ===== Top bar (clean) ===== */
.topbar{
position: sticky;
top: 0;
z-index: 1000;
background: var(--brand);
backdrop-filter: blur(8px);
border-bottom: 1px solid rgba(255,255,255,.12);
}
/* container：PC 单行不换行；手机允许换行让 #nav 到下一行 */
.topbar .topbar-inner{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: nowrap;
}
/* 你现在的结构：topbar-head 里面是 brand + right */
.topbar .topbar-head{
display: flex;
align-items: center;
justify-content: space-between;
width: auto; /* PC：不占满，避免把 #nav 顶下去 */
flex: 0 0 auto;
gap: 12px;
}
.topbar .topbar-right{
display:flex;
align-items:center;
gap: 8px;
flex: 0 0 auto;
}
/* brand */
.topbar .brand-wrap{
display:flex;
align-items:center;
gap:10px;
color:#fff;
text-decoration:none;
min-width: 0;
}
.topbar .brand-title{ font-weight:700; letter-spacing:.2px; line-height:1.1; }
.topbar .brand-sub{ font-size:12px; opacity:.85; }
.topbar .brand-title,
.topbar .brand-sub{ white-space: nowrap; } /* 避免抖动 */
/* logo badge */
.topbar .brand-badge{
width:34px;
height:34px;
border-radius:50%;
background: rgba(255,255,255,.18);
display:flex;
align-items:center;
justify-content:center;
border: 1px solid rgba(255,255,255,.28);
}
.topbar .brand-badge-logo{
background: url("../image/tdac_icon.png") center/contain no-repeat;
background-color: transparent;
}
/* nav link */
.topbar .navbar .nav-link{ color: rgba(255,255,255,.88); }
.topbar .navbar .nav-link:hover{ color:#fff; }
.topbar .lang-btn{
border: 1px solid rgba(255,255,255,.35) !important;
color:#fff !important;
background: rgba(255,255,255,.08) !important;
}
.navbar-collapse{
text-align: center;
}
/* PC：#nav 在同一行靠右 */
@media (min-width: 1200px){
.topbar .topbar-inner{
flex-wrap: nowrap; /* 不换行 */
}
.topbar .navbar-collapse{
flex: 1 1 auto;
justify-content: flex-end; /* 菜单靠右 */
}
/* PC 不需要右侧（手机语言 + 汉堡），避免空盒子影响对齐 */
.topbar .topbar-right{
display: none;
}
}
.contact-page{
padding: 28px 0 50px;
}
/* 手机：brand +（语言+汉堡）一行，#nav 展开到下一行（不抖） */
@media (max-width: 1199.98px){
.topbar .topbar-inner{
flex-wrap: wrap; /* 允许换行，让 #nav 到下一行 */
padding-left: 2px !important; /* 贴边 */
padding-right: 2px !important;
}
/* 手机：topbar-head 占满一行，左右分布 */
.topbar .topbar-head{
width: 100%;
}
/* 手机：#nav 永远在下一行展开 */
.topbar .navbar-collapse{
width: 100%;
}
/* 右侧按钮统一高度对齐 */
.topbar .lang-btn{
height: 34px;
line-height: 34px;
padding: 0 10px;
}
.topbar .navbar-toggler{
padding: 0 !important;
margin: 0 !important;
line-height: 1;
}
.topbar .navbar-toggler-icon{
width: 28px;
height: 28px;
}
}
/* ===== Why v2: 从网格改成“条目式” ===== */
.why2-item{
border: 1px solid rgba(15,23,42,.08);
border-radius: var(--radius);
padding: 14px 14px 12px;
background: #fff;
height:100%;
display:flex;
gap:12px;
}
.why2-ico{
width: 42px; height:42px;
border-radius: 14px;
background: rgba(11,95,168,.08);
border:1px solid rgba(11,95,168,.18);
display:flex; align-items:center; justify-content:center;
color: var(--brand);
flex: 0 0 42px;
font-size: 20px;
}
.why2-item h6{ margin: 0 0 4px; font-weight: 900; }
.why2-item p{ margin:0; color: rgba(15,23,42,.70); font-size: 13px; line-height:1.75; }
/* ---- Passport upload icon button ---- */
.passport-wrap{ position:relative; }
.passport-upload{
position:absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 44px;
border-radius: 6px;
background: rgba(21,56,84,.06);
border: 1px solid rgba(21,56,84,.20);
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.passport-upload i{
font-size: 22px;
color: rgba(21,56,84,.85);
}
.passport-upload input[type="file"]{
position:absolute;
inset:0;
opacity:0;
cursor:pointer;
}
.passport-upload:hover{
background: rgba(21,56,84,.10);
border-color: rgba(21,56,84,.35);
}
/* 真正的 file input 隐藏掉，不参与 hover */
.passport-file{
position:absolute;
width:1px;
height:1px;
opacity:0;
overflow:hidden;
left:-9999px;
}
/* label 就是按钮，cursor 一定是小手 */
.passport-upload{ cursor:pointer; }
.passport-upload .layui-icon{ pointer-events:none; }

198
public/static/css/page-sqpay.css Normal file
View File

@@ -0,0 +1,198 @@
body.sqpay-page {
margin: 0;
background: #f8f8f8;
color: #333;
}
.sqpay-layout {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.sqpay-main {
flex: 1;
padding: 36px 0 64px;
}
.sqpay-shell {
width: min(1140px, calc(100% - 32px));
margin: 0 auto;
}
.sqpay-card {
border: 1px solid #e8e8e8;
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.sqpay-heading {
padding: 14px 20px;
background: var(--main-color);
color: #fff;
}
.sqpay-title {
margin: 0 0 6px;
font-size: clamp(22px, 3vw, 30px);
line-height: 1.2;
font-weight: 700;
}
.sqpay-order {
margin: 0;
font-size: 14px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.92);
}
.sqpay-amount {
margin: 18px 20px 12px;
padding: 12px 14px;
border: 1px solid #e5e5e5;
border-left: 4px solid var(--main-color);
border-radius: 6px;
background: #fff;
}
.sqpay-amount-label {
margin: 0;
color: #666;
font-size: 13px;
line-height: 1.6;
}
.sqpay-amount-value {
margin: 4px 0 0;
color: #ff5722;
font-size: clamp(24px, 3vw, 32px);
font-weight: 700;
line-height: 1.2;
}
.sqpay-grid {
display: grid;
grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr);
gap: 16px;
padding: 10px 20px 20px;
align-items: start;
}
.sqpay-method,
.sqpay-notice {
border: 1px solid #e8e8e8;
border-radius: 6px;
background: #fff;
}
.sqpay-method-head {
padding: 12px 14px;
border-bottom: 1px solid #efefef;
background: #fafafa;
}
.sqpay-method-title {
margin: 0 0 8px;
color: #333;
font-size: 15px;
font-weight: 600;
}
.sqpay-brand-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.sqpay-brand-list img {
display: block;
height: 20px;
width: auto;
}
.sqpay-method-body {
padding: 14px;
}
#card-container {
min-height: 52px;
padding: 10px 12px;
border: 1px solid #dcdcdc;
border-radius: 6px;
background: #fff;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#card-container:focus-within {
border-color: var(--main-color);
box-shadow: 0 0 0 2px rgba(21, 56, 84, 0.12);
}
.sqpay-pay-button {
width: 100%;
height: 48px;
margin-top: 12px;
border: none;
border-radius: 6px;
background: var(--main-color);
color: #fff;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s ease;
}
.sqpay-pay-button:hover {
background: #102d42;
}
.sqpay-pay-button:disabled {
background: #a4b3bf;
cursor: not-allowed;
}
.sqpay-notice {
padding-bottom: 6px;
background: #fafafa;
}
.sqpay-notice-head {
margin: 0;
padding: 12px 14px 8px;
font-size: 15px;
font-weight: 600;
color: var(--main-color);
}
.sqpay-notice-body {
margin: 0;
padding: 0 14px 10px;
color: #555;
font-size: 14px;
line-height: 1.8;
}
@media (max-width: 980px) {
.sqpay-main {
padding: 26px 0 48px;
}
.sqpay-shell {
width: calc(100% - 20px);
}
.sqpay-grid {
grid-template-columns: 1fr;
padding: 10px 12px 14px;
}
.sqpay-heading {
padding: 12px 14px;
}
.sqpay-amount {
margin: 12px;
}
}

73
public/static/css/pcpay.css Normal file
View File

@@ -0,0 +1,73 @@
body {
background-color: #f8f8f8;
}
.payment-container {
max-width: 1140px;
margin: 60px auto;
background: #ffffff;
}
.payment-header {
background-color: var(--main-color);
color: white;
padding: 10px 15px;
text-align: center;
}
.payment-info {
padding: 15px;
border-bottom: 1px solid #eee;
overflow: hidden;
}
.payment-amount {
color: #FF5722;
font-size: 18px;
font-weight: bold;
}
.payment-methods {
margin-top: 20px;
}
.qrcode-container {
text-align: center;
margin-bottom: 20px;
}
.qrcode-img {
width: 150px;
height: 150px;
border: 1px solid #ddd;
margin: 10px auto;
}
.payment-logo {
height: 40px;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.payment-scan {
display: none;
}
}
.dj-btn {
width: 200px;
height: 60px;
background: linear-gradient(180deg, var(--main-color) 0, var(--main-color) 100%); color: #fff;
color: #fff;
border: none;
border-radius: 14px;
margin-top: 20px;
font-size: 20px;
font-family: Roboto;
letter-spacing: .2px;
font-weight: 500;
margin-bottom: 16px;
}
.dj-btn:hover {
background: linear-gradient(180deg, var(--main-color) 0, var(--main-color) 100%);
}

12
public/static/css/swiper.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

450
public/static/css/tur_index.css Normal file
View File

@@ -0,0 +1,450 @@
a:link, a:visited {
text-decoration: none;
}
a {
cursor: pointer;
color: #333;
}
.djcon {
float: right;
margin: -50px 68px 20px 20px;
}
@media (max-width: 1110px) {
.context2 {
width: 100%;
margin: 0 auto;
}
}
.pd-20 {
padding: 20px;
}
.dj-box {
float: right;
width: 350px;
background: rgba(255, 255, 255, 0.8);
border-radius: 5px;
padding: 60px 20px;
}
.dj-box .dj-tabs {
height: 60px;
color: #ffffff;
display: flex;
}
.dj-tabs .tab {
line-height: 60px;
width: 25%;
text-align: center;
background-color: #205493;
}
.dj-tabs .tab:first-child {
border-top-left-radius: 5px
}
.dj-tabs .tab:last-child {
border-top-right-radius: 5px
}
.dj-tabs .tab.active {
background-color: #ffffff;
color: #0a1e2c;
}
.dj-box a {
display: block;
width: 100%;
height: 50px;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 18px;
background: var(--main-color);
left: 50%;
margin: 20px 0 0;
border-radius: 5px;
opacity: 1;
}
.dj-box a:hover {
background: #a83723;
}
.dj-box .dj-cx {
background: #fff;
color: #438CBC;
border: 2px solid #438CBC;
}
.dj-box .dj-cx:hover {
background: var(--main-color);
color: #fff;
}
.form-cell {
display: flex;
justify-content: space-between;
align-items: center;
}
.form-cell .icon {
padding-top: 30px;
}
@media (min-width: 1110px) {
.evus {
height: 345px;
}
/*.home-main{ margin-top: 50px;}*/
.context2 {
width: 1200px;
margin: 0 auto;
}
.apply-item {
width: 50%;
}
.apply-item img{
width: 85%;
}
.bt {
margin: 40px auto;
font-size: 30px;
font-weight: bold;
color: #15477c;
letter-spacing: 2px;
}
/*.content {
width: 100%;
background: url("/public/static/home/images/indexbg1_2.jpg") center 50px no-repeat;
background-size: 100% auto;
}*/
}
/*@media (min-width: 1300px) {
.content {
width: 100%;
background: url("/public/static/home/images/indexbg1_2.jpg") center 80px no-repeat;
background-size: 100% auto;
}
}*/
/*.evus{ background: url("/public/static/home/images/bg_02.jpg") left -150px;}*/
/*.evus-main{ background: none;}*/
.process {
width: 100%;
/*background: #f9f9f9;*/
padding: 20px ;
text-align: center;
}
.pro-con {
max-width: 1110px;
display: flex;
margin: 0 auto;
}
.ps-tit {
width: 100%;
text-align: center;
font-size: 24px;
color: #438CBC;
padding: 20px 0;
font-weight: 800;
}
.process .ps-item {
display: inline-block;
width: auto;
height: auto;
text-align: center;
flex-grow: 1;
}
.ps-item2 {
margin-top: 70px;
}
.process .ps-item img {
width: 26%;
}
.process .ps-item2 img {
margin-top: -75px;
width: 34%;
}
.process .ps-item .ps-text {
width: 100%;
font-size: 16px;
text-align: center;
line-height: 30px;
color: #438CBC;
font-weight: 800;
}
@media (max-width: 740px) {
.container-apply{
flex-direction: column;
}
.apply-item{
padding: 0 20px;
}
.advantages-section{
padding: 20px 10px !important;
}
.einfor-con h3 {
font-size: 20px;
}
.dj-tabs .tab.active {
background-color: transparent;
}
.pc-ps-item {
display: none !important;
}
.m-ps-item{
display: inline-block !important;
width: 5% !important;
}
.einfor {
padding: 20px 0;
}
.m-title{
display: none;
}
.container-apply.notice{
margin-top: 70px !important;
padding: 8px;
}
.process {
height: auto;
padding-bottom: 5px;
}
.process .ps-item {
width: 100%;
display: block;
}
.process .ps-item img {
width: 12%;
}
.ps-tit{
background: var(--main-color);
font-size: 16px;
color: #fff !important;
}
.ps-tit2{
background: var(--main-color);
color: #f8cd55;
}
.pro-con{
margin-top: 20px;
}
.einfor-con {
padding: 0 20px;
}
.context2 {
width: 100%;
margin: 0 auto;
}
/*.content {
background: url("/public/static/home/images/indexbg1_2.jpg") center 60px no-repeat;
background-size: auto 100%;
}*/
.text2 {
width: 100%;
display: block;
padding: 20px 20px 5px;
}
.text2 .tel {
color: #e50000;
font-size: 22px;
}
.pro-con {
display: block;
}
.djcon {
clear: all;
width: 100%;
margin: 0;
padding: 0 10px;
box-sizing: border-box;
}
.process .ps-item .ps-text {
line-height: 35px;
margin-bottom: 5px;
}
.ps-tit {
/*line-height: 40px;*/
}
.ps-tit2 {
padding-bottom: 10px !important;
}
.dj-box {
width: 100%;
background: rgba(255, 255, 255, 0.8);
border-radius: 8px;
box-sizing: border-box;
padding: 40px;
}
.dj-box .dj-txt {
font-size: 20px !important;
}
.dj-box .dj-txt2 {
font-size: 16px !important;
}
.dj-box a {
width: 100%;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 17px;
background: var(--main-color);
border-radius: 2px solid var(--main-color);
}
.content .text {
width: 100%;
float: right;
}
}
.einfor {
width: 100%;
max-width: 1170px;
overflow: hidden;
margin: 0 auto;
line-height: 26px;
padding: 20px 68px;
box-sizing: border-box;
}
@media (max-width: 1110px) {
.einfor {
padding: 20px;
}
}
.einfor ul {
list-style-type: circle;
margin-left: 45px;
}
/*.einfor-con h3, .einfor-con > p {*/
/* color: #438CBC;*/
/*}*/
.einfor-con a {
display: inline-block;
padding: 8px 0;
width: 324px;
border-radius: 6px;
background: #2e8540!important;
color: #fff;
font-size: 18px;
margin: 20px 0;
}
.einfor-con a:hover {
color: #fff;
opacity: 0.8;
}
.einfor-con2 {
text-align: center;
}
.einfor-qrcode {
width: 324px;
padding: 20px 20px 15px 20px;
background: #f9f9f9;
border-radius: 6px;
margin: 0 auto;
}
.einfor-qrcode img {
width: 200px;
border-radius: 6px;
margin-bottom: 10px;
}
.einfor-qrcode p {
color: #438CBC;
line-height: 22px;
text-align: center;
margin: 0;
}
@media (min-width: 800px) {
.einfor-con {
width: 50%;
float: left;
}
}
@media (max-width: 799px) {
.einfor-con {
width: 100%;
}
.einfor-con2 .einfor-qrcode2 {
display: none;
}
.einfor-con2 > div {
float: none !important;
}
}
.einfor-con .tel {
background: none !important;
color: #FF0303;
margin: 0 !important;
}
.einfor-qrcode a.dj-cx {
background: #fff !important;
color: #438CBC !important;
border: 2px solid #438CBC !important;
}
.container-apply{
display: flex;
max-width: 1110px;
margin: 0 auto;
align-items: center;
}
@media (min-width: 740px) {
.item-border {
border: 1px solid #F2F2F2;
padding: 20px;
border-radius: 8px;
}
.ps-item.ps-item2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.nav_con a,.nav_con a:hover{
font-size: 17px !important;
}
}

16496
public/static/css/tur_main.css Normal file
View File

File diff suppressed because it is too large Load Diff

119
public/static/css/tur_reset.css Normal file
View File

@@ -0,0 +1,119 @@
/* CSS Document */
html, body, div, span, input, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {
padding: 0;
margin: 0;
border: 0;
font-weight: normal;
font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari */
}
ol, ul {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
a:link {
text-decoration: none !important;
}
a:visited {
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
a:active {
text-decoration: none !important;
}
a:focus {
outline: none;
}
a.hidefocus {
outline: none
}
.fl {
float: left;
}
.fr {
float: right;
}
img {
max-width: 100% !important
}
input[type=text], input[type=button], input[type=submit] {
-webkit-appearance: none; /*去除iPhone input默认样式}*/
}
input {
font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}
.clearfix:after {
clear: both;
content: '.';
display: block;
width: 0;
height: 0;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
.container {
width: 1200px;
margin: 0 auto
}
.dis {
display: none
}
body {
font-size: 14px;
background: #fff
}

1190
public/static/css/tur_style.css Normal file
View File

File diff suppressed because it is too large Load Diff

452
public/static/css/tur_zh_top.css Normal file
View File

@@ -0,0 +1,452 @@
*{
margin: 0;
padding: 0;
}
.zh_content{
width: 100%;
position: relative;
}
.swiper{
width: 100%;
height: auto;
max-height: 620px;
overflow: hidden;
position: relative;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
}
.swiper-slide img{
width: 100%;
height: 550px;
object-fit: cover;
object-position: 0 -125px;
}
.swiper-slide-img{
width: 100%;
height: 750px;
background:url('../image/bg.png') no-repeat;
background-size: 100% 100%;
}
@media (max-width: 1800px) and (min-width: 1140px){
.swiper-slide-img{
height: 650px !important;
}
}
.zh_top{
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 200;
}
.zh_head{
width: 100%;
height: 50px;
/* border-bottom: 1px solid #ddd; */
display: flex;
align-items: center;
}
.zh_hcon{
width: 1170px;
margin: 0 auto;
padding: 0px 68px;
}
.zh_head .zh_logo,.zh_head .zh_logo img{
height: 60px;
float: left;
}
.zh_hr{
float: right;
line-height: 40px;
color: #fff;
}
.login_info_div {
display: none;
}
.zh_hr a,.zh_hr span{
color: #fff;
margin-left: 15px;
font-size: 12px;
}
.zh_hr span em{
font-style: normal;
font-size: 16px;
}
.white{
background: #fff;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}
.white a,.white span{
color: #333 !important;
}
.blackbg {
background-color: var(--main-color);
/*background: url('../picture/heng.png');*/
}
.zh_nav{
width: 100%;
display: flex;
align-items: center;
margin-top: 0;
height: 40px;
}
.nav_con{
width: 1170px;
margin: 0 auto;
height: 70px;
line-height: 70px;
list-style: none;
padding: 0px 68px;
}
.nav_con a{
color: #fff;
float: left;
font-size: 16px;
margin-right: 40px;
}
.nav_con a:hover{
color: #fff;
float: left;
font-size: 16px;
margin-right: 40px;
}
.zh_nav_btn{
display: none;
}
.evus-main{
position: absolute;
width: 100%;
z-index: 100;
top: 15%;
left: 0;
}
.djcon{
width: 1040px;
margin: 0 auto;
float: none;
}
@media (max-width: 1200px){
.swiper-slide img {
height: 450px !important;
object-position: top !important;
}
.zh_top{
height: auto;
width: 100%;
background: var(--main-color);
}
.zh_head,.zh_hcon{
width: auto;
float: left;
border: none;
margin-left: 10px;
}
.zh_hr{
display: none;
}
.login_info_div {
display: block;
}
.zh_nav{
width: 100%;
height: auto;
margin-top: 60px;
right: 0;
left: 0;
}
.zh_nav_btn{
position: absolute;
right: 20px;
top: 20px;
width: 30px;
height: auto;
display: block;
}
.nav_con{
width: 100%;
height: auto;
display: none;
overflow: hidden;
padding: 0 10% 10px;
box-sizing: border-box;
}
.nav_con li{
width: 100%;
height: 40px;
border-radius: 5px;
}
.nav_con li:hover,.nav_con li.selected{
background: #f3b78d;
}
.nav_con a{
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
}
}
@media (max-width: 1020px){
.djcon{
width: 100%;
/*padding-right: 20px;*/
box-sizing: border-box;
}
}
@media (max-width: 740px){
.swiper {
height: 0 !important;
}
.swiper-slide img{
height: 450px !important;
object-position: top !important;
}
.swiper-slide-img{
background:url('../image/mobile.png') no-repeat;
background-size: 100% 100%;
height: 350px;
}
.layui-form-item .layui-form-label{
word-wrap: break-word; /* 允许长单词或URL地址换行到下一行 */
word-break: break-all; /* 强制文本进行换行 */
white-space: normal; /* 允许文本在任意字符处换行 */
}
.layui-form-radio div{
display: inline;
}
.evus-main{
top: 10px;
bottom: 0;
height: auto;
display: flex;
align-items: center;
position: inherit;
}
.form-cell {
display: block;
}
.dj-box .fromto-box {
width: 100% !important;
}
.form-cell .icon {
display: none !important;
}
.zh_content{
top: 60px;
margin-bottom: 20px;
}
}
@media (min-width: 740px) and (max-width: 1024px){
.swiper-slide-img{
background: url(../image/bg.png) no-repeat;
background-size: 100% 100%;
}
.middle-box2{
width: 95% !important;
margin-left: 0px !important;
}
}
@media (max-width: 1020px) and (min-width: 740px){
.swiper-slide-img{
background:url('../image/bg.png') no-repeat;
background-size: 100% 100%;
}
.evus-main {
top: 25%;
right: 5%;
left: unset;
}
}
.layui-layer-dialog .layui-layer-content .layui-layer-face{
/*top: 45%;*/
}
.desc-box {
display: flex;
width: 1200px;
justify-content: space-evenly;
margin: 20px auto;
/*border-bottom: 1px solid #e3e2e2;*/
padding-bottom: 10px;
}
.desc-box>p {
display: flex;
flex-direction: column;
text-align: center;
font-size: 1rem;
}
.desc-box strong {
font-size: 1.5rem;
}
.middle-box2 {
width: 75%;
margin: 0 auto 20px auto;
display: flex;
justify-content: space-between;
}
.middle-box2 .image-box {
height: 234px;
padding-top: 10px;
}
.middle-box2 img {
width: 528px;
height: 100%;
border-radius: 30px;
}
.middle-box2 svg {
width: 32px;
height: 32px;
}
.middle-box2 h2 {
font-size: 30px;
font-weight: 600;
line-height: 56px;
}
.middle-box2 p {
font-size: 1rem;
line-height: 28px;
}
.middle-box2 a {
background: var(--main-color);
padding: 20px 40px;
border-radius: 30px;
color: #ffffff;
transition: all 400ms;
}
.middle-box2 a:hover {
color: #ffffff;
background-color: var(--main-color);
}
.middle-box2 button {
background: none;
border: none;
font-weight: 700;
}
.middle-box2 .wh16 {
width: 16px;
height: 16px;
}
.middle-box2 .mt30 {
margin-top: 30px;
}
.middle-box2 .right-box {
margin: 0 auto;
display: grid;
flex-direction: column;
box-sizing: border-box;
grid-template-rows: repeat(2, minmax(0,1fr));
grid-template-columns: repeat(4, minmax(0,1fr));
max-width: 1110px;
}
.middle-box2 .right-box .item {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
background: rgba(241, 249, 252, 1);
margin: 5px;
padding: 30px 20px;
border-radius: 10px;
transition: all 400ms;
}
.middle-box2 .right-box .item:hover {
cursor: pointer;
background-color: var(--main-color);
color: #ffffff;
}
.middle-box2 .right-box .item h6 {
font-size: 1.25rem;
line-height: 34px;
font-weight: 600;
}
.middle-box2 .right-box .item p {
font-size: .875rem;
}
@media (max-width: 740px){
.desc-box {
width: 100%;
display: block;
/*margin: 70px auto 20px auto;*/
}
.zh_hcon {
padding: 0px 0px;
}
.zh_head .zh_logo, .zh_head .zh_logo img{
height: 35px;
}
.flex-center {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.middle-box2 {
padding: 10px;
width: 100%;
flex-direction: column;
}
.middle-box2 .right-box {
margin-left: 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.dj-box .fromto-box {
display: flex;
flex-direction: column;
width: 43%;
}
.dj-box .fromto-box input {
padding: 10px;
border-radius: 5px;
width: 100%;
border: 1px solid gray;
}
.dj-box .fromto-box.date label {
color: #205493;
}
.mr20 {
margin-right: 20px;
}
.mt20 {
margin-top: 20px;
}
@media (min-width: 740px) {
.zh_head{
height: 70px;
}
}
.layui-container {
padding-bottom: 30px;
}
body{
background: #f8f8f8 !important;
}

487
public/static/css/user.css Normal file
View File

@@ -0,0 +1,487 @@
.content{
background: none !important;
}
.usercon{
width: 100%;
min-height: 300px;
overflow: hidden;
margin-top: 20px;
display: flex;
margin-bottom: 15px;
}
.user-tit{
height: 50px;
background: var(--main-color);
width: 100%;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #fff;
}
.user-tit2{
text-align: left;
text-indent: 20px;
}
.user-l{
float: left;
width: 250px;
min-height: 300px;
background: #fff;
margin-right: 15px;
}
.user-a{
width: 100%;
height: 50px;
line-height: 50px;
display: block;
text-align: center;
cursor: pointer;
border-bottom: 5px solid #f0f0f0;
color: #000;
}
.user-a.user-on{
color: var(--main-color);
border-bottom: 5px solid var(--main-color);
}
.user-a:hover{
border-bottom: 5px solid var(--main-color);
}
.user-r{
flex: 1;
min-height: 300px;
background: #fff;
}
.user-none{
line-height: 200px;
text-align: center;
}
.user-c{
width: 100%;
margin-top: 10px;
}
ul li{
list-style: none;
}
.user-xx{
width: 94%;
border: 1px solid #ddd;
float: left;
margin: 15px 0 15px 3%;
line-height: 40px;
border-radius: 4px;
/*background: #eee;*/
}
.user-xx li{
width: 100%;
padding: 0 20px;
box-sizing: border-box;
overflow: hidden;
}
.user-xx li:nth-child(even){
background: #fff;
}
.user-xx li span{
width: 18%;
float: left;
display: block;
}
.user-xx li span:nth-child(even){
width: 32%;
}
.user-xx li a{
color: var(--main-color);
float: right;
padding: 0 15px;
line-height: 28px;
margin: 6px 0 6px 15px;
display: inline-block;
border-radius: 4px;
background: var(--main-color);
color: #fff;
text-align: center;
}
.user-xx li a:hover{
color: #fff;
}
.dd-type{
width: 94%;
margin: 0 3%;
box-sizing: border-box;
height: 44px;
background: #eee;
border: 1px solid #ddd;
display: block;
}
.dd-type span{
float: left;
width: 50%;
height: 44px;
line-height: 44px;
text-align: center;
cursor: pointer;
}
.dd-type .dd-type-on{
color: var(--main-color);
height: 42px;
border: 2px solid var(--main-color);
}
.xx-con{
width: 100%;
overflow: hidden;
}
.xx-con2{
display: none;
}
.form-btn {
display: block;
width: 100%;
height: 50px;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 18px;
background: var(--main-color);
margin: 15px 0;
border-radius: 8px;
border-radius: 2px solid var(--main-color);
}
@media(max-width:700px) {
.layui-container{
margin-top:70px;
}
.usercon{
margin-top: 30px;
flex-direction: column;
}
.user-l{
width: 100%;
min-height:unset;
display: flex;
}
.user-a{
width: 50%;
}
.user-tit{
display: none;
}
}
.input-group{
width: 100%;
}
.submenu a:hover {
text-decoration: none;
}
.user-a1 {
display: block;
padding-left: 20px !important;
}
.mobile-menu-group {
height: 50px;
background: var(--main-color);
width: 100%;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #fff;
margin-top: 20px;
}
.menu-toggle {
display: none;
}
.mobile-menu-group {
position: relative;
}
.menu-title {
cursor: pointer;
position: relative;
padding-right: 30px !important;
display: block;
color: #fff;
font-weight: normal;
}
.arrow-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
}
.submenu {
max-height: 0;
overflow: visible;
transition: max-height 0.3s ease-out;
background: #fff;
border-radius: 3px;
}
.submenu a {
color: #000;
padding: 0 !important;
line-height: 40px;
height: 40px;
display: block;
}
.menu-toggle:checked ~ .submenu {
max-height: 200px;
}
.menu-toggle:checked ~ .menu-title .arrow-icon {
transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 700px) {
.submenu {
overflow: hidden;
}
.arrow-icon {
border-top: 5px solid #333;
}
.submenu {
background: var(--main-color);
}
.menu-title {
color: #000;
}
.submenu a {
color: #fff;
}
/* 移动端优先的响应式布局 */
.user-l {
flex-wrap: wrap; /* 菜单项自动换行 */
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.user-a {
width: 31%; /* 两列布局 */
margin: 5px 1%;
text-align: center;
background: #f8f8f8;
border-radius: 4px;
}
.user-tit {
width: 100%; /* 标题独占一行 */
padding: 10px 0;
font-size: 16px;
}
.user-r {
width: 100% !important;
}
body {
padding: 0;
}
.user-xx li span {
min-width: 30% !important;
width: auto !important;
}
.user-tit2 {
display: none;
}
.user-xx li {
width: 100%;
}
.user-xx li:nth-child(even) {
background: #fff !important;
}
.user-xx li:nth-child(odd) {
background: #eee !important;
}
.usercon {
margin: 0;
}
.container {
box-sizing: border-box;
}
.user-r {
margin-bottom: 10px;
}
}
@media (min-width: 700px) {
.user-xx li span {
min-width: 30% !important;
width: auto !important;
}
.user-xx li {
width: 50%;
float: left;
}
.user-xx li a {
float: left;
margin: 6px 15px 6px 0;
}
}
.add {
float: right;
padding: 0 25px;
line-height: 34px;
margin: 10px 3% 0 0;
display: inline-block;
border-radius: 4px;
background: var(--main-color);
color: #fff;
text-align: center
}
.cont2,
.cont3,
.cont4,
.cont5 {
display: none;
}
.djtable {
display: none;
}
.djtable2 {
display: block;
}
.container-tit {
width: 100%;
font-size: 20px;
color: var(--main-color);
line-height: 50px;
}
.container-con {
width: 100%;
line-height: 24px;
margin-bottom: 10px;
font-size: 14px;
}
.djtable {
width: 100%;
}
.djtable table {
width: 100%;
border-collapse: collapse;
border: 2px solid var(--main-color);
}
.djtable th,
.djtable td {
text-align: center;
border: 1px solid var(--main-color);
height: 40px;
font-size: 14px;
}
.djtable th {
color: #fff;
background: var(--main-color);
}
.djtable td {
color: #333;
}
.djtable2 table {
width: 100%;
text-align: center;
line-height: 36px;
font-size: 14px;
}
.djtable2 tr {
border-bottom: 1px solid #eee;
}
.djtable2 th {
text-align: center;
}
.djtable2 td {
color: #666;
text-align: center;
}
.formrow {
width: 100%;
overflow: hidden;
}
.m-help ul {
padding: 0 !important;
}
.btn-primary:hover {
background: #337ab7 !important;
}
.modal-open .modal .modal-dialog.modal-txt {
max-height: 550px;
overflow-y: auto;
}
.nodata {
width: 100%;
text-align: center;
padding: 20px 0px;
margin: 0 auto;
}
.nodata a {
width: 30%;
height: 40px;
margin: 10px;
line-height: 40px;
display: inline-block;
border-radius: 4px;
background: var(--main-color);
color: #fff;
text-align: center;
}
@media (max-width: 700px) {
.user-l {
width: 100%;
min-height: unset;
display: flex;
}
.user-tit {
display: none;
}
.usercon {
flex-direction: column;
}
}

193
public/static/css/visa.css Normal file
View File

@@ -0,0 +1,193 @@
#Form2, #Form3, #Form3 {
display: none;
}
@media screen and (max-width: 450px) {
.layui-form-item .layui-input-inline {
margin: 0;
margin-top: 10px;
}
}
.layui-input-block {
min-height: 44px;
}
.layui-layer-photos {
background: #FFFFFF;
}
#person_img_preview {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.image-item {
position: relative;
width: 120px;
height: 120px;
}
.image-item img {
width: 100%;
height: 100%;
border: 1px solid #e6e6e6;
border-radius: 5px;
}
.image-item .delete-image {
position: absolute;
top: -15px;
right: -15px;
}
/* 修改选中项的背景颜色和字体颜色 */
xm-select .xm-label .xm-label-block {
background-color: var(--main-color) !important; /* 蓝色背景 */
}
/* 修改下拉框选项的悬停背景颜色 */
xm-select .xm-body .selected .xm-option-icon {
color: var(--main-color) !important; /* 蓝色背景 */
}
.layui-container {
/*margin-top: 30px !important;*/
}
.layui-form-item .layui-inline {
width: 45%;
}
.layui-input-block {
margin-left: 10px;
}
.layui-form-label {
position: relative;
float: none;
display: block;
padding: 9px 15px;
width: 100%;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.layui-form-mid.layui-word-aux {
color: #999; /* 提示文字颜色 */
font-size: 12px; /* 字号 */
margin-top: 5px; /* 提示信息与输入框的间距 */
}
.layui-input-group {
width: 100%;
}
.layui-input-group .layui-input-group-prepend {
width: 150px; /* 设置下拉框宽度 */
}
.layui-btn {
background-color: var(--main-color);
}
/* 针对电脑端留空 */
@media (min-width: 768px) {
.layui-col-md6 {
padding-right: 50px; /* 留空区域 */
}
.layui-col-xs12 {
padding-right: 20px; /* 在手机端，使用 margin-bottom 让元素之间有间隔 */
}
}
/* 针对手机端留空 */
@media (max-width: 767px) {
.layui-col-xs12 {
padding-right: 20px; /* 在手机端，使用 margin-bottom 让元素之间有间隔 */
}
.layui-container {
/*margin-top: 80px !important;*/
/*height: auto !important;*/
}
}
/* 修改radio选中时的整体颜色，包括圆圈和文字 */
.layui-form-radioed,
.layui-form-radioed > i {
color: var(--main-color) !important; /* 修改选中状态的颜色 */
}
/* 修改悬停时的整体颜色 */
.layui-form-radio:hover,
.layui-form-radio:hover > i,
.layui-form-radio:hover > div {
color: var(--main-color) !important; /* 修改悬停状态的颜色 */
}
/* 修改未选中状态下的文字和圆圈颜色 */
.layui-form-radio > i {
color: var(--main-color) /* 默认状态的圆圈颜色 */
}
.layui-laydate .layui-this, .layui-laydate .layui-this > div {
background-color: var(--main-color) !important;
color: #fff !important;
}
.layui-form-select dl dd.layui-this {
background-color: #f8f8f8;
color: var(--main-color);
font-weight: 700;
}
.layui-form-checked[lay-skin=primary] > i {
border-color: var(--main-color) !important;
background-color: var(--main-color);
color: #fff;
}
.layui-layer-btn .layui-layer-btn0 {
border-color: transparent;
background-color: var(--main-color);
color: #fff;
}
.layui-form-label {
font-weight: 600;
font-size: 18px;
color: #505050;
font-family: sans-serif;
}
.layui-input-wrap {
line-height: 44px;
}
.layui-input {
height: 44px !important;
}
.select[readonly] {
background-color: #fff;
opacity: 1;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, fieldset[disabled] input[type=text], fieldset[disabled] input[type=email], fieldset[disabled] input[type=number], fieldset[disabled] input[type=password], fieldset[disabled] input[type=phone], fieldset[disabled] select, input[disabled][type=text], input[disabled][type=email], input[disabled][type=number], input[disabled][type=password], input[disabled][type=phone], input[readonly][type=text], input[readonly][type=email], input[readonly][type=number], input[readonly][type=password], input[readonly][type=phone], select[disabled], select[readonly] {
background-color: #fff;
opacity: 1;
}
.layui-layer-page .layui-layer-content {
text-align: center;
}
.layui-form-item span {
color: #f00;
}

453
public/static/css/wepay.css Normal file
View File

@@ -0,0 +1,453 @@
.wepay-page {
min-height: 100vh;
display: flex;
flex-direction: column;
background: #f5f7fb;
}
.wepay-shell {
flex: 1;
width: 100%;
padding: 48px 15px 64px;
}
.wepay-card {
max-width: 1120px;
margin: 0 auto;
overflow: hidden;
background: #fff;
border: 1px solid #e8edf3;
border-radius: 8px;
box-shadow: 0 18px 45px rgba(20, 34, 54, .08);
}
.wepay-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 28px 32px;
color: #fff;
background: var(--main-color);
}
.wepay-card__head h1 {
margin: 6px 0 0;
font-size: 24px;
line-height: 1.35;
font-weight: 600;
}
.wepay-card__head img {
height: 30px;
max-width: 180px;
object-fit: contain;
}
.wepay-eyebrow {
margin: 0;
font-size: 13px;
line-height: 1.4;
letter-spacing: 0;
opacity: .82;
}
.wepay-summary {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
background: #e8edf3;
}
.wepay-summary > div {
padding: 20px 32px;
background: #fff;
}
.wepay-summary span {
display: block;
margin-bottom: 8px;
color: #6d7785;
font-size: 14px;
}
.wepay-summary strong {
color: #172033;
font-size: 20px;
line-height: 1.3;
word-break: break-word;
}
.wepay-summary .wepay-amount {
color: #e25a2c;
}
.wepay-methods {
display: grid;
grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) 320px;
gap: 24px;
padding: 32px;
}
.wepay-method,
.wepay-guide {
border: 1px solid #e8edf3;
border-radius: 8px;
background: #fff;
}
.wepay-method {
padding: 22px;
text-align: center;
}
.wepay-method__title {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
margin-bottom: 18px;
color: #172033;
font-size: 16px;
font-weight: 600;
}
.wepay-method__title img {
max-width: 92px;
max-height: 34px;
object-fit: contain;
}
.wepay-qr {
display: inline-flex;
align-items: center;
justify-content: center;
width: 190px;
height: 190px;
padding: 12px;
border: 1px solid #dfe5ec;
border-radius: 8px;
background: #fff;
}
.wepay-qr img {
width: 100%;
height: 100%;
object-fit: contain;
}
.wepay-guide {
padding: 24px;
background: #f9fbfd;
}
.wepay-guide img {
display: block;
width: 150px;
height: 210px;
margin: 0 auto 16px;
object-fit: contain;
}
.wepay-guide h2 {
margin: 0 0 10px;
color: #172033;
font-size: 18px;
line-height: 1.35;
font-weight: 600;
}
.wepay-guide p {
margin: 0;
color: #5f6977;
font-size: 14px;
line-height: 1.7;
}
.wepay-waiting {
margin-top: 18px;
padding: 10px 12px;
color: var(--main-color);
font-size: 14px;
text-align: center;
background: #fff;
border: 1px solid #e8edf3;
border-radius: 8px;
}
.wepay-success {
max-width: 820px;
padding: 48px;
text-align: center;
}
.wepay-success__mark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
margin-bottom: 18px;
color: #fff;
font-size: 40px;
font-weight: 700;
background: var(--main-color);
border-radius: 50%;
}
.wepay-success h1 {
margin: 8px 0 14px;
color: #172033;
font-size: 28px;
line-height: 1.3;
}
.wepay-success__order,
.wepay-success__desc {
margin: 0 auto 12px;
max-width: 680px;
color: #4d5968;
font-size: 16px;
line-height: 1.7;
}
.wepay-success__order strong {
color: #e25a2c;
}
.wepay-success__tips {
margin: 28px auto 0;
max-width: 720px;
padding: 20px 24px;
color: #4d5968;
text-align: left;
background: #f9fbfd;
border: 1px solid #e8edf3;
border-radius: 8px;
}
.wepay-success__tips p {
margin: 0 0 10px;
font-size: 15px;
line-height: 1.7;
}
.wepay-success__tips p:last-child {
margin-bottom: 0;
}
.wepay-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 168px;
min-height: 46px;
margin-top: 28px;
padding: 0 24px;
color: #fff;
font-size: 16px;
font-weight: 600;
background: var(--main-color);
border-radius: 8px;
}
.wepay-button:hover {
color: #fff;
opacity: .92;
}
@media screen and (max-width: 992px) {
.wepay-methods {
grid-template-columns: 1fr 1fr;
}
.wepay-guide {
grid-column: 1 / -1;
}
}
@media screen and (max-width: 640px) {
.wepay-shell {
padding-top: 28px;
}
.wepay-card__head,
.wepay-summary,
.wepay-methods {
display: block;
}
.wepay-card__head {
padding: 24px 20px;
}
.wepay-card__head img {
margin-top: 18px;
}
.wepay-summary > div {
padding: 18px 20px;
border-bottom: 1px solid #e8edf3;
}
.wepay-methods {
padding: 20px;
}
.wepay-method,
.wepay-guide {
margin-bottom: 16px;
}
.wepay-qr {
width: 180px;
height: 180px;
}
.wepay-success {
padding: 36px 20px;
}
.wepay-success h1 {
font-size: 24px;
}
}
.wepay-result-card {
max-width: 860px;
margin: 0 auto;
padding: 46px 48px;
color: #172033;
text-align: center;
background: #fff;
border: 1px solid #e8edf3;
border-radius: 8px;
box-shadow: 0 18px 45px rgba(20, 34, 54, .08);
}
.wepay-result-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
margin-bottom: 18px;
border-radius: 50%;
}
.wepay-result-icon--success {
color: #fff;
font-size: 40px;
font-weight: 700;
background: var(--main-color);
}
.wepay-result-icon--pending {
background: #f5f7fb;
border: 1px solid #e8edf3;
}
.wepay-success-detail h1,
.payment-pending-title {
margin: 8px 0 16px;
color: #172033;
font-size: 28px;
line-height: 1.3;
font-weight: 700;
}
.wepay-success-order,
.payment-pending-order {
margin: 0 auto 16px;
max-width: 700px;
color: #8a1f11;
font-size: 18px;
line-height: 1.7;
font-weight: 600;
}
.wepay-success-text,
.payment-pending-text {
margin: 0 auto 12px;
max-width: 720px;
color: #4d5968;
font-size: 16px;
line-height: 1.8;
}
.wepay-contact-text {
margin: 22px auto 0;
max-width: 720px;
color: #d63622;
font-size: 18px;
line-height: 1.7;
font-weight: 700;
}
.payment-pending {
max-width: 760px;
margin: 0 auto;
}
.payment-pending-status {
display: inline-block;
margin: 10px 0 12px;
padding: 10px 14px;
color: #9a5a00;
font-size: 15px;
line-height: 1.6;
background: #fff8e7;
border: 1px solid #f1dfb6;
border-radius: 8px;
}
.payment-spinner {
display: inline-block;
width: 28px;
height: 28px;
border: 3px solid #dfe5ec;
border-top-color: var(--main-color);
border-radius: 50%;
animation: wepay-spin .8s linear infinite;
}
.wepay-actions {
margin-top: 28px;
}
.wepay-button--ghost {
color: var(--main-color);
background: #fff;
border: 1px solid var(--main-color);
}
.wepay-button--ghost:hover {
color: var(--main-color);
background: #f7fbff;
}
@keyframes wepay-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media screen and (max-width: 640px) {
.wepay-result-card {
padding: 34px 20px;
}
.wepay-success-detail h1,
.payment-pending-title {
font-size: 24px;
}
.wepay-success-order,
.payment-pending-order {
font-size: 16px;
}
}

5
public/static/css/weui.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long