@charset "utf-8";
/* by Sean Lu 20220113 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: var(--jtmcolor); }
a:hover { text-decoration: underline; color: var(--jtcolor); }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 全局缓动动效 */
* { -webkit-transition: all .3s; transition: all .3s; }


/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: var(--jtcolor); color: #fff; }
::-moz-selection { background: var(--jtcolor); color: #fff; }


/* 全局共用样式设定 20220113 */
:root { 
    --jtmcolor: #333; /* 初始色 */
    --jtcolor: #25BCAD; /* 主色调 */
    --jtscolor: #FF5733;
    --jttcolor: #999;
    --jtfcolor: #666;
    --jtblack: #000; /* 黑色 */
    --jtfs30: 3vw; 
    --jtfs36: 3.6vw; 
    --jtfs40: 4vw; 
    --jtfs46: 4.6vw; 
    --jtfs56: 5.6vw; 
    --jtfs66: 6.6vw; 
}


.loginwrap { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background: #e9e9e9 url(../img/loginbg.jpg) no-repeat center top; 
    background-size: 100% auto; 
    overflow-y: auto;
}
.mlogo { 
    margin: 20vw; 
    text-align: center;
    color: var(--jtmcolor); 
    font-size: var(--jtfs56); 
}
.mlogo img { 
    display: block; 
    width: 30vw; 
    margin: 0 auto 2vw; 
}
.mlogo p { 
    line-height: 1.4; 
    font-weight: bold; 
}

.formwrap { 
    margin: 14vw auto 0;
    width: 80vw;
}
.formwrap .item { 
    display: flex;
    align-items: center;
    background: #fff;
    margin-bottom: 4vw;
    position: relative;
}
.formwrap .item img { 
    margin: 0 5vw;
    width: 5vw;
    height: 5vw;
}
.formwrap .item .ipt { 
    border: 0;
    background: transparent;
    line-height: 14vw;
    font-size: var(--jtfs40);
    flex: 1;
}
.formwrap .item .line {
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .6vw;
    background: var(--jtcolor);
}
.formwrap .item .ipt:focus + .line { 
    width: 100%;
}
.formwrap .button { 
    margin-top: 20vw;
    text-align: center;
    font-size: var(--jtfs36);
    color: var(--jttcolor);
    position: relative;
}
.formwrap .button .btn { 
    width: 24vw;
    height: 24vw;
    background: linear-gradient(90deg, rgba(37, 188, 173, 1) 0%, rgba(133, 229, 220, 1) 100%);
    border-radius: 50%;
    border: 0;
    margin-bottom: 2vw;
}
.formwrap .button img { 
    width: 10vw;
    height: 10vw;
    position: absolute;
    top: 7vw;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
}

.combg { 
    position: fixed; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(227, 252, 250, 1) 0%, rgba(245, 245, 245, 1) 100%);
}

.comtitle {
    padding: 6vw 5vw;
}
.comtitle .cn {
    font-size: var(--jtfs66);
    font-weight: bold;
    color: var(--jtcolor);
}
.comtitle .en {
    font-size: var(--jtfs36);
    color: var(--jttcolor);
    margin-top: 1vw;
    display: flex;
}
.comtitle .en .it {
    margin-top: 1vw;
    margin-right: 4vw;
    display: flex;
    align-items: center;
} 
.comtitle .en .it img {
    width: 3.6vw;
    height: 3.6vw;
    margin-right: 1vw;
} 
.comtitle .en .it img {
    width: 2vw;
    height: 2vw;
    margin-right: 1vw;
} 
.comtitle .en .it:first-child img {
    width: 3.6vw;
    height: 3.6vw;
} 
.comtitle .en .it:last-child {
    margin-right: 0;
}
.comtitle .img img {
    display: block;
    width: 30vw;
}
.comtitle .sub {
    font-size: var(--jtfs56);
    font-weight: bold;
    color: var(--jtmcolor);
    margin-top: 2vw;
}
.comcon {
    font-size: var(--jtfs40);
    line-height: 1.8;
    padding: 0 5vw 5vw;
    color: var(--jtmcolor);
}
.comcon p {
    margin-bottom: 4vw;
}
.comcon p:last-child {
    margin-bottom: 0;
}
.comcon img {
    display: block;
    width: 100%;
}

