@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;touch-action: manipulation;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
/* table,th,td{border: 1px solid black;} */
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color: inherit;}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,Microsoft Yahei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input[type=submit],input[type=text],input[type=button]{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
input{outline: 0;}
input::-webkit-input-safebox-button{display: none;/*去掉搜狗浏览器密码软盘*/}
body{font-size: 14px;color: #000;font-family: Arial,Microsoft Yahei;}
body *{box-sizing: border-box;} 

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 

html{font-size: calc(100vw / 1920 * 100);}
@media(max-width: 900px){
    html{font-size: calc(900px / 1920 * 100);}
}

body{font-size: calc(16 * 1rem / 100);}
@media(max-width: 1584px){
    body{font-size: 13.2px;}
}

.s12{font-size: calc(12 * 1rem / 100);}
@media(max-width: 1920px){
    .s12{font-size: 12px;}
}
.s13{font-size: calc(13 * 1rem / 100);}
@media(max-width: 1816px){
    .s13{font-size: 12.3px;}
}
.s14{font-size: calc(14 * 1rem / 100);}
@media(max-width: 1728px){
    .s14{font-size: 12.6px;}
}
.s15{font-size: calc(15 * 1rem / 100);}
@media(max-width: 1651px){
    .s15{font-size: 12.9px;}
}
.s16{font-size: calc(16 * 1rem / 100);}
@media(max-width: 1584px){
    .s16{font-size: 13.2px;}
}
.s17{font-size: calc(17 * 1rem / 100);}
@media(max-width: 1524px){
    .s17{font-size: 13.5px;}
}
.s18{font-size: calc(18 * 1rem / 100);}
@media(max-width: 1472px){
    .s18{font-size: 13.8px;}
}
.s19{font-size: calc(19 * 1rem / 100);}
@media(max-width: 1424px){
    .s19{font-size: 14.1px;}
}
.s20{font-size: calc(20 * 1rem / 100);}
@media(max-width: 1382px){
    .s20{font-size: 14.4px;}
}
.s21{font-size: calc(21 * 1rem / 100);}
@media(max-width: 1344px){
    .s21{font-size: 14.7px;}
}
.s22{font-size: calc(22 * 1rem / 100);}
@media(max-width: 1309px){
    .s22{font-size: 15px;}
}
.s23{font-size: calc(23 * 1rem / 100);}
@media(max-width: 1277px){
    .s23{font-size: 15.3px;}
}
.s24{font-size: calc(24 * 1rem / 100);}
@media(max-width: 1248px){
    .s24{font-size: 15.6px;}
}
.s25{font-size: calc(25 * 1rem / 100);}
@media(max-width: 1221px){
    .s25{font-size: 15.9px;}
}
.s26{font-size: calc(26 * 1rem / 100);}
@media(max-width: 1196px){
    .s26{font-size: 16.2px;}
}
.s27{font-size: calc(27 * 1rem / 100);}
@media(max-width: 1173px){
    .s27{font-size: 16.5px;}
}
.s28{font-size: calc(28 * 1rem / 100);}
@media(max-width: 1152px){
    .s28{font-size: 16.8px;}
}
.s29{font-size: calc(29 * 1rem / 100);}
@media(max-width: 1132px){
    .s29{font-size: 17.1px;}
}
.s30{font-size: calc(30 * 1rem / 100);}
@media(max-width: 1113px){
    .s30{font-size: 17.4px;}
}
.s31{font-size: calc(31 * 1rem / 100);}
@media(max-width: 1096px){
    .s31{font-size: 17.7px;}
}
.s32{font-size: calc(32 * 1rem / 100);}
@media(max-width: 1080px){
    .s32{font-size: 18px;}
}
.s33{font-size: calc(33 * 1rem / 100);}
@media(max-width: 1064px){
    .s33{font-size: 18.3px;}
}
.s34{font-size: calc(34 * 1rem / 100);}
@media(max-width: 1050px){
    .s34{font-size: 18.6px;}
}
.s35{font-size: calc(35 * 1rem / 100);}
@media(max-width: 1036px){
    .s35{font-size: 18.9px;}
}
.s36{font-size: calc(36 * 1rem / 100);}
@media(max-width: 1024px){
    .s36{font-size: 19.2px;}
}
.s37{font-size: calc(37 * 1rem / 100);}
@media(max-width: 1011px){
    .s37{font-size: 19.5px;}
}
.s38{font-size: calc(38 * 1rem / 100);}
@media(max-width: 1000px){
    .s38{font-size: 19.8px;}
}
.s39{font-size: calc(39 * 1rem / 100);}
@media(max-width: 989px){
    .s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 1rem / 100);}
@media(max-width: 979px){
    .s40{font-size: 20.4px;}
}
.s41{font-size: calc(41 * 1rem / 100);}
@media(max-width: 969px){
    .s41{font-size: 20.7px;}
}
.s42{font-size: calc(42 * 1rem / 100);}
@media(max-width: 960px){
    .s42{font-size: 21px;}
}
.s43{font-size: calc(43 * 1rem / 100);}
@media(max-width: 951px){
    .s43{font-size: 21.3px;}
}
.s44{font-size: calc(44 * 1rem / 100);}
@media(max-width: 942px){
    .s44{font-size: 21.6px;}
}
.s45{font-size: calc(45 * 1rem / 100);}
@media(max-width: 934px){
    .s45{font-size: 21.9px;}
}
.s46{font-size: calc(46 * 1rem / 100);}
@media(max-width: 926px){
    .s46{font-size: 22.2px;}
}
.s47{font-size: calc(47 * 1rem / 100);}
@media(max-width: 919px){
    .s47{font-size: 22.5px;}
}
.s48{font-size: calc(48 * 1rem / 100);}
@media(max-width: 912px){
    .s48{font-size: 22.8px;}
}
.s49{font-size: calc(49 * 1rem / 100);}
@media(max-width: 905px){
    .s49{font-size: 23.1px;}
}
.s50{font-size: calc(50 * 1rem / 100);}
@media(max-width: 898px){
    .s50{font-size: 23.4px;}
}
.s51{font-size: calc(51 * 1rem / 100);}
@media(max-width: 892px){
    .s51{font-size: 23.7px;}
}
.s52{font-size: calc(52 * 1rem / 100);}
@media(max-width: 886px){
    .s52{font-size: 24px;}
}
.s53{font-size: calc(53 * 1rem / 100);}
@media(max-width: 880px){
    .s53{font-size: 24.3px;}
}
.s54{font-size: calc(54 * 1rem / 100);}
@media(max-width: 874px){
    .s54{font-size: 24.6px;}
}
.s55{font-size: calc(55 * 1rem / 100);}
@media(max-width: 869px){
    .s55{font-size: 24.9px;}
}
.s56{font-size: calc(56 * 1rem / 100);}
@media(max-width: 864px){
    .s56{font-size: 25.2px;}
}
.s57{font-size: calc(57 * 1rem / 100);}
@media(max-width: 858px){
    .s57{font-size: 25.5px;}
}
.s58{font-size: calc(58 * 1rem / 100);}
@media(max-width: 854px){
    .s58{font-size: 25.8px;}
}
.s59{font-size: calc(59 * 1rem / 100);}
@media(max-width: 849px){
    .s59{font-size: 26.1px;}
}
.s60{font-size: calc(60 * 1rem / 100);}
@media(max-width: 844px){
    .s60{font-size: 26.4px;}
}
.s61{font-size: calc(61 * 1rem / 100);}
@media(max-width: 840px){
    .s61{font-size: 26.7px;}
}
.s62{font-size: calc(62 * 1rem / 100);}
@media(max-width: 836px){
    .s62{font-size: 27px;}
}
.s63{font-size: calc(63 * 1rem / 100);}
@media(max-width: 832px){
    .s63{font-size: 27.3px;}
}
.s64{font-size: calc(64 * 1rem / 100);}
@media(max-width: 828px){
    .s64{font-size: 27.6px;}
}
.s65{font-size: calc(65 * 1rem / 100);}
@media(max-width: 824px){
    .s65{font-size: 27.9px;}
}
.s66{font-size: calc(66 * 1rem / 100);}
@media(max-width: 820px){
    .s66{font-size: 28.2px;}
}
.s67{font-size: calc(67 * 1rem / 100);}
@media(max-width: 816px){
    .s67{font-size: 28.5px;}
}
.s68{font-size: calc(68 * 1rem / 100);}
@media(max-width: 813px){
    .s68{font-size: 28.8px;}
}
.s69{font-size: calc(69 * 1rem / 100);}
@media(max-width: 809px){
    .s69{font-size: 29.1px;}
}
.s70{font-size: calc(70 * 1rem / 100);}
@media(max-width: 806px){
    .s70{font-size: 29.4px;}
}
.s71{font-size: calc(71 * 1rem / 100);}
@media(max-width: 803px){
    .s71{font-size: 29.7px;}
}
.s72{font-size: calc(72 * 1rem / 100);}
@media(max-width: 800px){
    .s72{font-size: 30px;}
}
.s73{font-size: calc(73 * 1rem / 100);}
@media(max-width: 796px){
    .s73{font-size: 30.3px;}
}
.s74{font-size: calc(74 * 1rem / 100);}
@media(max-width: 793px){
    .s74{font-size: 30.6px;}
}
.s75{font-size: calc(75 * 1rem / 100);}
@media(max-width: 791px){
    .s75{font-size: 30.9px;}
}
.s76{font-size: calc(76 * 1rem / 100);}
@media(max-width: 788px){
    .s76{font-size: 31.2px;}
}
.s77{font-size: calc(77 * 1rem / 100);}
@media(max-width: 785px){
    .s77{font-size: 31.5px;}
}
.s78{font-size: calc(78 * 1rem / 100);}
@media(max-width: 782px){
    .s78{font-size: 31.8px;}
}
.s79{font-size: calc(79 * 1rem / 100);}
@media(max-width: 780px){
    .s79{font-size: 32.1px;}
}
.s80{font-size: calc(80 * 1rem / 100);}
@media(max-width: 777px){
    .s80{font-size: 32.4px;}
}

.yl-input{font-size: calc(16 * 1rem / 100);}
@media(max-width: 1584px){
    .yl-input{font-size: 13.2px;}
} 
 
div.mCSB_scrollTools{width: .04rem;background-color: #e5e5e5;}
div.mCSB_scrollTools .mCSB_draggerRail{width: .04rem;background-color: #e5e5e5;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: .04rem;background-color: #1aa6c6;border-radius: 2px;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #1aa6c6;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #1aa6c6;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{color: #999999;}
form input:-moz-placeholder,
form textarea:-moz-placeholder{color: #999999;}
form input::-moz-placeholder,
form textarea::-moz-placeholder{color: #999999;}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{color: #999999;}

/* 动画 */

.drop{opacity:0;transform:translate3d(0,-80px,0);}
.drop.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.teaser{opacity:0;transform:translate3d(0,80px,0);}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 

.lter{opacity:0;transform:translate3d(-80px,0,0);}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}
.rter{opacity:0;transform:translate3d(80px,0,0);}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);}

.scale{opacity:0;transform:scale(1.1);}
.scale.is-visible{opacity:1;transform:scale(1);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}
.reduce{opacity:0;transform:scale(.9);}
.reduce.is-visible{opacity:1;transform:scale(1);transition:transform 2s cubic-bezier(.25,.1,.25,1);transform-origin: center bottom;}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 288;}
.h-a{width: 100%;}
.h-cont{width: 14rem;margin: 0 auto;border-bottom: 1px solid rgba(255,255,255,.2);}
.h-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.h-left{float: left; font-size: 0;}
.h-logo{display: block;cursor: pointer;height: 1rem;line-height: 1rem;}
.h-logo img{height: .43rem;max-width: none;}
.h-right{float: right;font-size: 0;}
.h-h{display: inline-block;vertical-align: middle;}
.h-i{display: inline-block;cursor: pointer;position: relative;padding: 0 .2rem;}
.h-j{display: inline-block; color: #ffffff; line-height: 1rem; position: relative;}    
.h-sub {display: none; min-width: 100%; background-color: #fff; position: absolute;left: 50%;top:1rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.h-sub>li>a {display: block;cursor: pointer;white-space: nowrap; width: 100%;padding: 10px 20px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.h-sub>li>a:hover {background-color: #15a4c5; color: #fff;} 

.h-area{display: inline-block;vertical-align: middle;position: relative;margin-left: .3rem;}
.hl-tip{display: block;cursor: pointer;padding:0 .2rem;  line-height: .4rem;color: #ffffff;border-radius: .2rem; border: solid 1px rgba(255,255,255,.2);} 
.hl-tip:before{content: '';display: inline-block;vertical-align: middle;  margin-right: .05rem; width: .875em; height: 1em;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hl-tip:after{content: '';display: inline-block;vertical-align: middle;  margin-left: .07rem; width: .5em; height: 1em;background-image: url('../images/a2-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hl-list{display: none;width: 100%;min-width: 100px; background-color: #fff; position: absolute;left: 50%;top:.4rem;transform: translate(-50% ,0); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item{display: block;cursor: pointer; width: 100%;padding: 10px 5px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hl-item:hover {background-color: #15a4c5; color: #fff;}

.h-k{display: inline-block;vertical-align: middle;margin-left: .3rem;}
.h-search{display: block;cursor: pointer; width: 1em;height: 1rem;background-image: url('../images/a3.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.hs-a{display: none;z-index: 108;white-space: nowrap; position: fixed;top: 1.5rem;left: 50%;transform: translate(-50%,0);}
.hs-form{font-size: 0;display: inline-block;}
.hs-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.hs-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #15a4c5;background-image: url('../images/a3.png');background-size: 18px auto;background-position: center center;background-repeat: no-repeat;}
.header.search-state .hs-a {display: block;}
.header.search-state .h-opa {display: block;} 

.h-user{display: inline-block;vertical-align: middle;margin-left: .3rem;}
.h-before{display: inline-block;vertical-align: middle;}
.h-log{display: inline-block;vertical-align: middle;cursor: pointer;color: #ffffff;line-height: 1rem;}
.h-register{display: inline-block;vertical-align: middle;cursor: pointer; margin-left: .25rem; padding: 0 .28rem;color: #15a4c5;text-align: center; height: .4rem;line-height: .4rem;background-color: #ffffff;border-radius: .2rem;}
.h-register:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem; width: 1em;height: 1.1em;background-image: url('../images/a4.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.h-after{display: inline-block;vertical-align: middle;font-size: 0;}
.h-member{display: inline-block;vertical-align: middle;cursor: pointer; position: relative;}
.h-member:after{content: '';display: inline-block;vertical-align: middle;  width: .5em; height: 1em;background-image: url('../images/a2-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.h-icon{display: inline-block;vertical-align: middle;margin-right: .08rem;height: 1rem;line-height: 1rem;}
.h-icon img{width: .4rem;height: .4rem;border-radius: 50%;object-fit: cover;}
.h-name{display: inline-block;vertical-align: middle;max-width: 4em;height: 1rem;line-height: 1rem; color: #ffffff; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hm-sub {display: none; min-width: 100%; background-color: #fff; position: absolute;left: 50%;top:1rem;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hm-cont{width: 100%;}
.hm-item{display: block;cursor: pointer;white-space: nowrap; width: 100%;padding: 10px 20px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hm-item:hover {background-color: #15a4c5; color: #fff;} 

.h-member{font-size: calc(16 * 1rem / 100);}
@media(max-width: 1584px){
    .h-member{font-size: 13.2px;}
}

.h-car{display: inline-block;vertical-align: middle;margin-left: .4rem; cursor: pointer;padding: 0 .18rem;color: #15a4c5; height: .4rem;line-height: .4rem;background-color: #ffffff;border-radius: .2rem;}
.h-car img{height: 1em;margin-right: .03rem;}

.h-menu {display: none; position: absolute;cursor: pointer; top: 0;right:0; width: 1rem;height: 1rem;background-image: url('../images/a-menu.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.h-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}

.header.fixed{background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
.header.fixed .h-cont{border-bottom: none;}

body.no-banner{padding-top: 1rem;}
body.no-banner .header{background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
body.no-banner  .h-cont{border-bottom: none;}

@media(max-width: 1400px) { 
    .h-i{padding: 0 .1rem;}
}
@media(max-width: 1200px) { 
    .h-cont{width: 100%;padding-left: 10px;}

    .h-h {width: 260px;position: fixed;text-align: left; right: 0;top: 0;height: 100vh;background-color: #fff;margin-right: 0;padding-top: 10px;padding-bottom: 10px;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .h-i {width: 100%;padding: 0 !important;margin: 0 !important;}
    .h-j {padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #666;font-size: 16px;}
    .h-i.has-nav:after {content: "";background-image: url('../images/a-right.png');background-size: 16px auto;background-position: center center;background-repeat: no-repeat; display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: absolute;right: 0;top: 0;font-size: 20px;color: #333;}
    .h-i.has-nav.show:after {background-size: 18px auto;background-image: url('../images/a-down.png');}
    .h-sub {position: relative;top: 0;background-color: #fff;box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .h-sub>li>a {text-align: left;padding-left: 40px;color: #666 ;font-size: 14px;}

    .h-right{margin-right: 1rem;}
    .h-area{margin-left: 0;}
    /* 菜单 */
    .h-menu {display: block; }
    .header.menu-state  .h-h{transform: translate(0, 0);}
    .header.menu-state .h-opa {display: block;}
}

@media(max-width:750px) {   
    body{padding-top: 1rem;}
    .header{background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
    .header .h-cont{border-bottom: none;}
    
}

@media(max-width:500px) {  
    .h-menu{width: .8rem;    background-size: 75% auto;}
    .h-right{margin-right: .8rem;}
    .hl-tip{font-size: 11px;max-width: 9em; }
    .hl-tip:after{display: none;}
    .h-log{font-size: 11px;}
    .h-register{font-size: 11px;padding: 0 5px;}
    .h-register:before{display: none;}
    .hl-tip:before{display: none;}
    .h-name{display: none; font-size: 11px;}
    .h-car{font-size: 11px;padding: 0 5px;margin-left: 8px;}
    .h-car img{display: none;}
}

@media(max-width:370px) {   
    .hs-text{width: 5rem;height: 35px;} 
    .hs-submit{width: 35px;height: 35px;} 
    .h-register{margin-left: 5px;}
    .h-k{margin-left: 8px;}
    .h-user{margin-left: 8px;}

    .h-name{display: none;}
}

.footer{width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-color: #1a2c42;background-image: url('../images/b3.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.f-main{width: 14rem;margin: 0 auto;}
.f-top{width: 100%;padding-bottom: .4rem;border-bottom: 1px solid rgba(255,255,255,.1);}
.f-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;font-size: 0;margin-bottom: .4rem;}
.f-logo{display: inline-block;cursor: pointer;margin-bottom: .28rem; }
.f-logo img{max-width: none; height: .44rem;}
.f-sharebox{font-size: 0;}
.f-share{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .3rem; cursor: pointer;}
.f-share:last-child{margin-right: 0;}
.f-share>img{height: .2rem;opacity: .4;}
.f-share:hover>img{opacity: 1;}
.f-list{font-size: 0;}
.f-item{display: inline-block;vertical-align: middle;position: relative; cursor: pointer;margin-right: .36rem;	color: #ffffff;}
.f-item:after{content: '';position: absolute;right: -.17rem;top: 50%;margin-top: -.01rem;width: .02rem;height: .02rem;background-color: rgba(255,255,255,.3);}
.f-item:last-child{margin-right: 0;}
.f-item:last-child:after{display: none;} 
.f-right{float: right;font-size: 0;margin-bottom: .4rem;}
.f-b{display: inline-block;vertical-align: top;text-align: right;max-width: 4.5rem;}
.f-icon{display: block;height: .2rem;margin-bottom: .1rem;}
.f-icon img{height: 100%;}
.f-tip{color: #ffffff;line-height: 1.37;margin-bottom: .05rem;}
.f-phone{display: inline-block;cursor: pointer;color: #ffffff;line-height: 1.15;margin-bottom: .05rem;}
.f-address{color: #ffffff;line-height: 1.6;}
.f-codebox{display: inline-block;vertical-align: top;text-align: center;padding-left: .3rem;}
.f-code{display: inline-block;	width: 1.1rem;min-width: 90px; background-color: #ffffff;border-radius: .03rem;overflow: hidden;}
.f-code img{width: 100%;}
.f-name{margin-top: .1rem;color: #ffffff;line-height: 1.6;}

.f-bottom{width: 100%;padding-top: .4rem;}
.f-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-lt{float: left;font-size: 0;}
.f-text{display: inline-block;vertical-align: middle;padding-right: .18rem; color: rgba(255,255,255,.4);line-height: 1.6;}
.f-text:last-child{padding-right: 0;}
.f-lt a{cursor: pointer;}
.f-lt a:hover{color: #fff;}
.f-rt{float: right;}
.f-link{display: inline-block;vertical-align: middle;padding-right: .18rem;color: rgba(255,255,255,.4);line-height: 1.6;}
.f-link:last-child{padding-right: 0;}
.f-rt a{cursor: pointer;}
.f-rt a:hover{color: #fff;}

@media(max-width: 750px){
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-top{width: 100%;text-align: center;}
    .f-left{width: 100%;}
    .f-share>img{height: 15px;}
    .f-right{width: 100%;}
    .f-b{max-width: 100%;text-align: center;margin-bottom: 15px;}
    .f-codebox{width: 100%;}

    .f-bottom{width: 100%;text-align: center;}
    .f-lt{width: 100%;margin-bottom: 10px;}
    .f-text{padding: 0 .1rem !important;}
    .f-rt{width: 100%;}
    .f-link{padding: 0 .1rem !important;}
}

.sidebar{position: fixed;top: 50%;right: .48rem;transform: translate(0,-50%);z-index: 88;background-color: #ffffff;border-radius: .1rem;}
.sidebar:before{display: none; content: '';position: absolute;top: calc(-.4rem + 3px);left: 50%;transform: translate(-50%,0);width: .71rem;height: .5rem;background-image: url('../images/a11.png');background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;}
.sidebar-item{width: 100%; }
.sidebar-link{display: block;cursor: pointer;width: .6rem;text-align: center;border-radius: .1rem .1rem 0 0;box-shadow: 0 0 .1rem #d4e8fd;}
.sidebar-item:last-child .sidebar-link{background-color: #0c68ac; background-image: linear-gradient(90deg, #0c68ac 0%, #2ebacb 100%);border-radius: .1rem 0px .1rem .1rem;}
.sidebar-icon{display: block;}
.sidebar-icon1{display: block;width: 100%;line-height: .36rem;height: .36rem;}
.sidebar-icon1 img{max-width: 100%;max-height: .24rem;}
.sidebar-icon2{display: none;width: 100%;line-height: .36rem;height: .36rem;}
.sidebar-icon2 img{max-width: 100%;max-height: .24rem;}
.sidebar-tip{width: 100%;color: #111111;}

/* .sidebar-item:hover .sidebar-link{background-color: #15a4c5;}
.sidebar-item:hover .sidebar-icon1{display: none;}
.sidebar-item:hover .sidebar-icon2{display: block;}
.sidebar-item:hover .sidebar-tip{color: #fff;} */

.sidebar-item:nth-child(1) .sidebar-link{padding: .1rem 0;}

@media(max-width: 750px){
    .sidebar{right: 10px;}
}


.a-a{width: 100%;position: relative;}
.a-b{width: 100%;}
.a-item{display: block;width: 100%;}
.a-link{display: block;cursor: pointer;width: 100%;}
.a-img{width: 100%;position: relative;}
.a-img:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a12.png');background-size: auto 100%;background-position: left center;background-repeat: no-repeat;}
.a-img img{width: 100%;}
.a-text{position: absolute;top: 2.55rem;left: 50%;width: 14rem;transform: translate(-50%,0);}
.a-titles{color: #ffffff;line-height: 1.15;margin-bottom: .75rem;} 
.a-more{display: inline-block;min-width: 1.6rem;text-align: center; color: #15a4c5;padding: 0 .3rem;height: .5rem;line-height: .5rem;background-color: #ffffff;border-radius: .25rem;}
.a-more:after{  content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: .687em;height: 1em;background-image: url('../images/a14.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}


.a-mouse{animation: daRotate 1.5s linear infinite alternate;position: absolute;bottom: .48rem;left: 50%;z-index: 88;margin-left: -.15rem; width: .3rem;height: .3rem;background-image: url('../images/a13.png');background-size: auto 100%;background-position: center center;background-repeat: no-repeat;}
.a-tip{position: absolute;bottom: .48rem;right: 2.6rem;z-index: 88;font-size: 0;word-wrap: nowrap;}
.a-nub{display: inline-block;vertical-align: middle;color: #ffffff;}
.a-line{display: inline-block;vertical-align: middle;color: #ffffff;}
.a-line:after{content: '/';}
.a-total{display: inline-block;vertical-align: middle;color: #ffffff;}
 
.a-tabs{position: absolute;bottom: .5rem;left: 50%;transform: translate(-50%,0);z-index: 88; font-size: 0;width: 14rem;}
.a-tab{display: inline-block;vertical-align: middle;opacity: 1;cursor: pointer; margin-right: .1rem; position: relative;width: .5rem;height: .04rem;background-color: rgba(255,255,255,.5);border-radius: .02rem; }
.a-bar{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.a-inner{position: absolute;top: 0;left: 0; height: .04rem; background-color: #fff;border-radius: .02rem;}


@keyframes daRotate{
    0%{
        transform: translatey(0);
    } 
    100%{
        transform: translatey(-5px);
    } 
}

@media(max-width: 900px){ 
    .a-img img{min-height: 150px;object-fit: cover;}
    .a-text{top: 50%;transform: translate(-50%,-50%);width: 100%;padding-left: 10px;padding-right: 10px;}
    .a-titles{font-size: 18px;margin-bottom: 15px;} 
    .a-mouse{display: none;}
    .a-tabs{bottom: 10px; width: 100%;padding-left: 10px;padding-right: 10px; }
    .a-tip{bottom: 10px;right: 10px;}
}

.index-top{width: 100%;text-align: center;padding-bottom: .3rem;}
.index-titles{display: inline-block;position: relative; margin-bottom: .17rem;}
.index-titles span{position: relative;display: inline-block;padding: 0 .347em; color: #111111;line-height: 1.21;}
.index-titles:after{content: '';position: absolute;top: -.26em;right: 0;width: .65em;height: .65em;background-image: url('../images/a15.png');background-size: contain; background-position: center center;background-repeat: no-repeat;}
.index-intro{color: #444444;line-height: 1.6;}

.b-a{width: 100%;padding-top: .92rem;padding-bottom: 1rem;  background-size: cover;background-position: center center;background-repeat: no-repeat;}
.b-main{width: 14rem;margin: 0 auto;} 
.b-cont{width: 100%;position: relative;}
.b-b{width: 100%;}
.b-item{width: calc(50% - .1rem);margin-right: .2rem;}
.b-item:last-child{margin-right: 0;}
.b-link{display: block;width: 100%;cursor: pointer;position: relative;overflow: hidden;border-radius: .1rem;}
.b-img{position: relative;padding-top: calc(526/690*100%);}
.b-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.b-text{ opacity: 1;   transition: all ease .5s; position: absolute;bottom: 0;left: 0;width: calc(100% - .4rem);padding: 0 .8rem 0 .4rem; border-radius: 0 .1rem .1rem 0; background-color: rgba(21,164,197,.95);}
.b-text:after{content: '';position: absolute;top: 0;right: .3rem;width: 7px;height: 100%;background-image: url('../images/a17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.b-text .b-name{color: #ffffff;line-height: .8rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.b-sub{opacity: 0;z-index: -1; transition: all ease .5s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding:   10px;text-align: center; display: flex;align-content: center; flex-wrap: wrap;}
.b-sub:before{content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #1c8db9;background-image: linear-gradient(90deg, #0b68ab 0%, #1c8db9 100%);opacity: 0.9;}
.b-icon{position: relative;z-index: 1; width: 100%;margin-bottom: .25rem;}
.b-icon img{height: .57rem;}
.b-sub .b-name{position: relative;z-index: 1;width: 100%;line-height: 1.27; color: #ffffff;}

.b-link:hover .b-sub{opacity: 1;z-index: 8;} 
.b-link:hover .b-text{opacity: 0;} 

.b-prev{margin-top: -.25rem;left: -.7rem;width: .5rem;height: .5rem;border-radius: 50%; border: 1px solid rgba(21,164,197,.3);background-image: url('../images/a16.png'); background-size: 6px auto;background-position: center center;background-repeat: no-repeat;}
.b-prev:hover{background-color: #fff;border: 1px solid #ffffff;}
.b-next{transform: rotate(-180deg); margin-top: -.25rem;right: -.7rem;width: .5rem;height: .5rem;border-radius: 50%; border: 1px solid rgba(21,164,197,.3);background-image: url('../images/a16.png'); background-size: 6px auto;background-position: center center;background-repeat: no-repeat;}
.b-next:hover{background-color: #fff;border: 1px solid #ffffff;}

@media(max-width: 750px){ 
    .b-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .b-cont{padding: 0 .7rem;}
    .b-item{width: 100%;margin-right: 0;}
    .b-prev{left: 0;}
    .b-next{right: 0;}
}

.c-a{width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.c-a .index-top{text-align: left;}
.c-a .index-titles{margin-bottom: 0;}
.c-a .index-titles span{padding-left: 0;  color: #ffffff;}
.c-a .index-titles:after{background-image: url('../images/a15-b.png');}
.c-main{width: 14rem;margin: 0 auto;display: flex;align-items: center;min-height: 8.2rem;}
.c-cont{width: 100%;padding: .4rem  0 .2rem;}
.c-intro{width: 100%;margin-bottom: .7rem; max-width: 50em; line-height: 1.87;color:rgba(255,255,255,.8);overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.c-list{width: 100%;font-size: 0;min-height: 1.8rem;}
.c-item{display: inline-block;vertical-align: top;margin-right: 1.05rem;margin-bottom: .5rem; text-align: center;}
.c-b{width: 100%;}
.c-nub{display: inline-block;vertical-align: text-bottom;color: #ffffff;padding: 0 .05rem;}
.c-unit{display: inline-block;vertical-align: text-bottom;color: #ffffff;padding: 0 .05rem;}
.c-icon{width: 100%;}
.c-icon img{height: .54rem;}
.c-tip{color: rgba(255,255,255,.8);line-height: 1.6;margin-top: .12rem;}

.c-more{display: inline-block;cursor: pointer; min-width: 1.6rem;text-align: center; color: #15a4c5;padding: 0 .3rem;height: .5rem;line-height: .5rem;background-color: #ffffff;border-radius: .25rem;}
.c-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: .687em;height: 1em;background-image: url('../images/a14.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 750px){ 
    .c-cont{text-align: center;}
    .c-intro{text-align: left;}
    .c-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .c-item{width: 50%;padding: 0 .1rem;margin-right: 0;}
}

.d-a{width: 100%;padding-top: .95rem;padding-bottom: 1rem;  background-size: cover;background-position: center center;background-repeat: no-repeat;}
.d-main{width: 14rem;margin: 0 auto;} 
.d-cont{width: 100%;padding-bottom: .15rem; display: flex;justify-content: space-between;flex-wrap: wrap;justify-content: space-between;}
.d-item{display: block;position: relative;cursor: pointer;padding: .5rem .4rem .45rem;margin-bottom: .2rem; width: calc(50% - .1rem);background-color: #ffffff;border-radius: .1rem;overflow: hidden;}
.d-bg{opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: solid 1px #ffffff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.d-b{position: relative;z-index: 1; width: 100%;font-size: 0;margin-bottom: .15rem;}
.d-icon{display: inline-block;vertical-align: middle;width: .3rem;}
.d-icon img{width: 100%;}
.d-name{position: relative;z-index: 1;display: inline-block;vertical-align: middle;width: calc(100% - .5rem);padding-left: .1rem;color: #111111;line-height: 1.25; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-intro{position: relative;z-index: 1;width: 100%; color: #444444;line-height: 1.71;display: block; }
.d-tr{position: relative;z-index: 1;width: 100%;font-size: 0;}
.d-td{display: inline-block;vertical-align: middle;padding-right: .3rem; margin-top: .2rem;color: #15a4c5;line-height: 1.6;}
.d-td:last-child{padding-right: 0;}

.d-item:hover{box-shadow: .14rem .14rem .3rem 0px rgba(44, 144, 255, 0.25);}
.d-item:hover .d-bg{opacity: 1;}

.d-buttom{width: 100%;text-align: center;}
.d-more{display: inline-block;cursor: pointer; min-width: 1.6rem;text-align: center; color: #ffffff;padding: 0 .3rem;height: .5rem;line-height: .5rem;background-color: #2fbccb;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .25rem;}
.d-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: .687em;height: 1em;background-image: url('../images/a14-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 750px){ 
    .d-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .d-item{width: 100%;}
}

 
.e-a{width: 100%;padding-top: .95rem;padding-bottom: .8rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.e-a .index-top{width: auto;text-align: left;}
.e-a .index-titles span{padding-left: 0;}
.e-main{width: 14rem;margin: 0 auto;}
.e-top{width: 100%;padding-bottom: .05rem; display: flex;align-items: flex-end;justify-content: space-between;}
.e-more{display: inline-block;cursor: pointer;margin-bottom: .35rem; min-width: 1.6rem;text-align: center; color: #ffffff;padding: 0 .3rem;height: .5rem;line-height: .5rem;background-color: #2fbccb;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .25rem;}
.e-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: .687em;height: 1em;background-image: url('../images/a14-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.e-bottom{width: 100%;}
.e-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.e-left{float: left;width: 6.16rem;}
.e-item{display: block;width: 100%;cursor: pointer;margin-bottom: .2rem;}
.e-item .e-img{position: relative;padding-top: calc(347/616*100%);overflow: hidden;border-radius: .1rem;}
.e-item .e-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.e-item .e-text{width: 100%;padding-top: .25rem;}
.e-item .e-name{color: #111111;line-height: 1.41;margin-bottom: .15rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.e-item .e-intro{color: #666666;line-height: 1.85;margin-bottom: .35rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.e-item .e-time{color: #666666;}
.e-item .e-time:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 1em;height: 1em;background-image: url('../images/a22.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}

.e-item:hover .e-img img{transform: scale(1.05);}
.e-item:hover .e-name{color: #15a4c5;}

.e-right{float: right; width: 7rem;}
.e-one{position: relative;margin-bottom: .2rem; padding: 10px .45rem;min-height: 1.3rem;background-color: #ffffff;border-radius: .1rem;overflow: hidden;
 display: flex;align-items: center;cursor: pointer;width: 100%;}
.e-lt{transition: all ease .5s;position: absolute;top: 0;left: 0;opacity: 0;z-index: -1; width: 3rem;height: 100%;}
.e-one .e-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.e-one .e-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.e-rt{width: 100%;}
.e-one .e-name{color: #111111;line-height: 1.41;margin-bottom: .15rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.e-one .e-time{color: #666666;}
.e-one .e-time:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 1em;height: 1em;background-image: url('../images/a22.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}


@media(min-width: 750px){ 
    .e-one.active{min-height: 2.25rem;padding: 10px .4rem 10px 3.4rem;}
    .e-one.active .e-lt{opacity: 1;z-index: 8;}
    .e-one.active .e-name{margin-bottom: .35rem;}
}
 
@media(max-width: 750px){ 
    .e-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .e-left{width: 100%;margin-bottom: 15px;}
    .e-right{width: 100%;}
    .e-one{justify-content: space-between;}
    .e-lt{position: relative;width: 35%;height: auto;opacity: 1;z-index: 1;}
    .e-rt{width: 60%;}
    .e-one .e-img{position: relative;height: auto;padding-top: calc(225/300*100%);}
    .e-one{padding: .3rem;}

    .e-one:hover .e-img img{transform: scale(1.05);}
    .e-one:hover .e-name{color: #15a4c5;}
}

.g-a{width: 100%;padding-top: .6rem;padding-bottom:  .6rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.g-main{width: 14rem;margin: 0 auto;}
.g-cont{width: 100%;text-align: center;}
.g-titles{width: 100%;color: #ffffff;line-height: 1.41;margin-bottom: .23rem;}
.g-more{display: inline-block;cursor: pointer;padding: 0 .3rem;color: #15a4c5;	min-width: 1.6rem;height: .5rem;line-height: .5rem;background-color: #ffffff;border-radius: .25rem;}

@media(max-width: 750px){ 
    .g-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
}

.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}
.banner-text{position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%); width: 14rem;text-align: center;}
.banner-titles{color: #ffffff;line-height: 1.19;margin-bottom: .2rem;}
.banner-intro{line-height: 1.6;	color: #ffffff;}
.banner-intro a{cursor: pointer;}
.banner-intro a img{margin-left: .05rem;width: 1em;}

.banner-form{width: 100%;padding-top: .2rem;}
.banner-cont{display: inline-block;font-size: 0;padding-right: .8rem; width: 5rem;position: relative;background-color: rgba(255,255,255,.9); border-radius: .25rem;}
.banner-b{width: 100%;}
.banner-input{width: 100%;border: none;background-color: transparent; color: #111;height: .5rem;padding: 0 .3rem;}
.banner-c{position: absolute;top: .05rem;right: .05rem;width: .7rem;height: .4rem; background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .2rem;}
.banner-submit{position: absolute;top: 0;left: 0;z-index: 8; width: 100%;height: 100%;display: block;cursor: pointer; border: none;background-color: transparent;background-image: url('../images/a3.png');background-size: .18rem auto;background-position: center center;background-repeat: no-repeat;}


@media(max-width: 900px){ 
    .banner-text{top: 50%;transform: translate(-50%,-50%); width: 100%; padding-left: 10px;padding-right: 10px;}
    .banner-titles{font-size: 18px;}
    .banner-intro{font-size: 12px;}
    .banner-img img{min-height: 150px;object-fit: cover;}
    .banner-titles{margin-bottom: 5px;}
}

.nav{width: 100%;background-color: #f5f5f5;}
.nav-main{width: 14rem;margin: 0 auto;}
.nav-cont{width: 100%;}
.nav-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-left{float: left;font-size: 0;}
.nav-one{display: inline-block;vertical-align: middle;color: #444444;line-height: .9rem;}
.nav-one:after{content: '>';display: inline-block;vertical-align: middle;margin: 0 .08rem;color: #444444;}
.nav-one:last-child:after{display: none;}
.nav-one:nth-child(1):before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem; width: 1em;height: 1.5em;background-image: url('../images/a23.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.nav-right{float: right;font-size: 0;}
.nav-item{display: inline-block;vertical-align: middle;cursor: pointer; padding: 0 .3rem;color: #222222;line-height: .9rem;}
.nav-item:hover{color: #fff; background-color: #2ebbcc; background-image: linear-gradient(90deg, #0b68ab 0%, #2ebbcc 100%);}
.nav-item.active{color: #fff; background-color: #2ebbcc; background-image: linear-gradient(90deg, #0b68ab 0%, #2ebbcc 100%);}

@media(max-width: 750px){ 
    .nav-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .nav-left{display: none;}
    .nav-right{width: 100%;white-space: nowrap;overflow: auto;text-align: center;}

}

.paging{width: 100%;font-size: 0;text-align: center;}
.paging-item{display: inline-block;vertical-align: middle;margin: .1rem .04rem; cursor: pointer;min-width: 3em;height: 3em;line-height: 3em;border-radius: 1.5em; color: #666666;}
.paging-item:hover{color: #fff;background-color: #2dbbc9; background-image: linear-gradient(90deg, #0b68ab 0%, #2dbbc9 100%);}
.paging-item.active{color: #fff;background-color: #2dbbc9; background-image: linear-gradient(90deg, #0b68ab 0%, #2dbbc9 100%);}
.paging-up{display: inline-block;vertical-align: middle;margin: .1rem .04rem; cursor: pointer;min-width: 3em;height: 3em; border-radius: 1.5em; background-image: url('../images/a24.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-image: url('../images/a24-b.png');}
.paging-next{transform: rotate(-180deg); display: inline-block;vertical-align: middle;margin: .1rem .04rem; cursor: pointer;min-width: 3em;height: 3em; border-radius: 1.5em; background-image: url('../images/a24.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-image: url('../images/a24-b.png');}

@media(max-width: 750px){ 
    .paging-item{min-width: 2.5em;height: 2.5em;line-height: 2.5em;}
    .paging-up{min-width: 2.5em;height: 2.5em;line-height: 2.5em;}
    .paging-next{min-width: 2.5em;height: 2.5em;line-height: 2.5em;}
}
 

.i-a{width: 100%;padding-top: 1rem;padding-bottom: .8rem;}
.i-main{width: 14rem;margin: 0 auto;}
.i-top{width: 100%;position: relative;margin-bottom: .45rem;}
.i-swiper{width: 100%;}
.i-item{display: block;width: 100%;} 
.i-link{display: block;cursor: pointer; width: 100%;font-size: 0; background-color: #f5f5f5;border-radius: .1rem;overflow: hidden;}
.i-link .i-img{display: inline-block;vertical-align: middle;position: relative;width: 50%;height: 3.95rem; overflow: hidden; }
.i-link .i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.i-link .i-text{display: inline-block;vertical-align: middle;width: 50%;padding: .15rem .7rem;}
.i-link .i-time{color: #999999;margin-bottom: .23rem;}
.i-link .i-time:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 1em;height: 1em;background-image: url('../images/a22.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}
.i-link .i-name{color: #222222;line-height: 1.3;margin-bottom: .2rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-link .i-intro{color: #999999;line-height: 1.85;margin-bottom: .45rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 
.i-link .i-more{display: inline-block;cursor: pointer; min-width: 1.4rem;text-align: center; color: #ffffff;padding: 0 .2rem;height: .4rem;line-height: .4rem;background-color: #2ebcca;	background-image: linear-gradient(90deg, #096aae 0%, #2ebcca 100%);border-radius: .2rem;}
.i-link .i-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: .687em;height: 1em;background-image: url('../images/a14-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.i-link:hover .i-img img{transform: scale(1.03);}
.i-link:hover .i-name{color: #15a4c5;}

.i-prev{margin-top: -.25rem;left: -.7rem;width: .5rem;height: .5rem;border-radius: 50%; border: 1px solid rgba(21,164,197,.3);background-image: url('../images/a16.png'); background-size: 6px auto;background-position: center center;background-repeat: no-repeat;}
.i-prev:hover{background-color: #15a4c5;border: 1px solid #15a4c5;background-image: url('../images/a16-b.png');}
.i-next{transform: rotate(-180deg); margin-top: -.25rem;right: -.7rem;width: .5rem;height: .5rem;border-radius: 50%; border: 1px solid rgba(21,164,197,.3);background-image: url('../images/a16.png'); background-size: 6px auto;background-position: center center;background-repeat: no-repeat;}
.i-next:hover{background-color: #15a4c5;border: 1px solid #15a4c5;background-image: url('../images/a16-b.png');}

.i-bottom{width: 100%;font-size: 0;padding-bottom: .3rem;}
.i-one{display: inline-block;vertical-align: top;cursor: pointer;width: 31.43%;	background-color: #f5f5f5;border-radius: .1rem;overflow: hidden; margin-right: 2.85%;margin-bottom: .4rem;}
.i-one:nth-child(3n){margin-right: 0;}
.i-one .i-img{width: 100%;position: relative;padding-top: calc(247/440*100%);overflow: hidden;}
.i-one .i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.i-one .i-text{width: 100%;padding: .33rem .4rem .25rem;}
.i-one .i-name{color: #222222;line-height: 1.3;height: 2.6em; margin-bottom: .1rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-one .i-intro{color: #999999;line-height: 1.85;height: 3.7em; margin-bottom: .25rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-b{width: 100%;position: relative;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap; padding-top: .15rem;}
.i-b:before{content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%,0); width: 200%;height: 1px; background-color: #eeeeee;}
.i-one .i-time{margin-top: .15rem; color: #999999;}
.i-one .i-time:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 1em;height: 1em;background-image: url('../images/a22-b.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}
.i-one .i-more{margin-top: .15rem;color: #999999;}
.i-one .i-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .06rem;width: .785em;height: .785em;background-image: url('../images/a14.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}

.i-one:hover  {background-color: #fff;box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.1);}
.i-one:hover .i-img img{transform: scale(1.03);}

 
@media(max-width: 750px){ 
    .i-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .i-top{padding-bottom: .8rem;}
    .i-link .i-img{width: 100%;padding-top: calc(394/700*100%);}
    .i-link .i-text{width: 100%;padding: .3rem;}
    .i-link .i-more{height: 26px;line-height: 26px;border-radius: 13px;}
    .i-prev{top: auto;bottom: 0; left: calc(50% - .6rem);}
    .i-next{top: auto;bottom: 0; right: calc(50% - .6rem);}

    .i-one{width: calc(50% - 5px);margin-right: 10px;}
    .i-one:nth-child(3n){margin-right:  10px;}
    .i-one:nth-child(2n){margin-right: 0;}
    .i-one .i-text{padding: 15px 10px;} 
}

.j-a{width: 100%;padding-top: .95rem;padding-bottom: .95rem;}
.j-main{width: 14rem;margin: 0 auto;}
.j-cont{width: 100%;}
.j-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.j-left{float: left;width: 10.5rem;}
.j-top{width: 100%;padding-bottom: .1rem;margin-bottom: .45rem; border-bottom: 1px solid #e8e8e8;}
.j-titles{width: 100%;margin-bottom: .4rem; color: #000d1e;line-height: 1.3; font-weight: bold;}
.j-b{width: 100%;display: flex;  align-items: center;}
.j-lt{flex: 1;font-size: 0;}
.j-c{display: inline-block;vertical-align: middle;margin-bottom: .1rem;margin-right: .9rem; color: #999999;}
.j-d{display: inline-block;vertical-align: middle;margin-bottom:  .1rem;}
.j-tip{display: inline-block;vertical-align: middle;margin-right: .25rem;color: #999999;}
.j-sharebox{display: inline-block;vertical-align: middle;}
.j-share{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .3rem;}
.j-share:last-child{margin-right: 0;}
.j-icon1{display: block;height: 1.125em;}
.j-icon1 img{max-width: none;height: 100%;}
.j-icon2{display: none;height: 1.125em;}
.j-icon2 img{max-width: none;height: 100%;}
.j-share:hover .j-icon1{display: none;}
.j-share:hover .j-icon2{display: block;} 
.j-rt{display: block;font-size: 0;}
.j-back{display: inline-block;cursor: pointer; color: #000d1e;margin-bottom: 0.1rem;}
.j-back:after{content: '';display: inline-block;vertical-align: middle;margin-left: .11rem;width: 1em;height: 1em;background-image: url('../images/a28.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.j-back:hover{color: #15a4c5;}
.j-textbox{color: #666666;line-height: 1.87; padding-bottom: .45rem; border-bottom: 1px solid #e8e8e8;}
.j-textbox *{line-height: inherit;max-width: 100%;}
.j-linkbox{width: 100%;padding-top: .45rem;}
.j-link{display: block;cursor: pointer; margin-top: .1rem; width: 100%;line-height: 1.6;color: #333333; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.j-link:hover{color: #15a4c5;}

.j-right{float: right;width: 2.6rem;}
.j-subtitle{width: 100%;margin-bottom: .33rem; color: #000d1e;line-height: 1.3; font-weight: bold;}
.j-list{width: 100%;font-size: 0;}
.j-item{display: block;width: 100%;margin-bottom: .3rem; cursor: pointer;background-color: #f5f5f5;border-radius: .1rem;overflow: hidden;}
.j-img{width: 100%;position: relative;padding-top: calc(146/260*100%);overflow: hidden;}
.j-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.j-text{width: 100%;padding: .2rem .28rem .3rem;}
.j-name{color: #222222;line-height: 1.87; margin-bottom: .15rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.j-time{color: #999999;}
.j-time:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 1em;height: 1em;background-image: url('../images/a22-b.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}

.j-item:hover  {background-color: #fff;box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.1);}
.j-item:hover .j-img img{transform: scale(1.05);}

@media(max-width: 750px){ 
    .j-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .j-left{width: 100%;margin-bottom: 25px;}
    .j-c{margin-right: 15px;}
    .j-right{width: 100%;}
}

.k-a{width: 100%;padding-bottom: .5rem; background-image: url('../images/b26.jpg');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.k-a .nav{background-color: transparent;}
.k-main{width: 14rem;margin: 0 auto;padding-top: .6rem;}
.k-cont{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}
.k-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.k-left{float: left;width: 8.66rem;margin-bottom:  .5rem;}
.k-titles{display: inline-block;position: relative; margin-bottom: .3rem;}
.k-titles span{position: relative;display: inline-block;padding-right: .347em; color: #111111;line-height: 1.21;}
.k-titles:after{content: '';position: absolute;top: -.26em;right: 0;width: .65em;height: .65em;background-image: url('../images/a15.png');background-size: contain; background-position: center center;background-repeat: no-repeat;}
.k-intro{width: 100%;min-height: 1.6rem;padding-bottom:  .3rem; color: #666666;line-height: 1.87;}
.k-intro *{line-height: inherit;}
.k-img{width: 100%;border-radius: .1rem;overflow: hidden;}
.k-img img{width: 100%;}
.k-right{float: right;  width: 4.95rem; margin-bottom:  .5rem;}
.k-list{width: 100%;font-size: 0;padding-bottom: .25rem;}
.k-item{display: inline-block;vertical-align: top;text-align: center;position: relative; width: 50%;padding: 0 .1rem;margin-bottom: .25rem;}
.k-item:after{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%); width: 1px;height: 0.83rem; background-color: #e5e5e5;}
.k-item:nth-child(2n):after{display: none;}
.k-b{width: 100%;font-size: 0;}
.k-nub{display: inline-block;vertical-align: text-bottom; color: #15a4c5;margin-right: .05rem;}
.k-unit{display: inline-block;vertical-align: text-bottom;color: #666666;}
.k-icon{width: 100%;}
.k-icon img{height: .54rem;}
.k-tip{color: #666666;line-height: 1.6;margin-top: .05rem;}


@media(min-width: 750px){ 
    .k-intro{ height: 1.6rem;overflow: auto;}
}
@media(max-width: 750px){ 
    .k-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .k-left{width: 100%;}
    .k-right{width: 100%;}
}

.l-a{width: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.l-main{width: 14rem;margin: 0 auto;display: flex;align-items: center;min-height: 8.5rem;}
.l-cont{width: 100%;padding: .5rem 0;}
.l-titles{color: #ffffff;line-height: 1.21;margin-bottom: .3rem;}
.l-textbox{width: 100%;max-width: 55em; color: rgba(255,255,255,.8);line-height: 1.87;}
.l-textbox *{line-height: inherit;}
.l-textbox P{margin-bottom: .15rem;}

@media(max-width: 750px){ 
    .l-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
}

.m-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-image: url('../images/b30.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.m-main{width: 14rem;margin: 0 auto;}
.m-cont{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.m-left{display: block;width: 5.2rem;}
.m-top{width: 100%; }
.m-titles{display: inline-block;position: relative; margin-bottom: .5rem;}
.m-titles span{position: relative;display: inline-block;padding-right:   .347em; color: #111111;line-height: 1.21;}
.m-titles:after{content: '';position: absolute;top: -.26em;right: 0;width: .65em;height: .65em;background-image: url('../images/a15.png');background-size: contain; background-position: center center;background-repeat: no-repeat;}
.m-list{width: 100%;} 
.m-item{display: block;margin-bottom: .65rem;font-size: 0;}
.m-item:last-child{margin-bottom: 0;}
.m-icon{display: inline-block; vertical-align: middle; width: .8rem;height: .8rem;text-align: center;line-height: .8rem;border-radius: 50%;overflow: hidden;background-color: rgba(21,164,197,.2);}
.m-icon img{max-width: 100%;max-height: 100%;} 
.m-text{display: inline-block;vertical-align: middle;width: calc(100% - .9rem);padding-left: .14rem;}
.m-tip{color: #222222;line-height: 1.7;}
.m-intro{color: #222222;line-height: 1.7;}  
 
.m-right{width: 8.66rem;border-radius: .1rem;overflow: hidden;}
.m-right img{width: 100%;}
 
@media(max-width: 750px){ 
    .m-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .m-left{width: 100%;margin-bottom: .5rem;}
    .m-right{width: 100%;}
}

.n-a{width: 100%;padding-top: .9rem;padding-bottom: .78rem; background-image: url('../images/b31.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.n-main{width: 14rem;margin: 0 auto;}
.n-top{width: 100%;text-align: center;}
.n-titles{display: inline-block;position: relative; margin-bottom: .5rem;}
.n-titles span{position: relative;display: inline-block;padding: 0 .347em; color: #111111;line-height: 1.21;}
.n-titles:after{content: '';position: absolute;top: -.26em;right: 0;width: .65em;height: .65em;background-image: url('../images/a15.png');background-size: contain; background-position: center center;background-repeat: no-repeat;}
.n-bottom{width: 100%;padding-bottom: .3rem;}
.n-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.n-left{float: left;width: 6.8rem;}
.n-right{float: right;width: 6.8rem;}
.n-item{width: 100%;position: relative; margin-bottom: .2rem;background-color: #ffffff;border-radius: .05rem;overflow: hidden;}
.n-input{width: 100%;border: none;background-color: transparent; padding: 0 .2rem; height: .57rem;color: #333;}
.n-textarea{width: 100%;border: none;background-color: transparent;line-height: .3rem;padding: .15rem .2rem; height: 3.6rem;color: #333;}
.n-code{position: absolute;top: 0;right: 0;width: 1.52rem;height: 100%; border-left: solid 1px #eeeeee;}
.n-code img{position: absolute;top: 0;left: 0;display: block;cursor: pointer; width: 100%;height: 100%;object-fit: contain; transform: scale(1.00);transition: all ease .5s;}

.n-buttom{width: 100%;text-align: center;}
.n-submit{display: inline-block;cursor: pointer;border: none; min-width: 2.2rem;height: .5rem;line-height: .5rem;padding: 0 .15rem;color: #ffffff;background-color: #2fbccb;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .25rem;}

@media(max-width: 750px){ 
    .n-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .n-left{width: 100%;}
    .n-input{height: 30px;}
    .n-textarea{height: 120px;padding: 10px .2rem;line-height: 20px;}
    .n-right{width: 100%;}
    .n-submit{height: 36px;line-height: 36px; border-radius: 18px;}
}

.o-a{width: 100%;padding-top: .95rem;padding-bottom: .68rem;}
.o-main{width: 14rem;margin: 0 auto;}
.o-top{width: 100%;text-align: center;margin-bottom: .4rem;}
.o-icon{display: inline-block;vertical-align: middle;margin-right: .17rem;width: .5rem;}
.o-icon img{width: 100%;}
.o-titles{display: inline-block;vertical-align: middle;position: relative;}
.o-titles span{position: relative;display: inline-block;padding-right: .347em; color: #111111;line-height: 1.21;}
.o-titles:after{content: '';position: absolute;top: -.26em;right: 0;width: .65em;height: .65em;background-image: url('../images/a15.png');background-size: contain; background-position: center center;background-repeat: no-repeat;}

.o-bottom{width: 100%;font-size: 0;}
.o-item{display: inline-block;vertical-align: top;cursor: pointer;width: 31.43%;text-align: center;padding: .6rem 10px; background-color: #f5f5f5;border-radius: .1rem; margin-right: 2.85%;margin-bottom: .3rem;}
.o-item:nth-child(3n){margin-right: 0;}
.o-img{display: inline-block; position: relative; margin-bottom: .3rem;}
.o-img:before{opacity: 0;transition: all ease .5s; content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 111.7%;height: 111.7%;border-radius: 50%;background-color: rgba(255,255,255,.05);}
.o-img1{position: relative;z-index: 1; display: inline-block;width: 1.7rem;height: 1.7rem;line-height: 1.7rem; border-radius: 50%; background-color: #ffffff;}
.o-img1 img{max-width: 50%;max-height: 50%;}
.o-img2{position: relative;z-index: 1; display: none;width: 1.7rem;height: 1.7rem;line-height: 1.7rem; border-radius: 50%; background-color: rgba(255,255,255,.15);}
.o-img2 img{ max-width: 50%;max-height: 50%;}
.o-text{width: 100%;}
.o-name{color: #111111;line-height: 1.41;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.o-item:hover{background-color: #2fbccb; background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);box-shadow: 0px 0px .4rem 0px #eeeeee;}
.o-item:hover .o-img:before{opacity: 1;}
.o-item:hover .o-img1{display: none;}
.o-item:hover .o-img2{display: inline-block;}
.o-item:hover .o-name{color: #ffffff;}


@media(max-width: 750px){ 
    .o-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .o-item{width: calc(50% - 5px);margin-right: 10px;}
    .o-item:nth-child(3n){margin-right: 10px;}
    .o-item:nth-child(2n){margin-right: 0;}
}

.p-a{width: 100%;padding-top: .95rem;padding-bottom: 1rem;}
.p-main{width: 14rem;margin: 0 auto;}
.p-top{width: 100%;margin-bottom: .23rem; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.p-lt{font-size: 0;}
.p-b{display: block;}
.p-icon{display: inline-block;vertical-align: middle;margin-right: .17rem;width: .5rem;}
.p-icon img{width: 100%;}
.p-titles{display: inline-block;vertical-align: middle;position: relative;}
.p-titles span{position: relative;display: inline-block;padding-right: .347em; color: #111111;line-height: 1.21;}
.p-titles:after{content: '';position: absolute;top: -.26em;right: 0;width: .65em;height: .65em;background-image: url('../images/a15.png');background-size: contain; background-position: center center;background-repeat: no-repeat;}
.p-rt{font-size: 0;}
.p-nav{display: inline-block;vertical-align: middle;cursor: pointer;color: #111111;min-width: 1.2rem;padding: 0 .2rem;text-align: center;line-height: .5rem;text-align: center;border-radius: .05rem;}
.p-nav:hover{color: #fff;	background-image: linear-gradient(90deg, #0b68ab 0%, #2ebbcc 100%);}
.p-nav.active{color: #fff;	background-image: linear-gradient(90deg, #0b68ab 0%, #2ebbcc 100%);}

.p-bottom{width: 100%;}
.p-intro{color: #111111;line-height: 1.41;margin-bottom: .35rem;}
.p-table{width: 100%;background-color: #ffffff;box-shadow: 0px 0px .5rem 0px #f2f2f2;border-radius: .1rem;}
.p-table table{width: 100%;border: none;}
.p-table table *{word-break: break-all;}
.p-table tr{width: 100%;border: none;}
.p-table td{border: none;padding:.35rem .4rem; color: #444444;line-height: 1.87;}
.p-table tr:nth-child(2n){background-color: #f7f7f7;}
.p-table td:nth-child(1){width: 4rem; text-align: center;background-color: #eeeeee;	color: #111111;}
.p-table tr:nth-child(2n) td:nth-child(1){background-color: #e6e6e6;}


@media(max-width: 750px){ 
    .p-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .p-lt{text-align: center;width: 100%;}
    .p-rt{width: 100%;text-align: center;margin-top: 25px;}
    .p-nav{height: 30px;line-height: 30px;}
    .p-table td{padding: 10px;}
    .p-table td:nth-child(1){width: 100px;}
}

.q-a{width: 100%;padding-top: .95rem;padding-bottom: 1rem;}
.q-main{width: 14rem;margin: 0 auto;}
.q-cont{width: 100%;}
.q-item{width: 100%;cursor: pointer;padding: .5rem 0;border-bottom: 1px solid #e5e5e5; display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;}
.q-rt{display: block;width: 4.2rem;}
.q-img{width: 100%;position: relative;padding-top: calc(237/420*100%);overflow: hidden;}
.q-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.q-lt{display: block;width: 8.8rem;}
.q-time{color: #777777;margin-bottom: .23rem;}
.q-time:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 1em;height: 1em;background-image: url('../images/a22.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}
.q-name{color: #222222;line-height: 1.41;margin-bottom: .15rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.q-intro{color: #777777;line-height: 1.85;margin-bottom: .45rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.q-more{display: inline-block;cursor: pointer; min-width: 1.6rem;text-align: center; color: #ffffff;padding: 0 .3rem;height: .5rem;line-height: .5rem;background-color: #2fbccb;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .25rem;}
.q-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: .687em;height: 1em;background-image: url('../images/a14-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.q-item:hover .q-img img{transform: scale(1.05);}
.q-item:hover .q-name{color: #15a4c5;}

@media(max-width: 750px){ 
    .q-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .q-rt{width: 35%;}
    .q-lt{width: 60%;}
    .q-intro{margin-bottom: 10px;}
}

.my-id{position: absolute;top: -1.1rem;left: 0;}
.r-a{width: 100%;padding-top: .95rem;padding-bottom: .7rem;}
.r-b{margin-bottom: .75rem;}
.r-titles{display: inline-block;position: relative;}
.r-titles span{position: relative;display: inline-block;padding-right: .347em; color: #111111;line-height: 1.21;}
.r-titles:after{content: '';position: absolute;top: -.26em;right: 0;width: .65em;height: .65em;background-image: url('../images/a15.png');background-size: contain; background-position: center center;background-repeat: no-repeat;}

.r-main{width: 14rem;margin: 0 auto;} 
.r-top{width: 100%;position: relative;}
.r-one{width: 100%;margin-bottom: .18rem; font-size: 0;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.r-lt{display: inline-block;vertical-align: top;width: 5.2em;padding: .12rem 0;}
.r-tip{display: inline-block;vertical-align: top;line-height: .36rem;color: #111111;}
.r-rt{display: inline-block;vertical-align: top;width: calc(100% - 5.5em);}
.r-list{width: 100%;font-size: 0;}
.r-filtrate{display: inline-block;vertical-align: middle;cursor: pointer; margin: .12rem .6rem .12rem  0;  text-align: center; border-radius: .05rem;line-height: .36rem; color: #666666;}
.r-filtrate.active{min-width: 1.1rem; padding: 0 .15rem;background-color: #d0edf3;color: #15a4c5;}
.r-type{display: inline-block;vertical-align: middle;cursor: pointer; margin: .12rem .6rem .12rem  0;  text-align: center; border-radius: .05rem;}
.r-typetext{display: inline-block;vertical-align: middle; line-height: .36rem; color: #666666;}
.r-del{display:none;vertical-align: middle;margin-left: .06rem;width: .687em;height: 1em;background-image: url('../images/a36.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.r-type.active{min-width: 1.1rem; padding: 0 .15rem;background-color: #d0edf3;color: #15a4c5;}
.r-type.active .r-typetext{ color: #15a4c5;} 
.r-type.active .r-del{display: inline-block;} 

.r-cont{width: 100%;font-size: 0;padding-top: .6rem;padding-bottom: .35rem;}
.r-item{display: inline-block;vertical-align: top;cursor: pointer;width: 31.43%;background-color: #f5f5f5;border-radius: .1rem;overflow: hidden; margin-right: 2.85%;margin-bottom: .4rem;}
.r-item:nth-child(3n){margin-right: 0;}
.r-img{width: 100%;position: relative;padding-top: calc(247/440*100%);overflow: hidden;}
.r-img>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}
.r-sub{position: absolute;top: 0;left: 0;width: 100%;height: 100%; text-align: center; }
.r-play{position: absolute;bottom: .1rem; left: 50%;transform: translate(-50%,0); width: 100%;}
.r-play img{width:  .6rem; opacity: .6;}
.r-sub .r-name{position: absolute;top: 50%;left: 50%;width: calc(100% - .2rem); transform: translate(-50%,-50%);  color: #fff;line-height: 1.3;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.r-text{width: 100%;padding: .35rem .35rem;}
.r-text .r-name{color: #111111;line-height: 1.6;margin-bottom: .15rem; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.r-tr{width: 100%;font-size: 0;}
.r-td{display: inline-block;vertical-align: middle;margin-right: .15rem; color: #999999;}
.r-td img{margin-right: .05rem; height: .8em;max-width: none;}

.r-item:hover  {background-color: #fff;box-shadow: 0px 0px .3rem 0px rgba(0, 0, 0, 0.1);}
.r-item:hover .r-img img{transform: scale(1.05);}

@media(max-width: 1550px){ 
    .r-tip{line-height: 26px;}
    .r-typetext{line-height: 26px;}
    .r-filtrate{line-height: 26px;}
}

@media(max-width: 750px){ 
    .r-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .r-item{width: calc(50% - 5px);margin-right: 10px;}
    .r-item:nth-child(3n){margin-right:10px;}
    .r-item:nth-child(2n){margin-right: 0;} 
}

.s-a{width: 100%;padding-top: .95rem;padding-bottom: 1rem;}
.s-main{width: 14rem;margin: 0 auto;}
.s-cont{width: 100%;}
.s-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.s-left{float: left;width: 11rem;}
.s-one{display: none;width: 100%;}
.s-one.show{display: block;}
.s-top{width: 100%; min-height: 1.5rem;padding-bottom: .3rem;}
.s-titles{width: 100%;color: #111111;line-height: 1.21;margin-bottom: .3rem;}
.s-b{width: 100%;}
.s-like{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .2rem; margin-bottom: .1rem;}
.s-img{display: inline-block;vertical-align: middle;margin-right:  .05rem;}
.s-img1{display: block; height: .9em;}
.s-img1 img{vertical-align: top;height: 100%;}
.s-img2{display: none;height: .9em;}
.s-img2 img{vertical-align: top;height: 100%;}
.s-text{display: inline-block;vertical-align: middle;color: #999999;}
.s-like.active .s-img1{display: none;}
.s-like.active .s-img2{display: block;}
.s-like.active .s-text{color: #1aa6c6;}
.s-browse{display: inline-block;vertical-align: middle;margin-bottom: .1rem;margin-right: .68rem;color: #999999;}
.s-browse img{vertical-align: top; height: .9em;margin-right: .05rem;}
.s-c{display: inline-block;vertical-align: middle;margin-bottom:  .1rem;}
.s-tip{display: inline-block;vertical-align: middle;margin-right: .25rem;color: #999999;}
.s-sharebox{display: inline-block;vertical-align: middle;}
.s-share{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .3rem;}
.s-share:last-child{margin-right: 0;}
.s-icon1{display: block;height: 1.125em;}
.s-icon1 img{max-width: none;height: 100%;}
.s-icon2{display: none;height: 1.125em;}
.s-icon2 img{max-width: none;height: 100%;}
.s-share:hover .s-icon1{display: none;}
.s-share:hover .s-icon2{display: block;} 
.s-video{width: 100%; background-color: #000000;border-radius: .1rem;overflow: hidden;}
.s-video video{width: 100%; height: 6.2rem;}

.s-right{float: right;width: 2.6rem;margin-top: .1rem; background-color: #f5f5f5;border-radius: .1rem;overflow: hidden;}
.s-navbox{width: 100%;height: 7.6rem; padding: .2rem 0;}
.s-nav{display: block;cursor: pointer;position: relative; padding: .2rem .2rem .2rem 2.18em; border-bottom: 1px solid #e5e5e5;  width: calc(100% - .4rem);margin-left: .2rem;}
.s-nav:last-child{border-bottom:  none;}
.s-nub{position: absolute;top: .2rem;left: 0; width: 2.18em;text-align: right;color: #666666;line-height: 1.75;}
.s-name{color: #666666;line-height: 1.75;}

.s-nav.active{border-bottom: 1px solid #ffffff;	background-color: #ffffff;}
.s-nav.active .s-name{ color: #15a4c5;}
.s-nav.active .s-nub{display: none;}
.s-nav.active:before{content: '';position: absolute;top: .2rem;left: 0;width: 1.87em;height: 1.75em;background-image: url('../images/a39.png');background-size: .625em auto;background-position: center right;background-repeat: no-repeat;}

@media(max-width: 750px){ 
    .s-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .s-left{width: 100%;}
    .s-video video{height: 5rem;}
    .s-right{width: 100%;margin-top: 0;}
    .s-navbox{height: 4.8rem;}
}

.t-a{width: 100%;padding-top: .3rem;padding-bottom: 1rem;background-color: #f5f5f5;}
.t-main{width: 14rem;margin: 0 auto;}
.t-top{width: 100%;margin-bottom: .3rem; text-align: right;}
.t-form{width: 100%;}
.t-searchbox{display: inline-block;text-align: left;position: relative; font-size: 0;width: 3rem;padding-right: .5rem; background-color: #ffffff;border-radius: .05rem;overflow: hidden;border: solid 1px #eeeeee;}
.t-keyword{display: block;border: none;background-color: transparent;width: 100%;padding: 0 .14rem;color: #333;height: .4rem;}
.t-box{position: absolute;top: 0;right: 0;width: .5rem;height: 100%;background-color: #15a4c5; background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
.t-search{position: absolute;top: 0;right: 0;display: block;border: none;background-color: transparent;cursor: pointer; width: 100%;height: 100%;background-image: url('../images/a3.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}

.t-bottom{width: 100%;background-color: #ffffff;border-radius: .1rem;}
.t-b{width: 100%;padding: 0 .8rem;border-bottom: 1px solid #eeeeee;}
.t-titles{position: relative; display: inline-block;line-height: .8rem;color: #1aa6c6;}
.t-titles:before{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #1aa6c6;}
.t-cont{width: 100%;padding: .4rem .8rem;}
.t-tr{width: 100%;font-size: 0;padding: .15rem 0;}
.t-td{position: relative; display: inline-block;vertical-align: middle;text-align: center; color: #111111;line-height: 1.71;}
.t-c{color: #111111;line-height: 1.71;}
.t-td:nth-child(1){width: 40.4%;padding-left: .9rem;text-align: left;}
.t-td:nth-child(2){width: 16.1%;}
.t-td:nth-child(3){width: 12.9%;}
.t-td:nth-child(4){width: 17.3%;}
.t-td:nth-child(5){width: 13.3%;}
 

.t-goodsbox{width: 100%;}
.t-goods{display: block;position: relative;font-size: 0;padding: .3rem 0;margin-bottom: .2rem;border-radius: .05rem; border: 1px solid #ededed;}
.t-one{display: block;width: 100%;padding: .2rem 0;}
.t-d{display: inline-block;vertical-align: middle;font-size: 0;text-align: center;}
.t-d:nth-child(1){width: 40.4%;padding-left: .96rem;text-align: left;}
.t-d:nth-child(2){width: 16.1%;}
.t-d:nth-child(3){width: 12.9%;}
.t-d:nth-child(4){width: 17.3%;}
.t-d:nth-child(5){width: 13.3%;}

.t-img{display: inline-block;vertical-align: middle;width: .4rem;}
.t-name{display: inline-block;vertical-align: middle;width: calc(100% - .5rem);padding-left: .13rem; color: #111111;line-height: 1.71;}
.t-time{width: 100%;color: #666666;line-height: 1.71;}
.t-price{width: 100%;word-break: break-all; color: #1aa6c6;line-height: 1.71;}
.t-del{width: 100%;display: block;cursor: pointer; color: #666666;line-height: 1.71;}
.t-del:hover{color: #15a4c5;}
.t-num{display: inline-block;position: relative;padding: 0 .36rem; width: 100%;max-width: 1.4rem;border-radius: .05rem;border: solid 1px #e5e5e5;}
.t-input{width: 100%;text-align: center; color: #111111; height: .36rem;border: none;background-color: transparent; border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;}
.t-btn{position: absolute;top: 0;left: 0;display: block;cursor: pointer; width: .36rem;height: 100%;background-image: url('../images/a41.png');background-size: .357em auto;background-position: center center;background-repeat: no-repeat;}
.t-btn.plus{left: auto;right: 0;background-image: url('../images/a41-b.png');background-size: .571em auto;}

.t-a .select-label{position:absolute;top:50%;left:0;transform:translate(0,-50%); cursor:pointer}
.t-a .select-icon{display:inline-block;vertical-align:middle;margin-right:.06rem;width:1em;height:1em; border-radius: .03rem;border: solid 1px #aaaaaa;  background-size:80% auto;background-repeat:no-repeat;background-position:center center}
.t-a .select-text{display:inline-block;vertical-align:middle;color:#111111}
.t-a .select-checkbox{position:absolute;left:0;top:0;width:100%;height:100%;z-index:123;cursor:pointer;opacity:0}
.t-a .select-label.selected .select-icon{background-color: #15a4c5; background-image:url(../images/a40.png);border-radius: 0;border: solid 1px #15a4c5}

.t-goods .select-label{left: .35rem;}
.t-buttom .select-label{position: static;top: 0;transform: translate(0,0);display: inline-block;vertical-align: middle;margin-right: .3rem;}
.t-buttom .select-text{line-height: 1.71;}

.t-buttom{width: 100%;padding: .15rem .8rem; display: flex;align-items: center;flex-wrap: wrap; background-color: #eeeeee;}
.t-lt{font-size: 0;position: relative;}
.t-dels{display: inline-block;vertical-align: middle;cursor: pointer; color: #111111;line-height: 1.71;}
.t-dels:hover{color: #15a4c5;}

.t-rt{display: flex;align-items: center; flex: 1;padding-left: .1rem;}
.t-e{flex: 1;padding-right: .25rem;text-align: right;}
.t-tip{display: inline-block;vertical-align: middle;padding: .1rem 0;line-height: 1.5; color: #111111;}
.t-tip span{color: #15a4c5;}
.t-total{display: inline-block;vertical-align: middle;color: #15a4c5;}
.t-submit{display: inline-block;cursor: pointer;border: none;color: #ffffff;padding: 0 .15rem; min-width: .9rem;height: .4rem;line-height: .4rem;text-align: center; background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .2rem;}

@media(max-width: 1150px){ 
    .t-searchbox{width: 280px;}
    .t-keyword{height: 30px;}
    .t-box{width: 30px;}
    .t-search{background-size: 10px auto;}
}
@media(max-width: 750px){ 
    .t-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .t-b{padding: 0 10px;}
    .t-cont{padding: 15px 10px;}
    .t-a .select-text{font-size: 11px;}
    .t-td{font-size: 11px;}
    .t-c{font-size: 11px;}
    .t-td:nth-child(1){width: 36.4%;padding-left: 50px;}
    .t-td:nth-child(3){width: 16.9%;}
    .t-d:nth-child(1){width: 36.4%; padding-left: 30px;}
    .t-d:nth-child(3){width: 16.9%;}
    .t-input{font-size: 11px;}
    .t-goods .select-label{left: 5px;}
    .t-name{font-size: 11px;}
    .t-time{font-size: 11px;}
    .t-price{font-size: 11px;}
    .t-del{font-size: 11px;}
    .t-buttom{padding: 10px;}
    .t-tip{font-size: 12px;}
    .t-dels{font-size: 11px;}
    .t-submit{min-width: 60px;height: 26px;line-height: 26px;border-radius: 14px;} 
}

.u-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;background-color: #f5f5f5;}
.u-main{width: 14rem;margin: 0 auto;}
.u-cont{width: 100%;background-color: #ffffff;border-radius: .1rem;}
.u-top{width: 100%;padding: 0 .8rem; border-bottom: 1px solid #eeeeee;}
.u-titles{position: relative; display: inline-block;line-height: .8rem;color: #1aa6c6;}
.u-titles:before{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #1aa6c6;}
.u-bottom{width: 100%;padding: .55rem .8rem ;text-align: center;}
.u-icon{width: 100%;margin-bottom: .25rem;}
.u-icon img{height: 1.34rem;}
.u-subtilte{width: 100%;color: #000d1e;line-height: 1.3; font-weight: bold;margin-bottom: .5rem;}
.u-tip{color: #111111;line-height: 1.71;margin-bottom: .1rem;}
.u-buttom{width: 100%;font-size: 0;}
.u-check{display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .05rem .25rem; padding: 0 .38rem;color: #ffffff; height: .4rem; line-height: .4rem;text-align: center;background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .2rem;}
.u-back{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .05rem .25rem; padding: 0 .38rem;color: #15a4c5; height: .4rem; line-height: .4rem;text-align: center; border: solid 1px #15a4c5;border-radius: .2rem;}


@media(max-width: 750px){ 
    .u-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .u-top{padding: 0 10px;}
    .u-bottom{padding: .5rem 10px;}
    .u-check{height: 30px;line-height: 30px;border-radius: 15px;}
    .u-back{height: 30px;line-height: 30px;border-radius: 15px;}
}

.v-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;background-color: #f5f5f5;}
.v-main{width: 14rem;margin: 0 auto;}
.v-cont{width: 100%;background-color: #ffffff;border-radius: .1rem;}
.v-top{width: 100%;padding: 0 .8rem; border-bottom: 1px solid #eeeeee;}
.v-titles{position: relative; display: inline-block;line-height: .8rem;color: #1aa6c6;}
.v-titles:before{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #1aa6c6;}
.v-bottom{width: 100%;padding: .55rem .8rem .8rem;}
.v-product{width: 100%;border-top: 1px solid #eeeeee;}
.v-tr{width: 100%;font-size: 0;padding: .15rem 0;}
.v-td{display: inline-block;vertical-align: middle;text-align: center; color: #111111;line-height: 1.71;}
/* .v-td:nth-child(1){width: 36.6%;text-align: left;padding-left: .4rem;}
.v-td:nth-child(2){width: 19.3%;}
.v-td:nth-child(3){width: 10.4%;}
.v-td:nth-child(4){width: 8.8%;}
.v-td:nth-child(5){width: 7.2%;} 
.v-td:nth-child(6){width: 7.2%;}
.v-td:nth-child(7){width: 10.4%;} */
.v-td:nth-child(1){width: 36.6%;text-align: left;padding-left: .4rem;}
.v-td:nth-child(2){width: 19.3%;}
.v-td:nth-child(3){width: 15.4%;}
.v-td:nth-child(4){width: 13.8%;}
.v-td:nth-child(5){width:14.8%;}   

.v-gooodsbox{width: 100%;padding-bottom: .38rem;}
.v-goods{display: block;font-size: 0;padding: .4rem 0;margin-bottom: .2rem;	border-radius: .05rem;border: solid 1px #eeeeee;}
.v-b{display: inline-block;vertical-align: middle;text-align: center;word-break: break-all;font-size: 0;}
.v-b:nth-child(1){width: 36.6%;text-align: left;padding-left: .4rem;}
.v-b:nth-child(2){width: 19.3%;}
.v-b:nth-child(3){width: 15.4%;}
.v-b:nth-child(4){width: 13.8%;}
.v-b:nth-child(5){width: 14.8%;}  

.v-goods .v-img{display: inline-block;vertical-align: middle;width: .4rem;}
.v-goods .v-img img{width: 100%;}
.v-goods .v-name{display: inline-block;vertical-align: middle;width: calc(100% - .5rem);padding-left: .13rem;color: #111111;line-height: 1.3;}
.v-system{color: #111111;line-height: 1.71;}
.v-time{color: #111111;line-height: 1.71;}
.v-edition{color: #111111;line-height: 1.71;}
.v-nub{color: #111111;line-height: 1.71;}
.v-price{color: #15a4c5;line-height: 1.71;}
.v-total{color: #15a4c5;line-height: 1.71;}

.v-subtitle{width: 100%;color: #111111;line-height: 1.6;}
.v-textbox{width: 100%;padding-top: .1rem;padding-bottom: .35rem; color: #111111;line-height: 1.85;}
.v-textbox *{line-height: inherit;}
.v-textbox2{width: 100%; padding-bottom: .35rem; color: #111111;line-height: 1.85;}
.v-textbox2 *{line-height: inherit;}
.v-prices{color: #15a4c5;font-weight: bold;margin-top: .1rem;margin-bottom: .13rem;}

.v-paybox{width: 100%;padding-top: .1rem;padding-bottom: .2rem;}
.v-pay{display: inline-block;vertical-align: middle;position: relative;padding: 0 .25rem;text-align: center; min-width: 2rem; background-color: #f7f7f7;border: solid 1px #f7f7f7; border-radius: .05rem;margin-bottom: .2rem;margin-right: .2rem;}
.v-pay .v-radio{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.v-pay .v-img{display: inline-block;vertical-align: middle;height: .7rem;line-height: .7rem; margin-right: .1rem;}
.v-pay .v-img img{max-width: none; height: .28rem;}
.v-pay .v-name{display: inline-block;vertical-align: middle;color: #111111;line-height: 1.5;}
.v-pay .v-icon{opacity: 0;transition: all ease .5s; position: absolute;bottom: 0;right: 0;width: .26rem;height: .26rem;background-image: url('../images/a47.png');background-size: .26rem .26rem;background-position: center center;background-repeat: no-repeat;}
.v-pay.selected {border: solid 1px #15a4c5;}
.v-pay.selected .v-icon{opacity: 1;}

.v-coupon{width: 100%;position: relative; margin-top: .15rem;margin-bottom: .45rem;font-size: 0;}
.vc-buttom{display: inline-block;cursor: pointer; position: relative;padding-right:  .5rem;border-radius: .05rem;border: solid 1px #cccccc;}
.vc-text{min-width: 1.7rem;max-width: 5rem;  padding: 0 .17rem;color: #666666; height: .5rem;line-height: .5rem;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.vc-buttom .vc-icon{position: absolute;top: 0;right: 0;width: .5rem;height: .5rem;background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
.vc-buttom .vc-icon:after{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-image: url('../images/a48.png');background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.vc-sub{display: none; position: absolute;top: 100%;left: 0;z-index: 88;max-height: 4rem;  width: 9.23rem;background-color: #ffffff;box-shadow: .05rem .09rem .3rem 0px #eeeeee;border-radius: .1rem;}
.v-coupon.show .vc-sub{display: block;}
.vc-cont{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;padding: .3rem .4rem ;}
.vc-item{position: relative; display: flex;align-items: center;min-height: 1.1rem;padding: .1rem .3rem;cursor: pointer; width: calc(50% - .09rem);margin: .1rem 0; border: solid 1px #dddddd;}
.vc-lt{flex: 1;padding-right: 10px;}
.vc-name{color: #111111;line-height: 1.6;margin-bottom: .1rem;}
.vc-time{color: #999999;}
.vc-rt{color: #15a4c5;font-weight: bold;}
.vc-item .vc-icon{opacity: 0;transition: all ease .5s; position: absolute;bottom: 0;right: 0;width: .26rem;height: .26rem;background-image: url('../images/a47.png');background-size: .26rem .26rem;background-position: center center;background-repeat: no-repeat;}

.vc-item:before{content: ''; position: absolute;top: 0;left: -1px;  display: block;width: 7px;height: 100%;overflow: hidden;background-image: url('../images/b40.jpg');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.vc-item:after{transform: rotate(-180deg); content: ''; position: absolute;top: 0;right: -1px;  display: block;width: 7px;height: 100%;overflow: hidden;background-image: url('../images/b40.jpg');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
 
.vc-item.selected{border: solid 1px #1aa6c6;}
.vc-item.selected:before{background-image: url('../images/b40-b.jpg');}
.vc-item.selected:after{background-image: url('../images/b40-b.jpg');}
.vc-item.selected:after{background-image: url('../images/b40-b.jpg');}
.vc-item.selected .vc-icon{opacity: 1;}


.v-invoicebox{display: block;width: 100%;margin-top: .1rem;margin-bottom: .4rem;}
.v-invoice{display: inline-block;vertical-align: middle;cursor: pointer;line-height: 1.71; color: #111111; position: relative;} 
.v-invoice .v-icon{display:inline-block;vertical-align:middle;margin-right:.05rem;width:1em;height:1em; border-radius: .03rem;border: solid 1px #aaaaaa;  background-size:80% auto;background-repeat:no-repeat;background-position:center center}
.v-invoice .v-checkbox{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.v-invoice.selected .v-icon{background-color: #15a4c5; background-image:url(../images/a40.png);border-radius: 0;border: solid 1px #15a4c5}

.v-agree{width: 100%;margin-bottom:  .2rem;} 
.v-label{display: inline-block;vertical-align: middle;cursor: pointer;line-height: 1.71; color: #111111; position: relative;} 
.v-label .v-icon{display:inline-block;vertical-align:middle;margin-right:.05rem;width:1em;height:1em; border-radius: .03rem;border: solid 1px #aaaaaa;  background-size:80% auto;background-repeat:no-repeat;background-position:center center}
.v-link{display: inline-block;vertical-align: middle;cursor: pointer;color: #15a4c5;line-height: 1.71;} 
.v-label .v-checkbox{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.v-label.selected .v-icon{background-color: #15a4c5; background-image:url(../images/a40.png);border-radius: 0;border: solid 1px #15a4c5}

.v-submit{display: inline-block;border: none;cursor: pointer;width: 4rem;height: .52rem;color: #ffffff;text-align: center;line-height: .52rem;background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}

.v-voucher{display: none; width: 100%;padding-bottom: .3rem;}
.v-voucher.show{display: block;}
.v-voucher .v-textbox{padding-top: 0;padding-bottom: .2rem;}

@media(max-width: 750px){ 
    .v-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .v-top{padding: 0 10px;}
    .v-bottom{padding:  .5rem 10px;}
    .v-td{font-size: 11px;}
    .v-td:nth-child(1){width: 32.6%;padding-left: 10px;}  
    .v-td:nth-child(6){width: 9.2%;}
    .v-td:nth-child(7){width: 12.4%;}
    .v-b:nth-child(1){width: 32.6%;padding-left: 10px;}  
    .v-b:nth-child(6){width: 9.2%;}
    .v-b:nth-child(7){width: 12.4%;}
    .v-name{font-size: 11px;}
    .v-system{font-size: 11px;}
    .v-time{font-size: 11px;}
    .v-edition{font-size: 11px;}
    .v-nub{font-size: 11px;}
    .v-price{font-size: 11px;}
    .v-total{font-size: 11px;}

    .vc-buttom{width: 100%;padding-right: 30px;}
    .vc-text{width: 100%;max-width: 100%; height: 30px;line-height: 30px;}
    .vc-buttom .vc-icon{width: 30px;height: 30px;}
    .vc-buttom .vc-icon:after{background-size: 10px auto;}
    .vc-sub{width: 100%;}
    .vc-item{width: 100%;}

    .v-submit{height: 30px;line-height: 30px;border-radius: 15px;}
}

.w-a{width: 100%;padding-top: 1.8rem;padding-bottom: 1rem; min-height: 7.65rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.w-form{width: 100%;}
.w-main{width: 14rem;margin: 0 auto;}
.w-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.w-cont{float: right;width: 5rem;min-width: 400px; background-color: #f5f5f5;border-radius: .1rem;}
.w-navbox{width: 100%;font-size: 0;text-align: center;border-radius: .1rem .1rem 0px 0px; background-color: #15a4c5; background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
.w-nav{display: inline-block;vertical-align: top;position: relative; cursor: pointer;margin: 0 .13rem;line-height: .8rem;color: rgba(255,255,255,.6);}
.w-nav:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0); width: 0;transition: all ease .5s; height: .03rem;background-color: #ffffff;}
.w-nav.active{color: #fff;}
.w-nav.active:after{width: 100%;}
.w-bottom{width: 100%;padding: .4rem .5rem .35rem;}
.w-one{display: none;width: 100%;}
.w-one.show{display: block;}
.w-b{width: 100%;margin-bottom: .1rem;display: flex;align-items: center; background-color: #ffffff;border-radius: .26rem;	border: solid 1px #eeeeee;}
.w-lt{position: relative; text-align: right;padding-right: .15rem; width: .7rem;	color: #111111;}
.w-lt:after{content: '';position: absolute;top: 50%;right: 0;margin-top: -.065rem; width: 1px;height: .13rem;background-color: #dddddd;}
.w-rt{flex: 1;}
.w-input{display: block;border: none;background-color: transparent; width: 100%;height: .52rem;padding: 0 .3rem;color: #111111;}
.w-item{width: 100%;margin-bottom: .1rem; border-radius: .26rem;background-color: #ffffff;border: solid 1px #eeeeee;}

.w-codebox{width: 100%;position: relative;display: flex;align-items: center; margin-bottom: .1rem;}
.w-code{ flex: 1; background-color: #ffffff;border-radius: .26rem 0px 0px .26rem;border: solid 1px #eeeeee;}
.w-getcode{display: block; cursor: pointer;margin-left: .05rem;padding:  0 5px; min-width: 1.2rem;line-height: .52rem; text-align: center;border-radius: 0px .26rem .26rem 0px;color: #15a4c5;background-color: #cde9ec;border: solid 1px #cde9ec;}
.w-getcode.gray{color: #666666; border: solid 1px #e5e5e5;background-color: #eeeeee;}
.w-submit{display: block;cursor: pointer;margin-bottom: .15rem; border: none;width: 100%;height: .52rem;line-height: .52rem;text-align: center; color: #ffffff;background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}
 
.w-c{width: 100%;font-size: 0;text-align: center;}
.w-c:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.w-agree{display: inline-block;  margin-bottom:  .2rem;} 
.w-label{display: inline-block;vertical-align: middle;cursor: pointer;line-height: 1.71; color: #606266; position: relative;} 
.w-label .w-icon{display:inline-block;vertical-align:middle;margin-top: -.3em; margin-right:.05rem;width:1em;height:1em; border-radius: 50%; border: solid 1px #91959a;  background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.w-link{display: inline-block;vertical-align: middle;cursor: pointer;color: #121314;line-height: 1.71;} 
.w-link:hover{color: #15a4c5;}
.w-label .w-checkbox{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.w-label.selected .w-icon{background-color: #15a4c5; background-image:url(../images/a40-c.png); border:none;}
.w-forget{float: right;margin-bottom: .2rem;display: block;cursor: pointer;color: #15a4c5;line-height: 1.71;}

.w-d{width: 100%; text-align: center;}
.w-box{display: inline-block;padding: 0 .45rem;position: relative;}
.w-box:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%); width: 100%;height: 1px; background-color: #e5e5e5;}
.w-tip{position: relative;z-index: 8;padding: 0 .1rem; display: inline-block;background-color: #f5f5f5; color: #606266;line-height: 1.7;}
.w-tip a{cursor: pointer; color: #15a4c5;}

.w-thirdparty{width: 100%;text-align: center;font-size: 0;}
.w-dparty{display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .1rem 0; height: .34rem;min-height: 30px;}
.w-dparty>img{height: 100%;max-width: none;}

.w-one:nth-child(2) .w-agree{float: left;text-align: left;}
.w-intro{width: 100%;}

.w-succeed{float: right;width: 5rem;min-width: 400px; display: flex;align-items: center;min-height: 5.38rem; background-color: #f5f5f5;border-radius: .1rem;}
.w-text{width: 100%;padding: .5rem 10px; text-align: center;}
.w-text .w-icon{width: 100%;margin-bottom: .32rem;}
.w-text .w-icon img{height: 1.2rem;}
.w-titles{width: 100%;margin-bottom:  .15rem; color: #000d1e;line-height: 1.3;font-weight: bold;}
.w-intro{display: block;margin: 0 auto .28rem;width: 100%;max-width: 17em; color: #111111;line-height: 1.6;}
.w-approve{display: inline-block;padding: 0 .38rem;color: #fff; height: .4rem;line-height: .4rem;background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .2rem;}

.w-e{width: 100%;text-align: center;margin-bottom: .1rem;}
.w-subtitle{display: inline-block;position: relative; padding: 0 .4rem;}
.w-subtitle:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%); width: 100%;height: 1px; background-color: #e5e5e5;}
.w-subtitle span{position: relative;z-index: 8;padding: 0 .1rem; display: inline-block;background-color: #f5f5f5; color: #606266;line-height: 1.6;}
.w-template{width: 100%;margin-bottom: .15rem; color: #15a4c5;cursor: pointer;}
.w-buttom{width: 100%;display: flex;justify-content: space-between;padding-bottom: .1rem;}
.w-buttom1{display: block;cursor: pointer;margin-bottom: .2rem; width: calc(50% - .05rem);border: none;color: #ffffff; text-align: center;height: .52rem;line-height: .52rem;background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}
.w-buttom2{display: block;cursor: pointer;margin-bottom: .2rem; width: calc(50% - .05rem);border: none;color: #ffffff; text-align: center;height: .52rem;line-height: .52rem;background-color: #bbbbbb; border-radius: .26rem;}
.w-uploadingbox{width: 100%;position: relative; margin-bottom: .1rem; border-radius: .26rem;background-color: #ffffff;border: solid 1px #eeeeee;}
.w-uploading{display: block;cursor: pointer;z-index: 8;  position: absolute;top: 50%;right: .1rem;transform: translate(0,-50%);}
.w-label{display: inline-block;position: relative;cursor: pointer;}
.w-f{display: block;min-width: 1rem;text-align: center; padding: 0 .05rem;line-height: .38rem; background-color: #15a4c5;border-radius: .19rem; color: #ffffff;}
.w-file{display: none;}


.w-select{width: 100%;background-color: #ffffff;margin-bottom: .1rem; border-radius: .26rem;border: solid 1px #eeeeee;}
.w-a .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%; position: relative;padding-right: .4rem;padding-left: .3rem;white-space:nowrap}
.w-a .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .52rem;line-height: .52rem; color: #111111;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.w-a .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .18rem;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.w-a .select-w:after{content: "";position: absolute;right: .25rem;top: 0;z-index: 1;width: .13rem;height: 100%;background-image: url('../images/a59.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}

.w-uploadingbox .select-w{padding-right: 1.4rem;}
.w-uploadingbox .select-w:after{right: 1.25rem; }

.w-hint{width: 100%;margin-bottom: 0.15rem;line-height: 1.5; color: #15a4c5;}
.w-name{display: none; position: absolute;top: .6rem;width: 100%;padding-left: .3rem;color: red; line-height: .3rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.w-uploadingbox.show{margin-bottom: .5rem;}
.w-uploadingbox.show .w-name{display: block;}

.w-a.log .w-cont{width: calc(300px + 5.8rem);}
.w-a.log .w-bottom{position: relative;}
.w-a.log .w-bottom:before{content: ''; position: absolute;top: 0;left: calc(300px + .9rem);width: 1px;height: 100%; background-color: #e9e9e9;}
.w-thirdparty{display: none;}
.log-cont{width: 100%;padding-bottom: .15rem;}
.log-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.log-left{float: left;width:  300px; padding-top: .45rem;}
.log-img{width: 100%; }
.log-img img{width: 100%;} 
.log-tip{display: none; padding-top: .07rem; color: #606266;line-height: 1.7;}
.log-right{float: right; width: 4rem;}

.w-select{position: relative;}
.w-item{position: relative;}
.w-star{position: absolute;top: 0;left: 0;width: .3rem;text-align: right;padding-right: .05rem;color: red; height: .52rem;line-height: .52rem;}

@media(max-width: 1150px){ 
    .w-f{min-width: 70px;}
    .w-uploadingbox .select-w{padding-right: 90px;}
    .w-uploadingbox .select-w:after{right:  80px; }
}
@media(max-width: 750px){ 
    .w-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .w-bottom{padding: .3rem 10px;}
    .w-cont{float: none; width: 100% !important;display: block;margin: 0 auto; max-width: 320px; min-width: 100px;}
    .w-b{border-radius: 15px;}
    .w-input{height: 30px;}
    .w-code{border-radius: 15px 0 0 15px;}
    .w-getcode{line-height: 30px;border-radius:  0 15px  15px 0; }
    .w-submit{height: 30px;line-height: 30px;border-radius: 15px;} 

    .w-succeed{float: none; width: 100%;display: block;margin: 0 auto; max-width: 320px; min-width: 100px;}
    .w-approve{height: 30px;line-height: 30px;border-radius: 15px;} 

    .w-select{border-radius: 15px;}
    .w-a .select-w .cur{height: 30px;line-height: 30px;}
    .w-f{height: 26px;line-height: 26px;border-radius: 13px;}
    .w-buttom1{height: 30px;line-height: 30px;border-radius: 15px;}
    .w-buttom2{height: 30px;line-height: 30px;border-radius: 15px;}

    .w-a.log .w-bottom:before{display: none;}
    .log-left{display: none;}
    .log-right{width: 100%;}
    .w-thirdparty{display: block;}

    .w-name{top: 35px;line-height: 20px;}
    .w-uploadingbox.show{margin-bottom: calc(25px + .1rem);}
    .w-star{height: 30px;line-height: 30px;}
}

.y-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem; background-color: #f5f5f5;}
.y-main{width: 14rem;margin: 0 auto;}
.y-cont{width: 100%;}
.y-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.y-left{float: left;width: 2.8rem; background-color: #ffffff;border-radius: .1rem;overflow: hidden;}
.y-b{width: 100%;padding-left: .4rem;font-size: 0; border-bottom: 1px solid #eeeeee;}
.y-icon{display: inline-block;vertical-align:middle;height: 1rem;line-height: 1rem;}
.y-icon img{width: .24rem;}
.y-subtitle{display: inline-block;vertical-align: middle;padding-left: .07rem; width: calc(100% - .5rem);color: #111111;font-weight: bold;line-height: 1.5;}
.y-navbox{width: 100%;}
.y-nav{display: block; margin-bottom: 1px; cursor: pointer;position: relative; padding: .15rem .6rem .15rem .4rem;line-height: 1.87; width: 100%;color: #111111;}
.y-nav:last-child{margin-bottom: 0;}
.y-nav:after{opacity: 0;z-index: -1;transition: all ease .5s; content: '';position: absolute;top: 0;right: .4rem;width: .562em;height: 100%;background-image: url('../images/a61.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.y-nav:hover{color: #fff; background-color: #15a4c5; background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
.y-nav:hover:after{opacity: 1;z-index: 8;}
.y-nav.active{color: #fff; background-color: #15a4c5; background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
.y-nav.active:after{opacity: 1;z-index: 8;}

.y-quit{display: block;cursor: pointer; padding: .15rem .6rem .15rem .4rem;line-height: 1.87; width: 100%;color: #3d3d3d;background-color: #eeeeee;}

.y-right{float: right;width: 10.8rem;	background-color: #ffffff;border-radius: .1rem; }
.y-top{width: 100%;padding:0 .8rem; display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #eeeeee;}
.y-lt{font-size: 0;}
.y-titles{display: inline-block;position: relative; color: #1aa6c6;line-height: .8rem;}
.y-titles:after{content: '';position: absolute;bottom: -1px;left: 0;display: block; width: 100%; height: 2px;background-color: #1aa6c6;}

.y-rt{font-size: 0;position: relative;display: flex;align-items: center;flex-wrap: wrap; min-height: .8rem;}
.y-menu {display: none; position: absolute;cursor: pointer; top: 0;right:0; width: .8rem;height: .8rem;background-image: url('../images/a-menu2.png');background-size: 60% auto;background-position: center center;background-repeat: no-repeat;}
.y-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 10;cursor: pointer;}


@media(max-width: 750px){ 
    .y-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .y-left{width: 260px;position: fixed;text-align: left; right: 0;top: 0;z-index: 288; height: 100vh;border-radius: 0;  overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
    .y-b{padding-left: .3rem;}
    .y-nav{padding: 10px 30px 10px .3rem;}
    /* 菜单 */
    .y-rt{padding-right: .8rem;}
    .y-menu {display: block; }
    .y-a.menu-state .y-left{transform: translate(0, 0);}
    .y-a.menu-state .y-opa {display: block;}  

    .y-right{width: 100%;}
    .y-top{padding: 0 10px;}
}

.ya-main{width: 100%;padding: .6rem .8rem ;}
.ya-cont{width: 100%;}
.ya-item{width: 100%;padding: .4rem;margin-bottom: .2rem; border-radius: .1rem;border: solid 1px #eeeeee; display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.ya-left{flex: 1;display: flex;align-items: center;padding-right: .3rem;}
.ya-icon{display: block;width: .66rem;}
.ya-text{flex: 1;padding-left: .17rem;}
.ya-name{color: #111111;line-height: 1.41;}
.ya-intro{color: #444444;line-height: 1.71;}
.ya-right{text-align: right;font-size: 0;max-width: 60%;}
.ya-time{color: #444444;line-height: 1.6;}
.ya-buttom{width: 100%;padding-top: .03rem;font-size: 0;}
.ya-account{display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .1rem;margin-left: .08rem; padding: 0 .15rem;color: #ffffff;line-height: .36rem;background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .05rem;}
.ya-account img{margin-right: .07rem; max-width: none;max-height: 1em;}
.ya-download{display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .1rem;margin-left: .08rem; padding: 0 .15rem;color: #5ca66d;line-height: .36rem;background-color: #e7f4ea;	 border-radius: .05rem;}
.ya-download img{margin-right: .07rem; max-width: none;max-height: 1em;}
.ya-sale{display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .1rem;margin-left: .08rem; padding: 0 .15rem;color: #15a4c5;line-height: .36rem;background-color: #d0edf3;	 border-radius: .05rem;}
.ya-sale img{margin-right: .07rem; max-width: none;max-height: 1em;}
.ya-renew{display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .1rem;margin-left: .08rem; padding: 0 .15rem;color: #3681b6;line-height: .36rem;background-color: #daedfa;	 border-radius: .05rem;}
.ya-renew img{margin-right: .07rem; max-width: none;max-height: 1em;}

.ya-key{display: inline-block;vertical-align: middle;cursor: pointer;margin-top: .1rem;margin-left: .08rem; padding: 0 .15rem;color: #fff;line-height: .36rem;background-color: #28abc4;background-image: linear-gradient(90deg, #28abc4 0%, #2fbccb 100%);	 border-radius: .05rem;}
.ya-key img{margin-right: .07rem; max-width: none;max-height: 1em;}

.ya-twobox{display: inline-block;vertical-align: middle;cursor: pointer;margin-left: .08rem;position: relative;}
.ya-tip{display: inline-block;vertical-align: middle;margin-top: .1rem; padding: 0 .15rem;color: #5ca66d;line-height: .36rem;background-color: #e7f4ea;	 border-radius: .05rem;}
.ya-tip img{margin-right: .07rem; max-width: none;max-height: 1em;}
.ya-sub {display: none; min-width: 100%;padding-top: .1rem; position: absolute;left: 50%;top: 100%;transform: translate(-50% ,0); z-index: 1000;}
.ya-onebox{width: 100%;background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
.ya-one{display: block;cursor: pointer;white-space: nowrap; width: 100%;padding: 5px 10px; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.ya-one:hover {background-color: #15a4c5; color: #fff;} 

@media(max-width: 750px){ 
    .ya-main{padding: .5rem 10px;}
    .ya-left{flex: none;width: 100%;margin-bottom: 10px;}
    .ya-right{width: 100%;max-width: 100%;text-align: left;}
    .ya-account{margin-left: 0;margin-right: 6px; height: 26px;line-height: 26px;}
    .ya-download{margin-left: 0;margin-right: 6px;height: 26px;line-height: 26px;}
    .ya-sale{margin-left: 0;margin-right: 6px;height: 26px;line-height: 26px;}
    .ya-renew{margin-left: 0;margin-right: 6px;height: 26px;line-height: 26px;}
    .ya-key{margin-left: 0;margin-right: 6px;height: 26px;line-height: 26px;}
    
    .ya-tip{margin-left: 0;margin-right: 6px;height: 26px;line-height: 26px;}
}

.yb-main{width: 100%;padding: .6rem .8rem;}
.yb-navbox{width: 100%;font-size: 0;padding-bottom: .2rem;}
.yb-nav{display: inline-block;vertical-align: middle;cursor: pointer; padding: .1rem .32rem;border: 1px solid #d0edf3; color: #15a4c5;background-color: #d0edf3;border-radius: .05rem; margin-right: .1rem;margin-bottom: .1rem;}
.yb-nav2{color: #15a4c5;background-color: transparent;}
.yb-nav3{color: #999999;background-color: transparent;border: 1px solid #999999;}
.yb-cont{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}

.yb-item{position: relative; display: flex;align-items: center;min-height: 1.1rem;padding: .1rem .3rem;cursor: pointer; width: calc(50% - .09rem);margin: .1rem 0; border: solid 1px #dddddd;}
.yb-lt{flex: 1;padding-right: 10px;}
.yb-name{color: #111111;line-height: 1.6;margin-bottom: .1rem;}
.yb-time{color: #999999;}
.yb-rt{color: #15a4c5;font-weight: bold;}
.yb-item .yb-icon{opacity: 0;transition: all ease .5s; position: absolute;bottom: 0;right: 0;width: .26rem;height: .26rem;background-image: url('../images/a47.png');background-size: .26rem .26rem;background-position: center center;background-repeat: no-repeat;}

.yb-item:before{content: ''; position: absolute;top: 0;left: -1px;  display: block;width: 7px;height: 100%;overflow: hidden;background-image: url('../images/b40.jpg');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.yb-item:after{transform: rotate(-180deg); content: ''; position: absolute;top: 0;right: -1px;  display: block;width: 7px;height: 100%;overflow: hidden;background-image: url('../images/b40.jpg');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
 
.yb-item:hover{border: solid 1px #1aa6c6;}
.yb-item:hover:before{background-image: url('../images/b40-b.jpg');}
.yb-item:hover:after{background-image: url('../images/b40-b.jpg');}
.yb-item:hover:after{background-image: url('../images/b40-b.jpg');} 

@media(max-width: 750px){ 
    .yb-main{padding: .5rem 10px;}
    .yb-item{width: 100%;}
}

.yc-main{width: 100%;padding: .5rem .8rem;min-height: 5.45rem;}
.yc-top{width: 100%;text-align: center;margin-bottom: .45rem;padding-bottom: .2rem; border-bottom: 1px solid #eeeeee;}
.yc-titles{color: #111111;line-height: 1.41;font-weight: bold;}
.yc-bottom{width: 100%;}
.yc-textbox {color: #111111;line-height: 1.85;}
.yc-textbox *{line-height: inherit;}

@media(max-width: 750px){ 
    .yc-main{padding: .5rem 10px;}
}

.y-message{display: inline-block;vertical-align: middle;cursor: pointer;padding: .1rem .15rem; margin:.1rem 0 .1rem .1rem;color: #488aba;background-color: #d9ecfa;border-radius: .05rem;}
.y-record{display: inline-block;vertical-align: middle;cursor: pointer;padding: .1rem .15rem; margin:.1rem 0 .1rem .1rem;color: #1aa6c6;background-color: #e7f6f9;border-radius: .05rem;}

.yd-main{width: 100%;padding: .6rem .8rem;}
.yd-form{width: 100%;}

.yd-bottom{width: 100%;border-top: 1px solid #eeeeee;}
.yd-tr{width: 100%;font-size: 0;padding: .21rem 0;}
.yd-td{display: inline-block;vertical-align: middle;text-align: center; color: #111111;line-height: 1.7;}

.yd-td:nth-child(1){width: 29.6%;}
.yd-td:nth-child(2){width: 14.1%;}
.yd-td:nth-child(3){width: 14.1%;}
.yd-td:nth-child(4){width: 15.2%;}
.yd-td:nth-child(5){width: 8.6%;}
.yd-td:nth-child(6){width: 18.4%;}

.yd-cont{width: 100%;}
.yd-item{display: block;width: 100%;margin-bottom:  .2rem;  border: 1px solid #ededed;border-radius: .05rem;overflow: hidden;}
.yd-b{width: 100%;padding: .1rem .25rem; display: flex;align-items: center;justify-content: space-between; background-color: #f5f5f5;}
.yd-lt{font-size: 0;flex: 1;}
.yd-tip{display: inline-block;vertical-align: middle;color: #444444;line-height: 1.7;padding-right: .4rem;}
.yd-tip:last-child{padding-right: 0;}
.yd-rt{font-size: 0;}
.yd-apply{display: inline-block;vertical-align: middle;cursor: pointer; color: #888888;line-height: 1.7;}
.yd-apply:before{content: ''; margin-right: .05rem;display: inline-block;vertical-align: middle; width: 1em; height: 1em;background-image: url('../images/a79.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
/*.yd-apply:hover{color: #1aa6c6;}*/
.yd-apply.on{color: #1aa6c6;}
/*.yd-apply:hover:before{background-image: url('../images/a79-b.png');}*/
.yd-apply.on:before{background-image: url('../images/a79-b.png');}
.yd-delete{display: inline-block;vertical-align: middle;cursor: pointer; margin-left:  .2rem; width: 1em;height: 1.7em;background-image: url('../images/a80.png');background-size: auto 1em;background-position: center center;background-repeat: no-repeat;}
.yd-delete:hover{background-image: url('../images/a80-b.png');}
 
.yd-goodsbox{width: 100%;} 
.yd-goods{display: flex; width: 100%;}
.yd-list{width: 57.8%;display: flex;align-items: center;flex-wrap: wrap;}
.yd-one{width: 100%; display: flex;align-items: center;min-height: 1rem;padding: .2rem 0;}
.yd-c{display: block;width: 51.2%;padding-left: .25rem;}
.yd-cimg{display: inline-block;width: .4rem;}
.yd-cimg img{width: 100%;}
.yd-ctext{display: inline-block;vertical-align: middle;width: calc(100% - .5rem);padding-left: .13rem;color: #111111;line-height: 1.5;}
.yd-nub {display: inline-block;vertical-align: middle;text-align: center; width: 24.4%;color: #111111;line-height: 1.5;}
.yd-price {display: inline-block;vertical-align: middle;text-align: center;word-break: break-all; width: 24.4%;color: #1aa6c6;line-height: 1.5;}

.yd-buttom{width: 42.2%;display: flex;align-items: center;min-height: 1rem;padding: .2rem 0;}
.yd-total{width: 36%;text-align: center;word-break: break-all; color: #1aa6c6;line-height: 1.5;}
.yd-d{width: 20.3%;text-align: center;}
.yd-state{color: #111111;line-height: 1.7;}
.yd-details{display: block; cursor: pointer;color: #1aa6c6;line-height: 1.7;}
.yd-e{width: 43.7%;text-align: center;font-size: 0;}
.yd-payment{display: inline-block;vertical-align: middle;cursor: pointer; margin: .05rem;padding: .08rem .13rem;color: #ffffff; background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .05rem;}
.yd-cancel{display: inline-block;vertical-align: middle;cursor: pointer; margin: .05rem;padding: .08rem .13rem;color: #ffffff; background-color: #ccc; border-radius: .05rem;}
.yd-del{display: inline-block;vertical-align: middle;cursor: pointer; margin: .05rem;padding: .08rem .13rem;color: red; background-color: #ccc; border-radius: .05rem;}
.yd-del:hover{background-color: red;color: #fff;}
.yd-complete{width: 100%; display: inline-block;vertical-align: middle;cursor: pointer; margin: .05rem;padding:  0 .13rem;color: #333;  border-radius: .05rem;}

.yd-items .yd-one{border-bottom: 1px solid #eeeeee;border-right: 1px solid #eeeeee;}
.yd-items .yd-one:last-child  {border-bottom: none;}


.yd-top{width: 100%;padding-bottom: .3rem;font-size: 0; display: flex;flex-wrap: wrap;justify-content: space-between;}
.yd-f{display: block;margin-bottom: .2rem;}
.yd-g{display: inline-block;vertical-align: middle;padding-right: .18rem; color: #111111;}
.yd-h{ display: inline-block;vertical-align: middle;position: relative; width: 2.15rem;padding-right: .5rem;background-color: #ffffff;border-radius: .05rem;overflow: hidden;border: solid 1px #eeeeee;}
.yd-input{ display: block;border: none;background-color: transparent; width: 100%;height: .4rem;color: #111; padding: 0 .18rem;}
.yd-h:after{content: ''; position: absolute;top: 0;right: 0;width: .5rem;height:100%;background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}
.yd-submit{position: absolute;top: 0;right: 0;z-index: 2; display: block;cursor: pointer;border: none;background-color: transparent; width: .5rem;height:  100%;background-image: url('../images/a3.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}
.yd-timebox{display: inline-block;vertical-align: middle;}
.yd-line{display: inline-block;vertical-align: middle;position: relative;  width: .2rem;height: .4rem;}
.yd-line:after{content: '';position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%); width: .05rem;height: 1px;background-color: #666666;}
.yd-time{display: inline-block;vertical-align: middle; position: relative; width: 1.2rem;	border-radius: .05rem;border: solid 1px #eeeeee;}
.yd-time:after{content: '';position: absolute;top: 0;right: .14rem;width: .17rem;height: 100%;background-image: url('../images/a78.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.yd-layui{display: block;cursor: pointer;position: relative;z-index: 1; border: none;background-color: transparent; padding-right: .35rem;padding-left: .05rem; width: 100%;height: .4rem;}

.yd-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: middle;width: 1.8rem;padding-right: .3rem;padding-left: .18rem;border-radius: 5px;border: solid 1px #eeeeee;position: relative; white-space:nowrap}
.yd-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .4rem;line-height: .4rem;color: #111; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yd-form .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .18rem;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.yd-form .select-w:after{content: "";position: absolute;right: .14rem;top: 0;z-index: 1;width: .14rem;height: 100%;background-image: url('../images/a59.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}


@media(max-width: 1400px){ 
   .yd-g{width: 6em;}
   .yd-f{width: 100%;}
   .yd-form .select-w{width: 315px;}
   .yd-layui{padding-left: .18rem;}
   .yd-time{width: 150px;}
   .yd-h{width: 315px;}
}
@media(max-width: 750px){ 
    .y-message{font-size: 12px;}
    .y-record{font-size: 12px;}
    .yd-main{padding: .5rem 10px;}
    .yd-g{width: 100%;margin-bottom: 5px;}
    .yd-form .select-w{width: 100%;}
    .yd-form .select-w .cur{height: 30px;line-height: 30px;}
    .yd-timebox{width: 100%;}
    .yd-time{width: calc(50% - .1rem);}
    .yd-layui{height: 30px;}
    .yd-h{width: 100%;}
    .yd-input{height: 30px;}
    .yd-h:after{width: 30px;}
    .yd-submit{width: 30px;background-size: 10px auto;}

    .yd-bottom{overflow: auto;}
    .yd-tr{width: 460px;}
    .yd-cont{width: 460px;}
}

.ye-main{width: 100%;padding: .55rem .8rem .75rem;}
.ye-top{width: 100%;padding-bottom: .1rem; display: flex;justify-content: space-between;flex-wrap: wrap;}
.ye-tip{color: #111111;line-height: 1.7;margin-bottom: .15rem;}
.ye-bottom{width: 100%;border-top: 1px solid #eeeeee;}
.ye-tr{width: 100%;font-size: 0;padding: .21rem 0;}
.ye-td{display: inline-block;vertical-align: middle;text-align: center; color: #111111;line-height: 1.7;}
.ye-td:nth-child(1){width: 31.9%;text-align: left;padding-left: .28rem;}
.ye-td:nth-child(2){width: 15.2%;}
.ye-td:nth-child(3){width: 17.8%;}
.ye-td:nth-child(4){width: 17.8%;}
.ye-td:nth-child(5){width: 17.29%;} 

.ye-cont{width: 100%;border: solid 1px #eeeeee;border-radius: .05rem;overflow: hidden;}
.ye-item{display: block;font-size: 0;padding: .4rem 0; border-bottom: 1px solid #eeeeee;}
.ye-item:last-child{border-bottom: none;}
.ye-one{display: inline-block;vertical-align: middle;}
.ye-one:nth-child(1){width: 31.9%;text-align: left;padding-left: .28rem;}
.ye-one:nth-child(2){width: 15.2%;}
.ye-one:nth-child(3){width: 17.8%;}
.ye-one:nth-child(4){width: 17.8%;}
.ye-one:nth-child(5){width: 17.29%;} 
/* .ye-one:nth-child(2){width: 15.2%;}
.ye-one:nth-child(3){width: 10.8%;}
.ye-one:nth-child(4){width: 10.8%;}
.ye-one:nth-child(5){width: 8.6%;}
.ye-one:nth-child(6){width: 9.7%;}
.ye-one:nth-child(7){width: 13%;} */

.ye-goods{display: block;width: 100%;font-size: 0;}
.ye-icon{display: inline-block;vertical-align: middle;width: .4rem;}
.ye-name{display: inline-block;vertical-align: middle;width: calc(100% - .5rem);line-height: 1.5; color: #111111;padding-left: .13rem;}
.ye-system{width: 100%;text-align: center;word-break: break-all;color: #111111;line-height: 1.85;}
.ye-system *{line-height: inherit;}
.ye-time{width: 100%;text-align: center;color: #111111;line-height: 1.85;}
.ye-edition{width: 100%;text-align: center;color: #111111;line-height: 1.85;}
.ye-nub{width: 100%;text-align: center;color: #111111;line-height: 1.85;}
.ye-price{width: 100%;text-align: center;word-break: break-all; color: #15a4c5;line-height: 1.85;}
.ye-state{width: 100%;text-align: center;color: #111111;line-height: 1.85;}

.ye-payment{width: 100%;padding-top: .4rem; text-align: right;color: #111111;}
.ye-payment span{color: #1aa6c6;}

@media(max-width: 750px){  
    .ye-main{padding: .5rem 10px;} 
    .ye-tip{width: 100%;}

    .ye-bottom{overflow: auto;}
    .ye-tr{width:100%;min-width: 320px;}
    .ye-cont{width:100%;min-width: 320px;}
}


.yf-main{width: 100%;padding: .6rem .8rem .8rem;}
.yf-top{width: 100%;padding-bottom: .4rem;}
.yf-form{width: 100%;}
.yf-list{width: 100%;padding-bottom: .2rem; display: flex;justify-content: space-between;flex-wrap: wrap;}
.yf-item{display: block;width: calc(50% - .4rem);font-size: 0;margin-bottom: .2rem;}
.yf-tip{display: inline-block;vertical-align: middle; width: 5.3em;color: #111111;line-height: 1.3;}
.yf-b{display: inline-block;vertical-align: middle;width: calc(100% - 5.4em);}
.yf-input{display: block;background-color: transparent; padding: 0 .15rem; width: 100%;height: .52rem;border-radius: .05rem;border: solid 1px #eeeeee;}
.yf-address{width: 100%;position: relative;}
.yf-address:after{content: '';position: absolute;top: 0;right: .35rem;width: .13rem;height: 100%; background-image: url('../images/a59.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.yf-select{display: block;cursor: pointer; position: relative;z-index: 8; background-color: transparent; padding: 0 .6rem 0 .15rem; width: 100%;height: .52rem;border-radius: .05rem;border: solid 1px #eeeeee;}
.city-picker-span>.arrow{display: none !important;}
.city-picker-span{width: 100% !important;}
.city-picker-span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 0 .6rem 0 .15rem;border-radius: .05rem;border: solid 1px #eeeeee !important;}

.yf-buttom{width: 100%;text-align: center;}
.yf-submit{display: inline-block;vertical-align: middle;border: none; cursor: pointer; margin: 0 .1rem .1rem;padding: 0 .6rem;height: .52rem;line-height: .52rem;color: #ffffff; background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%,  #2fbccb 100%);border-radius: .26rem;}
.yf-reset{display: inline-block;vertical-align: middle;border: none; cursor: pointer; margin: 0 .1rem .1rem;padding: 0 .6rem;height: .52rem;line-height: .52rem;color: #ffffff; background-color: #bbbbbb;border-radius: .26rem; }

.yf-bottom{width: 100%;border-radius: .05rem;border: solid 1px #eeeeee;}
.yf-tr{width: 100%;background-color: #f5f5f5; font-size: 0;display: flex;flex-wrap: wrap;}
.yf-td{border-right: 1px solid #eeeeee;padding: .15rem 0;min-height: .52rem; display: flex;align-items: center;justify-content: center;text-align: center; color: #111111; line-height: 1.5;}
.yf-td:last-child{border-right: none; }
.yf-td:nth-child(1){width: 12.1%;}
.yf-td:nth-child(2){width: 20.6%;}
.yf-td:nth-child(3){width: 27.1%;}
.yf-td:nth-child(4){width: 15.5%;}
.yf-td:nth-child(5){width: 24.7%;}

.yf-cont{width: 100%;}
.yf-one{width: 100%;font-size: 0;border-top: 1px solid #eeeeee; display: flex;flex-wrap: wrap;}
.yf-name{width: 12.1%;border-right: 1px solid #eeeeee;padding: .15rem 0;min-height: .52rem;display: flex;align-items: center;justify-content: center;text-align: center; color: #666666; line-height: 1.5;}
.yf-area{width: 20.6%;border-right: 1px solid #eeeeee;padding: .15rem 0;min-height: .52rem;display: flex;align-items: center;justify-content: center;text-align: center; color: #666666; line-height: 1.5;}
.yf-detailed_address{width: 27.1%;border-right: 1px solid #eeeeee;padding: .15rem 0;min-height: .52rem;display: flex;align-items: center;justify-content: center;text-align: center; color: #666666; line-height: 1.5;}
.yf-phone{width: 15.5%;border-right: 1px solid #eeeeee;padding: .15rem 0;min-height: .52rem;display: flex;align-items: center;justify-content: center;text-align: center; color: #666666; line-height: 1.5;}
.yf-operation{width: 24.7%; padding: .15rem 0;min-height: .52rem;flex-wrap: wrap; display: flex;align-items: center;justify-content: center;text-align: center; color: #666666; line-height: 1.5;}
.yf-c{padding: 0 .07rem;}
.yf-edit{display: inline-block;vertical-align: middle;cursor: pointer;line-height: 2; color: #666666;}
.yf-edit:hover{color: #15a4c5;}
.yf-del{display: inline-block;vertical-align: middle;cursor: pointer;line-height: 2; color: #666666;}
.yf-del:before{content: '';display: inline-block;vertical-align: middle;margin: 0 .04rem; width: 1px;height: .8em;background-color: #666666;}
.yf-del:hover{color: #15a4c5;} 
.yf-default{display: block;cursor: pointer; padding: 0 .07rem;}
.yf-span1{display: block;padding:.08rem .12rem ;border-radius: .05rem;  color: #1aa6c6;}
.yf-span2{display: none;padding:.08rem .12rem ;border-radius: .05rem; background-color: #e7f6f9;color: #1aa6c6;}
.yf-one.default .yf-span1{display: none;}
.yf-one.default .yf-span2{display: block;}

@media(max-width: 750px){  
    .yf-main{padding: .5rem 10px;} 
    .yf-item{width: 100%;}
    .yf-tip{width: 100%;margin-bottom: 5px;}
    .yf-b{width: 100%;}
    .yf-input{height: 30px;}
    .yf-select{height: 30px;} 
 
}

@media(max-width:750px){ 
    .city-picker-dropdown{width:96% !important; min-width: 100px !important; position: fixed!important;top: 50% !important;left: 50% !important;transform: translate(-50%,-50%) !important;}
   
    .city-select-tab>a{padding: 8px !important;}
}

.yg-main{width: 100%;padding: .55rem .8rem .9rem;text-align: center;}
.yg-cont{display: inline-block;text-align: left;}
.yg-top{width: 100%;}
.yg-titles{width: 100%;margin-bottom: .15rem;}
.yg-b{display: inline-block;vertical-align: middle;padding-right: .15rem;}
.yg-icon {display: inline-block;vertical-align: middle;margin-right: .05rem;}
.yg-icon img{height: 1.28em;}
.yg-c{display: inline-block;vertical-align: middle; color: #111111;line-height: 1.6;}
.yg-synopsis{display: inline-block;vertical-align: middle; color: #111111;line-height: 1.6;}
.yg-tr{display: block;padding-bottom: .35rem;}
.yg-td{display: flex;flex-wrap: wrap;margin-bottom: .1rem;}
.yg-name{color: #111111;line-height: 1.6;}
.yg-intro{flex: 1;color: #111111;line-height: 1.6;}
.yg-invoice{flex: 1;cursor: pointer;display: block; color: #1aa6c6;line-height: 1.6;}


.yg-bottom{width: 100%; border-top: 1px solid #eeeeee;display: flex;flex-wrap: wrap;}
.yg-tip{color: #111111;line-height: 1.6;padding-right: .15rem; margin-top: .1rem;}
.yg-buttombox{flex: 1;}
.yg-buttom{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .2rem;margin-top: .1rem;color: #15a4c5;line-height: 1.6;}
.yg-buttom:last-child{margin-right: 0;}


@media(max-width: 750px){  
    .yg-main{padding: .5rem 10px;} 
}

.yh-main{width: 100%;/*min-height: 5.45rem;*/padding: .3rem .8rem .8rem;}
.yh-cont{width: 100%;}
.yh-item{ display: flex;align-items: center;flex-wrap: wrap;padding: .25rem 0;min-height: .75rem; border-bottom: 1px solid #eeeeee;}
.yh-item *{word-break: break-all;}
.yh-lt{display: inline-block;vertical-align: middle;cursor: pointer;}
.yh-nub{display: inline-block;vertical-align: middle;width: 3.5rem;padding-right: .1rem; color: #111111;line-height: 1.7;}
.yh-nub:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem; width: 3px;height: 3px;border-radius: 50%;background-color: #1aa6c6;}
.yh-time{display: inline-block;vertical-align: middle;width: 2.28rem;padding-right: .1rem;color: #111111;line-height: 1.7;}
.yh-type{display: inline-block;vertical-align: middle;width: 1.7rem;padding-right: .1rem;color: #111111;line-height: 1.7;}
.yh-state{flex: 1;text-align: right;}
.yh-span1{display: inline-block;cursor: pointer; padding: .08rem .1rem ; color: #1aa6c6;background-color: #e7f6f9;}
.yh-span2{display: inline-block;cursor: pointer; color: #111111;line-height: 1.5;}

@media(max-width: 750px){  
    .yh-main{padding: .5rem 10px;}
    .yh-nub{width: 100%;margin-bottom: 5px;} 
    .yh-time{width: 100%;margin-bottom: 5px;} 
    .yh-type{width: 100%;margin-bottom: 5px;} 
    .yh-state{flex: none;text-align: left; width: 100%;} 
    .yh-lt{width: 100%;}
}

.yi-main{width: 100%;min-height: 5.45rem;padding: .6rem .8rem;}
.yi-cont{width: 100%;display: flex;flex-wrap: wrap;}
.yi-item{display: block;padding: .35rem .2rem;margin-bottom: .3rem; cursor: pointer; position: relative; width: 30.6%;margin-right: 4.1%;	border-radius: .05rem;border: solid 1px #eeeeee;}
.yi-item:nth-child(3n){margin-right: 0;}
.yi-tip{display: none; position: absolute;top: 0;left: 0;white-space: nowrap;padding:0   .06rem;line-height: .24rem; color: #ffffff;background-color: #8bd1e2;	border-radius: .05rem 0px .05rem 0px;}
.yi-textbox{color: #444444;line-height: 2.1;}
.yi-textbox *{line-height: inherit;}

.yi-buttom{position: absolute;right:  .02rem;top: .12rem;white-space: nowrap;}
.yi-edit{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .1rem; width: 1em;height: 1em;background-image: url('../images/a66-b.png');background-size: 99% auto;background-position: center center;background-repeat: no-repeat;}
.yi-del{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .1rem; width: 1.07em;height: 1.07em;background-image: url('../images/a80.png');background-size:auto 100% ;background-position: center center;background-repeat: no-repeat;}
.yi-item.default .yi-tip{display: block;}

@media(max-width: 750px){  
    .yi-main{padding: .5rem 10px;}
    .yi-item{width: 100%;margin-right: 0;padding: 30px 10px;}
    .yi-tip{line-height: 20px;}

}

.yj-main{width: 100%;padding: .6rem .8rem .4rem;}
.yj-cont{width: 100%;}
.yj-item{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: .3rem .5rem; width: 100%;margin-bottom: .2rem; min-height: 1.2rem;background-color: #ffffff;border-radius: .05rem;border: solid 1px #eeeeee;}
.yj-lt{flex: 1;display: flex;align-items: center;flex-wrap: wrap; padding-right:  .5rem;}
.yj-icon{display: block;width: .32rem;padding-right: .1rem;}
.yj-icon img{max-width: 100%;}
.yj-name{padding-right: .25rem; color: #111111;line-height: 1.5;}
.yj-name img{vertical-align: top; margin-left: .06rem;height: .875em;}
.yj-intro{flex: 1;color: #999999;line-height: 1.6;}

.yj-rt{display: block;}
.yj-edit{display: block;cursor: pointer; color: #666666;line-height: 1.6;}
.yj-edit img{margin-right: .06rem;height: .875em;}

@media(max-width: 750px){  
    .yj-main{padding: .5rem 10px;}
    .yj-intro{flex: none;width: 100%;margin-top: 10px;}
}

.y-company{display: block;color: #111111;line-height: 1.6;}
.y-company img{width:  .28rem;margin-right: .05rem;}
.yk-main{width: 100%;}
.yk-top{width: 100%;position: relative; padding: .6rem 2.4rem .45rem; border-bottom: .2rem solid #f5f5f5;}
.yk-edit{position: absolute;top: .34rem;right: .8rem;padding:  0 .14rem;cursor: pointer;line-height: .3rem; color: #15a4c5;background-color: #e7f6f9;}
.yk-edit:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem; width: .875em;height: 1em; background-image: url('../images/a66-b.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.yk-logo{display: block;margin: 0 auto .2rem; width: .8rem;height: .8rem; border-radius: 50%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.yk-list{width: 100%;font-size: 0;}
.yk-one{display: inline-block;vertical-align: top;margin-bottom:  .25rem; min-width: 50%;padding-right: .1rem;color: #111111;line-height: 1.6;}

.yk-bottom{width: 100%;padding: .75rem .8rem .6rem;text-align: center; position: relative;}
.yk-bottom .yk-edit{top: .8rem;right: .8rem;}
.yk-titles{width: 100%;color: #111111;line-height: 1.6;margin-bottom: .35rem;}
.yk-box{display: inline-block;text-align: left;}
.yk-textbox{color: #111111;line-height: 1.6;}
.yk-textbox *{line-height: inherit;}
.yk-textbox p{margin-bottom: .25rem;}
.yk-tip{color: #111111;line-height: 1.6;margin-bottom: .25rem;}
.yk-img{width: 2.85rem;margin-bottom: .25rem;}
.yk-img img{width: 100%;}

@media(max-width: 750px){  
    .yk-edit{right: .3rem;top: .3rem; line-height: 26px;}
    .yk-bottom .yk-edit{right: .3rem;top: .3rem; }
    .yk-top{padding: .5rem  ;}
    .yk-one{width: 100%;}
    .yk-bottom{padding: .5rem  ;}
    .yk-img{width: 200px;}
}

.yl-main{width: 100%;}
.yl-top{width: 100%;padding: .6rem .8rem .8rem; border-bottom: .2rem solid #f5f5f5;}
.yl-form{width: 100%;}
.yl-photo{display:  block;text-align: center; margin-bottom: .2rem;}
.yl-label{display: inline-block;position: relative;cursor: pointer;}
.yl-bg{display: block;position: relative; width: .8rem;height: .8rem;border-radius: 50%; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.yl-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.yl-file{display: none;}
.yl-tip{position: absolute;bottom: 0;right: 0;width: .26rem;}
.yl-tip img{width: 100%;}
.yl-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.yl-item{display: flex;align-items: center;width: 100%; margin-bottom: .2rem;}
.yl-name{width: 6.6em;padding-right: .6em;text-align: right;}
.yl-b{flex: 1;position: relative;}
.yl-input{display: block;background-color: transparent;width: 100%; padding: 0 .15rem;height: .52rem;color: #111; border-radius: .05rem;border: solid 1px #eeeeee;}
.yl-buttom{width: 100%;padding-top: .1rem;text-align: center;}
.yl-submit{display: inline-block;vertical-align: middle;cursor: pointer;border: none;padding: 0 .6rem; margin: .2rem .1rem 0;color: #ffffff;height: .52rem;line-height: .52rem;text-align: center;background-color: #15a4c5; background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}
.yl-reset{display: inline-block;vertical-align: middle;cursor: pointer;border: none;padding: 0 .6rem; margin: .2rem .1rem 0;color: #ffffff;height: .52rem;line-height: .52rem;text-align: center;background-color: #bbbbbb; border-radius: .26rem;}

.yl-form .select-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%; position: relative;padding-right: .3rem;padding-left: .15rem;border-radius: .05rem;border: solid 1px #eeeeee;white-space:nowrap}
.yl-form .select-w .cur{width: 100%;display: inline-block;vertical-align: top;height: .52rem;line-height: .52rem; color: #111111;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yl-form .select-w select{cursor: pointer; position: absolute;width: 100%;height: 100%;padding-left: .18rem;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.yl-form .select-w:after{content: "";position: absolute;right: .25rem;top: 0;z-index: 1;width: .13rem;height: 100%;background-image: url('../images/a59.png');background-size: .14rem auto;background-position: center center;background-repeat: no-repeat;}

.yl-bottom{width: 100%;padding: .75rem .8rem .8rem;}
.yl-titles{width: 100%;text-align: center;color: #111111;font-weight: bold; line-height: 1.6;margin-bottom: .35rem;} 
.yl-template{width: 100%;display: block;cursor: pointer; color: #15a4c5;line-height: 1.6;}
.yl-uploadingbox{width: 100%;margin-bottom:  .2rem;}
.yl-uploading{cursor: pointer; width: 100%;margin-top: .1rem;}
.drop-cont{display: block;cursor: pointer; width: 100%;padding: .6rem;text-align: center; border-radius: .05rem;border: solid 1px #d2d2d2;}
.drop-img{width: 100%;margin-bottom: .15rem;}
.drop-img img{height: .4rem;}
.drop-text{color: #999999;line-height: 1.6;}
.yl-img{width: 100%;max-width: 14em; margin-top: .15rem;}
.yl-img img{width: 100%;cursor: pointer;}

.yl-labelbox{width: 100%;padding: .1rem 0 .1rem .35rem;}
.yl-labelbox>span{margin-top: .15rem;}
.yl-label{display: inline-block;vertical-align: middle;position: relative;margin-right: .3rem;margin-top: .15rem;}
.yl-icon{display: inline-block;vertical-align: middle;margin-right: .05rem; width: .75em;height: 1em;background-image: url('../images/a50.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.yl-text{display: inline-block;vertical-align: middle;color: #111111;line-height: 1.6;}
.yl-label .yl-radio{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.yl-label.selected .yl-icon{background-image: url('../images/a50-b.png');} 


.yl-tr{width: 100%;position: relative; font-size: 0;}
.yl-tr:before{content: '';position: absolute;top: .03rem;left: 0;display: block;width: 100%; height: .02rem;background-color: #f5f5f5;}
.yl-tr:after{content: '';position: absolute;top: -.03rem;right: 0;border-left: .12rem solid #f5f5f5;border-top: .07rem solid transparent;border-bottom: .07rem solid transparent;}
.yl-td{display: inline-block;vertical-align: top;position: relative; width: 33.33%;color: #111111;line-height: 1.6; text-align: center;padding-top: .22rem;}
.yl-td:before{content: '';position: absolute;top: .03rem;right: 50%;width: 100%; height: .02rem;background-color: #f5f5f5;}
.yl-td:nth-child(1):before{width: 50%;}
.yl-td:after{content: '';position: absolute;top:  0;left: 50%;z-index: 8; margin-left: -.04rem; width:  .08rem; height: .08rem;border-radius: 50%; background-color: #f5f5f5;}
.yl-td img{margin-right:  .05rem;height: 1em;}
.yl-td.active:before{background-color: #15a4c5;}
.yl-td.active:after{background-color: #15a4c5;}

.yl-c{width: 100%;font-size: 0;text-align: center;padding-top: .25rem;}
.yl-d{display: inline-block;vertical-align: middle;padding-right: .2rem; margin-top: .25rem;color: #444444;}
.yl-d span{color: #15a4c5;}
.yl-e{display: inline-block;vertical-align: middle;}
.yl-one{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .2rem; margin-top: .25rem;padding: 0 .2rem;line-height: .3rem; border-radius: .05rem; color: #15a4c5; background-color: #d0edf3;}
.yl-one img{margin-right: .05rem;height: .857em;}
.yl-one:last-child{margin-right: 0;}

.yl-tr.finish:after{border-left: 0.12rem solid #15a4c5;} 
.yl-tr.finish .yl-td:before{right: 0;width: 100%;}

@media(min-width: 750px){ 
    .yl-list .yl-item{ width: calc(50% - .1rem);}
}

@media(max-width: 750px){  
    .yl-top{padding: .5rem 10px;}
    .yl-bottom{padding: .5rem 10px;}
    .yl-input{height: 30px;}
    .yl-form .select-w .cur{height: 30px;line-height: 30px;}
    .yl-submit{height: 30px;line-height: 30px;border-radius: 15px;}
    .yl-reset{height: 30px;line-height: 30px;border-radius: 15px;}
    .yl-labelbox{padding-left: 0;}
    .yl-d{width: 100%;padding-right: 0;}
    .yl-one{height: 30px;line-height: 30px;}
}


.z-a{width: 100%;padding-bottom: .8rem; background-color: #f5f5f5;}
.z-main{width: 14rem;margin: 0 auto;}
.z-top{width: 100%;padding: .6rem .5rem .6rem .6rem;margin-bottom: .2rem;background-color: #ffffff;border-radius: .1rem;}
.z-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.z-left{float: left;width: 6.4rem;position: relative;}
.z-b{width: 100%;border-radius: .1rem;}
.z-item{display: block;width: 100%;}
.z-img{width: 100%;}
.z-img img{width: 100%;} 
.z-pagination{position: absolute;bottom: .2rem;left: 0;padding: 0 .2rem; width: 100%; font-size: 0;text-align: left;}
.z-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;margin: .05rem;opacity: .5;	width: .1rem;height: .1rem;background-color: #ffffff;}
.z-pagination .swiper-pagination-bullet-active{opacity: 1;}

.z-right{float: right;width: 5.6rem;}
.z-goods{display: block;width: 100%;font-size: 0;margin-bottom: .3rem;}
.z-goods .z-icon{display: inline-block;vertical-align: middle;width: .66rem;}
.z-goods .z-icon img{width: 100%;}
.z-goods .z-text{display: inline-block;vertical-align: middle;width: calc(100% - .76rem);padding-left: .17rem;}
.z-name{color: #111111;line-height: 1.27;margin-bottom: .1rem;}
.z-edition{	color: #444444;}
.z-pricebox{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.z-price{display: block;width: 32.14%;text-align: center;padding: .13rem .05rem .1rem; background-color: #e7f6f9; border-radius: .05rem;margin-right: 1.78%;margin-bottom: .28rem;}
.z-price:nth-child(3n){margin-right: 0;}
.z-nub{font-weight: bold;color: #15a4c5;line-height: 1.3;}
.z-tip{color: #111111;line-height: 1.57;}
.z-original_price{width: 100%;margin-bottom: .25rem;text-decoration: line-through; color: #999999;line-height: 1.6;}
.z-discounts{width: 100%;padding-bottom: .15rem;}
.z-c{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .1rem; color: #111111;}
.z-c img{height: 1em;margin-right: .04rem;}
.z-d{display: inline-block;vertical-align: middle;margin-bottom: .1rem;padding: .04rem .1rem; color: #15a4c5;border: 1px solid #8ad1e2;}

.z-time{width: 100%;font-size: 0;padding-bottom: .15rem;}
.z-e{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .15rem;line-height: 1.7; color: #111111;}
.z-e img{height: 1.2em;margin-right: .04rem;}
.z-labelbox{display: inline-block;vertical-align: middle;}
.z-label{display: inline-block;vertical-align: middle;position: relative;margin-right: .45rem;margin-bottom: .2rem; }
.z-label .z-icon{display: inline-block;vertical-align: middle;margin-right: .05rem; width: .85em;height: 1em;background-image: url('../images/a50.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.z-label .z-text{display: inline-block;vertical-align: middle;color: #111111;line-height: 1.7;}
.z-label .z-radio{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.z-label.selected .z-icon{background-image: url('../images/a50-b.png');} 

.z-buttom{width: 100%;font-size: 0;padding-top: .4rem;}
.z-buy{display: inline-block;vertical-align: middle;margin-top: .2rem;margin-right: .1rem; color: #ffffff; cursor: pointer;padding: 0 .4rem;height: .4rem;line-height: .4rem;background-color: #15a4c5; background-image: linear-gradient(90deg,  #0b68ab 0%, #2fbccb 100%);border-radius: .2rem;}
.z-try{display: inline-block;vertical-align: middle;margin-top: .2rem;margin-right: .1rem; color: #15a4c5; cursor: pointer;padding: 0 .4rem;height: .4rem;line-height: .4rem;border: 1px solid #15a4c5; border-radius: .2rem;}
.z-car{display: inline-block;vertical-align: middle;margin-top: .2rem;margin-right: .1rem; color: #15a4c5; cursor: pointer;padding: 0 .4rem;height: .4rem;line-height: .4rem;border: 1px solid #15a4c5; border-radius: .2rem;}
.z-car img{height: 1.2em;margin-right: .07rem;}

.z-bottom{width: 100%;padding:  .45rem .6rem .2rem;margin-bottom: .2rem; background-color: #ffffff;border-radius: .1rem;}
.z-subtitle{color: #000d1e;line-height: 1.3;}
.z-downloadbox{width: 100%;padding-top: .25rem;font-size: 0;}
.z-download{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .15rem; margin-bottom: .3rem; height: .4rem;line-height: .4rem;padding: 0 .37rem; color: #15a4c5;border-radius: .2rem;border: solid 1px #15a4c5;}
.z-download:hover{border: navajowhite;color: #fff; background-color: #15a4c5; background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);}

.z-cont{width: 100%;padding:  .45rem .6rem .7rem;margin-bottom: .2rem; background-color: #ffffff;border-radius: .1rem;}
.z-box{width: 100%;padding-top: .25rem;}
.z-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.z-lt{float: left;width: 3.2rem; padding-right: .2rem;}
.z-rt{float: left;width: 9.13rem;}
.z-textbox{color: #666666;line-height: 1.8;}
.z-textbox *{line-height: inherit;}

@media(max-width: 750px){ 
    .z-a{padding-top: .6rem;}
    .z-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .z-top{padding: .3rem 10px;}
    .z-left{width: 100%;margin-bottom: 15px;}
    .z-right{width: 100%;}
    .z-price{width: calc(50% - 5px);margin-right: 10px;padding: .3rem 10px;}
    .z-price:nth-child(3n){margin-right: 10px;}
    .z-price:nth-child(2n){margin-right: 0;}
    .z-buy{height: 30px;line-height: 30px;border-radius: 15px;}
    .z-try{height: 30px;line-height: 30px;border-radius: 15px;}
    .z-car{height: 30px;line-height: 30px;border-radius: 15px;}

    .z-bottom{padding: .3rem 10px;}
    .z-download{height: 30px;line-height: 30px;border-radius: 15px;}

    .z-cont{padding: .3rem 10px .5rem;}
    .z-lt{width: 100%; padding-right: 0;}
    .z-rt{width: 100%;}
}

.za-main{width: 100%;padding: .45rem .6rem .9rem; background-color: #ffffff;border-radius: .1rem;}
.za-titles{width: 100%;color: #000d1e;line-height: 1.3;margin-bottom: .3rem;}
.za-list{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: .25rem;}
.za-one{display: block;position: relative;top: 0; transition: all ease .5s; font-size: 0;width: 23.83%; margin-right: 1.56%;text-align: center;	background-color: #f9f9f9;border-radius: .1rem; margin-bottom: .2rem;}
.za-one:nth-child(4n){margin-right: 0;}
.za-one .za-icon{display: inline-block;vertical-align: middle;width: .55rem;height: 1.2rem;text-align: center;line-height: 1.2rem;}
.za-one .za-icon img{max-width: 100%;}
.za-one .za-text{display: inline-block;vertical-align: middle;max-width: calc(100% - .8rem);padding-left: .15rem;}
.za-one .za-name{color: #111111;line-height: 1.6;}
.za-one:hover{position: relative;top: -5px;}

.za-tip{width: 100%;color: #111111;line-height: 1.6;margin-bottom: .2rem;}
.za-top{width: 100%;margin-bottom: .7rem; display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;min-height: 4.4rem; padding: .4rem 1.3rem; background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%,  #2fbccb 100%);border-radius: .1rem;}
.za-left{width: 5rem;}
.za-top .za-tr{width: 100%;}
.za-top .za-td{display: block;width: 100%;padding: .18rem 0;}
.za-top   .za-name{color: #ffffff;line-height: 1.87;margin-bottom: .05rem;}
.za-top .za-intro{color: rgba(255,255,255,.6);line-height: 1.7;}
.za-right{width: 3.9rem;}
.za-top .za-img{width: 100%;}
.za-top .za-img img{width: 100%;}

.za-bottom{width: 100%;margin-bottom: .9rem; display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;}
.za-lt{width: 4.1rem;}
.za-bottom .za-tr{width: 100%;}
.za-bottom .za-td{display: block;width: 100%;padding: .1rem 0;}
.za-bottom .za-name{color: #111111;line-height: 1.87;margin-bottom: .1rem;}
.za-bottom .za-name:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 3px;height: 3px;border-radius: 50%;background-color: #898989;}
.za-bottom .za-intro{color: #999999;line-height: 1.7;}


.za-synopsis{color: #111111;line-height: 2;margin-bottom: .25rem;}
.za-synopsis .za-lt{width: 100%;}
.za-synopsis .za-tr{width: 100%;}
.za-synopsis .za-td{display: block;width: 100%;padding: .1rem 0;}
.za-synopsis .za-name{color: #111111;line-height: 1.87;margin-bottom: .1rem;}
.za-synopsis .za-name:before{content: '';display: inline-block;vertical-align: middle;margin-right: .05rem;width: 3px;height: 3px;border-radius: 50%;background-color: #898989;}
.za-synopsis .za-intro{color: #999999;line-height: 1.7;}

.za-synopsis *{max-width: 100%;line-height: inherit !important;}
.za-synopsis video{  max-width: 80%; height:  auto !important;} 

.za-rt{width: 7.75rem;}
.za-bottom .za-img{width: 100%;}
.za-bottom .za-img img{width: 100%;}

.za-videobox{width: 100%;font-size: 0;}
.za-video{display: inline-block;vertical-align: top;position: relative; width: 49.2%; margin-right: 1.56%;margin-bottom: .2rem;}
.za-video:nth-child(2n){margin-right: 0;}
.za-video video{width: 100%;height: 3.55rem;background-color: #000;}
.za-sub{opacity: 1;z-index: 8;transition: all ease .5s; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
.za-sub .za-text{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);max-height: 90%;overflow: auto; width: 100%;text-align: center;padding: 0 10px;}
.za-sub .za-icon{display: inline-block;margin-bottom: .13rem;	width: .9rem;height: .9rem;border-radius: 50%;overflow: hidden;background-color: #ffffff;}
.za-sub .za-icon img{max-width: 100%;max-height: 100%;}
.za-sub  .za-name{color: #ffffff;line-height: 1.6;margin-bottom: .13rem;}
.za-sub  .za-intro{display: inline-block; width: 100%;max-width: 25em; color: rgba(255,255,255,.9);line-height: 1.7;}
.za-video.play .za-sub{z-index: -1;opacity: 0;}

.za-buttom{width: 100%;text-align: center;padding-top: .4rem;}
.za-more{display: inline-block;padding: 0 .3rem;height: .4rem;line-height: .4rem;color: #ffffff;background-color: #f5f5f5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .2rem;}


 
.zb-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap;}
.zb-item{flex: 1;padding-right: 10px;margin-bottom:  .3rem;}
.zb-top{width: 100%;font-size: 0;margin-bottom: .1rem;}
.zb-nub{display: inline-block;vertical-align: middle;padding-right: .1rem;line-height: 1; color:#0b68ab;}
.zb-tip{display: inline-block;vertical-align: middle;color: #2fbccb;line-height: 1; }
.zb-intro{color: #0c1634;line-height: 1.6;}

.zc-item{width: 100%;position: relative;margin-bottom: .3rem;}
.zc-img{width: 100%;}
.zc-img img{width: 100%;}
.zc-text{position: absolute;top: 0;left: 0;width: 100%;padding: .5rem .5rem; max-height: 100%;overflow: auto;}
.zc-titles{width: 100%; color: #222;font-weight: bold;line-height: 1.3;}
.zc-intro{width: 100%;margin-top: .3rem; color: #222;line-height: 1.8;}

@media(max-width: 750px){  
    .za-main{padding: .5rem 10px;}
    .za-one{width: calc(50% - 5px);margin-right: 10px;}
    .za-one:nth-child(2n){margin-right: 0;}

    .za-top{padding: .3rem 10px;min-height: 100px;}
    .za-left{width: 100%;margin-bottom: .3rem;}
    .za-right{width: 100%;}
 
    .za-lt{width: 100%;margin-bottom: .3rem;}
    .za-rt{width: 100%;}

    .za-video{width: 100%;margin-right: 0;padding-top: calc(354/630*100%);}
    .za-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .za-more{height: 30px;line-height: 30px;border-radius: 15px;} 
    
    .zc-text{padding: 10px;}
}

.wa-a{width: 100%;padding-bottom:  .6rem; background-color: #f5f5f5;}
.wa-main{width: 14rem;margin: 0 auto;}
.wa-top{width: 100%;padding: .35rem .4rem;margin-bottom: .63rem; background-color: #ffffff;border-radius: .1rem;}
.wa-one{width: 100%;font-size: 0;}
.wa-lt{display: inline-block;vertical-align: top;margin: .12rem 0;width: 5.9em;}
.wa-tip{display: block;	color: #111111;line-height: .36rem;}
.wa-rt{display: inline-block;vertical-align: top;width: calc(100% - 6em);}
.wa-list{width: 100%;font-size: 0;}
.wa-type{display: inline-block;vertical-align: middle;text-align: center; margin: .12rem .4rem .12rem 0;border-radius: .05rem;}
.wa-typetext{display: inline-block;vertical-align: middle;cursor: pointer;  color: #666666;line-height: .36rem;}
.wa-del{display:none;vertical-align: middle;cursor: pointer; margin-left: .06rem;width: .687em;height: 1em;background-image: url('../images/a36.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wa-type.active  {min-width: 1.1rem; padding: 0 .15rem;background-color: #d0edf3;color: #15a4c5;}
.wa-type.active .wa-del{display: inline-block;}
.wa-filtrate{display: inline-block;vertical-align: middle;cursor: pointer;text-align: center; margin: .12rem .25rem .12rem 0;color: #666666;line-height: .36rem;border-radius: .05rem;}
.wa-filtrate.active{min-width: 1.1rem; padding: 0 .15rem;background-color: #d0edf3;color: #15a4c5;}

.wa-bottom{width: 100%;padding-bottom: .2rem; display: flex;flex-wrap: wrap;font-size: 0;}
.wa-item{display: block;position: relative;padding: .4rem;width: 31.4%; margin-right: 2.85%;margin-bottom: .4rem;background-color: #ffffff;border-radius: .1rem;}
.wa-item:nth-child(3n){margin-right: 0;}
.wa-label{position: absolute;top: 0;right: 0;}
.wa-label img{height: .65rem;}
.wa-goods{display: block;width: 100%;cursor: pointer;}
.wa-b{width: 100%;font-size: 0;margin-bottom: .18rem;}
.wa-icon{display: inline-block;vertical-align: middle;width: .65rem;height: .65rem;line-height: .65rem;}
.wa-icon img{max-width: 100%;max-height: 100%;}
.wa-text{display: inline-block;vertical-align: middle;width: calc(100% - .7rem);padding-left: .15rem;}
.wa-name{color: #111111;line-height: 1.4;height: 2.8em; margin-bottom: .05rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wa-edition{color: #444444;line-height: 1.28; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wa-intro{color: #666666;line-height: 1.8;height: 3.6em;margin-bottom: .23rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wa-more{display: inline-block;margin-bottom: .4rem; padding: .11rem .23rem;color: #15a4c5;	border-radius: .05rem;border: solid 1px #80cde0;}
.wa-goods:hover .wa-more{background-color: #80cde0;color: #fff;}
.wa-price{width: 100%;margin-bottom: .23rem;	color: #111111;}
.wa-price span{color: #15a4c5;font-weight: bold;margin-right: .05rem;}
.wa-number{width: 100%;margin-bottom: .15rem; line-height: 1.7;color: #666666;}
.wa-num{display: inline-block;position: relative;padding: 0 .36rem;   width: 1.4rem;border-radius: .05rem;border: solid 1px #e5e5e5;}
.wa-input{width: 100%;text-align: center; color: #111111; height: .36rem;border: none;background-color: transparent; border-left: solid 1px #e5e5e5;border-right: solid 1px #e5e5e5;}
.wa-btn{position: absolute;top: 0;left: 0;display: block;cursor: pointer; width: .36rem;height: 100%;background-image: url('../images/a41.png');background-size: .357em auto;background-position: center center;background-repeat: no-repeat;}
.wa-btn.plus{left: auto;right: 0;background-image: url('../images/a41-b.png');background-size: .571em auto;}

.wa-buy{display: block;cursor: pointer;width: 100%;margin-top: .37rem; height: .5rem;line-height: .5rem;text-align: center;color: #ffffff; background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .25rem;}


@media(max-width: 1550px){ 
    .wa-tip{line-height: 26px;}
    .wa-typetext{line-height: 26px;}
    .wa-filtrate{line-height: 26px;}
}

@media(max-width: 750px){ 
    .wa-a{padding-top: .6rem;}
    .wa-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wa-item{width: calc(50% - 5px);margin-right: 10px;padding: .3rem 10px;}
    .wa-item:nth-child(3n){margin-right: 10px;}
    .wa-item:nth-child(2n){margin-right: 0;}
    .wa-num{width: 80px;padding: 0 20px;}
    .wa-input{height: 20px;}
    .wa-btn{width: 20px;height: 20px;}
    .wa-buy{height: 26px;line-height: 26px;border-radius: 13px;}
}


.wb-a{width: 100%;padding-top: .95rem; padding-bottom: .75rem;}
.wb-main{width: 14rem;margin: 0 auto;}
.wb-cont{width: 100%;padding-top: .2rem;padding-bottom: .5rem;}
.wb-item{width: 100%;margin-bottom: .2rem; border-radius: .1rem;overflow: hidden;border: solid 1px #f1f1f1;}
.wb-buttom{display: flex;cursor: pointer; position: relative;padding-right: .5rem; width: 100%;background-color: #ffffff;}
.wb-buttom:after{content: '';position: absolute;top: 0;right: .28rem;width: .13rem;min-width: 10px; height: 100%;background-image: url('../images/a59-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wb-buttom .wb-letter{display: flex;align-items: center;justify-content: center;line-height: 2; width: .6rem;text-align: center;color: #ffffff;font-weight: bold; background-color: #15a4c5; background-image: linear-gradient(90deg, #0f72af 0%, #28aec7 100%);}
.wb-name{flex: 1;padding: .2rem .32rem;color: #353535;line-height: 1.87;}
.wb-sub{display: none;width: 100%;}
.wb-answer{display: flex;width: 100%;background-color: #f5f5f5;}
.wb-answer .wb-letter{display: flex;align-items: center;justify-content: center;line-height: 2;border-right: 1px solid #e9e9e9; width: .6rem;text-align: center; color: #000000;font-weight: bold;}
.wb-textbox{flex: 1;padding: .41rem .8rem .41rem .4rem; color: #666666;line-height: 1.87;}
.wb-textbox *{line-height: inherit;}
.wb-item.show .wb-buttom:after{transform: rotate(-180deg);}

@media(max-width: 750px){  
    .wb-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wb-textbox{padding: .4rem;}
}


.wc-a{width: 100%;padding-top: .25rem;padding-bottom: .9rem;background-color: #f5f5f5;}
.wc-main{width: 10.5rem;margin: 0 auto;} 
.wc-top{width: 100%;padding-bottom: .1rem;margin-bottom: .45rem; border-bottom: 1px solid #e8e8e8;}
.wc-titles{width: 100%;margin-bottom: .4rem; color: #000d1e;line-height: 1.26; font-weight: bold;}
.wc-b{width: 100%;display: flex;  align-items: center;}
.wc-lt{flex: 1;font-size: 0;} 
.wc-tip{display: inline-block;vertical-align: middle;margin-bottom: 0.1rem;margin-right: .25rem;color: #999999;}
.wc-sharebox{display: inline-block;vertical-align: middle;}
.wc-share{display: inline-block;vertical-align: middle;cursor: pointer;margin-bottom: 0.1rem;margin-right: .3rem;}
.wc-share:last-child{margin-right: 0;}
.wc-icon1{display: block;height: 1.125em;}
.wc-icon1 img{max-width: none;height: 100%;}
.wc-icon2{display: none;height: 1.125em;}
.wc-icon2 img{max-width: none;height: 100%;}
.wc-share:hover .wc-icon1{display: none;}
.wc-share:hover .wc-icon2{display: block;} 
.wc-rt{display: block;font-size: 0;}
.wc-back{display: inline-block;vertical-align: middle;cursor: pointer; color: #000d1e;margin-bottom: 0.1rem;}
.wc-back:after{content: '';display: inline-block;vertical-align: top;margin-left: .11rem;width: 1em;height: 1em;background-image: url('../images/a28.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wc-back:hover{color: #15a4c5;}
.wc-textbox{color: #666666;line-height: 1.87; }
.wc-textbox *{line-height: inherit;max-width: 100%;}
 
 
@media(max-width: 750px){ 
    .wc-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
}

.wd-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;background-color: #f5f5f5;}
.wd-main{width: 14rem;margin: 0 auto;}
.wd-cont{width: 100%;background-color: #ffffff;border-radius: .1rem;}
.wd-top{width: 100%;padding: 0 .8rem; border-bottom: 1px solid #eeeeee;}
.wd-titles{position: relative; display: inline-block;line-height: .8rem;color: #1aa6c6;}
.wd-titles:before{content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #1aa6c6;}
.wd-bottom{width: 100%;font-size: 0; padding: .55rem .8rem 1.25rem;}
.wd-b{width: 100%;padding-bottom:  .6rem; display: flex;align-items: center;flex-wrap: wrap; justify-content: space-between;}
.wd-lt{margin-bottom:  .3rem; color: #444444;line-height: 1.7;}
.wd-rt{margin-bottom:  .3rem; color: #444444;line-height: 1.7;}
.wd-rt a{cursor: pointer;color: #15a4c5;}
.wd-box{width: 100%;text-align: center;}
.wd-img{display: inline-block;vertical-align: middle;width: 1.9rem;height: 1.9rem;text-align: center;line-height: 1.9rem; background-color: #ffffff;border: solid 1px #eeeeee;}
.wd-img img{width:90%;height:90%;object-fit: contain;}
.wd-text{display: inline-block;vertical-align: middle;padding-left: .45rem;text-align: left;}
.wd-tip{margin-bottom: .07rem;line-height: 1.7; color: #111111;}
.wd-price{margin-bottom: .2rem; color: #15a4c5;font-weight: bold;line-height: 1.29;}
.wd-sweep{margin-bottom: .25rem; display: inline-block;padding: 0 .23rem;color: #ffffff;line-height: .52rem; background-color: #1ab139;border-radius: .05rem;}
.wd-sweep img{margin-right: .1rem;width: .17rem;}
.wd-time{color: #444444;line-height: 1.7;}
.wd-time span{margin: 0 .1rem; color: #15a4c5;}

@media(max-width: 1300px){ 
    .wd-img{width: 130px;height: 130px;line-height: 130px;}
}

 
@media(max-width: 750px){ 
    .wd-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wd-top{padding: 0 10px;}
    .wd-lt{width: 100%;}
    .wd-rt{width: 100%;}
    .wd-bottom{padding: 30px 10px;}
    .wd-img{width: 110px;height: 110px;line-height: 110px;}
    .wd-text{max-width: calc(100% - 110px);padding-left: 15px;}
}

.wf-navbox{display: inline-block;vertical-align: middle;font-size: 0;} 
.wf-nav{display: inline-block;vertical-align: middle; color: #444444;line-height: .8rem;}
.wf-nav:after{content: '>';display: inline-block;vertical-align: middle;margin: 0 .08rem;color: #444444;}
.wf-nav:last-child:after{display: none;}



/*  

.k-titles{display: inline-block;position: relative; margin-bottom: .3rem;}
.k-titles span{position: relative;display: inline-block;padding-right: .347em; color: #111111;line-height: 1.21;}
.k-titles:after{content: '';position: absolute;top: -.26em;right: 0;width: .65em;height: .65em;background-image: url('../images/a15.png');background-size: contain; background-position: center center;background-repeat: no-repeat;}


rgba(21,164,197,.95)
background-color: #15a4c5;
color: #15a4c5;
.teaser.delay2  {transition-delay: .2s;}

.b-img{width: 100%;position: relative;padding-top: calc(526/690*100%);overflow: hidden;}
.b-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; transform: scale(1.00);transition: all ease .5s;}

transform: scale(1.00);transition: all ease .5s;
background-size: cover;background-position: center center;background-repeat: no-repeat;


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} 
 

*/

.a-more:after{transition: all ease .5s;}
.a-more:hover:after{transform: rotate(45deg);}
.c-more:after{transition: all ease .5s;}
.c-more:hover:after{transform: rotate(45deg);}
.d-more:after{transition: all ease .5s;}
.d-more:hover:after{transform: rotate(45deg);}
.e-more:after{transition: all ease .5s;}
.e-more:hover:after{transform: rotate(45deg);}
.i-link .i-more:after{transition: all ease .5s;}
.i-link:hover .i-more:after{transform: rotate(45deg);}
.i-one .i-more:after{transition: all ease .5s;}
.i-one:hover .i-more:after{transform: rotate(45deg);}

.xa-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%; background-color: rgba(0,0,0,.5);}
.xa-a.show{display: block;}
.xa-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 8rem;}
.xa-close{opacity: .4;cursor: pointer; position: absolute;top: -.24rem;right: -.32rem;width: .3rem;height: .3rem;background-image: url('../images/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xa-close:hover{opacity: 1;}
.xa-cont{width: 100%;background-color: #ffffff;border-radius: .1rem;overflow: hidden;}
.xa-top{width: 100%;background-color: #f5f5f5;}
.xa-titles{width: 100%;text-align: center;line-height: .8rem;color: #111111;}
.xa-bottom{width: 100%;padding: .4rem 2rem .8rem ;}
.xa-navbox{width: 100%;font-size: 0;text-align: center; border-bottom: 1px solid #eeeeee;}
.xa-nav{display: inline-block;vertical-align: top;position: relative; cursor: pointer; margin: 0 .14rem; color: #111111;padding: .15rem 0;line-height: 1.6;}
.xa-nav:after{content: '';display: none;position: absolute;position: absolute;bottom: -1px;left: 0;width: 100%; height: 2px;background-color: #1aa6c6;}
.xa-nav.active{color: #1aa6c6;}
.xa-nav.active:after{display: block;}

.xa-list{width: 100%;}
.xa-one{display: none;width: 100%;}
.xa-one.show{display: block;}

.xa-tr{width: 100%;padding-top: .4rem;padding-bottom: .15rem;}
.xa-td{width: 100%;font-size: 0; margin-bottom: .2rem;}
.xa-input{display: block;width: 100%;padding: 0 .2rem;color: #333;height: .52rem; border-radius: .05rem;border: solid 1px #eeeeee;}
.xa-tip{display: inline-block;vertical-align: top;width: 5.6em;}
.xa-labelbox{display: inline-block;vertical-align: top;width: calc(100% - 6em);}
.xa-label{display: inline-block;vertical-align: middle;position: relative;margin-right: .25rem;margin-bottom: .05rem;}
.xa-label .xa-icon{display: inline-block;vertical-align: middle;margin-right: .05rem; width: .8em;height: 1em;background-image: url('../images/a50.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.xa-name{display: inline-block;vertical-align: middle;color: #666666;}
.xa-label .xa-radio{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.xa-label.selected .xa-icon{background-image: url('../images/a50-b.png');} 

.xa-box{width: 100%;padding: .25rem 0 .4rem;}
.xa-invoicebox{width: 100%;height: 3.77rem;}
.xa-invoice{display: block;position: relative; margin-bottom: .2rem; width: 100%;padding: .2rem .2rem; border-radius: .05rem;border: solid 1px #eeeeee;}
.xa-textbox{width: 100%; color: #444444;line-height: 2.1;}
.xa-textbox *{line-height: inherit;}
.xa-invoice .xa-radio{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.xa-invoice .xa-icon{opacity: 0;transition: all ease .5s; position: absolute;bottom: 0;right: 0;width: .26rem;height: .26rem;background-image: url('../images/a47.png');background-size: .26rem .26rem;background-position: center center;background-repeat: no-repeat;}
.xa-invoice.selected{border: solid 1px #1aa6c6;}
.xa-invoice.selected .xa-icon{opacity: 1;} 
.xa-invoicebox .mCSB_inside>.mCSB_container{margin-right: .2rem ;}

.xa-submit{display: block;width: 100%;cursor: pointer;border: none; height: .52rem;color: #ffffff;line-height: .52rem;text-align: center; background-color: #15a4c5;    background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}
.xa-button{display: block;width: 100%;cursor: pointer;border: none; height: .52rem;color: #ffffff;line-height: .52rem;text-align: center; background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}


@media(max-width: 1150px){ 
    .xa-bottom{padding: .4rem .5rem .6rem;}
}

@media(max-width: 750px){ 
    .xa-main{width: 94%;max-width: 320px;}
    .xa-close{right: 0;top: -.4rem;height: .4rem;background-size: 100% auto;background-position: top center;}
    .xa-input{height: 30px;}
    .xa-submit{height: 36px;line-height: 36px;border-radius: 18px;}
    .xa-button{height: 36px;line-height: 36px;border-radius: 18px;}
}


.xb-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%; background-color: rgba(0,0,0,.5);}
.xb-a.show{display: block;}
.xb-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 8rem;}
.xb-close{opacity: .4;cursor: pointer; position: absolute;top: -.24rem;right: -.32rem;width: .3rem;height: .3rem;background-image: url('../images/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xb-close:hover{opacity: 1;}
.xb-cont{width: 100%;background-color: #ffffff;border-radius: .1rem;}
.xb-top{width: 100%;background-color: #f5f5f5;border-radius: .05rem .05rem 0 0 ;}
.xb-titles{width: 100%;text-align: center;line-height: .8rem;color: #111111;}

.xb-bottom{width: 100%;text-align: center;padding: .5rem 10px .6rem;}
.xb-box{display: inline-block;width: 4rem;min-width: 350px;text-align: left;}
.xb-list{display: block;padding-bottom: .2rem;}
.xb-item{width: 100%;font-size: 0;margin-bottom: .2rem;}
.xb-tip{display: inline-block;vertical-align: middle;width: 5.3em;  color: #111111;line-height: 1.3;}
.xb-b{display: inline-block;vertical-align: middle;width: calc(100% - 5.3em);}
.xb-input{display: block;background-color: transparent; padding: 0 .15rem; width: 100%;height: .52rem;border-radius: .05rem;border: solid 1px #eeeeee;}
.xb-address{width: 100%;position: relative;}
.xb-address:after{content: '';position: absolute;top: 0;right: .27rem;width: .13rem;height: 100%; background-image: url('../images/a59.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.xb-select{display: block;cursor: pointer; position: relative;z-index: 8; background-color: transparent; padding: 0 .5rem 0 .15rem; width: 100%;height: .52rem;border-radius: .05rem;border: solid 1px #eeeeee;}


.xb-submit{display: block;cursor: pointer;border: none; width: 100%;text-align: center;padding: 0 .5rem;color: #ffffff;text-align: center;	height: .52rem;line-height: .52rem;background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}


@media(max-width: 750px){ 
    .xb-main{width: 94%;max-width: 320px;}
    .xb-close{right: 0;top: -.4rem;height: .4rem;background-size: 100% auto;background-position: top center;}
    .xb-box{width: 100%;min-width: 20px;}
    .xb-tip{width: 100%;margin-bottom: 5px;}
    .xb-b{width: 100%;}
    .xb-input{height: 36px;}
    .xb-select{height: 36px;}
    .xb-submit{height: 36px;line-height: 36px;border-radius: 18px;}
}


.xc-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%; background-color: rgba(0,0,0,.5);}
.xc-a.show{display: block;}
.xc-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 8rem;}
.xc-close{opacity: .4;cursor: pointer; position: absolute;top: -.24rem;right: -.32rem;width: .3rem;height: .3rem;background-image: url('../images/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xc-close:hover{opacity: 1;}
.xc-cont{width: 100%;background-color: #ffffff;border-radius: .1rem;}
.xc-top{width: 100%;background-color: #f5f5f5;border-radius: .05rem .05rem 0 0 ;}
.xc-titles{width: 100%;text-align: center;line-height: .8rem;color: #111111;}
.xc-bottom{width: 100%;padding: .6rem 10px;text-align: center;}
.xc-icon{width: 100%;margin-bottom: .25rem;}
.xc-icon img{height: 1.35rem;}
.xc-intro{width: 100%;color: #000d1e;line-height: 1.3;margin-bottom: .55rem;}
.xc-tip{width: 100%;color: #111111;line-height: 1.7;margin-bottom: .1rem;}
.xc-buttom{width: 100%;font-size: 0;}
.xc-check{display: inline-block;vertical-align: middle;cursor: pointer; margin: 0 .1rem .25rem; padding: 0 .33rem;color: #ffffff; height: .4rem; line-height: .4rem;text-align: center;background-color: #15a4c5;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .2rem;}
.xc-back{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .1rem .25rem; padding: 0 .33rem;color: #15a4c5; height: .4rem; line-height: .4rem;text-align: center; border: solid 1px #15a4c5;border-radius: .2rem;}

@media(max-width: 750px){ 
    .xc-main{width: 94%;max-width: 320px;} 
    .xc-close{right: 0;top: -.4rem;height: .4rem;background-size: 100% auto;background-position: top center;}
    .xc-check{height: 30px;line-height: 30px;border-radius: 15px;}
    .xc-back{height: 30px;line-height: 30px;border-radius: 15px;}
}


.xd-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%; background-color: rgba(0,0,0,.5);}
.xd-a.show{display: block;}
.xd-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 8rem;}
.xd-close{opacity: .4;cursor: pointer; position: absolute;top: -.24rem;right: -.32rem;width: .3rem;height: .3rem;background-image: url('../images/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xd-close:hover{opacity: 1;}
.xd-cont{width: 100%;background-color: #ffffff;max-height: 90vh;overflow: auto; border-radius: .1rem;}
.xd-top{width: 100%;background-color: #f5f5f5;border-radius: .05rem .05rem 0 0 ;}
.xd-titles{width: 100%;text-align: center;line-height: .8rem;color: #111111;}
.xd-bottom{width: 100%;padding: .5rem 10px .65rem;text-align: center;}
.xd-textbox{width: 100%;max-width: 26em;margin: 0 auto;text-align: left;padding-bottom: .1rem; color: #111111;line-height: 1.75;}
.xd-textbox *{line-height: inherit;}

.xd-download{display: inline-block;cursor: pointer;padding: .1rem .2rem; background-color: #e7f6f9;}
.xd-download img{height: .875em;margin-right: .06rem;}


@media(max-width: 750px){ 
    .xd-main{width: 94%;max-width: 320px;} 
    .xd-close{right: 0;top: -.4rem;height: .4rem;background-size: 100% auto;background-position: top center;}
}


.xe-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%; background-color: rgba(0,0,0,.5);}
.xe-a.show{display: block;}
.xe-form{width: 100%;}
.xe-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 5.6rem;min-width: 450px;}
.xe-close{opacity: .4;cursor: pointer; position: absolute;top: -.24rem;right: -.32rem;width: .3rem;height: .3rem;background-image: url('../images/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xe-close:hover{opacity: 1;}
.xe-cont{width: 100%;background-color: #ffffff;max-height: 90vh;overflow: auto; border-radius: .1rem;}
.xe-top{width: 100%;background-color: #f5f5f5;border-radius: .05rem .05rem 0 0 ;}
.xe-titles{width: 100%;text-align: center;line-height: .8rem;color: #111111;}
.xe-bottom{width: 100%;padding: .5rem .7rem;}
.xe-item{display: block;width: 100%;font-size: 0;margin-bottom: .2rem;}
.xe-tip{display: inline-block;vertical-align: middle;text-align: right; width: 6.63em;padding-right: .63em;}
.xe-b{display: inline-block;vertical-align: middle;position: relative; width: calc(100% - 6.65em);background-color: #ffffff;border-radius: .05rem;border: solid 1px #eeeeee;}
.xe-input{display: block;border: none;background-color: transparent;width: 100%; padding: 0 .15rem;color: #111;height: .52rem;}
.xe-getcode{cursor: pointer; position: absolute;top: 0;right: 0;min-width: 1.2rem;padding: 0 .1rem;text-align: center;height: .52rem;line-height: .52rem;	border-radius: 0px .05rem .05rem 0px;color: #15a4c5; background-color: #cde9ec;border: solid 1px #cde9ec;}
.xe-getcode.gray{color: #666666;border: solid 1px #e5e5e5;background-color: #eeeeee;}

.xe-buttom{width: 100%;padding-top: .2rem;}
.xe-submit{display: block;cursor: pointer;color: #ffffff; border: none;width: 100%;text-align: center;	height: .52rem;line-height: .52rem;background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}

@media(max-width: 750px){ 
    .xe-main{width: 94%;max-width: 500px; min-width: 100px;} 
    .xe-close{right: 0;top: -.4rem;height: .4rem;background-size: 100% auto;background-position: top center;}
    .xe-bottom{padding:  .3rem 10px;}
    .xe-input{height: 30px;}
    .xe-submit{height: 30px;line-height: 30px;border-radius: 15px;}
    .xe-getcode{height: 30px;line-height: 30px;}
}

.xf-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%; background-color: rgba(0,0,0,.5);}
.xf-a.show{display: block;}
.xf-form{width: 100%;}
.xf-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 5.6rem;min-width: 450px;}
.xf-close{opacity: .4;cursor: pointer; position: absolute;top: -.24rem;right: -.32rem;width: .3rem;height: .3rem;background-image: url('../images/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xf-close:hover{opacity: 1;}
.xf-cont{width: 100%;background-color: #ffffff;max-height: 90vh;overflow: auto; border-radius: .1rem;}
.xf-top{width: 100%;background-color: #f5f5f5;border-radius: .05rem .05rem 0 0 ;}
.xf-titles{width: 100%;text-align: center;line-height: .8rem;color: #111111;}
.xf-bottom{width: 100%;padding: .5rem .7rem;}
.xf-item{display: block;width: 100%;font-size: 0;margin-bottom: .2rem;}
.xf-tip{display: inline-block;vertical-align: middle;text-align: right; width: 6.63em;padding-right: .63em;}
.xf-b{display: inline-block;vertical-align: middle;position: relative; width: calc(100% - 6.65em);background-color: #ffffff;border-radius: .05rem;border: solid 1px #eeeeee;}
.xf-input{display: block;border: none;background-color: transparent;width: 100%; padding: 0 .15rem;color: #111;height: .52rem;}
.xf-getcode{cursor: pointer; position: absolute;top: 0;right: 0;min-width: 1.2rem;padding: 0 .1rem;text-align: center; height: .52rem;line-height: .52rem;	border-radius: 0px .05rem .05rem 0px; color: #15a4c5; background-color: #cde9ec;border: solid 1px #cde9ec;}
.xf-getcode.gray{color: #666666;border: solid 1px #e5e5e5;background-color: #eeeeee;}

.xf-buttom{width: 100%;padding-top: .2rem;}
.xf-submit{display: block;cursor: pointer;color: #ffffff; border: none;width: 100%;text-align: center;	height: .52rem;line-height: .52rem;background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}

@media(max-width: 750px){ 
    .xf-main{width: 94%;max-width: 500px; min-width: 100px;} 
    .xf-close{right: 0;top: -.4rem;height: .4rem;background-size: 100% auto;background-position: top center;}
    .xf-bottom{padding:  .3rem 10px;}
    .xf-input{height: 30px;}
    .xf-submit{height: 30px;line-height: 30px;border-radius: 15px;}
    .xf-getcode{height: 30px;line-height: 30px;}
}

.xg-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%; background-color: rgba(0,0,0,.5);}
.xg-a.show{display: block;}
.xg-form{width: 100%;}
.xg-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 5.6rem;min-width: 450px;}
.xg-close{opacity: .4;cursor: pointer; position: absolute;top: -.24rem;right: -.32rem;width: .3rem;height: .3rem;background-image: url('../images/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xg-close:hover{opacity: 1;}
.xg-cont{width: 100%;background-color: #ffffff;max-height: 90vh;overflow: auto; border-radius: .1rem;}
.xg-top{width: 100%;background-color: #f5f5f5;border-radius: .05rem .05rem 0 0 ;}
.xg-titles{width: 100%;text-align: center;line-height: .8rem;color: #111111;}
.xg-bottom{width: 100%;padding: .5rem .7rem;}
.xg-item{display: block;width: 100%;font-size: 0;margin-bottom: .2rem;}
.xg-tip{display: inline-block;vertical-align: middle;text-align: right; width: 6.63em;padding-right: .63em;}
.xg-b{display: inline-block;vertical-align: middle;position: relative; width: calc(100% - 6.65em);background-color: #ffffff;border-radius: .05rem;border: solid 1px #eeeeee;}
.xg-input{display: block;border: none;background-color: transparent;width: 100%; padding: 0 .15rem;color: #111;height: .52rem;}
.xg-getcode{cursor: pointer; position: absolute;top: 0;right: 0;min-width: 1.2rem;padding: 0 .1rem;text-align: center; height: .52rem;line-height: .52rem;	border-radius: 0px .05rem .05rem 0px; color: #15a4c5; background-color: #cde9ec;border: solid 1px #cde9ec;}
.xg-getcode.gray{color: #666666;border: solid 1px #e5e5e5;background-color: #eeeeee;}

.xg-buttom{width: 100%;padding-top: .2rem;}
.xg-submit{display: block;cursor: pointer;color: #ffffff; border: none;width: 100%;text-align: center;	height: .52rem;line-height: .52rem;background-color: #15a4c5;	background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}

@media(max-width: 750px){ 
    .xg-main{width: 94%;max-width: 500px; min-width: 100px;} 
    .xg-close{right: 0;top: -.4rem;height: .4rem;background-size: 100% auto;background-position: top center;}
    .xg-bottom{padding:  .3rem 10px;}
    .xg-input{height: 30px;}
    .xg-submit{height: 30px;line-height: 30px;border-radius: 15px;}
    .xg-getcode{height: 30px;line-height: 30px;}
}


.xh-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%; background-color: rgba(0,0,0,.5);}
.xh-a.show{display: block;}
.xh-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 8rem;}
.xh-close{opacity: .4;cursor: pointer; position: absolute;top: -.24rem;right: -.32rem;width: .3rem;height: .3rem;background-image: url('../images/a49.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xh-close:hover{opacity: 1;}
.xh-cont{width: 100%;background-color: #ffffff;  border-radius: .1rem;overflow: hidden;}
.xh-top{width: 100%;background-color: #f5f5f5;}
.xh-titles{width: 100%;text-align: center;line-height: .8rem;color: #111111;}
.xh-bottom{width: 100%;padding:  .6rem 0;}
.xh-form{width: 100%;}
.xh-scrollbar{width: 100%;max-height: 3.5rem; padding: 0 .4rem   0 .6rem;}
.xh-list{width: 100%;padding-right: .2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}  

.xh-invoice{display: block;width: calc(50% - .15rem); position: relative; margin-bottom: .3rem;  padding: .3rem .3rem .2rem; border-radius: .05rem;border: solid 1px #eeeeee;}
.xh-name{color: #222222;line-height: 1.7;padding-bottom: .05rem;margin-bottom: .1rem; border-bottom: 1px solid #eeeeee;}
.xh-textbox{width: 100%; color: #666666;line-height: 1.7;margin-bottom: .05rem;}
.xh-textbox *{line-height: inherit;}
.xh-edit{position: relative; z-index: 18;  display: none;color: #15a4c5;line-height: 1.7;cursor: pointer;}
.xh-invoice .xh-radio{position: absolute;cursor: pointer; left: 0; top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;}
.xh-invoice .xh-icon{opacity: 0;transition: all ease .5s; position: absolute;bottom: 0;right: 0;width: .26rem;height: .26rem;background-image: url('../images/a47.png');background-size: .26rem .26rem;background-position: center center;background-repeat: no-repeat;}
.xh-invoice.selected{border: solid 1px #1aa6c6;}
.xh-invoice.selected .xh-icon{opacity: 1;} 
.xh-invoice.selected .xh-edit{display: inline-block;}

.xh-buttom{width: 100%;padding: .13rem .6rem 0  .6rem;}
.xh-manage{display: inline-block;cursor: pointer;line-height: 1.7;margin-bottom: .15rem; color: #15a4c5;}
.xh-submit{display: block;cursor: pointer; margin: 0 auto;border: none;color: #ffffff; width: 4rem;text-align: center;height: .52rem;background-color: #f5f5f5; line-height: .52rem;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border-radius: .26rem;}


@media(max-width: 750px){ 
    .xh-main{width: 94%;max-width: 320px;}
    .xh-close{right: 0;top: -.4rem;height: .4rem;background-size: 100% auto;background-position: top center;}
    
    .xh-bottom{padding: .5rem 0;}
    .xh-invoice{width: 100%;}
    .xh-scrollbar{padding:0 10px 0 20px ;max-height: 240px;}
    .xh-list{padding-right: 10px;}
    .xh-buttom{padding: 10px 20px;}
    .xh-submit{height: 36px;line-height: 36px;border-radius: 18px;}
}

.xi-a{display: none; position: fixed;top: 0;left: 0;z-index: 388; width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.xi-a.show{display: block;}
.xi-main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 8rem;}
.xi-close{opacity: .4; position: absolute;top: -.24rem;right: -.32rem;display: block;cursor: pointer; width: .3rem;height: .3rem;background-image: url('../images/c3.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.xi-close:hover{opacity: 1;}
.xi-cont{width: 100%;background-color: #fff;border-radius: .1rem;overflow: hidden;}
.xi-top{width: 100%;text-align: center;}
.xi-titles{width: 100%;line-height: .8rem;background-color: #f5f5f5; color: #111111;}
.xi-bottom{width: 100%;padding: .37rem 10px .68rem;text-align: center; max-height: calc(90vh - 1rem);overflow: auto;}
.xi-list{display: inline-block;max-width: 100%;}
.xi-item{display: flex;align-items: center;text-align: left; padding: .17rem 0 .2rem;border-bottom: 1px solid #eeeeee;}
.xi-text{flex: 1;padding-right: .28rem; color: #111111;line-height: 1.6;}
.xi-buttom{transition: all ease .5s;cursor: pointer; display: block;padding: .06rem .13rem; border-radius: .05rem;color: #15a4c5;border: solid 1px #3fafcb;}
.xi-buttom:hover{background-color: #15a4c5;color: #fff;}
.xi-hint{opacity: 0;z-index: -1;transition: all ease .5s;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);white-space: nowrap;padding: .15rem .25rem; color: #fff;background-color: rgba(0,0,0,.5);}
.xi-hint.show{opacity: 1;z-index: 38;}

@media(max-width: 750px){ 
    .xi-main{width: 94%;max-width: 320px;}
    .xi-close{right: 0;top: -.4rem;}
}

/*弹出层相关*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 30px;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 15px;padding: 0 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0b68ab;background-image: linear-gradient(90deg, #0b68ab 0%, #2fbccb 100%);border: none;}
.c-blue:hover{opacity: .9;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}