@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;}
img{vertical-align:middle;max-width: 100%;height: auto;}
@media(min-width: 1201px){
    img{image-rendering: -webkit-optimize-contrast;image-rendering: -o-crisp-edges;image-rendering: -moz-crisp-edges;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;}
}
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;background-color: #111111;}
body *{box-sizing: border-box;}

@font-face{
    font-family: 'KronaOne-Regular';
    src: url('../fonts/KronaOne-Regular.woff2');
    font-display: swap;
}

/*编辑器盒子加editor-box这个类，editor-box以及里面的h1,h2,h3,h4,h5,h6,ul,ol,li,i.b,strong,p等标签的样式根据后台编辑器的默认样式而变*/
.editor-box{font-size: 16px;line-height: 1.5;}
.editor-box h1{display: block;font-size: 2em;margin-block-start: 0.67em;margin-block-end: 0.67em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;unicode-bidi: isolate;}
.editor-box h2{display: block;font-size: 1.5em;margin-block-start: 0.83em;margin-block-end: 0.83em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;unicode-bidi: isolate;}
.editor-box h3{display: block;font-size: 1.17em;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;unicode-bidi: isolate;}
.editor-box h4{display: block;margin-block-start: 1.33em;margin-block-end: 1.33em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;unicode-bidi: isolate;}
.editor-box h5{display: block;font-size: 0.83em;margin-block-start: 1.67em;margin-block-end: 1.67em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;unicode-bidi: isolate;}
.editor-box h6{display: block;font-size: 0.67em;margin-block-start: 2.33em;margin-block-end: 2.33em;margin-inline-start: 0px;margin-inline-end: 0px;font-weight: bold;unicode-bidi: isolate;}
.editor-box ul{display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;padding-inline-start: 40px;unicode-bidi: isolate;}
.editor-box ol{display: block;list-style-type: decimal;margin-block-start: 1em;margin-block-end: 1em;padding-inline-start: 40px;unicode-bidi: isolate;}
.editor-box li{display: list-item;text-align: -webkit-match-parent;unicode-bidi: isolate;}
.editor-box i{font-style: italic;}
.editor-box b{font-weight: bolder;}
.editor-box strong{font-weight: bolder;}
.editor-box p{display: block;margin-block-start: 5px;margin-block-end: 5px;margin-inline-start: 0px;margin-inline-end: 0px;unicode-bidi: isolate;}

#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;}
 
img[img-src]{opacity: 0;}
img[done]{opacity: 1;transition: opacity .01s;}
@media(max-width: 1200px){
    img{image-rendering: auto;}
} 

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;}
}



@media(max-width: 750px){
    html{font-size: calc(100vw / 750 * 100);}
}
@media(max-width: 750px){
    .s12{font-size: 0.22rem;}
    .s13{font-size: 0.23rem;}
    .s14{font-size: 0.24rem;}
    .s15{font-size: 0.25rem;}
    .s16{font-size: 0.26rem;}
    .s17{font-size: 0.27rem;}
    .s18{font-size: 0.28rem;}
    .s19{font-size: 0.29rem;}
    .s20{font-size: 0.30rem;}
    .s21{font-size: 0.31rem;}
    .s22{font-size: 0.32rem;}
    .s23{font-size: 0.33rem;}
    .s24{font-size: 0.34rem;}
    .s25{font-size: 0.35rem;}
    .s26{font-size: 0.36rem;}
    .s27{font-size: 0.37rem;}
    .s28{font-size: 0.38rem;}
    .s29{font-size: 0.38rem;}
    .s30{font-size: 0.38rem;}
    .s31{font-size: 0.38rem;}
    .s32{font-size: 0.38rem;}
    .s33{font-size: 0.38rem;}
    .s34{font-size: 0.38rem;}
    .s35{font-size: 0.38rem;}
    .s36{font-size: 0.38rem;}
    .s37{font-size: 0.38rem;}
    .s38{font-size: 0.38rem;}
    .s39{font-size: 0.38rem;}
    .s40{font-size: 0.38rem;}
    .s41{font-size: 0.38rem;}
    .s42{font-size: 0.38rem;}
    .s43{font-size: 0.38rem;}
    .s44{font-size: 0.38rem;}
    .s45{font-size: 0.38rem;}
    .s46{font-size: 0.38rem;}
    .s47{font-size: 0.38rem;}
    .s48{font-size: 0.38rem;}
    .s49{font-size: 0.38rem;}
    .s50{font-size: 0.38rem;}
    .s51{font-size: 0.38rem;}
    .s52{font-size: 0.38rem;}
    .s53{font-size: 0.38rem;}
    .s54{font-size: 0.38rem;}
    .s55{font-size: 0.38rem;}
    .s56{font-size: 0.38rem;}
    .s57{font-size: 0.38rem;}
    .s58{font-size: 0.38rem;}
    .s59{font-size: 0.38rem;}
    .s60{font-size: 0.38rem;}
    .s61{font-size: 0.38rem;}
    .s62{font-size: 0.38rem;}
    .s63{font-size: 0.38rem;}
    .s64{font-size: 0.38rem;}
    .s65{font-size: 0.38rem;}
    .s66{font-size: 0.38rem;}
    .s67{font-size: 0.38rem;}
    .s68{font-size: 0.38rem;}
    .s69{font-size: 0.38rem;}
    .s70{font-size: 0.38rem;}
    .s71{font-size: 0.38rem;}
    .s72{font-size: 0.38rem;}
    .s73{font-size: 0.38rem;}
    .s74{font-size: 0.38rem;}
    .s75{font-size: 0.38rem;}
    .s76{font-size: 0.38rem;}
    .s77{font-size: 0.38rem;}
    .s78{font-size: 0.38rem;}
    .s79{font-size: 0.38rem;}
    .s80{font-size: 0.38rem;}
}
 