.footbar { 
    height: 16vw;
}
.footbar .barbox { 
    position: fixed; 
    left: 0; 
    right: 0;  
    bottom: 0; 
    height: 16vw;
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid #E5E5E5;
    box-shadow: 0px 1px 0px rgba(229, 229, 229, 1);
    background: white;
}
.footbar .barbox .item { 
    text-align: center;
    flex: 1;
}
.footbar .barbox .item a { 
    display: block;
    text-decoration: none;
}
.footbar .barbox .item span { 
    font-size: var(--jtfs30);
    color: var(--jttcolor);
    display: block;
}
.footbar .barbox .item.on span { 
    color: var(--jtcolor);
}
.footbar .barbox .item .img { 
    width: 7.4vw;
    height: 7.4vw;
    overflow: hidden;
    margin: .5vw auto;
}
.footbar .barbox .item img { 
    width: 100%;
    height: 100%;
    position: relative;
}
.footbar .barbox .item.on img { 
    filter: drop-shadow(var(--jtcolor) 10vw 0);
    left: -10vw;
    transition: none;
}
.userbox { 
    position: relative; 
    padding: 0 2vw;
}
.userbox .img img { 
    display: block; 
    width: 100%; 
}
.userbox .con { 
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    padding: 10vw 12vw;
    color: #fff;
}
.userbox .con .inf { 
    flex: 1;
}
.userbox .con .inf h3 { 
    font-size: var(--jtfs56);
}
.userbox .con .inf p { 
    font-size: var(--jtfs36);
    margin-top: 2vw;
}
.userbox .con .ico { 
    margin-left: auto;
    padding-top: 1vw;
}
.userbox .con .ico img { 
    width: 5vw;
    height: 5vw;
}

.usrlist { 
    display: flex;
    margin-top: 6vw;
}
.usrlist .item { 
    width: 25%;
    text-align: center;
    color: var(--jtmcolor);
}
.usrlist .item a { 
    display: block;
    text-decoration: none;
}
.usrlist .item img { 
    width: 8vw;
    height: 8vw;
}
.usrlist .item span { 
    display: block;
    font-size: var(--jtfs36);
    margin-top: 1vw;
}

.usersetlist {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5vw 4vw;
}
.usersetlist .item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2vw;
}
.usersetlist .item:nth-child(2n) {
    margin-right: 0;
}
.usersetlist .item .ipt {
    display: none;
}
.usersetlist .item .lab {
    border: 1px solid #eee;
    border-radius: 2vw;
    background: #fff;
    display: flex;
    height: 14vw;
    padding: 0 3vw;
    font-size: var(--jtfs36);
    align-items: center;
    position: relative;
    overflow: hidden;
}
.usersetlist .item .lab:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    border: 3vw solid transparent;
    border-right-color: var(--jtcolor);
    border-bottom-color: var(--jtcolor);
    opacity: 0;
}
.usersetlist .item .lab:after {
    content: '';
    width: 3vw;
    height: 3vw;
    display: block;
    position: absolute;
    right: .3vw;
    bottom: .3vw;
    background: url(../img/right.png) no-repeat center;
    background-size: cover;
    opacity: 0;
}
.usersetlist .item .ipt:checked + label .lab {
    border-color: var(--jtcolor);
    color: var(--jtcolor);
}
.usersetlist .item .ipt:checked + label .lab:before {
    opacity: 1;
}
.usersetlist .item .ipt:checked + label .lab:after {
    opacity: 1;
}

.seabox { 
    margin: 0 5vw; 
    display: flex; 
    background: #fff; 
    align-items: center;
    position: relative;
    border-radius: 1vw;
    overflow: hidden;
}
.seabox img { 
    width: 4vw;
    height: 4vw;
    margin: 0 3vw;
}
.seabox .key { 
    flex: 1; 
    border: 0;
    line-height: 13vw;
    font-size: var(--jtfs36);
	width:70vw;
}
.seabox .key::placeholder { 
    color: var(--jttcolor);
}
.seabox .line {
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .6vw;
    background: var(--jtcolor);
}
.seabox .key:focus + .line { 
    width: 100%;
}

.carwrap { 
    margin: 8vw 5vw 6vw; 
}
.carwrap .hd { 
    display: flex; 
    justify-content: space-between;
    align-items: center; 
}
.carwrap .hd h3 { 
    font-size: var(--jtfs46); 
    font-weight: normal; 
    color: var(--jtfcolor);
}
.carwrap .mor .set { 
    display: block;
    text-decoration: none;
}
.carwrap .mor .set img { 
    width: 6vw;
    height: 6vw;
}
.carwrap .bd { 
    margin-top: 4vw;
}
.carwrap .list { 
    margin: 0;
}
.carwrap .list .item { 
    margin-bottom: 4vw;
    background: white;
    border-radius: 2vw;
    overflow: hidden;
}
.carwrap .list .item a { 
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: space-between;
    padding: 7vw 6vw;
}
.carwrap .list .item .con { 
    flex: 1;
}
.carwrap .list .item .con h2 { 
    font-size: var(--jtfs46);
}
.carwrap .list .item .con .inf { 
    margin-top: 2vw;
    display: flex;
}
.carwrap .list .item .con .inf .it { 
    display: flex;
    align-items: center;
    margin-right: 6vw;
    font-size: var(--jtfs30);
    color: var(--jttcolor);
}
.carwrap .list .item .con .inf .it:last-child { 
    margin-right: 0;
}
.carwrap .list .item .con .inf .it img { 
    width: 2vw;
    height: 2vw;
    margin-right: 1vw;
}
.carwrap .list .item .con .inf .it:first-child img { 
    width: 3.6vw;
    height: 3.6vw;
}
.carwrap .list .item .mor { 
    width: 9vw;
    height: 9vw;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
}
.carwrap .list .item .mor img { 
    width: 4vw;
    height: 4vw;
    margin: 0 auto;
}
.carwrap .morlik { 
    margin-top: 6vw;
}
.carwrap .morlik a { 
    display: flex;
    justify-content: center;
    font-size: var(--jtfs30);
    color: var(--jttcolor);
    text-decoration: none;
}
.carwrap .morlik img { 
    width: 4vw;
    height: 4vw;
    margin-right: 2vw;
}