div.mCSB_scrollTools{width: 3px;}
div.mCSB_scrollTools .mCSB_draggerRail{width: 3px;background-color: #f0f0f0;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background-color: #0094d6;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: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #0094d6;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}
 
.my-scrollbar{overflow: auto;scrollbar-color:#a26dd7  rgba(34,34,34,.9);scrollbar-width: none;scrollbar-width: thin; }
.my-scrollbar::-webkit-scrollbar {width:  3px;height: 1px;}
.my-scrollbar::-webkit-scrollbar-thumb {border-radius: .05rem;box-shadow: inset 0 0 .05rem rgba(34,34,34,.9);background: #a26dd7;}
.my-scrollbar::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem rgba(34,34,34,.9);border-radius: .05rem; background: rgba(34,34,34,.9);}


form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder{color: rgba(255,255,255,.5);}
form input:-moz-placeholder,
form textarea:-moz-placeholder{color: rgba(255,255,255,.5);}
form input::-moz-placeholder,
form textarea::-moz-placeholder{color: rgba(255,255,255,.5);}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder{color: rgba(255,255,255,.5);}

/* 动画 */

.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;}

 
@keyframes fadeInRightSmall {
    0% {opacity: 0;transform: translate(2em,0);}
    100% {opacity: 1;transform: translate(0,0);}
}
.word-in{opacity: 0;}
.word-in.is-visible{opacity: 1;}
.word-in>span{display: inline-block;vertical-align: top;opacity: 0;animation-duration: 1s;animation-fill-mode: forwards;animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
.word-in.is-visible>span{animation-name: fadeInRightSmall;}


body{padding-top: .9rem;}
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 288;padding: 0 .3rem;background-color: #222222;}
.h-main{width: 100%;max-width: 16rem;margin: 0 auto;}
.h-left{float: left;font-size: 0;}
.h-logo{display: block;font-size: 0;}
.h-link{display: block;cursor: pointer;height: .9rem;line-height: .9rem;}
.h-link img{max-width: none;height: .62rem;}
.h-right{float: right;font-size: 0;display: flex;align-items: center;height: .9rem;}
.h-h{display: block;font-size: 0;margin-right: .1rem;} 
.h-i{display: inline-block;vertical-align: middle;cursor: pointer;position: relative; padding: 0 .5rem;}
.h-j{display: inline-block;position: relative;color: #ffffff;height: .9rem;line-height: .9rem;}
.h-j:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;transition: all ease .5s;overflow: hidden; height: .02rem;background-color: #fff;}
.h-sub {display: none;min-width: 1.8rem;background-color: #ffffff;position: absolute;left: 50%;top: 100%;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);border-radius: 0 0 .1rem .1rem;overflow: hidden;}
.h-sub>li>a {display: block;cursor: pointer;width: 100%;padding: .17rem .15rem;white-space: nowrap; line-height:1.6;text-align: center;color: #333333;transition: background-color .3s;}
.h-sub>li>a:hover {color: #fff;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}  

.h-k{display: inline-block;vertical-align: middle;margin-right: .3rem;}
.h-search{transition: all .3s; display: block;cursor: pointer;width:1.05em;height: .9rem;background-image: url('../images/a2.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: #333;color: #fff;}
.hs-submitbox{display: inline-block;vertical-align: middle;width: 45px;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.hs-submit{display: block;cursor: pointer;border: none;background-color: transparent;width: 100%;height: 45px;background-image: url('../images/a2.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-language{display: none !important;position: relative;margin-right: .3rem;}
.hl-tip{transition: all .3s; display: block;cursor: pointer;width:1.22em;height: .9rem;background-image: url('../images/a3.png');background-size:100% auto;background-position: center center;background-repeat: no-repeat;}
.hl-list{display: none;min-width: 1.2rem;background-color: #ffffff;position: absolute;left: 50%;top: 100%;transform: translate(-50% ,0); z-index: 1000;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);border-radius: 0 0 .1rem .1rem;overflow: hidden;}
.hl-item {display: block;cursor: pointer;width: 100%;padding: .17rem .15rem;white-space: nowrap; line-height:1.6;text-align: center;color: #333333;transition: background-color .3s;}
.hl-item:hover {color: #fff;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}  


.h-car{display: block;cursor: pointer;position: relative;margin-right: .2rem;width: 2.2em;height: 2.2em;text-align: center;line-height: 2.2em;border-radius: 50%;background-color: rgba(255,255,255,.2);}
.h-car img{height: 1em;}
.h-nub{position: absolute;bottom: calc(100% - 1.2em); left: calc(100% - .8em);min-width: 1.6em;line-height: 1.6em;border-radius: .8em;color: #fff;background-color: #c91623;}
.h-car:hover{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.h-log{display: block;cursor: pointer;width: 2.2em;height: 2.2em;text-align: center;line-height: 2.2em;border-radius: 50%;background-color: rgba(255,255,255,.2);}
.h-log img{height: .88em;}
.h-log:hover{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}

.h-menu {display: none;margin-left: .3rem;width: 1.3em;height:.9rem;background-image: url('../images/a-menu.png');background-size: 100% 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;}

@media(min-width: 1201px){ 
    .h-i:hover .h-j:after{width: 100%;} 
    .h-i.active  .h-j:after{width: 100%;}
    
    body.lucency{padding-top: 0;}
    body.lucency .header{background-color: transparent;}
    body.fixed .header{background-color: #252525;} 
}
@media(max-width:1200px){    
    .h-main{max-width: 100%;}
    .h-h {margin-left: 0; width: 260px;position: fixed;text-align: left;left: auto;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;min-width: 10px;border-radius: 0; box-shadow: none;left: 0;transform: translate(0,0);width: 100% !important;}
    .h-sub>li>a {white-space: normal;text-align: left;padding-left: 40px;color: #666 ;font-size: 14px;} 
    .h-i.active .h-j{color: #a36dd7;} 
 
    /* 菜单 */
    .h-menu {display: block;}
    .header.menu-state .h-h {transform: translate(0, 0);}
    .header.menu-state .h-opa {display: block;} 
} 

@media(max-width: 500px) {    
    .hs-text{width: 5rem;height: 35px;} 
    .hs-submitbox{width: 35px;}   
    .hs-submit{height: 35px;}   
}

.footer{width: 100%;padding: .55rem .3rem;background-color: #222222;}
.f-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.f-top{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;padding: .28rem 0 .7rem;}
.f-item{display: block;margin-bottom: .3rem;}
.f-one{display: block;margin-bottom: .15rem;color: #ffffff;}
.f-twobox{display: inline-block;}
.f-two{transition: all .3s;display: block;cursor: pointer;margin-bottom: .08rem;color: rgba(255,255,255,.7);line-height: 1.5;}
.f-two:hover{color: #fff;}
.f-tr{width: 100%;padding-bottom: .2rem;}
.f-td{display: flex;align-items: center;width: 100%;margin-bottom: .05rem;}
.f-icon{display: block;width: .77em;height: 1.5em;line-height: 1.5em;}
.f-icon img{max-width: 100%;max-height: .88em;}
.f-text{flex: 1;padding-left: .1rem;color: #ffffff;line-height: 1.5;}
.f-sharebox{width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.f-share{display: block;cursor: pointer;margin-right: .23rem;margin-bottom: .2rem;}
.f-share img{height: 1.33em;}
.f-share:last-child{margin-right: 0;}

.f-bottom{width: 100%;padding: .15rem 0;border-top: 1px solid rgba(229,229,229,.1); display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.f-lt{font-size: 0;padding: .05rem 0;}
.f-link{display: inline-block;vertical-align: middle;padding-right: .05rem;color: rgba(255,255,255,.3);line-height: 1.6;}
.f-lt a:hover{cursor: pointer;color: #fff;transition: all .3s;}
.f-rt{font-size: 0;}
.f-paybox{display: inline-block;vertical-align: middle;}
.f-pay{opacity: .4;transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin:.05rem .06rem .05rem 0;width:2.5em;height:1.75em;background-color: #f5f5f5;border-radius: .08rem;overflow: hidden;border: solid 1px #e5e5e5;}
.f-pay img{width: 100%;height: 100%;object-fit: contain;}
.f-pay:last-child{margin-right: 0;}
.f-pay:hover{opacity: 1;}

@media(max-width: 750px){
   .f-lt{width: 100%;text-align: center;}
   .f-link{padding: 0 .05rem;}
   .f-rt{width: 100%;text-align: center;}
}

.sidebar{position: fixed;top: 50%;right: .2rem;transform: translate(0,-50%);z-index: 38;}
.sidebar-item{display: block;padding: .05rem 0;}
.sidebar-link{transition: all .3s;display: block;cursor: pointer;width: .64rem;height: .64rem;background-color: #333333;border-radius: 50%;box-shadow: 0px 0px .4rem 0px rgba(0, 0, 0, 0.04);}
.sidebar img{width: 100%;height: 100%;object-fit: contain;}
.sidebar-item:hover .sidebar-link{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}

.a-main{width: 100%;position: relative;}
.a-b{width: 100%;}
.a-item{display: block;width: 100%;}
.a-link{display: block;cursor: pointer;width: 100%;position: relative;}
.a-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(960/1920*100%);}
.a-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.a-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;max-width: calc(100% - .6rem);}
.a-titles{font-family: 'KronaOne-Regular';letter-spacing: -.03rem;width: 100%;max-width: 8.7rem;margin-bottom: .3rem;color: #ffffff;line-height: 1.2;}
.a-intro{font-family: 'KronaOne-Regular';letter-spacing: -.02rem;width: 100%;max-width: 8.7rem;margin-bottom: .7rem;color: #ffffff;line-height: 1.45;}
.a-more{display: inline-block;cursor: pointer;position: relative;padding-right: .6rem;color: #ffffff;line-height: .46rem;}
.a-more:before{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%);width: .46rem;height: .46rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);border-radius: 50%;}
.a-more:after{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%);width: .46rem;height: .46rem;background-image: url('../images/a14.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}

.a-titles,.a-intro,.a-more{opacity:0;transform:translate3d(0,80px,0);}
.a-item.swiper-slide-active .a-titles{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.a-item.swiper-slide-active .a-intro{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.a-item.swiper-slide-active .a-more{opacity:1;transform:translate3d(0,0,0);transition:opacity 2s cubic-bezier(.25,.1,.25,1),transform 2s cubic-bezier(.25,.1,.25,1);} 
.a-item.swiper-slide-active .a-titles{transition-delay: .5s;}
.a-item.swiper-slide-active .a-intro{transition-delay: .7s;}
.a-item.swiper-slide-active .a-more{transition-delay: .9s;}

.a-bottom{z-index: 28;position: absolute;bottom: .8rem;left: 50%;transform: translate(-50%,0);width: 16rem;max-width: calc(100% - .6rem);display: flex;align-items: flex-end;justify-content: space-between;}
.a-pagination{position: static;bottom: 0;left: 0;}
.a-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;position: relative;margin: .05rem .1rem .05rem 0;opacity: 1;width: .5rem;height: .05rem;background-color: rgba(178,190,195,.3);border-radius: .03rem;overflow: hidden;}
.a-pagination .swiper-pagination-bullet:after{content: '';position: absolute;top: 0;left: 0;height: 100%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.a-pagination .swiper-pagination-bullet-active:after{animation: pagination_w 4.5s linear;animation-fill-mode: forwards;}
@keyframes pagination_w{
    0%{width: 0;}
    100%{width: 100%;}
} 
.a-rt{font-size: 0;}
.a-nub{display: inline-block;vertical-align: middle;color: #ffffff;line-height: 1.4;}
.a-line{display: inline-block;vertical-align: middle;color: rgba(255,255,255,.5);line-height: 1.4;}
.a-line:after{content: '/';margin: 0 .1rem;}
.a-sum{display: inline-block;vertical-align: middle;color: rgba(255,255,255,.5);line-height: 1.4;}

@media(max-width: 750px){
    .a-titles{margin-bottom: .15rem;}
    .a-intro{margin-bottom: .25rem;}
   .a-bottom{bottom: .1rem;}
}

.index-top{width: 100%;padding-bottom: .4rem;display: flex;align-items: flex-end;justify-content: space-between;}
.index-lt{display: block;flex: 1;padding-right: .15rem;}
.index-titles{font-family: 'KronaOne-Regular';letter-spacing: -.01rem;width: 100%;color: #ffffff;line-height: 1.2;}
.index-intro{width: 100%;padding-top: .07rem;color: rgba(255,255,255,.5);line-height: 1.6;}
.index-rt{display: flex;font-size: 0;margin-bottom: .05rem;}
.index-more{display: inline-block;cursor: pointer;position: relative;padding-right: .6rem;color: #ffffff;line-height: .46rem;}
.index-more:before{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%);width: .46rem;height: .46rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);border-radius: 50%;}
.index-more:after{content: '';position: absolute;top: 50%;right: 0;transform: translate(0,-50%);width: .46rem;height: .46rem;background-image: url('../images/a14.png');background-size: .17rem auto;background-position: center center;background-repeat: no-repeat;}


.b-main{width: 100%;padding: 1.22rem .3rem 1.12rem;background-color: #111111;}
.b-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.b-cont{width: calc(100% + .3rem);position: relative;left: -.15rem;}
.b-b{width: 100%;}
.b-item{width: 25%;padding: 0 .15rem;}
.b-link{display: block;cursor: pointer;width: 100%;}
.b-img{width: 100%;margin-bottom: .25rem;position: relative;overflow: hidden;padding-top: calc(504/378*100%);border-radius: .24rem;}
.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{position: relative;width: 100%;padding-right: .6rem;}
.b-name{transition: all .3s;width: 100%;color: #ffffff;line-height: 1.4;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.b-price{width: 100%;margin-top: .02rem;color: rgba(255,255,255,.6);line-height: 1.5;}
.b-arrows{transition: all .3s;position: absolute;top: 50%;right: 0;transform: translate(0,-50%) rotate(0);width: .4rem;height: .4rem;text-align: center;line-height: .4rem;border-radius: 50%;background-color: rgba(249,249,249,.15);}
.b-arrows img{width: 25%;}
.b-link:hover .b-img img{transform: scale(1.05);}
.b-link:hover .b-arrows{transform: translate(0,-50%) rotate(45deg);background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.b-link:hover .b-name{color: #a36dd7;}

.b-pagination{position: static;bottom: 0;left: 0;width: 100%;font-size: 0;padding-top: .5rem;}
.b-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;position: relative;margin: .05rem  .05rem 0;opacity: 1;width: .5rem;height: .05rem;background-color: rgba(178,190,195,.3);border-radius: .03rem;overflow: hidden;}
.b-pagination .swiper-pagination-bullet:after{content: '';position: absolute;top: 0;left: 0;height: 100%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.b-pagination .swiper-pagination-bullet-active:after{animation: pagination_w 4.5s linear;animation-fill-mode: forwards;}
.b-buttom{display: block;position: relative;width: 1.7rem;height: .46rem;}
.b-prev{left: 0;margin-top: -.23rem;width: .8rem;height: .46rem;border-radius: .23rem;background-color: transparent;background-size: 0 0;overflow: hidden;}
.b-prev:before{transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.1);}
.b-prev:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a16.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.b-prev:hover:before{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.b-next{right: 0;margin-top: -.23rem;width: .8rem;height: .46rem;border-radius: .23rem;background-color: transparent;background-size: 0 0;overflow: hidden;}
.b-next:before{transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.1);}
.b-next:after{transform: rotate(-180deg);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a16.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.b-next:hover:before{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}

@media(max-width: 750px){
    .b-item{width: 50%;}
}

.c-main{width: 100%;padding: 1.22rem .3rem 1rem; background-color: #1e1e1e;}
.c-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.c-cont{width: calc(100% + .3rem);position: relative;left: -.15rem;display: flex;flex-wrap: wrap;}
.c-item{width: 20%;padding: 0 .15rem .3rem;}
.c-link{display: block;cursor: pointer;width: 100%;height: 100%;background-color: #2c2c2c;border-radius: .24rem;overflow: hidden;}
.c-imgbox{width: 100%;position: relative;}
.c-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(394/296*100%);}
.c-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.c-img:after{opacity: 0;transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #111111;}
.c-car{opacity: 0;transition: all .3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .64rem;height: .64rem;text-align: center;line-height: .64rem;border-radius: 50%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.c-car img{width: .26rem;}
.c-text{position: relative;width: 100%;padding: .25rem .3rem;}
.c-name{transition: all .3s;width: 100%;color: #ffffff;line-height: 1.4;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c-price{width: 100%;color: rgba(255,255,255,.6);line-height: 1.6;}
 
.c-link:hover .c-img img{transform: scale(1.05);}
.c-link:hover .c-name{color: #a36dd7;}
.c-link:hover .c-img:after{opacity: .7;}
.c-link:hover .c-car{opacity: 1;}
@media(max-width: 750px){
    .c-item{width: 50%;}
}

.d-main{width: 100%;padding: 1.22rem .3rem 1rem; background-color: #111111;}
.d-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.d-cont{width: 100%;position: relative;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.d-item{display: block;cursor: pointer;position: relative;width: calc(786/1600*100%);margin-bottom: .3rem;overflow: hidden;border-radius: .24rem  .24rem 0 .24rem;-webkit-transform: translateZ(0);-webkit-mask-image: -webkit-radial-gradient(white, black);}
.d-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/786*100%);border-radius:.24rem;-webkit-transform: translateZ(0);-webkit-mask-image: -webkit-radial-gradient(white, black);}
.d-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.d-img:after{content: '';position: absolute;top: 2px;left: -2px;width: calc(100% + 4px);height: 100%;background-image: url('../images/a17.png');background-size: 100% auto;background-position: bottom center;background-repeat: no-repeat;}
.d-text{position: absolute;bottom: 0;left: 0;width: 100%;}
.d-name{width: 100%;padding: .35rem;color: #ffffff;line-height: 1.4;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-arrowsbox{position: absolute;bottom: 0;right: 0;width: .61rem;height: .61rem;background-image: url('../images/a18.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.d-arrows{transition: all .3s;position: absolute;bottom: 0;right: 0;transform: rotate(0);width: .4rem;height: .4rem;text-align: center;line-height: .4rem;border-radius: 50%;background-color: rgba(249,249,249,.15);}
.d-arrows img{width: 25%;}

.d-item:hover .d-img img{transform: scale(1.05);}
.d-item:hover .d-arrows{transform: rotate(45deg);background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.d-item:hover .d-name{color: #a36dd7;}

.d-item:nth-child(1) .d-img{padding-top: calc(626/785*100%);} 
@media(min-width: 751px){
    .d-item:nth-child(1){width: calc(785/1600*100%);}
   .d-item:nth-child(3){position: absolute;bottom: 0;right: 0;}
}
@media(max-width: 750px){
    .d-item{width: 100%;} 
}

.e-main{width: 100%;padding: 1.25rem .3rem .95rem; background-color: #1e1e1e;}
.e-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.e-cont{width: calc(100% + .3rem);position: relative;left: -.15rem;display: flex;flex-wrap: wrap;}
.e-item{width: 25%;padding: 0 .15rem;margin-bottom: .3rem;}
.e-link{display: block;cursor: pointer;width: 100%;}
.e-imgbox{position: relative;width: 100%;border-radius: .24rem;overflow: hidden;}
.e-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(283/378*100%);}
.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-icon{position: absolute;top: .2rem;left: .2rem;width: .5rem;height: .5rem;border-radius: 50%;background-color: rgba(255,255,255,.2); }
.e-icon img{width: 100%;height: 100%;object-fit: contain;}
.e-text{width: 100%;padding-top: .3rem;}
.e-name{width: 100%;color: #ffffff;line-height: 1.4;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.e-sub{opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.e-sub:before{transition: all .3s;opacity: .95;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.e-textbox{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 100%;padding: .15rem;max-height: 100%;overflow: auto;color: rgba(255,255,255,.6);line-height: 1.8;}
.e-link:hover .e-sub{opacity: 1;}
.e-item:nth-child(6n + 1){width: 50%;}
.e-item:nth-child(6n + 1) .e-textbox{padding: .15rem .6rem;}
.e-item:nth-child(6n + 1) .e-img{padding-top: calc(283/786*100%);}
.e-item:nth-child(6n + 6){width: 50%;}
.e-item:nth-child(6n + 6) .e-textbox{padding: .15rem .6rem;}
.e-item:nth-child(6n + 6) .e-img{padding-top: calc(283/786*100%);}

.e-textbox{overflow: auto;scrollbar-color:#a26dd7  rgba(34,34,34,.9);scrollbar-width: none;scrollbar-width: thin; }
.e-textbox::-webkit-scrollbar {width:  3px;height: 1px;}
.e-textbox::-webkit-scrollbar-thumb {border-radius: .05rem;box-shadow: inset 0 0 .05rem rgba(34,34,34,.9);background: #a26dd7;}
.e-textbox::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem rgba(34,34,34,.9);border-radius: .05rem; background: rgba(34,34,34,.9);}

@media(max-width: 750px){
    .e-item{width: 50%;}
    .e-item:nth-child(6n + 1){width:100%;}
    .e-item:nth-child(6n + 1) .e-textbox{padding: .15rem .3rem;}
    .e-item:nth-child(6n + 6){width:100%;}
     .e-item:nth-child(6n + 6) .e-textbox{padding: .15rem .3rem;}
}

.g-main{overflow: hidden;width: 100%;padding: 0 .3rem;background-color: #111111;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.g-cont{width: 100%;max-width: 16rem;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.g-left{width: calc(560/1600*100%);padding: .3rem 0;}
.g-textbox{width: 100%;margin-bottom: .7rem;color: #fff;line-height: 1.7;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.g-right{width:  calc(950/1600*100%);}
.g-wrap{width: 100%;height: 8.6rem;overflow: hidden;}
.g-inner{width: 100%;position: relative;}
.g-list{width: 100%;}
.g-item{width: 100%;padding: .05rem 0;}
.g-link{display: block;cursor: pointer;width: 100%;}
.g-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(507/950*100%);border-radius: .24rem;}
.g-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.g-link:hover .g-img img{transform: scale(1.05);}

@media(max-width: 750px){
    .g-left{width: 100%;padding: 1rem 0 .5rem;}
    .g-right{width: 100%;}
}

.i-main{width: 100%;padding: 1.3rem .3rem; background-color: #1e1e1e;}
.i-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.i-cont{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.i-left{width:  calc(610/1600*100%);}
.i-list{width: 100%;padding-bottom: .4rem;}
.i-item{display: flex;align-items: center;width: 100%;margin-bottom: .2rem;}
.i-icon{width: 1.44em;}
.i-icon img{max-width: 100%;max-height: 1.44em;}
.i-text{flex: 1;padding-left: .07rem;color: #ffffff;font-weight: bold;line-height: 1.5;}
.i-buttom{display: inline-block;cursor: pointer;color: #ffffff;padding: 0 .5rem;font-weight: bold;line-height: .72rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);border-radius: .36rem;}
.i-buttom img{height: 1em;margin-right: .12rem;}
.i-right{width:  calc(798/1600*100%);}
.i-link{display: block;cursor: pointer;width: 100%;position: relative;}
.i-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(517/798*100%);border-radius: .24rem;}
.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-img2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.i-img2 img{width: 2.71rem;}
.i-link:hover .i-img img{transform: scale(1.05);}

@media(max-width: 750px){
    .i-left{width: 100%;margin-bottom: .5rem;}
    .i-right{width: 100%;}
}

.j-main{width: 100%;padding: 1.2rem .3rem 1.3rem;background-color: #111111;}
.j-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.j-cont{width: calc(100% + .3rem);position: relative;left: -.15rem;padding-top: .2rem;}
.j-b{width: 100%;}
.j-item{width: 33.33%;height: auto;padding: 0 .15rem;}
.j-link{display: block;cursor: pointer;position: relative;width: 100%;height: 100%;min-height: 4.58rem;background-color: #222222;border-radius: .16rem .16rem 0 .16rem;}
.j-img{opacity: 0;transition: all .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;border-radius: .16rem;}
.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-img:after{content: '';opacity: .9;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.j-text{position: relative;z-index: 8;width: 100%;padding: .6rem;}
.j-name{width: 100%;margin-bottom: .25rem;color: #ffffff;line-height: 1.45;height: 4.35em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.j-intro{opacity: 0;transition: all .3s;width: 100%;color: rgba(255,255,255,.8);line-height: 1.8; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.j-arrowsbox{position: absolute;bottom: 0;right: 0;width: .85rem;height: .86rem;background-image: url('../images/a30.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.j-arrows{transition: all .3s;position: absolute;bottom: 0;right: 0;transform: rotate(0);width: .56rem;height: .56rem;text-align: center;line-height: .56rem;border-radius: 50%;background-color: rgba(249,249,249,.15);}
.j-arrows img{width: 21.4%;}
.j-link:hover .j-img{opacity: 1;}
.j-link:hover .j-intro{opacity: 1;}
.j-link:hover .j-arrowsbox{opacity: 0;}

.j-buttom{display: block;position: relative;width: 1.7rem;height: .46rem;}
.j-prev{left: 0;margin-top: -.23rem;width: .8rem;height: .46rem;border-radius: .23rem;background-color: transparent;background-size: 0 0;overflow: hidden;}
.j-prev:before{transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.1);}
.j-prev:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a16.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.j-prev:hover:before{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.j-next{right: 0;margin-top: -.23rem;width: .8rem;height: .46rem;border-radius: .23rem;background-color: transparent;background-size: 0 0;overflow: hidden;}
.j-next:before{transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.1);}
.j-next:after{transform: rotate(-180deg);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a16.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.j-next:hover:before{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}

@media(max-width: 750px){
    .j-item{width: 50%;}
    .j-text{padding: .3rem;}
    .j-intro{opacity: 1;-webkit-line-clamp: 4;}
    .j-img{opacity: 1;} 
    .j-arrowsbox{opacity: 0;}
}

.my-swiperbox{width: 100%;text-align: center;padding: .2rem .3rem .85rem; }
.my-swiper{display: inline-block;max-width: 100%;padding: .08rem;background-color: #222222;border-radius: .36rem;}
.my-b{width: 100%;}
.my-nav{display: block;cursor: pointer;width: auto;min-width: 1.6rem;padding: 0 .2rem;line-height: .56rem;color: rgba(255,255,255,.7);border-radius: .28rem;}
.my-nav:hover{color: #fff;}
.my-nav.active{color: #fff;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.my-top{width: 100%;text-align: center;padding-bottom: .3rem;}
.my-titles{width: 100%;color: #ffffff;line-height: 1.2;}
.my-intro{width: 100%;max-width: 47em;padding-top: .15rem;margin: 0 auto;line-height: 1.8;color: rgba(255,255,255,.7);}
.my-id{position: absolute;top: -.9rem;}

.nav{width: 100%;padding: .35rem .3rem;background-color: #111111;}
.nav-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.nav-inner:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.nav-right{float: right;font-size: 0;}
.nav-one{display: inline-block;vertical-align: middle;color: rgba(255,255,255,.5);line-height: 1.6;}
.nav-one:after{content: '>';margin: 0 .1rem;}
.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.6em;background-image: url('../images/a31-b.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .1rem .05rem;min-width: 3em;height: 3em;line-height: 3em;border-radius: 1.5em;color: #ffffff;}
.paging-item:hover{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.paging-item.active{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.paging-up{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: .1rem .05rem;min-width: 3em;height: 3em;border-radius: 1.5em;}
.paging-up:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a46.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.paging-next{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: .1rem .05rem;min-width: 3em;height: 3em;border-radius: 1.5em;}
.paging-next:after{transform: rotate(-180deg);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a46.png');background-size: .5em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}

.selectbox{width: 100%;position: relative;z-index: 8;}
.select-tip{width: 100%;display: block;cursor: pointer;position: relative;padding-left: .15rem; padding-right: .4rem;background-color: #292929;border-radius: .08rem;border: solid 1px #555555;}
.select-tip:after{content: "";position: absolute;right: .2rem;top: 0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a96.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.select-cur{display: block; width: 100%;height:.48rem;line-height:.48rem;color: #bbbbbb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.select-cur span{color: #c91623;}
.select-sub{visibility: hidden;z-index: -1;opacity: 0; position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff; box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);}
.select-cont{width: 100%; max-height: 2rem; overflow: auto;}
.select-item{display: block;cursor: pointer; width: 100%; line-height: 1.6;padding: .1rem .15rem .1rem .15rem;color: #666666;}
.select-item:hover{background-color: #a36dd7 !important;color: #fff;}
.select-item.select{background-color: #f5f5f5;}
.selectbox.show {z-index: 28;}
.selectbox.show .select-sub{visibility: visible;z-index: 98;opacity: 1;transition: all ease .5s;}
.selectbox.active .select-cur{color: #fff;}

@media(max-width: 750px){
    .select-cur{height: .6rem;line-height: .6rem;}
}


.k-main{width: 100%;padding: 0 .3rem .4rem;background-color: #111111;}
.k-main .my-top{padding-bottom: .25rem;}
.k-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.k-cont{width: 100%;}
.k-list{width: 100%;}
.k-item{display: block;padding: .5rem 0;position: relative;}
.k-imgbox{z-index: 1;position: absolute;top:  .12rem;right: 0;width: calc(642/1600*100%);height: calc(100% - 1rem);overflow: hidden;border-radius: .24rem;}
.k-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.k-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.k-text{display: inline-block;text-align: left;position: relative;padding: .85rem 1.6rem .85rem .9rem; width: calc(1024/1600*100%);background-color: rgba(34,34,34,.9);border-radius: .24rem;overflow: hidden;}
.k-tr{position: relative;z-index: 1;width: 100%;}
.k-td{width: 100%;margin-bottom:  .25rem;}
.k-td:last-child{margin-bottom: 0;}
.k-name{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.4;}
.k-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.k-textbox *{line-height: inherit;}
.k-textbox p{margin-bottom: .15rem;}
.k-textbox p:last-child{margin-bottom: 0;}
.k-icon{position: absolute;bottom: 0;right: 0;}
.k-icon img{max-width: 2.45rem;max-height: 100%;}
@media(min-width: 751px){
    .k-item:nth-child(2n){text-align: right;}
    .k-item:nth-child(2n) .k-imgbox{left: 0;right: auto;width: calc(734/1600*100%);}
    .k-item:nth-child(2n) .k-text{padding: .85rem .9rem .85rem 2.5rem;}
}
@media(max-width: 750px){
    .k-item{padding: .3rem 0;}
    .k-imgbox{position: relative;top: 0;width: 100%;padding-top: calc(625/642*100%);height: auto;border-radius: .16rem .16rem 0 0;}
    .k-text{width: 100%;padding: .3rem;border-radius:0 0 .16rem .16rem ;}
    .k-item:nth-child(2n) .k-imgbox{padding-top: calc(896/734*100%);}
}

.l-main{width: 100%;padding: 0 .3rem .7rem;background-color: #111111;}
.l-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.l-cont{width: 100%;}
.l-top{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: .9rem;}
.l-left{flex: 1;display: flex;align-items: center;padding: .15rem 1.1rem .15rem .9rem;border-radius:  .24rem 0 0 .24rem ; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.l-tr{position: relative;z-index: 1;width: 100%;}
.l-td{width: 100%;margin-bottom:  .25rem;}
.l-td:last-child{margin-bottom: 0;}
.l-name{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.4;}
.l-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.l-textbox *{line-height: inherit;}
.l-textbox p{margin-bottom: .15rem;}
.l-textbox p:last-child{margin-bottom: 0;} 
.l-right{width: 6.42rem;display: flex;align-items: center;}
.l-swiper{width: 100%;position: relative;}
.l-b{width: 100%;border-radius: 0 .24rem .24rem 0;}
.l-item{display: block;width: 100%;}
.l-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(618/642*100%);}
.l-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.l-buttom{position: absolute;bottom: 0;left: 0;z-index: 38;width: 100%;font-size: 0;padding: .35rem .3rem;}
.l-tip{display: inline-block;vertical-align: middle;}
.l-nub{display: inline-block;vertical-align: middle;color: #ffffff;line-height: 1.5;}
.l-line{display: inline-block;vertical-align: middle;margin: 0 .05rem;color: rgba(255,255,255,.5);line-height: 1.5;}
.l-line:after{content: '/';}
.l-sum{display: inline-block;vertical-align: middle;color: rgba(255,255,255,.5);line-height: 1.5;}
.l-prev{transition: all .3s;display: inline-block;vertical-align: middle;position: static;margin-top: 0;opacity: .5;width: 1.5em;height: 1.5em;background-image: url('../images/a33.png');background-size: .38em auto;background-position: center center;background-repeat: no-repeat;}
.l-prev:hover{opacity: 1;}
.l-next{transform: rotate(-180deg);transition: all .3s;display: inline-block;vertical-align: middle;position: static;margin-top: 0;opacity: .5;width: 1.5em;height: 1.5em;background-image: url('../images/a33.png');background-size: .38em auto;background-position: center center;background-repeat: no-repeat;}
.l-next:hover{opacity: 1;}

@media(max-width: 750px){
    .l-left{flex: none;width: 100%;padding: .3rem;border-radius:   .24rem .24rem 0 0;}
    .l-right{width: 100%;}
    .l-b{border-radius: 0 0  .24rem .24rem;}
}

.la-main{position: relative;width: 100%;}
.la-cont{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: .45rem;}
.la-item{display: block;cursor: pointer;width: 32.12%;margin-right: 1.82%;margin-bottom:  .3rem;}
.la-item:nth-child(3n){margin-right: 0;}
.la-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(290/514*100%);border-radius: .24rem;}
.la-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.la-text{width: 100%;padding-top: .3rem;}
.la-name{transition: all .3s;width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.4;}
.la-intro{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.la-item:hover .la-img img{transform: scale(1.05);}
.la-item:hover .la-name{color: #a36dd7;}

@media(max-width: 750px){
    .la-item{width: 100%;margin-right: 0;} 
}

.lb-cont{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: .8rem;}
.lb-left{display: flex;align-items: center;width: 6.42rem;}
.lb-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(418/642*100%);border-radius:  .24rem 0 0 .24rem;}
.lb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.lb-right{flex: 1;display: flex;align-items: center;padding: .15rem 1.85rem .15rem .9rem;border-radius: 0 .24rem .24rem 0; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.lb-tr{position: relative;z-index: 1;width: 100%;}
.lb-td{width: 100%;margin-bottom:  .25rem;}
.lb-td:last-child{margin-bottom: 0;}
.lb-name{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.4;}
.lb-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.lb-textbox *{line-height: inherit;}
.lb-textbox p{margin-bottom: .15rem;}
.lb-textbox p:last-child{margin-bottom: 0;} 

@media(max-width: 750px){  
    .lb-left{width: 100%;}
    .lb-img{border-radius:   .24rem .24rem 0 0;}
    .lb-right{width: 100%;border-radius: 0 0  .24rem .24rem;padding: .3rem;}
}

.lc-cont{width: 100%;position: relative;}
.lc-item{display: flex;align-items: center;width: 100%;padding: .25rem .6rem;margin-bottom: .2rem;min-height: 2.43rem;background-color: #292929;border-radius: .24rem;}
.lc-text{flex: 1;}
.lc-name{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.4;}
.lc-intro{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.lc-iconbox{margin-left: 1.2rem;}
.lc-icon{display: inline-block;width: 1.2rem;height: 1.2rem;border-radius: 50%;position: relative;background-color: #333333;}
.lc-icon:after{opacity: 0;transition: all .3s;content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: calc(100% - .2rem);height:calc(100% - .2rem);border-radius: 50%; background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.lc-icon img{width: 100%;height: 100%;object-fit: contain;position: relative;z-index: 1;}
.lc-item:hover .lc-icon:after{opacity: 1;}

@media(max-width: 750px){  
    .lc-item{min-height: 10px;flex-direction: column-reverse;padding: .3rem;}
    .lc-iconbox{margin-left: 0;width: 100%;text-align: center;margin-bottom: .15rem;}
    .lc-text{flex: none;width: 100%;}
    .lc-name{text-align: center;}
}

.m-main{width: 100%;padding:  0 .3rem .45rem;background-color: #111111;}
.m-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.m-top{width: 100%;min-height: 3.92rem;padding: .25rem 1.4rem;margin-bottom: .85rem;display: flex;align-items: center;justify-content: flex-end;border-radius: .24rem;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.m-text{width: 6.6rem;max-width: 100%;}
.m-top .m-name{width: 100%;margin-bottom: .15rem;color: #ffffff;line-height: 1.4;}
.m-top .m-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.m-top .m-textbox *{line-height: inherit;}
.m-top .m-textbox p{margin-bottom: .15rem;}
.m-top .m-textbox p:last-child{margin-bottom: 0;} 
.m-titles{width: 100%;margin-bottom: .3rem;color: #ffffff;line-height: 1.4;}
.m-center{width: 100%;padding-bottom: .7rem;}
.m-tr{width: 100%;font-size: 0;margin-bottom: .1rem;background-color: #222222;border-radius: .24rem;}
.m-th{display: inline-block;vertical-align: middle;padding:.26rem .3rem; color: #ffffff;line-height: 1.5;}
.m-th:nth-child(1){width: 17.5%;}
.m-th:nth-child(2){width: 41.56%;}
.m-th:nth-child(3){width: 40.94%;}
.m-list{width: 100%;}
.m-item{display: block;width: 100%;margin-bottom: .1rem;font-size: 0;min-height: 1.33rem;background-color: #222222;border-radius: .24rem;}
.m-td{display: inline-block;vertical-align: top;padding: .2rem .3rem;}
.m-td:nth-child(1){width: 17.5%;}
.m-td:nth-child(2){width: 41.56%;}
.m-td:nth-child(3){width: 40.94%;}
.m-intro{width: 100%;color: rgba(255,255,255,.7);line-height: 1.66;}

@media(max-width: 750px){  
    .m-top{padding: .25rem .3rem;}
    .m-text{width: 100%;} 
    .m-center{overflow: auto;}
    .m-tr{min-width: 14rem;}
    .m-list{min-width: 14rem;}
}

.m-bottom{width: 100%;}
.mb-item{display: block;padding: .5rem 0;position: relative;}
.mb-imgbox{z-index: 1;position: absolute;top:  .12rem;right: 0;width: calc(642/1600*100%);height: calc(100% - 1rem);overflow: hidden;border-radius: .24rem;}
.mb-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.mb-text{display: inline-block;text-align: left;position: relative;padding: .85rem 2.6rem .85rem .9rem; width: calc(1024/1600*100%);background-color: rgba(34,34,34,.9);border-radius: .24rem;overflow: hidden;}
.mb-tr{position: relative;z-index: 1;width: 100%;}
.mb-td{width: 100%;margin-bottom:  .25rem;}
.mb-td:last-child{margin-bottom: 0;}
.mb-name{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.4;}
.mb-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.mb-textbox *{line-height: inherit;}
.mb-textbox p{margin-bottom: .15rem;}
.mb-textbox p:last-child{margin-bottom: 0;}
@media(min-width: 751px){
    .mb-item:nth-child(2n){text-align: right;}
    .mb-item:nth-child(2n) .mb-imgbox{left: 0;right: auto;width: calc(734/1600*100%);}
    .mb-item:nth-child(2n) .mb-text{padding: .85rem .9rem .85rem 2.5rem;}
}
@media(max-width: 750px){
    .mb-item{padding: .3rem 0;}
    .mb-imgbox{position: relative;top: 0;width: 100%;padding-top: calc(625/642*100%);height: auto;border-radius: .16rem .16rem 0 0;}
    .mb-text{width: 100%;padding: .3rem;border-radius:0 0 .16rem .16rem ;}
    .mb-item:nth-child(2n) .mb-imgbox{padding-top: calc(896/734*100%);}
}

.n-main{width: 100%;padding: 0 .3rem .9rem;background-color: #111111;}
.n-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.n-cont{width: 100%;}
.n-top{width: 100%;padding-top: .5rem;}
.n-titles{width: 100%;text-align: center;padding-bottom: .3rem;color: #ffffff;line-height: 1.4;}
.n-list{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: .55rem;}
.n-item{display: block;width: 32%;margin-right: 2%;padding: .7rem .65rem .6rem;margin-bottom: .3rem;background-color: rgba(34,34,34,.9);border-radius: .24rem;}
.n-item:nth-child(3n){margin-right: 0;}
.n-icon{position: relative;transition: all .3s;top: 0;width: 100%;height: .45rem;line-height: .45rem;}
.n-icon img{max-width: .5rem;max-height: 100%;}
.n-text{width: 100%;padding-top: .3rem;}
.n-name{width: 100%;margin-bottom: .15rem;color: #ffffff;line-height: 1.4;}
.n-intro{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.n-item:hover .n-icon{top: -.1rem;}

@media(max-width: 750px){
   .n-item{width: 100%;margin-right: 0;padding: .3rem;}
}

.na-main{width: 100%;}
.na-titles{width: 100%;text-align: center;padding-bottom: .2rem;color: #ffffff;line-height: 1.4;}
.na-cont{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.na-left{width: calc(960/1600*100%);}
.na-one{display: block;width: 100%;margin-bottom: .2rem;}
.na-one:last-child{margin-bottom: 0;}
.na-namebox{width: 100%;margin-bottom: .1rem;display: flex;align-items: center;}
.na-nub{display: block;position: relative;margin-right: .1rem;min-width: 1.5em;height: 1.5em;line-height: 1.5em;text-align: center;}
.na-nub:after{opacity: .5; content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.na-nub span{position: relative;z-index: 1;display: block;width: 100%;color: #ffffff;}
.na-name{flex: 1;color: #ffffff;line-height: 1.5;}
.na-intro{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;} 
.na-right{width: calc(560/1600*100%);}
.na-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(310/560*100%);border-radius: .24rem;}
.na-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

@media(max-width: 750px){
   .na-left{width: 100%;margin-bottom: .3rem;}
   .na-right{width: 100%;}
}

.o-main{width: 100%;padding:  0 .3rem .9rem;background-color: #111111;}
.o-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.o-list{width: 100%;position: relative;}
.o-list:before{content: '';position: absolute;top: .5em;left: .08rem;width: 1px;height: 100%;border-left: 1px dashed  rgba(255,255,255,.16);}
.o-item{width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap;margin-bottom: .3rem;}
.o-item:last-child{margin-bottom: 0;}
.o-lt{min-width: 2rem;}
.o-chapter{position: relative;width: 100%;padding-left: .3rem;color: #ffffff;line-height: 1;}
.o-chapter:before{content: '';position: absolute;top: .5em;left: 0;margin-top: -.08rem;width: .16rem;height: .16rem;border-radius: 50%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.o-rt{flex: 1;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse; min-height: 4rem;padding: .3rem .5rem;background-color: #222222;border-radius: .24rem;}
.o-imgbox{width: 3rem;}
.o-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/300*100%);border-radius: .24rem;}
.o-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.o-text{width: calc(100% - 3.6rem);}
.o-name{width: 100%;margin-bottom: .15rem;color: #ffffff;line-height: 1.4;}
.o-intro{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.o-intro *{line-height: inherit;}
.o-intro p{margin-bottom: .15rem;}
.o-intro p:last-child{margin-bottom: 0;} 

@media(max-width: 750px){
    .o-lt{width: 100%;margin-bottom: .2rem;}
    .o-rt{display: block;padding: .3rem; flex: none;margin-left: .3rem;width: calc(100% - .3rem);}
    .o-imgbox{margin-bottom: .25rem;}
    .o-text{width: 100%;}
}

.p-main{width: 100%;padding: 0 .3rem .9rem;background-color: #111111;}
.p-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.p-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.p-left{width: 2.89rem;background-color: #222222;border-radius: .24rem;}
.p-personage{width: 100%;padding: .22rem .3rem;display: flex;align-items: center;justify-content: space-between;background-color: #303030;border-radius: .24rem .24rem 0 0;}
.p-img{display: block;width: .46rem;height: .46rem;border-radius: 50%;overflow: hidden;background-color:  rgba(255,255,255,.15);}
.p-img img{width: 100%;height: 100%;object-fit: contain;}
.p-text{width: calc(100% - .56rem);}
.p-name{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.5;}
.p-bottom{width: 100%;padding: .25rem .3rem .3rem;}
.p-navbox{width: 100%;padding-bottom: 2.1rem;}
.p-nav{display: flex;align-items: center;position: relative;cursor: pointer; width: 100%;padding: .17rem 1em .17rem 0;border-bottom: 1px solid rgba(245,245,245,.1);}
.p-nav:after{transition: all .3s;opacity: 0;content: '';position: absolute;top: 0;right: 0;width: .33em;height: 100%;background-image: url('../images/c10.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.p-icon{transition: all .3s;opacity: .5;width: 1.05em;}
.p-icon img{width: 100%;}
.p-column{transition: all .3s;flex: 1;padding-left: .1rem;color: rgba(255,255,255,.5);}
.p-nav:hover:after{opacity: 1;}
.p-nav:hover .p-icon{opacity: 1;}
.p-nav:hover .p-column{color: #fff;}
.p-nav.active:after{opacity: 1;}
.p-nav.active .p-icon{opacity: 1;}
.p-nav.active .p-column{color: #fff;} 
.p-quit{transition: all .3s;display: block;cursor: pointer;width: 100%;text-align: center;line-height: .56rem;border-radius: .28rem;color: rgba(255,255,255,.5);background-color: rgba(48,48,48,.5);}
.p-quit:hover{color: #fff;}
.p-right{width: calc(100% - 3.28rem);background-color: #222222;border-radius: .24rem;}

@media(max-width: 750px){
    .p-left{width: 100%;margin-bottom: .3rem;}
    .p-navbox{padding-bottom: .8rem;}
    .p-right{width: 100%;}
}

.pa-cont{width: 100%;padding: .25rem .5rem .8rem;}
.pa-top{width: 100%;padding: .2rem 0;margin-bottom: .55rem;border-bottom: 1px solid rgba(255,255,255,.1);}
.pa-titles{width: 100%;padding-left: .1rem;position: relative;color: #ffffff;line-height: 1.5;}
.pa-titles:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .04rem;height: 1em;background-color: #9c6bd7;border-radius: .02rem;}
.pa-bottom{width: 100%;}
.pa-one{width: 100%;padding-bottom: .35rem;margin-bottom: .45rem;border-bottom: 1px solid rgba(255,255,255,.1);}
.pa-one{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.pa-subtitle{width: 100%;margin-bottom: .25rem;color: #ffffff;font-weight: bold;line-height: 1.6;}
.pa-three{width: 100%;display: flex;flex-wrap: wrap;}
.pa-item{display: block;width: 100%;margin-bottom: .15rem;}
.pa-tip{width: 100%;margin-bottom: .05rem;color: #ffffff;line-height: 1.6;}
.pa-tip span{color: #c91623;}
.pa-b{width: 100%;position: relative;}
.pa-input{display: block;width: 100%;padding: 0 .15rem;color: #fff;height: .48rem;background-color: #292929;border-radius: .08rem;border: solid 1px #555555;}
.pa-buttom{width: 100%;text-align: center;padding-top: .15rem;}
.pa-submit{display: inline-block;cursor: pointer;border: none;padding: 0 .46rem;height: .56rem;line-height: .56rem;color: #ffffff;border-radius: .08rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.pa-submit:hover{background-image:none;}

@media(min-width: 751px){
    .pa-three .pa-item{width: 31.62%;margin-right: 2.57%;}
    .pa-three .pa-item:nth-child(3n){margin-right: 0;}
}
@media(max-width: 750px){
    .pa-cont{padding: .25rem .3rem .5rem;}
    .pa-input{height: .6rem;}
    .pa-submit{height: .6rem;line-height: .6rem;}
}

.pb-main{width: 100%;padding:  0 .3rem .8rem;background-color: #111111;}
.pb-inner{width: 100%;max-width: 16rem;margin: 0 auto;} 
.pb-titles{width: 100%;margin-bottom: .25rem;padding-left: .1rem;position: relative;color: #ffffff;line-height: 1.5;}
.pb-titles:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .04rem;height: 1em;background-color: #9c6bd7;border-radius: .02rem;}
.pb-cont{width: 100%;padding-bottom: .1rem;}
.pb-tr{width: 100%;margin-bottom: .2rem;display: flex;font-size: 0;background-color: #303030;border-radius: .24rem;}
.pb-th{display: flex;align-items: center;justify-content: center;width: 22.25%;padding:.22rem .05rem;text-align: center;color: rgba(255,255,255,.7);line-height: 1.6;}
.pb-th:nth-child(1){flex: 1;justify-content: flex-start;text-align: left;padding-left: .5rem;} 
.pb-list{width: 100%;}
.pb-item{width: 100%;margin-bottom: .2rem;background-color: #222222;border-radius: .24rem;}
.pb-tipbox{width: 100%;padding: .07rem .05rem .07rem .3rem;font-size: 0;border-bottom: 1px solid #303030;}
.pb-tip{display: inline-block;vertical-align: middle;padding: .05rem .25rem .05rem 0;color: rgba(255,255,255,.5);line-height: 1.6;}
.pb-tip span{margin-left: .1rem;color: #ffffff;}
.pb-goods{width: 100%;display: flex;font-size: 0;}
.pb-td{display: flex;flex-wrap: wrap;align-content: center;align-items: center;justify-content: center;width: 22.25%;border-right: 1px solid #303030;text-align: center;color: rgba(255,255,255,.7);line-height: 1.6;}
.pb-td:nth-child(1){flex: 1;justify-content: flex-start;text-align: left;} 
.pb-td:last-child{border-right:none;}

.pb-status{width: 100%;color: rgba(255,255,255,.7);line-height: 1.6;}
.pb-pricebox{width: 100%;display: flex;align-items: center;border-bottom: 1px solid #303030;}
.pb-pricebox:last-child{border-bottom:none;}
.pb-price{width: 100%;color: #ffffff;line-height: 1.6;text-align: center;}
.pb-buttombox{display: block;max-width: 100%;text-align: left;}
.pb-buttom{display: block;cursor: pointer;padding: .05rem 0;width: 100%;color: #977cff;line-height: 1.44;}

.pb-link{display: flex;align-items: center;width: 100%;padding: .3rem;border-bottom: 1px solid #303030;}
.pb-link:last-child{border-bottom:none;}
.pb-img{width: 1.16rem;height: 1.55rem;background-color: #666666;border-radius: .24rem;overflow: hidden;}
.pb-img img{width: 100%;height: 100%;object-fit: cover;}
.pb-textbox{flex: 1;padding: 0 .15rem 0 .3rem;color: rgba(255,255,255,.7);line-height: 1.6;}
.pb-textbox *{line-height: inherit;}
.pb-textbox p{width: 100%;padding: .025rem 0;} 
.pb-nub{min-width: .65rem;color: rgba(255,255,255,.7);line-height: 1.6;}

@media(max-width: 750px){
    .pb-cont{overflow: auto;}
    .pb-tr{min-width: 18rem;}
    .pb-list{min-width: 18rem;}
    .pb-link{padding: .15rem .3rem;}
    .pb-textbox{line-height: 1.3;}
}

.pd-main{width: 100%;padding:  0 .3rem .9rem;background-color: #111111;}
.pd-inner{width: 100%;max-width: 16rem;margin: 0 auto;} 
.pd-top{width: 100%;margin-bottom: .25rem;display: flex;align-items: center;justify-content: space-between;}
.pd-titles{padding-left: .1rem;position: relative;color: #ffffff;line-height: 1.5;}
.pd-titles:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .04rem;height: 1em;background-color: #9c6bd7;border-radius: .02rem;}
.pd-back{transition: all .3s;opacity: .5;display: block;cursor: pointer;color: #ffffff;line-height: 1.6;}
.pd-back img{margin-left: .05rem;height: .81em;}
.pd-back:hover{opacity: 1;}
.pd-cont{width: 100%;padding:.55rem .5rem .6rem;background-color: #222222;border-radius: .24rem;}
.pd-tipbox{width: 100%;font-size: 0;padding-bottom: .1rem;}
.pd-tip{display: inline-block;vertical-align: middle;margin: 0 .3rem .15rem 0;color: #ffffff;line-height: 1.5;}
.pd-list{width: 100%;}
.pd-item{display: block;position: relative;width: 100%;padding-bottom: .35rem;padding-left: .4rem;}
.pd-item:before{content: '';position: absolute;top: .8em;left: .1rem;width: .02rem;height: 100%;background-color: #333333;}
.pd-item:after{content: '';position: absolute;top: .8em;left: 0;margin-top: -.15rem;width: .2rem;height: .3rem;background-image: url('../images/c12.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.pd-time{position: relative;width: 100%;margin-bottom: .1rem;color: rgba(255,255,255,.5);line-height: 1.6;}
.pd-textbox{width: 100%;color: rgba(255,255,255,.5);line-height: 1.6;}
.pd-textbox *{line-height: inherit;}

.pd-item:last-child{padding-bottom: 0;}
.pd-item:last-child:before{display: none;}
.pd-item.active:after{background-image: url('../images/c12-b.png');background-size: 100% auto;}
.pd-item.active .pd-textbox{color: #fff;}

@media(max-width: 750px){
    .pd-cont{padding: .5rem .3rem;}
}


.pe-main{width: 100%;padding:  0 .3rem .9rem;background-color: #111111;}
.pe-inner{width: 100%;max-width: 16rem;margin: 0 auto;} 
.pe-titles{width: 100%;margin-bottom: .25rem;padding-left: .1rem;position: relative;color: #ffffff;line-height: 1.5;}
.pe-titles:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .04rem;height: 1em;background-color: #9c6bd7;border-radius: .02rem;}
.pe-cont{width: 100%;padding-bottom: .6rem;} 
.pe-tr{width: 100%;display: flex;font-size: 0;background-color: #303030;border-radius: .24rem .24rem  0 0;}
.pe-th{display: flex;align-items: center;justify-content: center;width: 22.25%;padding:.22rem .05rem;text-align: center;color: rgba(255,255,255,.7);line-height: 1.6;}
.pe-th:nth-child(1){flex: 1;justify-content: flex-start;text-align: left;padding-left: .5rem;} 

.pe-list{width: 100%;background-color: #222222;border-radius:0 0 .24rem  .24rem;}
.pe-item{width: 100%;}
.pe-tipbox{width: 100%;padding: .07rem .05rem .07rem .3rem;font-size: 0;border-bottom: 1px solid #303030;}
.pe-tip{display: inline-block;vertical-align: middle;padding: .05rem .25rem .05rem 0;color: rgba(255,255,255,.5);line-height: 1.6;}
.pe-tip span{margin-left: .1rem;color: #ffffff;}
.pe-goods{width: 100%;display: flex;font-size: 0;}
.pe-td{display: flex;flex-wrap: wrap;align-content: center;align-items: center;justify-content: center;width: 22.25%;border-right: 1px solid #303030;text-align: center;color: rgba(255,255,255,.7);line-height: 1.6;}
.pe-td:nth-child(1){flex: 1;justify-content: flex-start;text-align: left;} 
.pe-td:last-child{border-right:none;}

.pe-status{width: 100%;color: rgba(255,255,255,.7);line-height: 1.6;}
.pe-pricebox{width: 100%;display: flex;align-items: center;border-bottom: 1px solid #303030;}
.pe-pricebox:last-child{border-bottom:none;}
.pe-price{width: 100%;color: #ffffff;line-height: 1.6;text-align: center;} 

.pe-link{display: flex;align-items: center;width: 100%;padding: .3rem;border-bottom: 1px solid #303030;}
.pe-link:last-child{border-bottom:none;}
.pe-img{width: 1.16rem;height: 1.55rem;background-color: #666666;border-radius: .24rem;overflow: hidden;}
.pe-img img{width: 100%;height: 100%;object-fit: cover;}
.pe-two{flex: 1;padding-left: .3rem;}
.pe-textbox{display: flex;flex-wrap: wrap;padding-right: .25rem;color: rgba(255,255,255,.7);line-height: 1.6;}
.pe-textbox *{line-height: inherit;}
.pe-textbox p{width: 50%;padding: .025rem .25rem .025rem 0;} 
.pe-nub{min-width: 1.5rem;color: rgba(255,255,255,.7);line-height: 1.6;}

.pea-cont{width: 100%;padding: .4rem .3rem .25rem;background-color: #222222;border-radius: .24rem;}
.pea-item{display: flex;align-items: flex-start;width: 100%;margin-bottom: .15rem;}
.pea-tip{min-width: 11em;padding-right: 1em;color: rgba(255,255,255,.7);line-height: 1.6;}
.pea-intro{flex: 1;color: #ffffff;line-height: 1.6;}
@media(max-width: 750px){
    .pe-cont{overflow: auto;}
    .pe-tr{min-width: 18rem;}
    .pe-list{min-width: 18rem;}
    .pe-link{padding: .15rem .3rem;}
    .pe-textbox{line-height: 1.3;}
    .pe-nub{min-width: .8rem;}
}

.q-main{width: 100%;padding: 0 .3rem .8rem;background-color: #111111;}
.q-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.q-list{width: 100%;padding-bottom: .6rem;}
.q-item{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;flex-direction: row-reverse;cursor: pointer;margin-bottom: .2rem; width: 100%;min-height: 3rem;padding: .3rem .4rem .3rem .7rem;background-color: #222222;border-radius: .24rem;}
.q-imgbox{width: 4rem;}
.q-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(225/400*100%);border-radius: .24rem;}
.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-text{width: calc(100% -  5.2rem);}
.q-time{width: 100%;margin-bottom: .07rem;color: rgba(255,255,255,.5);line-height: 1.7;}
.q-time img{margin-right: .05rem;height: 1em;}
.q-name{transition: all .3s;width: 100%;margin-bottom: .15rem;color: #ffffff;line-height: 1.4;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.q-intro{width: 100%;margin-bottom: .25rem;color: rgba(255,255,255,.7);line-height: 1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.q-arrows{transition: all .3s;display: block;width: .4rem;height: .4rem;text-align: center;line-height: .4rem;border-radius: 50%;background-color: rgba(249,249,249,.15);}
.q-arrows img{width: 25%;}
.q-item:hover .q-img img{transform: scale(1.05);}
.q-item:hover .q-arrows{transform: rotate(45deg);background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.q-item:hover .q-name{color: #a36dd7;}

@media(max-width: 750px){
    .q-item{padding: .3rem;}
    .q-imgbox{width: 100%;margin-bottom: .3rem;}
    .q-text{width: 100%;padding: 0;}
}

.r-main{width: 100%;padding: 0 .3rem 1rem;background-color: #111111;}
.r-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.r-cont{width: 100%;padding: 1rem 2rem .9rem; background-color: #1d1d1d;border-radius: .24rem;}
.r-top{width: 100%;text-align: center;padding-bottom: .1rem;margin-bottom: .5rem;border-bottom: 1px solid rgba(255,255,255,.1);}
.r-titles{width: 100%;margin-bottom: .25rem;color: #ffffff;line-height: 1.3;}
.r-tipbox{width: 100%;font-size: 0;}
.r-tip{display: inline-block;vertical-align: middle;margin: 0 .15rem .05rem;color: rgba(255,255,255,.7);line-height: 1.6;}
.r-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.r-textbox *{line-height: inherit;max-width: 100%;}
.r-bottom{width: 100%;display: flex;flex-wrap: wrap; align-items: center;margin-top: .5rem;padding-top: .4rem;border-top: 1px solid rgba(255,255,255,.1);}
.r-lt{flex: 1;}
.r-link{cursor: pointer;margin: .15rem 0;width: 100%;color: #ffffff;line-height: 1.6;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.r-link:hover{color: #a36dd7;}
.r-rt{font-size: 0;padding-left: .5rem;}
.r-back{display: inline-block;cursor: pointer;color: #ffffff;line-height: 1.6;}
.r-arrows{display: inline-block;vertical-align: middle;margin-left: .1rem;width: .4rem;height: .4rem;text-align: center;line-height: .4rem;border-radius: 50%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.r-arrows img{width: .17rem;}
.r-back:hover{color: #a36dd7;}

@media(max-width: 750px){
    .r-cont{padding: .8rem .3rem;}
    .r-lt{flex: none;width: 100%;}
    .r-rt{padding-left: 0;width: 100%;text-align: center;}
}

.s-main{width: 100%;padding: .2rem .3rem .65rem;background-color: #111111;}
.s-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.s-top{width: 100%;text-align: center;padding-bottom: .6rem;margin-bottom: .5rem;border-bottom: 1px solid rgba(255,255,255,.2);}
.s-titles{width: 100%;color: #ffffff;line-height: 1.2;}
.s-intro{width: 100%;padding-top: .05rem;color: rgba(255,255,255,.7);line-height: 1.8;}
.s-intro *{line-height: inherit;}
.s-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.s-left{width: 4rem;}
.s-navbox{position: sticky;top: 1rem;width: 100%;padding: .2rem;background-color: rgba(34,34,34,.9);border-radius: .24rem;}
.s-nav{display: block;cursor: pointer;position: relative;padding: .15rem calc(.3rem + 1em) .15rem .2rem;margin-bottom: 1px; color: rgba(255,255,255,.7);line-height: 1.5;border-radius: .16rem;}
.s-nav:after{opacity: 0;transition: all .3s; content: '';position: absolute;top: 0;right: .24rem;width: 1em;height: 100%;background-image: url('../images/a49.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.s-nav:hover{color: #fff;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.s-nav:hover:after{opacity: 1;}
.s-nav.active{color: #fff;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.s-nav.active:after{opacity: 1;}  
.s-right{width: calc(100% - 4.75rem);}
.s-cont{width: 100%;}
.s-one{width: 100%;margin-bottom: .45rem;}
.s-namebox{display: flex;align-items: flex-start;}
.s-icon{width: 1.4em;height: 1.4em;line-height: 1.4em;}
.s-icon img{max-width: 1.25em;max-height: 1.25em;} 
.s-name{flex: 1;margin-bottom: .15rem;color: #ffffff;line-height: 1.4;font-weight: bold;}
.s-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.s-textbox *{line-height: inherit;}
.s-textbox p{margin-bottom: .15rem;}
.s-textbox p:last-child{margin-bottom: 0;} 
.s-textbox table{width: 100%;margin-bottom: .2rem;border: none;background-color: #222222;border-radius: .24rem;overflow: hidden;}
.s-textbox tr{width: 100%;border: none;border-bottom: solid 1px #383838;}
.s-textbox td{border: none;border-right: solid 1px #383838;padding: .1rem .4rem;color: rgba(255,255,255,.7);line-height: 1.8;}
.s-textbox tr:nth-child(1){background-color: #333333;}
.s-textbox tr:nth-child(1) td{color: #ffffff;font-weight: bold;}

@media(min-width: 751px){
    .s-navbox{max-height: calc(100vh - 1.2rem);overflow: auto;}
}
@media(max-width: 750px){
    .s-left{width: 100%;margin-bottom: .3rem;}
    .s-right{width: 100%;}
}
 
.t-main{width: 100%;padding: .2rem .3rem .1rem;background-color: #111111;}
.t-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.t-cont{width: 100%;}
.t-one{width: 100%;margin-bottom: .75rem;}
.t-titles{width: 100%;padding-bottom: .35rem;color: #ffffff;line-height: 1.3;}
.t-list{width: 100%;}
.t-item{width: 100%;margin-bottom: .1rem;background-color: #222222;border-radius: .24rem;}
.t-buttom{display: flex;align-items: center;cursor: pointer;width: 100%;position: relative;padding: .1rem .6rem .1rem .1rem;border-radius: .24rem .24rem 0 0;}
.t-buttom:after{transition: all .3s;transform: rotate(0);content: '';position: absolute;top: 0;right: .36rem;width:  .14rem;height: 100%; background-image: url('../images/a96.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.t-letter{min-width: .52rem;text-align: center;color: #ffffff;line-height: .52rem;border-radius: .16rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.t-name{flex: 1;padding-left: .3rem;color: #ffffff;line-height: 1.5;}
.t-sub{display: none;width: 100%;}
.t-box{display: flex;width: 100%;}
.t-lt{border-right: 1px solid #383838;}
.t-letter2{padding-left: .1rem;min-width: .62rem;text-align: center;color: #ffffff;line-height: .62rem;border-bottom: 1px solid #383838;}
.t-rt{flex: 1;padding: .25rem .3rem .4rem;}
.t-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.t-textbox *{line-height: inherit;}
.t-item.show .t-buttom{background-color: #333333;}
.t-item.show .t-buttom:after{transform: rotate(-180deg);}

.u-main{width: 100%;padding: .95rem .3rem .9rem;background-color: #111111;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.u-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.u-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.u-left{width: calc(50% - .2rem);}
.u-right{width: calc(50% - .2rem);}
.u-item{display: block;position: relative;width: 100%;margin-bottom: .12rem;border-radius: .08rem;background-color: rgba(255,255,255,.0625);border: solid 1px rgba(255,255,255,.25);}
.u-input{display: block;border: none;background-color: transparent;width: 100%;height: .56rem;color: #fff;padding: 0 .24rem;}
.u-code{z-index: 8;position: absolute;top: 0;right: 0;width: 1.35rem;height: 100%;background-color: #d5d5d5;border-radius: 0px .08rem .08rem 0px;overflow: hidden;}
.u-code img{display: block;cursor: pointer;width: 100%;height: 100%;object-fit: contain;}
.u-textareabox{width: 100%;height: calc(100% - .12rem);margin-bottom: .12rem;border-radius: .08rem;background-color: rgba(255,255,255,.0625);border: solid 1px rgba(255,255,255,.25);}
.u-textarea{display: block;border: none;background-color: transparent;width: 100%;height: 100%;color: #fff;padding: .15rem .24rem;line-height: 1.5;}
.u-buttom{width: 100%;text-align: center;padding-top: .2rem;}
.u-submit{display: inline-block;border: none;cursor: pointer;padding: 0 .83rem;color: #ffffff;line-height: .56rem;height: .56rem;border-radius: .28rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.u-submit:hover{background-image:none;}

.u-main input::-webkit-input-placeholder,
.u-main textarea::-webkit-input-placeholder{color: #fff;}
.u-main input:-moz-placeholder,
.u-main textarea:-moz-placeholder{color: #fff;}
.u-main input::-moz-placeholder,
.u-main textarea::-moz-placeholder{color: #fff;}
.u-main input:-ms-input-placeholder,
.u-main textarea:-ms-input-placeholder{color: #fff;}

@media(max-width: 750px){
    .u-left{width: 100%;}
    .u-input{height: .6rem;}
    .u-right{width: 100%;}
    .u-textareabox{height: 2.6rem;}
    .u-submit{height: .6rem;line-height: .6rem;border-radius: .3rem;}
}

.v-main{width: 100%;background-color: #111111;} 
.v-main .nav{padding: .35rem 0; background-color: transparent;}
.v-cont{width: 100%;display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.v-left{flex: 1;padding: 1.05rem .8rem .85rem 1.6rem;}
.v-titles{width: 100%;margin-bottom: .45rem;color: #ffffff;line-height: 1.2;}
.v-box{width: 100%;}
.v-item{width: 100%;position: relative;margin-bottom: .12rem;background-color: #222222;border-radius: .08rem;border: solid 1px #444444;}
.v-input{display: block;border: none;background-color: transparent;width: 100%;height: .56rem;color: #fff;padding: 0 .24rem;}
.v-code{z-index: 8;position: absolute;top: 0;right: 0;width: 1.35rem;height: 100%;background-color: #d5d5d5;border-radius: 0px .08rem .08rem 0px;overflow: hidden;}
.v-code img{display: block;cursor: pointer;width: 100%;height: 100%;object-fit: contain;}
.v-textarea{display: block;border: none;background-color: transparent;width: 100%;height: 2.25rem;color: #fff;padding: .15rem .24rem;line-height: 1.5;}
.v-buttom{width: 100%;padding-top: .17rem;}
.v-submit{display: inline-block;border: none;cursor: pointer;padding: 0 .83rem;color: #ffffff;line-height: .56rem;height: .56rem;border-radius: .28rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.v-submit:hover{background-image:none;} 
.v-right{width: 6.4rem;padding: 0 1.6rem 1rem .8rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}

.va-cont{width: 100%;padding-top: 1.4rem;}
.va-list{width: 100%;}
.va-item{display: flex;align-items: center;width: 100%;margin-bottom: .2rem;}
.va-icon{display: block;width: .5rem;height: .5rem;border-radius: 50%;background-color: rgba(245,245,245,.14);}
.va-icon img{width: 100%;height: 100%;object-fit: contain;}
.va-text{flex: 1;padding-left: .15rem;color: #ffffff;line-height: 1.5;font-weight: bold;}
.va-textbox{width: 100%;margin-bottom: .35rem; color: #ffffff;line-height: 1.75;}
.va-textbox *{line-height: inherit;}
.va-sharebox{width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.va-share{display: block;cursor: pointer;margin-right: .23rem;margin-bottom: .2rem;}
.va-share img{height: 1.33em;}
.va-share:last-child{margin-right: 0;}

@media(max-width: 750px){
    .v-left{flex: none;width: 100%;padding: .8rem .3rem;}
    .v-input{height: .6rem;} 
    .v-submit{height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .v-right{flex: none;width: 100%;padding:  0 .3rem .8rem;min-height: 10rem;} 
}


.w-main{width: 100%;padding:.9rem .3rem;background-color: #111111;}
.w-inner{width: 5.92rem;min-width: 350px; margin: 0 auto;}
.w-form{width: 100%;}
.w-cont{width: 100%;background-color: #222222;border-radius: .24rem;}
.w-navbox{width: 100%;display: flex;flex-wrap: wrap;border-radius: .24rem .24rem 0 0;overflow: hidden;}
.w-nav{flex: 1;position: relative;display: block;cursor: pointer;}
.w-nav span{display: block;width: 100%;text-align: center;line-height: .8rem;color: #ffffff;}
.w-nav.active{background-color: #a16dd7;}
.w-nav:nth-child(1).active:after{content: '';position: absolute;top: 0;right: -.5rem;width: .8rem;height: 100%;background-image: url('../images/b62.jpg');background-size: 100% 100%;background-position: top center;background-repeat: no-repeat;}
.w-nav:nth-child(2).active:after{content: '';position: absolute;top: 0;left: -.5rem;width: .8rem;height: 100%;background-image: url('../images/b62-b.jpg');background-size: 100% 100%;background-position: top center;background-repeat: no-repeat;}
.w-bottom{width: 100%;padding: .5rem .5rem .35rem;} 
.w-item{width: 100%;position: relative;margin-bottom: .15rem;background-color:  rgba(255,255,255,.04);border-radius: .08rem;border: solid 1px  rgba(255,255,255,.2);}
.w-icon{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .45rem;padding-right: .1rem;text-align: right;}
.w-icon img{max-width: .18rem;max-height: .18rem;}
.w-input{position: relative;z-index: 1;display: block;border: none;background-color: transparent;width: 100%;height: .56rem;color: #fff;padding: 0 .24rem 0 .45rem;}
.w-code{z-index: 8;position: absolute;top: 0;right: 0;width: 1.35rem;height: 100%;background-color: #d5d5d5;border-radius: 0px .08rem .08rem 0px;overflow: hidden;}
.w-code img{display: block;cursor: pointer;width: 100%;height: 100%;object-fit: contain;}
.w-buttom{width: 100%;}
.w-submit{display: block;border: none;cursor: pointer;width: 100%;color: #ffffff;line-height: .56rem;height: .56rem;border-radius: .08rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.w-submit:hover{background-image:none;} 
.w-forgot{transition: all .3s;display: block;cursor: pointer;width: 100%;margin-top: .15rem;color: rgba(255,255,255,.7);line-height: 1.7;}
.w-forgot:hover{color: #fff;}
.w-google{transition: all .3s;display: block;cursor: pointer;width: 100%;text-align: center;margin-top: .2rem;color: rgba(255,255,255,.7);line-height: 1.7;}
.w-google:hover{color: #fff;}
.w-google img{margin-right: .07rem;height: 1.2em;}

.w-getcode{position: absolute;top:  50%;right: .06rem;transform: translate(0,-50%);z-index: 8;display: block;cursor: pointer;color: rgba(255,255,255,.7);min-width: 1.28rem;padding: 0 .1rem;text-align: center;white-space: nowrap;line-height: .44rem;background-color: rgba(255,255,255,.1);border-radius: .04rem;}
.w-getcode:hover{color: #fff;}
.w-getcode.gray{cursor: no-drop;color: rgba(255,255,255,.5);}
.w-agree{width: 100%;margin-top: .15rem;}
.w-agree .lb-label{position: relative;display: block;cursor: pointer;width: 100%;}
.w-agree .lb-icon{position: absolute;top: .3em;left: 0;width: 1.14em;height: 1.14em;background-color: rgba(255,255,255,.1);border-radius: .04rem;border: solid 1px rgba(255,255,255,.2); background-size: contain;background-position: center center;background-repeat: no-repeat;}
.w-agree .lb-text{width: 100%;padding-left:  1.7em;color: rgba(255,255,255,.7);line-height: 1.7;}
.w-agree .lb-label.selected .lb-icon{background-image: url('../images/c5.png');}
.w-agree .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}
.w-agree .lb-text a{position: relative;z-index: 18;}
.w-agree .lb-text a:hover{color: #a36dd7;}
@media(max-width: 750px){
    .w-inner{width: 100%;min-width: 100%;}
    .w-bottom{padding: .5rem .3rem;}
    .w-input{height: .6rem;} 
    .w-submit{height: .6rem;line-height: .6rem; }
}

.x-main{width: 100%;padding:.9rem .3rem;background-color: #111111;}
.x-inner{width: 5.92rem;min-width: 450px; margin: 0 auto;}
.x-form{width: 100%;}
.x-cont{width: 100%;padding: .35rem .5rem .6rem;background-color: #222222;border-radius: .24rem;}
.x-top{width: 100%;}
.x-titles{width: 100%;margin-bottom: .3rem;color: #ffffff;line-height: 1.4;text-align: center;}
.x-navbox{display: flex;width: 100%;margin-bottom: .3rem;font-size: 0;}
.x-nav{display: block;position: relative;background-color: #636363;}
.x-text{position: relative;z-index: 1;display: flex;align-items: center;padding: .05rem;width: 100%;height: 100%;min-height: 2.18em;}
.x-text:before{content: '';position: absolute;top: 0;left: 0;width: .15rem;height: 100%;background-image: url('../images/b63.jpg');background-size: 100% 100%;background-position: top left;background-repeat: no-repeat;}
.x-text:after{content: '';position: absolute;top: 0;right: 0;width: .15rem;height: 100%;background-image: url('../images/b63-b.jpg');background-size: 100% 100%;background-position: top right;background-repeat: no-repeat;}
.x-text span{position: relative;z-index: 1;width: 100%;text-align: center;color: #ffffff;line-height: 1.3;}
.x-nav:nth-child(1){width: 33.19%;}
.x-nav:nth-child(2){flex: 1;}
.x-nav:nth-child(3){width: 25.91%;}
.x-nav.active:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: calc(100% - .13rem);height: calc(100% + .08rem);background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.x-nav.active .x-text:before{top: 50%;transform: translate(0,-50%);height: calc(100% + .08rem);background-image: url('../images/b64.jpg');}
.x-nav.active .x-text:after{top: 50%;transform: translate(0,-50%);height: calc(100% + .08rem);background-image: url('../images/b64-b.jpg');}

.x-bottom{width: 100%;} 
.x-one{display: none;width: 100%;}
.x-one.show{display: block;}
.x-item{width: 100%;position: relative;margin-bottom: .15rem;background-color:  rgba(255,255,255,.04);border-radius: .08rem;border: solid 1px  rgba(255,255,255,.2);}
.x-icon{position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .45rem;padding-right: .1rem;text-align: right;}
.x-icon img{max-width: .18rem;max-height: .18rem;}
.x-input{position: relative;z-index: 1;display: block;border: none;background-color: transparent;width: 100%;height: .56rem;color: #fff;padding: 0 .24rem 0 .45rem;}
.x-code{z-index: 8;position: absolute;top: 0;right: 0;width: 1.35rem;height: 100%;background-color: #d5d5d5;border-radius: 0px .08rem .08rem 0px;overflow: hidden;}
.x-code img{display: block;cursor: pointer;width: 100%;height: 100%;object-fit: contain;}
.x-buttom{width: 100%;}
.x-submit{display: block;border: none;cursor: pointer;width: 100%;color: #ffffff;line-height: .56rem;height: .56rem;border-radius: .08rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.x-submit:hover{background-image:none;}  
.x-getcode{position: absolute;top:  50%;right: .06rem;transform: translate(0,-50%);z-index: 8;display: block;cursor: pointer;color: rgba(255,255,255,.7);min-width: 1.28rem;padding: 0 .1rem;text-align: center;white-space: nowrap;line-height: .44rem;background-color: rgba(255,255,255,.1);border-radius: .04rem;}
.x-getcode:hover{color: #fff;}
.x-getcode.gray{cursor: no-drop;color: rgba(255,255,255,.5);}

.x-succeed{width: 100%;text-align: center;padding: .3rem 0 .1rem;}
.x-img{width: 100%;margin-bottom:  .1rem;}
.x-img img{height: 1.1rem;}
.x-intro{width: 100%;max-width: 12em;margin: 0 auto .25rem; color: #ffffff;font-weight: bold;line-height: 1.3;}
.x-log{display: block;border: none;cursor: pointer;width: 100%;color: #ffffff;line-height: .56rem;height: .56rem;border-radius: .08rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.x-log:hover{background-image:none;}  
.x-main.hide .x-top{display: none;}
@media(max-width: 750px){
    .x-inner{width: 100%;min-width: 100%;}
    .x-cont{padding: .5rem .3rem;}
    .x-input{height: .6rem;} 
    .x-submit{height: .6rem;line-height: .6rem; }
    .x-log{height: .6rem;line-height: .6rem; }
}



.y-main{width: 100%;padding:  0 .3rem .9rem;background-color: #111111;}
.y-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.y-titles{width: 100%;margin-bottom: .25rem;padding-left: .1rem;position: relative;color: #ffffff;line-height: 1.5;}
.y-titles:before{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .04rem;height: 1em;background-color: #9c6bd7;border-radius: .02rem;}
.y-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.y-left{width: 12.7rem;}
.y-scroll{width: 100%;}
.y-tr{width: 100%;margin-bottom: .2rem;display: flex;font-size: 0;background-color: #303030;border-radius: .24rem;}
.y-th{display: flex;align-items: center;justify-content: center;width: 22.04%;padding:.22rem .05rem;text-align: center;color: rgba(255,255,255,.7);line-height: 1.6;}
.y-th:nth-child(1){flex: 1;justify-content: flex-start;text-align: left;padding-left: .5rem;} 

.y-list{width: 100%;}
.y-item{display: flex;width: 100%;margin-bottom: .2rem;background-color: #222222;border-radius: .24rem;border: solid 1px #303030;} 
.y-td{display: flex;flex-wrap: wrap;align-content: center;align-items: center;justify-content: center;position: relative;width:22.04%;padding: 0 .1rem; border-right: 1px solid #303030;text-align: center;}
.y-td:nth-child(1){flex: 1;justify-content: flex-start;text-align: left;} 
.y-td:last-child{border-right:none;}
.y-price{width: 100%;color: #ffffff;line-height: 1.6;}
.y-delete{position: absolute;top: .15rem;right: .15rem;display: block;cursor: pointer;width: .4rem;height: .4rem;text-align: center;line-height: .4rem;background-color: #292929;border-radius: 50%;}
.y-delete img{transition: all .3s;opacity: .7;width: 45%;}
.y-delete:hover img{opacity: 1;} 

.y-link{display: flex;align-items: center;width: 100%;padding: .3rem .2rem;}
.y-img{width: 1.16rem;height: 1.55rem;background-color: #666666;border-radius: .24rem;overflow: hidden;}
.y-img img{width: 100%;height: 100%;object-fit: cover;}
.y-textbox{flex: 1;padding-left: .3rem;color: rgba(255,255,255,.7);line-height: 1.6;}
.y-textbox *{line-height: inherit;}
.y-textbox p{width: 100%;padding: .025rem 0;} 

.y-num{display: flex;align-items: center;width: 10em;max-width: 100%;background-color: #292929;border-radius: 1.5em;border: solid 1px #666666;}
.y-inputbox{flex: 1;}
.y-input{display: block;border: none;background-color: transparent; width: 100%;height: 3em;color: #ffffff;text-align: center;}
.y-btn{display: block;cursor: pointer;width: calc(1em + .4rem);height: 3em;background-image: url('../images/c16.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;}
.y-btn.plus{background-image: url('../images/c16-b.png');}

.y-right{width: 2.5rem;}
.y-subtitle{width: 100%;padding-bottom: .35rem;margin-bottom: .1rem;border-bottom: 1px solid rgba(255,255,255,.1);color: rgba(255,255,255,.7);line-height: 1.5;}
.y-total{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;padding: .11rem 0; border-bottom: 1px solid rgba(255,255,255,.1);}
.y-lt{color: rgba(255,255,255,.7);line-height: 1.5;}
.y-rt{color: #ffffff;line-height: 1.5;}
.y-buttombox{width: 100%;padding-top: .3rem;}
.y-buttom{display: block;cursor: pointer;margin-top: .1rem;width: 100%;text-align: center;color: #ffffff;line-height: .56rem;background-color: #c91623;border-radius: .28rem;}
.y-buttom2{display: block;cursor: pointer;margin-top: .1rem;width: 100%;text-align: center;color: #ffffff;line-height: .56rem;background-color: #ffc439;border-radius: .28rem;}
.y-buttom2 img{height: .24rem;} 

@media(max-width: 750px){
    .y-left{width: 100%;margin-bottom: .3rem;}
    .y-scroll{overflow: auto;}
    .y-tr{min-width: 15rem;}
    .y-list{min-width: 15rem;}
    .y-link{padding: .15rem;}
    .y-right{width: 100%;}
    .y-buttom{line-height: .6rem;border-radius: .3rem;}
    .y-buttom2{line-height: .6rem;border-radius: .3rem;}
}

.z-main{width: 100%;padding:  0 .3rem .9rem;background-color: #111111;}
.z-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.z-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.z-left{width: 11.2rem;padding: .55rem .6rem .6rem; background-color: #222222;border-radius: .24rem;}
.z-one{width: 100%;margin-bottom:  .4rem;}
.z-one:last-child{margin-bottom: 0;}
.z-titles{width: 100%;margin-bottom: .15rem;color: #ffffff;line-height: 1.4;}
.z-two{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.z-item{width: 100%;margin-bottom: .15rem;}
.z-tip{width: 100%;padding-bottom: .05rem;color: #ffffff;line-height: 1.6;}
.z-tip span{color: #c91623;}
.z-b{width: 100%;position: relative;}
.z-input{display: block;width: 100%;height: .48rem;color: #fff;padding: 0 .15rem; background-color: #292929;border-radius: .08rem;border: solid 1px #555555;}
.z-textarea{display: block;width: 100%;height: 9em;color: #fff;padding: .15rem .15rem;line-height: 1.6;background-color: #292929;border-radius: .08rem;border: solid 1px #555555;}
.z-right{width: 3.95rem;}
.z-goodsbox{width: 100%;}
.z-goods{display: flex;justify-content: space-between;width: 100%;padding-bottom: .35rem;margin-bottom: .3rem;border-bottom: 1px solid rgba(255,255,255,.14);}
.z-img{width: 1.16rem;height: 1.55rem;background-color: #666666;border-radius: .24rem;overflow: hidden;}
.z-img img{width: 100%;height: 100%;object-fit: cover;}
.z-text{width: calc(100% - 1.5rem);}
.z-box{display: flex;align-items: center;}
.z-namebox{flex: 1;}
.z-name{width: 100%;margin-bottom:  .05rem;color: #ffffff;line-height: 1.4;}
.z-price{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.5;}
.z-textbox{width: 100%;height: 3.6em;overflow: hidden;color: rgba(255,255,255,.7);line-height: 1.8;}
.z-textbox *{line-height: inherit;}   
.z-arrows{transition: all .3s;transform: rotate(0);display: block;cursor: pointer;margin-left: .15rem;width:  .14rem;height:  .3rem;background-image: url('../images/a96.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.z-goods.show .z-arrows{transform: rotate(-180deg);}
.z-goods.show .z-textbox{height: auto;}
.z-codebox{display: flex;align-items: center;width: 100%;padding-bottom: .3rem;border-bottom: solid 1px #555555;}
.z-code{flex: 1;}
.z-button{display: inline-block;cursor: pointer;border: none;padding: 0 .2rem;margin-left: .1rem;height: .48rem;line-height: .48rem;color: #fff; background-color: #292929;border-radius: 0.08rem}

.z-total{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;padding: .11rem 0;border-bottom: 1px solid rgba(255,255,255,.14);}
.z-lt{color: rgba(255,255,255,.7);line-height: 1.5;}
.z-rt{color: #ffffff;line-height: 1.5;}
.z-submit{display: block;cursor: pointer;border: none;width: 100%;color: #ffffff;text-align: center;height: .56rem;line-height: .56rem;background-color: #c91623;border-radius: .28rem;}
.z-intro{width: 100%;padding-top: .1rem;color: rgba(255,255,255,.3);line-height: 1.8;} 
@media(min-width: 751px){
   .z-two .z-item{width: calc(50% - .1rem);}
}
@media(max-width: 750px){
    .z-input{height: .6rem;}
    .z-left{width: 100%;padding: .5rem .3rem;margin-bottom: .3rem;}
    .z-right{width: 100%;}
    .z-submit{height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .z-button{height: .6rem;line-height: .6rem;}
}
.za-cont{width: 100%;padding-top: .3rem;padding-bottom: .1rem;}
.za-one{width: 100%;}
.za-top{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.za-one .lb-label{position: relative;display: block;cursor: pointer;margin-bottom: .25rem;}
.za-one .lb-icon{position: absolute;top: .31em;left: 0;width: .88em;height: .88em;background-image: url('../images/c17.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.za-one .lb-text{width: 100%;padding-left: 1.5em;color: #ffffff;line-height: 1.5;}
.za-one .lb-label.selected .lb-icon{background-image: url('../images/c17-b.png');}
.za-one .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}
.za-rt{display: flex;flex-wrap: wrap;}
.za-icon{display: block;margin-right: .1rem;margin-bottom: .3rem;position: relative;}
.za-icon>img{height: 1.5em;border-radius: .04rem;overflow: hidden;}
.za-icon:last-child{margin-right: 0;}
.za-nub{display: block;padding: 0 .13rem;color: #111111;line-height: 1.5;background-color: #ffffff;}
.za-bottom{display: none; width: 100%;padding-bottom: .05rem;}
.za-one.show .za-bottom{display: block;}
.za-item{width: 100%;margin-bottom: .14rem;position: relative;background-color: #222222;border-radius: .08rem;border: solid 1px #444444;}
.za-input{display: block;border: none;background-color: transparent; width: 100%;height: .48rem;padding: 0 .15rem;color: #fff;}
.za-layui{display: block;cursor: pointer; border: none;background-color: transparent; width: 100%;height: .48rem;padding: 0 .15rem;color: #fff;}
.za-buttom{position: absolute;top: 50%;right: 0;transform: translate(0,-50%); display: flex;align-items: center;}
.za-link{display: block;margin-right: .15rem;}
.za-link img{max-width: 1em;max-height: 1em;}
.za-close{display: none;cursor: pointer;}
.za-item.show_close .za-close{display: block;}

@media(max-width: 750px){
    .za-input{height: .6rem;}
}

.zb-sub{display: none; position: absolute;bottom: 100%;left: 50%;transform: translate(-50%,0);padding-bottom: .15rem;}
.zb-cont{display: block;position: relative;width: 1.75rem;font-size: 0;padding: .05rem;border-radius: .1rem;background-color: #ccc;}
.zb-cont:after{content: '';position: absolute;left: 50%;bottom: -.09rem;transform: translate(-50%,0);border-top: .1rem solid #ccc;border-left: .1rem solid transparent;border-right: .1rem solid transparent;}
.zb-one{display: inline-block;vertical-align: middle;width: 33.33%;padding: .05rem;}
.zb-one img{max-width: 100%;max-height: .28rem;border-radius: .04rem;overflow: hidden;}

@media(max-width: 750px){
    .zb-sub{left: auto;right: -.15rem;transform: translate(0,0);}
    .zb-cont:after{left: auto;right:.3rem;transform: translate(0,0);}
}

.zc-cont{width: 100%;}
.zc-one{width: 100%;}
.zc-top{width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.zc-one .lb-label{position: relative;display: block;cursor: pointer;margin-bottom: .25rem;}
.zc-one .lb-icon{position: absolute;top: .31em;left: 0;width: .88em;height: .88em;background-image: url('../images/c17.png');background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.zc-one .lb-text{width: 100%;padding-left: 1.5em;color: #ffffff;line-height: 1.5;}
.zc-one .lb-label.selected .lb-icon{background-image: url('../images/c17-b.png');}
.zc-one .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}
.zc-bottom{display: none;}
.zc-two{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.zc-item{width: 100%;margin-bottom: .15rem;}
.zc-tip{width: 100%;padding-bottom: .05rem;color: #ffffff;line-height: 1.6;}
.zc-tip span{color: #c91623;}
.zc-b{width: 100%;position: relative;}
.zc-input{display: block;width: 100%;height: .48rem;color: #fff;padding: 0 .15rem; background-color: #292929;border-radius: .08rem;border: solid 1px #555555;}
.zc-textarea{display: block;width: 100%;height: 9em;color: #fff;padding: .15rem .15rem;line-height: 1.6;background-color: #292929;border-radius: .08rem;border: solid 1px #555555;}

.zc-one.show .zc-bottom{display: block;}
@media(min-width: 751px){
   .zc-two .zc-item{width: calc(50% - .1rem);}
} 
@media(max-width: 750px){
    .zc-input{height: .6rem;}
    .zc-left{width: 100%;padding: .5rem .3rem;margin-bottom: .3rem;}
    .zc-right{width: 100%;}
    .zc-submit{height: .6rem;line-height: .6rem;border-radius: .3rem;}
    .zc-button{height: .6rem;line-height: .6rem;}
}


.wa-main{width: 100%;padding:  .15rem .3rem .8rem;background-color: #111111;}
.wa-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wa-cont{width: 100%;padding: 1.45rem .3rem 1.57rem;text-align: center; background-color: #222222;border-radius: .24rem;}
.wa-img{width: 100%;margin-bottom:  .1rem;}
.wa-img img{height: 1.1rem;}
.wa-titles{width: 100%;margin-bottom: .5rem;color: #ffffff;font-weight: bold;line-height: 1.3;}
.wa-buttom{width: 100%;font-size: 0;}
.wa-details{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .15rem .3rem;color: #ffffff;min-width: 3.6rem;padding: 0 .15rem;text-align: center;line-height: .56rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);border-radius: .08rem;}
.wa-details:hover{background-image: none;}

.wb-main{width: 100%;padding:  0 .3rem .9rem;background-color: #111111;}
.wb-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wb-cont{width: 100%;padding-top: .2rem;padding-bottom: .3rem;display: flex;flex-wrap: wrap;}
.wb-item{display: block;cursor: pointer;width: 23.62%;margin-right: 1.83%;margin-bottom: .55rem;}
.wb-item:nth-child(4n){margin-right: 0;}
.wb-imgbox{width: 100%;position: relative;border-radius: .24rem;overflow: hidden;}
.wb-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(504/378*100%);}
.wb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wb-img:after{opacity: 0;transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #111111;}
.wb-car{opacity: 0;transition: all .3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .64rem;height: .64rem;text-align: center;line-height: .64rem;border-radius: 50%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.wb-car img{width: .26rem;}
.wb-text{width: 100%;padding-top: .15rem;}
.wb-name{transition: all .3s;width: 100%;color: #ffffff;line-height: 1.4;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wb-price{width: 100%;margin-top: .02rem;color: rgba(255,255,255,.6);line-height: 1.5;}

.wb-item:hover .wb-img img{transform: scale(1.05);}
.wb-item:hover .wb-name{color: #a36dd7;}
.wb-item:hover .wb-img:after{opacity: .7;}
.wb-item:hover .wb-car{opacity: 1;}

@media(max-width: 750px){
    .wb-item{width: calc(50% - .15rem);margin-right: .3rem;}
    .wb-item:nth-child(2n){margin-right: 0;}
}

.wc-main{width: 100%;padding: .5rem .3rem .1rem;background-color: #111111;}
.wc-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wc-cont{width: 100%;font-size: 0;padding: .17rem .1rem .17rem .2rem;background-color: #222222;border-radius: .32rem;}
.wc-nav{transition: all .3s;display: inline-block;vertical-align: middle;cursor: pointer;margin: .05rem .1rem .05rem 0;padding: 0 .25rem;color: rgba(255,255,255,.7);line-height: .56rem;border-radius: .28rem;}
.wc-nav:hover{color: #fff;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
 
@media(max-width: 750px){ 
    .wc-cont{display: flex;justify-content: space-between;flex-wrap:wrap;background-color: transparent;}
    .wc-nav{width: calc(50% - .1rem);margin: .1rem 0;background-color: #222222;}
}

.wd-main{position: relative;width: 100%;padding: .1rem .3rem;background-color: #111111;}
.wd-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wd-top{width: 100%;margin-bottom: .2rem;}
.wd-titles{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.3;}
.wd-synopsis{width: 100%;padding-top: .25rem;max-width: 61em;color:rgba(255,255,255,.7);line-height: 1.77;}
.wd-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wd-one{display: block;width: calc(50% - .15rem);margin-bottom: .2rem;border: solid 1px #383838;background-color: #222222;border-radius: .24rem;overflow: hidden;}
.wd-item{display: none;width: 100%;border-bottom: solid 1px #383838;}
.wd-one .wd-item{display: flex;}
.wd-tip{display: flex;align-items: center;border-right: solid 1px #383838; padding: .18rem .3rem;width: 13.66em;color: #ffffff;line-height: 1.5;}
.wd-intro{display: flex;align-items: center;flex: 1;padding: .18rem .3rem;color: #ffffff;line-height: 1.5;}
.wd-item:nth-child(2n){background-color: #292929;}
.wd-hint{width: 100%; color: rgba(255,255,255,.6);line-height: 1.6;}

@media(max-width: 750px){
   .wd-one{width: 100%;}
   .wd-tip{padding: .1rem .2rem;width: 12em;}
   .wd-intro{padding: .1rem .2rem;}
}

.we-main{position: relative;width: 100%;padding: .1rem .3rem;background-color: #111111;}
.we-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.we-cont{position: relative;display: flex;justify-content: flex-end;width: 100%;padding: .4rem;overflow: hidden;border-radius: .24rem;}
.we-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.we-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.we-text{width: 4.95rem;min-height: 5.2rem;padding: .3rem .6rem;display: flex;align-items: center;background-color: rgba(40,40,40,.6);border-radius: .24rem;backdrop-filter: blur(.1rem);}
.we-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.we-textbox *{line-height: inherit;}
.we-textbox.pc{display: block;}
.we-textbox.phone{display: none;}

.wf-main{position: relative;width: 100%;padding: .1rem .3rem;background-color: #111111;}
.wf-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wf-cont{width: calc(100% + .4rem);position: relative;left: -.2rem;font-size: 0;}
.wf-item{display: inline-block;vertical-align: top; width: 25%;padding: 0 .2rem;margin-bottom: .3rem;}
.wf-link{display: block;cursor: pointer;position: relative; width: 100%;border-radius: .24rem;overflow: hidden;}
.wf-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(494/370*100%);}
.wf-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wf-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: .25rem .15rem;text-align: center;background-color: rgba(0,0,0,.6);}
.wf-name{width: 100%;color: #ffffff;line-height: 1.5;}

@media(min-width: 751px){
   .wf-item:nth-child(2n){margin-top: .4rem;}
}
@media(max-width: 750px){
    .wf-cont{width: calc(100% - .3rem);left: -.15rem;}
    .wf-item{width: 50%;padding: 0 .15rem;}
    .we-textbox.pc{display: none;}
    .we-textbox.phone{display: block;}
}

.wg-main{position: relative;width: 100%;padding: .1rem .3rem;background-color: #111111;}
.wg-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wg-cont{width: 100%;font-size: 0;position: relative;}
.wg-item{display: inline-block;vertical-align: top;width: calc(385/1600*100%);margin-right: calc(20/1600*100%);}
.wg-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(592/790*100%);border-radius: .24rem;}
.wg-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}

.wg-item:nth-child(1){width: calc(790/1600*100%);}
.wg-item:nth-child(2) .wg-img{padding-top: calc(316/385*100%);}
.wg-item:nth-child(3){margin-right: 0;}
.wg-item:nth-child(3) .wg-img{padding-top: calc(256/385*100%);}
.wg-item:nth-child(4){position: absolute;left: calc(810/1600*100%);bottom: 0;}
.wg-item:nth-child(4) .wg-img{padding-top: calc(256/385*100%);}
.wg-item:nth-child(5){margin-right: 0;position: absolute;right: 0;bottom: 0;}
.wg-item:nth-child(5) .wg-img{padding-top: calc(316/385*100%);}

.wg-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.wg-textbox *{line-height: inherit;}


.wh-main{position: relative;width: 100%;padding: .1rem .3rem;background-color: #111111;} 
.wh-inner{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;}
.wh-cont{width: 100%;position: relative;margin-top: -3rem;text-align: right;}
.wh-big{display: inline-block;width: calc(1195/1600*100%);}
.wh-big .wh-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(600/1195*100%);border-radius: .24rem;}
.wh-big .wh-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wh-small{position: absolute;bottom: 0;left: 0;width: calc(610/1600*100%);padding: .1rem .1rem 0 0; background-color: #111111;border-radius: 0px .24rem 0px 0px;}
.wh-small:before{content: '';position: absolute;bottom: 100%;left:4.05rem;width: .24rem;height: .24rem;background-image: url('../images/c21.png');background-size: 100% 100%;background-position: bottom left;background-repeat: no-repeat;}
.wh-small:after{content: '';position: absolute;bottom: 0;left:100%;width: .24rem;height: .24rem;background-image: url('../images/c21.png');background-size: 100% 100%;background-position: bottom left;background-repeat: no-repeat;}
.wh-small .wh-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(300/600*100%);border-radius: .24rem;}
.wh-small .wh-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wh-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.wh-textbox *{line-height: inherit;}
@media(max-width: 750px){ 
    .wh-cont{margin-top: 0;}
}

.wi-main{position: relative;width: 100%;padding: .1rem  0 ;background-color: #111111;}
.wi-main .wd-top{max-width: calc(100% - .6rem);margin: 0 auto .2rem;}
.wi-inner{width: 100%;max-width: 16.6rem;margin: 0 auto;position: relative;}
.wi-video{display: block;cursor: pointer;position: relative;}
.wi-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(700/1920*100%);}
.wi-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wi-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.wi-play img{width: 1.3rem;}


.wj-main{overflow: hidden;position: relative;width: 100%;padding: .45rem .3rem 1.25rem;background-color: #111111;}
.wj-inner{width: 100%;max-width: 16rem;margin: 0 auto;position: relative;}
.wj-top{width: 100%;margin-bottom: .35rem;display: flex;align-items: flex-end;}
.wj-titles{flex: 1;color: #ffffff;font-weight: bold;line-height: 1.3;}
.wj-rt{display: block;position: relative;width: 1.7rem;height: .46rem;}
.wj-prev{left: 0;margin-top: -.23rem;width: .8rem;height: .46rem;border-radius: .23rem;background-color: transparent;background-size: 0 0;overflow: hidden;}
.wj-prev:before{transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.1);}
.wj-prev:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a16.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wj-prev:hover:before{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.wj-next{right: 0;margin-top: -.23rem;width: .8rem;height: .46rem;border-radius: .23rem;background-color: transparent;background-size: 0 0;overflow: hidden;}
.wj-next:before{transition: all .3s;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,.1);}
.wj-next:after{transform: rotate(-180deg);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a16.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.wj-next:hover:before{background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.wj-cont{width: calc(100% + .2rem);position: relative;left: -.1rem;}
.wj-b{width: 100%;overflow: visible;}
.wj-item{transition: all .3s;opacity: .3;width: 33.33%;padding: 0 .1rem;}
.wj-link{display: block;cursor: pointer;width: 100%;}
.wj-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(694/520*100%);border-radius: .24rem;}
.wj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wj-text{width: 100%;padding-top: .15rem;text-align: center;}
.wj-name{transition: all .3s;width: 100%;color: #ffffff;line-height: 1.4;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wj-price{width: 100%;margin-top: .02rem;color: rgba(255,255,255,.6);line-height: 1.5;}

.wj-link:hover .wj-img img{transform: scale(1.05);}
.wj-link:hover .wj-name{color: #a36dd7;} 

.wj-item.swiper-slide-active{opacity: 1;}
.wj-item.swiper-slide-active +.wj-item{opacity: 1;}
@media(min-width: 751px){
    .wj-item.swiper-slide-active +.wj-item  +.wj-item{opacity: 1;}
}
@media(max-width: 750px){
    .wj-item{width: 50%;}
}

.wk-main{width: 100%;padding: .65rem .3rem;background-color: #111111;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.wk-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wk-cont{display: flex;align-items: center;flex-wrap: wrap;width: 100%;}
.wk-left{flex: 1;padding-right: .5rem;}
.wk-titles{width: 100%;margin-bottom: .15rem;color: #ffffff;line-height: 1.2;}
.wk-intro{width: 100%;margin-bottom: .1rem;color: #ffffff;line-height: 1.6;}
.wk-buttom{display: inline-block;cursor: pointer;color: #ffffff;padding: 0 .5rem;font-weight: bold;line-height: .72rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);border-radius: .36rem;}
.wk-buttom img{height: 1em;margin-right: .12rem;}
.wk-right{font-size: 0;padding-right: 2rem;}
.wk-icon{display: inline-block; width: 2.46rem;}
.wk-icon img{width: 100%;}
@media(max-width: 750px){
    .wk-left{flex: none;width: 100%;padding-right: 0;margin-bottom: .5rem;text-align: center;}
    .wk-right{width: 100%;padding-right: 0;text-align: center;}
}

.wl-main{width: 100%;padding: .15rem .3rem .4rem;background-color: #111111;}
.wl-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wl-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wl-left{width: 7.6rem;}
.wl-swiper{position: sticky;top: 1rem;left: 0;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.wl-swiper1{width: 1.16rem;}
.wl-b{width: 100%;height: 8.27rem;}
.wl-nav{display: block;cursor: pointer;width: 100%;height: auto;margin-bottom: .12rem;}
.wl-nav:last-child{margin-bottom: 0;}
.wl-img2{opacity: .4;transition: all .3s;width: 100%;position: relative;overflow: hidden;padding-top: calc(155/116*100%);border-radius: .32rem;}
.wl-img2 img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wl-nav.active .wl-img2{opacity: 1;} 
.wl-swiper2{width: calc(100% - 1.4rem);position: relative;}
.wl-c{width: 100%;border-radius: .32rem;}
.wl-item{width: 100%;}
.wl-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(827/620*100%);}
.wl-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
/* .wl-prev{opacity: .6;left: auto;top: auto;margin-top: 0;bottom: .4rem;right: .66rem;width: .4rem;height: .23rem;background-image: url('../images/c23.png');background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wl-prev:hover{opacity: 1;}
.wl-next{opacity: .6;left: auto;top: auto;margin-top: 0;transform: rotate(-180deg);bottom: .4rem;right: .27rem;width: .4rem;height: .23rem;background-image: url('../images/c23.png');background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wl-next:hover{opacity: 1;} */
.wl-prev{opacity: .6;left: .15rem;margin-top: -.12rem;bottom: .4rem;right: .66rem;width: .4rem;height: .23rem;background-image: url('../images/c23.png');background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wl-prev:hover{opacity: 1;}
.wl-next{opacity: .6;right: .15rem;margin-top: -.12rem;transform: rotate(-180deg);bottom: .4rem;right: .27rem;width: .4rem;height: .23rem;background-image: url('../images/c23.png');background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wl-next:hover{opacity: 1;}

.wl-right{width: calc(100% - 8.4rem);}
.wl-top{width: 100%;padding-bottom: .1rem;margin-bottom: .6rem;border-bottom: 1px solid #444444;}
.wl-titles{width: 100%;padding-bottom: .1rem;color: #ffffff;line-height: 1.17;}
.wl-box{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.wl-price{color: #ffffff;line-height: 1.35;margin-top: .1rem;}
.wl-sharebox{display: flex;align-items: flex-end;margin-top:  .1rem;}
.wl-tip{color: rgba(255,255,255,.7);line-height: 1.5;margin-right: .15rem;}
.wl-share_list{display: flex;align-items: center;}
.wl-share{display: block;cursor: pointer;margin-right: .15rem;}
.wl-share:last-child{margin-right: 0;}
.wl-icon{transition: all .3s;opacity: .7;height: 1.5em;line-height: 1.5em;}
.wl-icon img{height: 1em;}
.wl-share:hover .wl-icon{opacity: 1;}
.wl-center{width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.wl-num{display: flex;align-items: center;margin-bottom: .2rem;margin-right: .2rem;width: 10.9em;max-width: 100%;background-color: #292929;border-radius: 1.45em;border: solid 1px #666666;}
.wl-inputbox{flex: 1;}
.wl-input{display: block;border: none;background-color: transparent; width: 100%;height: 2.9em;color: #ffffff;text-align: center;}
.wl-btn{display: block;cursor: pointer;width: calc(.72em + .6rem);height: 2.9em;background-image: url('../images/c16.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;}
.wl-btn.plus{background-image: url('../images/c16-b.png');}
.wl-car{flex: 1;cursor: pointer;margin-bottom: .2rem;text-align: center; color: #ffffff;line-height: 2.9;border-radius: 1.45em;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.wl-car img{margin-right: .07rem;height: .82em;}
.wl-pay{display: block;width: 100%;cursor: pointer;margin-bottom: .4rem;text-align: center; color: #ffffff;line-height: 2.9;border-radius: 1.45em;background-color: #c91623;}
.wl-pay img{margin-left: .1rem;height: 1.04em;}
.wl-tr{width: calc(100% + .2rem);position: relative;left: -.1rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wl-td{text-align: center;padding: .2rem .1rem 0;}
.wl-td_icon{display: inline-block;width: .72rem;height: .72rem;border-radius: 50%;background-color: #222222;}
.wl-td_icon img{transition: all .3s;opacity: .6; width: 100%;height: 100%;object-fit: contain;}
.wl-td_text{transition: all .3s;width: 100%;padding-top:  .1rem;color: rgba(255,255,255,.6);line-height: 1.6;}
.wl-td:hover .wl-td_icon img{opacity: 1;}
.wl-td:hover .wl-td_text{color: #fff;}
@media(max-width: 750px){
    .wl-left{width: 100%;margin-bottom: .3rem;}
    .wl-swiper{position: static; align-items: center;}
    .wl-b{height: 6.56rem;}
    .wl-right{width: 100%;}
    .wl-num{width: 9em;}
    .wl-td{width: 50%;}
}

.wm-cont{width: 100%;margin-bottom: .4rem;padding: .1rem .4rem .4rem;background-color: #222222;border-radius: .24rem;}
.wm-item{display: block;width: 100%;}
.wm-buttom{position: relative;display: block;cursor: pointer;width: 100%;padding: .16rem .2rem .16rem 0;border-bottom: 1px solid rgba(255,255,255,.14);}
.wm-buttom:after{opacity: .6;transition: all .3s;transform: rotate(0);content: '';position: absolute;top: 0;right: .36rem;width:  .14rem;height: 100%; background-image: url('../images/a96.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wm-titles{width: 100%;color: #ffffff;line-height: 1.5;}
.wm-sub{display: none;width: 100%;padding-top: .35rem;}
.wm-list{width: 100%;}
.wm-one{width: 100%;margin-bottom: .25rem;}
.wm-one:last-child{margin-bottom: 0;}
.wm-name{width: 100%;margin-bottom: .05rem;color: #ffffff;line-height: 1.6;}
.wm-name img{height: 1em;margin-right: .1rem;}
.wm-intro{width: 100%;color: rgba(255,255,255,.4);line-height: 1.7;}
.wm-intro *{line-height: inherit;}
.wm-intro p{margin-bottom: .1rem;}
.wm-intro p:last-child{margin-bottom: 0;} 
.wm-intro img{max-height: 1em;margin-right: .1rem;}
.wm-item.show .wm-buttom:after{opacity: 1;transform: rotate(-180deg);}
@media(max-width: 750px){
    .wm-cont{padding: .1rem .3rem .3rem;}
}

.wn-main{width: 100%;padding-bottom: .3rem;}
.wn-titles{width: 100%;margin-bottom: .25rem;color: #ffffff;line-height: 1.4;}
.wn-list{width: 100%;padding-bottom: .2rem;}
.wn-one{width: 100%;margin-bottom: .25rem;}
.wn-tip{width: 100%;padding-bottom: .15rem;color: #ffffff;line-height: 1.8;}
.wn-labelbox{width: 100%;font-size: 0;}
.wn-label{transition: all .3s;display: inline-block;vertical-align: top;cursor: pointer;width: 15%;margin-right: 2%;margin-bottom: .15rem;border-radius: .08rem;}
.wn-label:nth-child(6n){margin-right: 0;}
.wn-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(114/114*100%);border-radius: .08rem;}
.wn-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wn-label.active{padding: .05rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.wn-tr{width: 100%;margin-bottom: .3rem;}
.wn-td{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: .11rem 0;border-bottom: 1px solid rgba(255,255,255,.14);}
.wn-lt{color: rgba(255,255,255,.7);line-height: 1.5;}
.wn-rt{color: #ffffff;line-height: 1.5;}
.wn-cont{width: 100%;padding-bottom: .25rem;}
.wn-cont .lb-label{position: relative;display: block;cursor: pointer;width: 100%;margin-bottom: .2rem;}
.wn-cont .lb-label:last-child{margin-bottom: 0;}
.wn-cont .lb-icon{position: absolute;top: .09em;left: 0;width:1.32em;height:1.32em;background-image: url('../images/c32.png');background-size: contain;background-position: center center;background-repeat: no-repeat;}
.wn-cont .lb-text{width: 100%;padding-left:  2em; }
.wn-cont .lb-text1{width: 100%;color: #ffffff;line-height: 1.5;}
.wn-cont .lb-text2{width: 100%;color: rgba(255,255,255,.7);line-height: 1.42;}
.wn-cont .lb-label.selected .lb-icon{background-image: url('../images/c32-b.png');}
.wn-cont .lb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}

.wo-main{width: 100%;padding: 0 .3rem .8rem;}
.wo-inner{width: 100%;max-width: 16rem;padding: .85rem .3rem .8rem; margin: 0 auto;background-color: #222222;border-radius: .24rem;}
.wo-cont{width: 7.2rem;max-width: 100%;margin: 0 auto;}
.wo-top{width: 100%;text-align: center;margin-bottom:  .35rem;}
.wo-icon{width: 100%;margin-bottom: .25rem;}
.wo-icon img{width: 1.1rem;}
.wo-titles{width: 100%;color: #ffffff;font-weight: bold;line-height: 1.3;}
.wo-synopsis{width: 100%;color: rgba(255,255,255,.7);line-height: 1.6;}
.wo-textbox{width: 100%;margin-top: .3rem;padding: .3rem 0;text-align: left; color: rgba(255,255,255,.7);line-height: 2;border-top: 1px solid #303030;border-bottom: 1px solid #303030;}
.wo-textbox *{line-height: inherit;}
.wo-bottom{width: 100%;}
.wo-subtitle{width: 100%;margin-bottom: .1rem;color: rgba(255,255,255,.7);line-height: 1.6;}
.wo-buttom{width: 100%;text-align: center;}
.wo-submit{display: inline-block;cursor: pointer;border: none;min-width: 2.6rem;padding: 0 .2rem;text-align: center;color: #ffffff;height: .56rem;line-height: .56rem;background-color: #c91623;border-radius: .28rem;}

.wo-main .za-cont{padding-top: 0;padding-bottom: .05rem;}
.wo-main .za-top{justify-content: flex-start;}
.wo-main .za-one{padding-bottom: .15rem;}
.wo-main .za-one .lb-label{padding-right: .2rem;}

@media(max-width: 750px){
   .wo-submit{height: .6rem;line-height: .6rem;border-radius: .3rem;}
}

.wp-main{width: 100%;padding:  1rem .3rem;min-height: calc(60vh - .9rem); background-color: #111111;} 
.wp-inner{width: 100%;max-width: 16rem;margin: 0 auto;}
.wp-titles{width: 100%;margin-bottom:  .2rem;color: #ffffff;line-height: 1.4;}
.wp-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.wp-textbox *{line-height: inherit;}
.wp-textbox p{margin-bottom: .1rem;}
.wp-textbox *{line-height: inherit;}
.wp-textbox a{cursor: pointer;color: #a36dd7;}

/*  

border-radius: .24rem;
.n-text{width: 100%;padding-top: .3rem;}
.n-name{width: 100%;margin-bottom: .15rem;color: #ffffff;line-height: 1.4;}
.n-intro{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.n-intro *{line-height: inherit;}
.n-intro p{margin-bottom: .15rem;}
.n-intro p:last-child{margin-bottom: 0;} 

background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);

color: #a36dd7;

transition: all .3s;

.k-main{width: 100%;padding: .2rem .3rem .9rem;background-color: #111111;}
.k-inner{width: 100%;max-width: 16rem;margin: 0 auto;}

filter: grayscale(100%) brightness(500%);  图片变白

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

.a-img img{width: 100%;height: 100%;object-fit: contain;}

.teaser.delay2  {transition-delay: .2s;}
font-family: 'KronaOne-Regular';

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;} 

*/

/*视频容器样式*/
.xv-a {position: fixed;left: 0;top: 120%;z-index: 388;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);transition: top .5s ease-in-out;}
.xv-a.show {top: 0;} 
.xv-main {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 800px;max-width: 94%;}
.xv-cont {width: 100%;} 
.xv-close {display: block;width: 40px;height: 40px;border-radius: 50%;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);position: absolute;right: -20px;top: -20px;cursor: pointer;z-index: 10000;}
.xv-icon {display: block;width: 100%;height: 100%;font-size: 21px;text-align: center;line-height: 40px;color: #fff;} 
.xv-iframe {width: 100%;height: 60vh;} 
.xv-video {width: 100%;height: auto;max-height: 90vh;} 
@media(max-width:1200px) {
    .xv-close {right: 0;top: -45px;}
}

.xa-main{opacity: 0;z-index: -1;visibility: hidden;transition: all ease .5s;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;}
.xa-main.show{opacity: 1;z-index: 388;visibility: visible;}
.xa-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .7;}
.xa-inner{position: relative;z-index: 1;width: 6rem;max-width: calc(100% - .6rem);}
.xa-close{opacity: .5;transition: all .3s;z-index: 8;position: absolute;top: .2rem;right: .2rem;display: block;cursor: pointer; width: .21rem;height: .21rem;background-image: url('../images/c13.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xa-close:hover{opacity: 1;}
.xa-cont{width: 100%;padding: .5rem .3rem;text-align: center;background-color: #222222;border-radius: .24rem;}
.xa-textbox{width: 100%;margin-bottom: 0.2rem;color: #ffffff;line-height: 1.3;}
.xa-textbox *{line-height: inherit;}
.xa-buttombox{width: 100%;font-size: 0;}
.xa-confirm{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .05rem .1rem;min-width: 8.75em;padding: 0 .5em;line-height: .56rem;text-align: center;color: #ffffff;border-radius: .08rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.xa-cancel{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .05rem .1rem;min-width: 8.75em;padding: 0 .5em;line-height: .56rem;text-align: center;background-color: #444444;border-radius: .08rem;color: rgba(255,255,255,.7);}

@media(max-width: 750px){
    .xa-confirm{line-height: .6rem;}
    .xa-cancel{line-height: .6rem;}
}

.xb-main{opacity: 0;z-index: -1;visibility: hidden;transition: all ease .5s;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;}
.xb-main.show{opacity: 1;z-index: 388;visibility: visible;}
.xb-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .7;}
.xb-inner{transition: all ease .5s; position: absolute;right: 0;transform: translate(110%,0);width: 5.76rem;min-width: 350px;}
.xb-main.show .xb-inner{transform: translate(0,0);}
.xb-cont{width: 100%;height: 100vh;background-color: #222222;}
.xb-top{width: 100%;padding: .2rem .5rem;height: calc(100vh - 1.8rem);overflow: auto;}
.xb-box{width: 100%;padding: .25rem 0;margin-bottom: .3rem;position: relative;border-bottom: 1px solid rgba(255,255,255,.14);}
.xb-titles{width: 100%;text-align: center;color: #ffffff;line-height: 1.3;}
.xb-close{opacity: .5;transition: all .3s;z-index: 8;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);display: block;cursor: pointer; width: .21rem;height: .21rem;background-image: url('../images/c13.png');background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xb-close:hover{opacity: 1;}
.xb-list{width: 100%;}
.xb-item{display: flex;justify-content: space-between; width: 100%;padding-bottom: .4rem;margin-bottom: .4rem;border-bottom: 1px solid rgba(255,255,255,.14);}
.xb-img{width: 1.16rem;height: 1.55rem;background-color: #666666;border-radius: .24rem;overflow: hidden;}
.xb-img img{width: 100%;height: 100%;object-fit: cover;}
.xb-text{width: calc(100% - 1.5rem);}
.xb-name{width: 100%;margin-bottom:  .1rem;color: #ffffff;line-height: 1.4;} 
.xb-textbox{width: 100%;color: rgba(255,255,255,.7);line-height: 1.8;}
.xb-textbox *{line-height: inherit;} 
.xb-operate{width: 100%;padding-top: .1rem;display: flex;flex-wrap: wrap;}
.xb-num{display: flex;align-items: center;margin-top: .2rem;margin-right: .2rem;width: 8.88em;max-width: 100%;background-color: #292929;border-radius: 1.5em;border: solid 1px #666666;}
.xb-inputbox{flex: 1;}
.xb-input{display: block;border: none;background-color: transparent; width: 100%;height: 2.66em;color: #ffffff;text-align: center;}
.xb-btn{display: block;cursor: pointer;width: calc(.88em + .4rem);height: 2.66em;background-image: url('../images/c16.png');background-size: 1em auto;background-position: center center;background-repeat: no-repeat;}
.xb-btn.plus{background-image: url('../images/c16-b.png');}
.xb-delete{display: block;cursor: pointer;margin-top: .2rem;width: 2.66em;height: 2.66em;text-align: center;line-height: 2.66em;background-color: #292929;border-radius: 50%;}
.xb-delete img{transition: all .3s;opacity: .7;width: 45%;}
.xb-delete:hover img{opacity: 1;} 

.xb-bottom{width: 100%;height: 1.8rem;padding: .15rem .5rem;display: flex;flex-wrap: wrap;align-content: center;background-color: #292929;}
.xb-total{width: 100%;margin-bottom: .2rem;color: rgba(255,255,255,.7);line-height: 1.6;}
.xb-total span{color: #ffffff;line-height: 1.4;font-size: 1.5em;}
.xb-total_unit{margin-left: .08rem;}
.xb-buttombox{width: 100%;display: flex;justify-content: space-between;}
.xb-buttom1{display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;color: #ffffff;width: calc(50% - .06rem);min-height: .48rem;line-height: 1.6;border-radius: .24rem;background-color: #a36dd7;background-image: linear-gradient(90deg, #a36dd7 0%, #5256d9 100%);}
.xb-buttom2{display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;color: #ffffff;width: calc(50% - .06rem);min-height: .48rem;line-height: 1.6;background-color: #c91623;border-radius: .24rem;}

.xb-top{overflow: auto;scrollbar-color:#222222  #222222;scrollbar-width: none;scrollbar-width: thin; }
.xb-top::-webkit-scrollbar {width:  3px;height: 1px;}
.xb-top::-webkit-scrollbar-thumb {border-radius: .05rem;box-shadow: inset 0 0 .05rem #222222;background: #222222;}
.xb-top::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem #222222;border-radius: .05rem; background: #222222;}

@media(max-width: 750px){
    .xb-inner{min-width: 10px;}
    .xb-top{padding: .2rem .3rem;}
    .xb-buttom1{min-height: .6rem;border-radius: .3rem;}
    .xb-buttom2{min-height: .6rem;border-radius: .3rem;}
}

.xc-main{opacity: 0;z-index: -1;visibility: hidden;transition: all ease .5s;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;}
.xc-main.show{opacity: 1;z-index: 388;visibility: visible;}
.xc-shade{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .7;}
.xc-inner{position: relative;z-index: 1;width: 6rem;max-width: calc(100% - .6rem);}
.xc-cont{width: 100%;padding: .5rem .3rem;text-align: center;background-color: #222222;border-radius: .24rem;}
.xc-textbox{width: 100%;color: #ffffff;line-height: 1.3;}
.xc-textbox *{line-height: inherit;}

@media(max-width: 750px){
    .xc-confirm{line-height: .6rem;}
    .xc-cancel{line-height: .6rem;}
}