.inwrap { 
    background: white;
    margin-top: 12vw;
    padding: 0 5vw 8vw;
    min-height: 50vh;
}
.inhd { 
    transform: translateY(-5vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inhd .tab { 
    border-radius: 1vw;
    background: #eee;
    padding: 1vw;
    display: flex;
    width: 36vw;
    height: 8vw;
}
.inhd .tab a { 
    display: flex;
    flex: 1;
    height: 100%;
    align-items: center;
    border-radius: 1vw;
    font-size: var(--jtfs36);
    justify-content: center;
    color: var(--jttcolor);
    text-decoration: none;
}
.inhd .tab a.on { 
    background: white;
    box-shadow: 0 .2vw .4vw rgba(0,0,0,.1);
    color: var(--jtmcolor);
}
.inhd .mor { 
    margin-left: auto;
}
.inhd .mor a { 
    display: flex;
    text-decoration: none;
    height: 10vw;
    font-size: var(--jtfs36);
    color: var(--jttcolor);
    background: #eee;
    border-radius: 1vw;
    align-items: center;
    padding: 0 3vw;
}
.inhd .mor a img { 
    width: 4.2vw;
    height: 4.2vw;
    margin-right: 1vw;
}

.prolist { 
    margin: 0;
}
.prolist .item { 
    margin-bottom: 4vw;
    border: .2vw solid #dedede;
    border-radius: 2vw;
    overflow: hidden;
}
.prolist .item:last-child { 
    margin-bottom: 0;
}
.prolist .item .hd { 
    background: white;
}
.prolist .item .hd a { 
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    padding: 4vw;
    align-items: center;
    color: var(--jtmcolor);
}
.prolist .item .hd h3 { 
    display: flex;
    align-items: center;
    font-size: var(--jtfs40);
    font-weight: normal;
}
.prolist .item .hd h3 img { 
    width: 2vw;
    height: 2vw;
    margin-right: 2vw;
}
.prolist .item .hd .img { 
    width: 5vw;
    height: 5vw;
}
.prolist .item .bd { 
    background: #f9f9f9;
    padding: 4vw;
}
.prolist .item .bd .tips { 
    display: flex;
    justify-content: space-between;
    font-size: var(--jtfs36);
    align-items: center;
    color: var(--jtmcolor);
}
.prolist .item .bd .tips .tim { 
    font-size: var(--jtfs30);
    color: var(--jttcolor);
    display: flex;
    align-items: center;
}
.prolist .item .bd .tips .tim img { 
    width: 4vw;
    height: 4vw;
    margin-right: 1vw;
}
.prolist .item .bd .tips .tim strong { 
    color: var(--jtfcolor);
    font-weight: normal;
    margin-left: 2vw;
}
.prolist .item .bd .list { 
    display: flex;
    flex-wrap: wrap;
}
.prolist .item .bd .list .it { 
    width: 33.333333%;
    padding-top: 4vw;
}
.prolist .item .bd .list .it .ih { 
    font-size: var(--jtfs30);
    color: var(--jttcolor);
}
.prolist .item .bd .list .it .ib { 
    font-size: var(--jtfs36);
    color: var(--jtfcolor);
    padding-right: 3vw;
    word-break: break-all;
}


.itemhead { 
    position: relative; 
    padding: 5vw 5vw 0;
}
.itemhead .img { 
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40vw;
    z-index: -1;
}
.itemhead .img img { 
    display: block;
    width: 100%;
}
.itemhead .tit { 
    vertical-align: middle;
}
.itemhead .tit h1 { 
    font-size: var(--jtfs66);
    color: var(--jtmcolor);
    font-weight: bold;
    display: inline;
}
.itemhead .tit span { 
    display: inline-block;
    line-height: 6vw;
    background: var(--jtscolor);
    color: white;
    border-radius: 1vw;
    padding: 0 2vw;
    font-size: var(--jtfs36);
    vertical-align: middle;
    margin-top: -3vw;
    margin-left: 1vw;
}
.itemhead .tit span.on { 
    background: var(--jtcolor);
}
.itemhead .inf { 
    margin-top: 6vw;
}
.itemhead .inf .it { 
    display: flex;
    align-items: center;
    font-size: var(--jtfs36);
    color: var(--jttcolor);
    padding: 1vw 0;
}
.itemhead .inf .it img { 
    width: 4vw;
    height: 4vw;
    margin-right: 2vw;
}


.itembox { 
    margin-bottom: 6vw; 
}
.itembox:last-child { 
    margin-bottom: 0; 
}
.itembox .hd { 
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.itembox .hd h3 { 
    font-size: var(--jtfs46);
    font-weight: bold;
    color: var(--jtmcolor);
}
.itembox .hd p { 
    font-size: var(--jtfs30);
    color: var(--jttcolor);
    display: flex;
    align-items: center;
}
.itembox .hd p img { 
    width: 4vw;
    height: 4vw;
    margin-right: 1vw;
}
.itembox .hd p strong { 
    color: var(--jtfcolor);
    font-weight: normal;
    margin-left: 1vw;
}
.itembox .hd .tab { 
    display: flex;
}
.itembox .hd .tab a { 
    text-decoration: none;
    font-size: var(--jtfs46);
    font-weight: bold;
    color: var(--jttcolor);
    position: relative;
    margin-right: 4vw;
}
.itembox .hd .tab a:last-child { 
    margin-right: 0;
}
.itembox .hd .tab a.on { 
    color: var(--jtmcolor);
}
.itembox .hd .tab a:after { 
    content: '';
    width: 6vw;
    height: .8vw;
    display: block;
    background: var(--jtcolor);
    position: absolute;
    left: 50%;
    bottom: -2vw;
    transform: translateX(-50%);
    opacity: 0;
}
.itembox .hd .tab a.on:after { 
    opacity: 1;
}
.itembox .list { 
    padding: 4vw;
    border-radius: 2vw;
    margin-top: 3vw;
    border: .2vw solid #dedede;
}
.itembox .list .listtab { 
    border: 0;
    width: 100%;
    border-collapse: collapse;
}
.itembox .list .it { 
    padding: 3vw 0;
    width: 33.33333%;
    border-bottom: .2vw solid #dedede;
    vertical-align: top;
}
.itembox .list tr:first-child .it { 
    padding-top: 0;
}
.itembox .list tr:last-child .it { 
    border-bottom: 0;
    padding-bottom: 0;
}
.itembox .list .it .ih { 
    font-size: var(--jtfs30);
    color: var(--jttcolor);
}
.itembox .list .it .ib { 
    font-size: var(--jtfs36);
    color: var(--jtfcolor);
    padding-right: 3vw;
    word-break: break-all;
}
.redtxt {
    color: var(--jtscolor) !important;
}

.datable { 
    position: relative;
    overflow: auto;
    margin-top: 3vw;
}
.datable .tb { 
    white-space: nowrap;
    text-align: left;
    border-collapse: collapse;
    border-radius: 2vw;
    border: .2vw solid #dedede;
}
.datable .tb th { 
    font-size: var(--jtfs36);
    color: var(--jtmcolor);
    font-weight: normal;
    background: #eee;
    padding: 2vw 2vw;
    border-right: .2vw solid #dedede;
}
.datable .tb td { 
    font-size: var(--jtfs30);
    color: var(--jttcolor);
    padding: 3vw 2vw;
    border-bottom: 1px solid #dedede;
    border-right: .2vw solid #dedede;
}
.datable .tb td:first-child { 
    font-size: var(--jtfs30);
    color: var(--jtmcolor);
}
.datable .tab01 { 
    position: relative;
    overflow: auto;
}
.datable .tab02 { 
    position: absolute;
    top: 0;
    left: 0;
    background: white;
}


#main { 
    width: 100%;
    height: 50vw;
    margin-top: 3vw;
}

.seltim { 
    display: flex;
    border: 1px solid #dedede;
    border-radius: 1vw;
    margin: 4vw 0 3vw;
    background: #f5f5f5;
    line-height: 10vw;
    overflow: hidden;
}
.seltim .ipt { 
    border: 0;
    background: transparent;
    width: 38%;
    box-sizing: border-box;
    padding: 0 2vw;
    color: var(--jtfcolor);
    font-size: var(--jtfs36);
}
.seltim span { 
    width: 4vw;
    text-align: center;
    color: var(--jttcolor);
}
.seltim .btn { 
    background: var(--jtcolor);
    color: white;
    border: 0;
    flex: 1;
    font-size: var(--jtfs36);
}


.tipswrap { 
    margin: 5vw;
}
.tipswrap .day { 
    font-size: var(--jtfs36);
    color: var(--jttcolor);
}
.tipswrap .list { 
    margin-top: 2vw;
}
.tipswrap .item { 
    background: white;
    margin-bottom: 4vw;
}
.tipswrap .item:last-child { 
    margin-bottom: 0;
}
.tipswrap .item a { 
    display: block;
    text-decoration: none;
    padding: 4vw;
}
.tipswrap .item .ih { 
    display: flex;
    justify-content: space-between;
    font-size: var(--jtfs40);
    color: var(--jtfcolor);
    border-bottom: 1px solid #dedede;
    padding-bottom: 3vw;
}
.tipswrap .item .ih .tim { 
    color: var(--jttcolor);
    font-size: var(--jtfs36);
}
.tipswrap .item .ib { 
    padding-top: 1vw;
}
.tipswrap .item .ib .li { 
    margin-top: 2vw;
    font-size: var(--jtfs36);
    color: var(--jtmcolor);
    padding: 1vw 0;
    display: flex;
    align-items: center;
}
.tipswrap .item .ib .li img { 
    width: 4vw;
    height: 4vw;
    margin-right: 1vw;
}

.tipshead { 
    display: flex;
    margin: 5vw 5vw 0;
    justify-content: end;
}
.tipshead .con { 
    flex: 1;
}
.tipshead .con p { 
    font-size: var(--jtfs40);
    color: var(--jtcolor);
    margin-bottom: 2vw;
}
.tipshead .con h1 { 
    font-size: var(--jtfs66);
    color: var(--jtmcolor);
}
.tipshead .img { 
    width: 30vw;
}
.tipshead .img img { 
    display: block;
    width: 100%;
}


.tipsitem .item { 
    padding-bottom: 8vw;
    margin-bottom: 8vw;
    border-bottom: .2vw solid #dedede;
}
.tipsitem .item:last-child { 
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.tipsitem .item .tim { 
    font-size: var(--jtfs36);
    color: var(--jttcolor);
}
.tipsitem .item .list { 
    margin-top: 3vw;
}
.tipsitem .item .list .li { 
    display: flex;
    font-size: var(--jtfs36);
    padding: 2vw 0;
}
.tipsitem .item .list .li span { 
    color: var(--jttcolor);
    width: 16vw;
    display: block;
}