@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;}
 
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;}
body *{box-sizing: border-box;}

/*编辑器盒子加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;}
} 

@font-face {
    font-family: Roboto;
    font-display: swap;
    src: url('../fonts/Roboto.ttf');
}
@font-face {
    font-family: DancingScript;
    font-display: swap;
    src: url('../fonts/DancingScript.ttf');
}
@font-face {
    font-family: Caveat;
    font-display: swap;
    src: url('../fonts/Caveat.ttf');
}

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: #9f2927;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: #9f2927;filter: none;-ms-filter: none;}
div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #9f2927;filter: none;-ms-filter: none;}
div.mCSB_inside>.mCSB_container{margin-right: 0 ;}
 
.my-scrollbar{overflow: auto;scrollbar-color:#9f2927  #ededed;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 #ededed;background: #9f2927;}
.my-scrollbar::-webkit-scrollbar-track {box-shadow: inset 0 0 .05rem #ededed;border-radius: .05rem; background: #ededed;}


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

/* 动画 */

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

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

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

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

.header{transition: all .3s;position: fixed;top: 0;left: 0;z-index: 288;width: 100%;background-color: #f8f8f8;}
.h-top{width: 100%;padding: 0 .3rem;background-color: #000;}
.ht-swiper{width: 100%;max-width: 17.2rem;margin: 0 auto;height: .4rem;}
.ht-item{width: 100%;height: auto;}
.ht-link{display: flex;align-items: center;cursor: pointer;width: 100%;}
.ht-text{width: 100%;text-align: center;color: #fff;line-height: .4rem;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.h-center{position: relative;width: 100%;padding: 0 .3rem;background-color: #ffffff;border-bottom: 1px solid rgba(0,0,0,.1);}
.h-cont{width: 100%;max-width: 17.2rem;margin: 0 auto;height: .9rem;display: flex;align-items: center;justify-content: space-between;}
.h-left{display: flex;align-items: center;}
.h-search{display: block;}
.ha-buttom{display: none;margin-left: .4rem;width: 1.2em;height: .9rem;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.ha-sub{display: block;position: relative;width: 4rem;min-width: 250px;padding-left: 2.25em;}
.ha-input{border: none;background-color: transparent;width: 100%;height: .9rem;color: #333;}
.ha-submit{border: none;background-color: transparent;position: absolute;top: 0;left: 0;display: block;cursor: pointer;width: 1.37em;height: 100%;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.h-logo{position: absolute;top: 0;left: 50%;transform: translate(-50%,0);height: .9rem;display: flex;align-items: center;cursor: pointer;}
.h-logo img{max-width: none;height: .48rem;}
.h-right{display: flex;align-items: center;}
.h-log{display: block;cursor: pointer;width: 1.37em;height: .9rem;line-height: .9rem;}
.h-log img{width: 100%;}
.h-car{display: block;cursor: pointer;margin-left: .4rem;width: 1.43em;height: .9rem;line-height: .9rem;}
.h-car img{width: 100%;}
.h-language{display: block;cursor: pointer;position: relative;margin-left: .4rem;}
.hl-tip{display: block;color: #333333;line-height:.9rem;}
.hl-tip:before{content: '';display: inline-block;vertical-align: middle;margin-right: .1rem;width:1.5em;height: 2em;background-image: url('../images/a5.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} 
.hl-tip:after{content: '';display: inline-block;vertical-align: middle;margin-left: .12rem;width:.75em;height: 2em;background-image: url('../images/a6.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;} 
.hl-list{display: none;position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);z-index: 18;width: 100%;min-width: 5em;background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.hl-item {display: block;cursor: pointer;padding: 10px 8px;white-space: nowrap; line-height:1.5;text-align: center; color: #666;transition: background-color .3s;}
.hl-item:hover{color: #fff;background-color: #9f2927;} 
.h-bottom{width: 100%;text-align: center;font-size: 0;position: relative;}
.h-item{display: inline-block;vertical-align: top;margin: 0 .15rem;}
.h-one{display: inline-block;vertical-align: top;cursor: pointer;position: relative;color: #333333;line-height: .6rem;font-weight: bold;}
.h-one:after{transition: all .3s;content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: #9f2927;}

.h-sub{display: none;position: absolute;top: 100%;left: 0;width: 100%;padding: .95rem .3rem 1rem;text-align: left; background-color: #ffffff;border-bottom: 1px solid rgba(0,0,0,.1);}
.hs-cont{width: 100%;max-width: 17.2rem;margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;}
.hs-left{width: calc(100% - 7.9rem);}
.hs-list{width: calc(100% + .2rem);display: flex;flex-wrap: wrap;justify-content: space-between;}
.hs-item{display: block;padding-right: .2rem;margin-bottom: .4rem;}
.hs-one{display: block;margin-bottom: .1rem;color: #333333;line-height: 1.6;}
.hs-twobox{display: inline-block;}
.hs-two{display: block;cursor: pointer;margin-bottom: .06rem;color: #999999;line-height: 1.7;}
.hs-two:hover{color: #9f2927;}
.hs-special{width: 100%;margin-bottom: .6rem;}
.hs-tr{width: 100%;display: flex;flex-wrap: wrap;}
.hs-td{display: flex;align-items: flex-start;cursor: pointer;margin-bottom: .06rem;width: 14.28%;padding-right: .15rem;}
.hs-icon{display: flex;align-items: center;justify-content: center;width: 1.57em;height: 1.7em;margin-right: .08rem;}
.hs-icon img{max-width: 100%;max-height: 1.57em;}
.hs-text{flex: 1;color: #999999;line-height: 1.7;}
.hs-td:hover .hs-text{text-decoration: underline;} 
.hs-more{display: inline-block;cursor: pointer;color: #9f2927;font-weight: bold;line-height: 1.6;}
.hs-more:after{content: '>>';}
.hs-right{width: 6.8rem;}
.hs-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(380/680*100%);}
.hs-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.h-menu {display: none;cursor: pointer;margin-left: .4rem;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: 1200px) {  
    .h-item:hover .h-one{color: #9f2927;}
   .h-item.active .h-one{color: #9f2927;}
   .h-item:hover .h-one:after{width: 100%;}  
   .h-item.active .h-one:after{width: 100%;} 
   body.fixed.hide .header{transform: translate(0,-110%);}
}
@media(max-width:1200px){    
   .h-main{width: 100%;}   
   .h-bottom{position: fixed;left: auto;right: 0;top: 0;width: 260px;height: 100vh;text-align: left;margin: 0;padding: 10px 0;background-color: #fff;overflow: auto;z-index: 1000;transform: translate(100%, 0);transition: transform .3s;}
   .h-item{width: 100%;position: relative; padding: 0 !important;margin: 0 !important;}
   .h-one{padding: 0;padding-left: 20px;height: 40px;line-height: 40px;color: #222;font-size: 16px;}
   .h-item.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-item.has-nav.show:after {background-size: 18px auto;background-image: url('../images/a-down.png');}
   .h-item.active .h-one{color: #9f2927;}
   .h-sub{position: relative;top: 0;left: 0;padding:20px 25px; width: 100% !important;background-color: #fff;box-shadow: none;transform: translate(0,0);}
   .hs-left{width: 100%;}
   .hs-item{width: 100%;margin-bottom: 15px;padding-right: 0;}
   .hs-one{font-size: 16px;}
   .hs-two{font-size: 14px;}
    .hs-special{margin-bottom: 15px;}
   .hs-td{width: 100%;padding-right: 0;margin-bottom: 10px;}
   .hs-icon{font-size: 14px;}
   .hs-text{font-size: 14px;}
   .hs-more{font-size: 16px;}
   .hs-right{display: none;}
   
   /* 菜单 */
   .h-menu {display: block;}
   .header.menu-state .h-bottom{transform: translate(0, 0);}
   .header.menu-state .h-opa {display: block;} 
   .header.search-state .ha-sub {display: block;}
   .header.search-state .h-opa {display: block;} 

}
@media(max-width:750px){   
    .ha-sub{display: none;position: absolute;top: 2rem;left: 50%;transform: translate(-50%,0);z-index: 28;width: 6rem;background-color: #fff;}
    .ha-buttom{display: block;}
    .ha-submit{width: 2.25em;background-size: 1.3em auto;}
    .h-logo{left: .3rem;transform: translate(0,0);}
}

 
.footer{position: relative;z-index: 8;margin-top: -.4rem;width: 100%;background-color: #2e2a27;border-radius: .4rem 40px 0 0;}
.f-top{width: 100%;padding: 1.35rem .3rem 1.15rem;}
.f-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.f-left{width: 10.6rem;display: flex;justify-content: space-between;}
.f-item{display: block;padding-right: .1rem;}
.f-one{display: block;margin-bottom: .2rem;color: #ffffff;line-height: 1.5;}
.f-twobox{display: inline-block;}
.f-two{display: block;cursor: pointer;margin-bottom: .06rem;color: rgba(255,255,255,.5);line-height: 1.7;}
.f-two:hover{color: #fff;}
.f-right{width: 4.15rem;}
.f-tip{width: 100%;margin-bottom: .2rem;color: #ffffff;line-height: 1.5;}
.f-intro{width: 100%;margin-bottom: .25rem;line-height: 1.42;color: rgba(255,255,255,.5);}
.f-subscribe{display: flex;align-items: center;width: 100%;margin-bottom: .55rem;}
.f-inputbox{flex: 1;padding-right: .1rem;}
.f-input{display: block;border: none;width: 100%;height: .4rem;color: #333;padding: 0 .2rem;background-color: #ffffff;}
.f-submit{border: none;cursor: pointer;padding: 0 .2rem;height: .4rem;line-height: .4rem;color: #333;background-color: #fce9da;  }
.f-paybox{width: 100%;display: flex;flex-wrap: wrap;}
.f-pay{display: block;width: 14.45%;margin-right: 2.66%;margin-bottom: .1rem;}
.f-pay:nth-child(6n){margin-right: 0;}
.f-pay img{width: 100%;}
.f-bottom{width: 100%;padding: .11rem .3rem;background-color: #27201b;}
.f-cont{width: 100%;max-width: 17.2rem;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.f-lt{font-size: 0;padding: .05rem 0;}
.f-link{display: inline-block;vertical-align: middle;color: #666666;line-height: 1.7;}
.f-bottom a:hover{cursor: pointer;color: #fff;}
.f-rt{font-size: 0;padding: .05rem 0;}
.f-share{display: inline-block;vertical-align: middle;}
.f-share_tip{display: inline-block;vertical-align: middle;padding-right: .45rem;color: #ffffff;line-height: 1.5;}
.f-share_list{display: inline-block;vertical-align: middle;}
.f-share_one{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .4rem;}
.f-share_one:last-child{margin-right: 0;}
.f-share_icon{display: flex;align-items: center;}
.f-share_icon1{display: block;height: 1.38em;opacity: .5;}
.f-share_icon2{display: none;height: 1.38em;}
.f-share_one:hover .f-share_icon1{display: none;}
.f-share_one:hover .f-share_icon2{display: block;}

@media(max-width: 1150px){
   .f-input{height: .5rem;}
   .f-submit{height: .5rem;line-height: .5rem;}
}
@media(max-width: 750px){
   .f-left{width: 100%;flex-wrap: wrap;}
   .f-item{width: 100%;padding-right: 0;margin-bottom: .25rem;position: relative;padding-right: .8rem;}
   .f-item:after {transform: rotate(0);transition: all .3s; content: "";background-image: url('../images/a59-b.png');background-size: .3rem auto;background-position: center center;background-repeat: no-repeat; display: inline-block;width: .5rem;height: .6rem;position: absolute;right: 0;top: 0;}
   .f-item.show:after{transform: rotate(-180deg);}
   .f-one{display: inline-block;width: auto;margin-bottom: 0;line-height: .6rem;}
   .f-twobox{width: 100%;display: none;padding-top: .2rem;}
   .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;}
   .f-right{width: 100%;}
   .f-lt{width: 100%;text-align: center;}
   .f-rt{width: 100%;text-align: center;}
}

.banner{width: 100%;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;}

.paging{width: 100%;text-align: center;font-size: 0;}
.paging-item{transition: all  .3s;display: inline-block;vertical-align: middle;margin: 0 .1rem .1rem;cursor: pointer;min-width: .5rem;color: #333333;font-weight: bold;height: .5rem;line-height: .5rem;background-color: #ffffff;}
.paging-item:hover{color: #333;background-color: #fce9da;}
.paging-item.active{color: #333;background-color: #fce9da;}
.paging-up{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: 0 .1rem .1rem;cursor: pointer;width: .5rem;color: transparent;height: .5rem;background-color: #ffffff;}
.paging-up:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a21.png'); background-size: .43em auto;background-position: center center;background-repeat: no-repeat;}
.paging-up:hover{background-color: #fce9da;}
/* .paging-up:hover:after{background-image: url('../images/a21-b.png');} */
.paging-next{transition: all  .3s;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;margin: 0 .1rem .1rem;cursor: pointer;width: .5rem;color: transparent;height: .5rem;background-color: #ffffff;}
.paging-next:after{transform: rotate(-180deg);content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/a21.png'); background-size: .43em auto;background-position: center center;background-repeat: no-repeat;}
.paging-next:hover{background-color: #fce9da;}
/* .paging-next:hover:after{background-image: url('../images/a21-b.png');} */
@media(max-width: 1150px){
   .paging-item{min-width: .6rem;height: .6rem;line-height: .6rem;}
   .paging-up{width: .6rem;height: .6rem;}
   .paging-next{width: .6rem;height: .6rem;}
}

.selectbox{width: 100%;position: relative;z-index: 8;}
.selectbox .select-tip{width: 100%;display: block;cursor: pointer;position: relative;padding-right: .4rem;padding-left: .28rem;border-radius: .1rem;border: solid .02rem #e5e5e5;}
.selectbox .select-tip:after{content: "";position: absolute;right: .2rem;top: 0;z-index: 1;width: .12rem;height: 100%;background-image: url('../images/a22.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.selectbox .select-cur{display: block;width: 100%;line-height: .5rem;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.selectbox .select-cur span{color: #9f2927;}
.selectbox .select-sub{visibility: hidden;z-index: -1;opacity: 0; position: absolute;top: 100%;left: 0;width: 100%;padding-top: .1rem;}
.selectbox .select-cont{width: 100%;padding: .1rem;max-height: 2.5rem;background-color: #ffffff;border: solid 1px #e5e5e5;overflow: auto;}
.selectbox .select-item{display: flex;align-items: center;flex-wrap: wrap;cursor: pointer;width: 100%;line-height: 1.5;padding: .05rem .18rem;color: #999999;}
.selectbox .select-item *{color: inherit;line-height: inherit;}
.selectbox .select-item:hover{color: #333333;}
.selectbox .select-text{padding-right: .1rem;} 
.selectbox .select-item.select{background-color: #e5e5e5;color: #333333;}
.selectbox .select-item.select .select-price{color: #9f2927;}
.selectbox.show {z-index: 28;}
.selectbox.show .select-sub{visibility: visible;z-index: 98;opacity: 1;transition: all ease .5s;}
.selectbox.show .select-tip{border: solid .02rem #9f2927;}
.selectbox.active .select-cur{color: #333;}
@media(max-width: 750px){
    .select-cur{line-height: .6rem;}
}

.a-main{width: 100%;padding: 0 .15rem;}
.a-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;}
.a-cont{width: 100%;display: flex;flex-wrap: wrap;padding: .15rem 0;border-bottom: 1px solid rgba(0,0,0,.1);}
.a-item{width: 25%;display: flex;align-items: center;padding: 0 .6rem;margin: .15rem 0;border-right: 1px  solid rgba(0,0,0,.1);}
.a-item:nth-child(4n){border-right:none;}
.a-item:last-child{border-right:none;}
.a-icon{width: .34rem;height: .32rem;}
.a-icon img{max-width: 100%;max-height: 100%;}
.a-text{flex: 1;padding-left: .3rem;}
.a-name{width: 100%;color: #333333;line-height: 1.37;font-weight: bold;}
.a-intro{width: 100%;color: #999999;line-height: 1.28;}
@media(max-width: 750px){
    .a-item{width: 50%;padding: 0 .3rem;}
    .a-item:nth-child(2n){border-right:none;}
}



.b-main{width: 100%;padding: .4rem .3rem 1.4rem;background-color: #f8f8f8;}
.b-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;}
.b-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.b-left{width: 2.55rem;}
.b-box{width: 100%;}
.b-titles{width: 100%;display: flex;align-items: center;min-height: .6rem;color: #333333;font-weight: bold;line-height: 1.4;}
.b-navbox{width: 100%;padding-top: .1rem;}
.b-nav{width: 100%;padding: .05rem 0;border-bottom: 1px solid rgba(0,0,0,.1);}
.b-onebox{display: block;cursor: pointer;width: 100%;position: relative;}
.b-one{display: inline-block;padding: .2rem calc(.1rem + .87em) .2rem 0;color: #333333;line-height: 1.6;font-weight: bold;}
.b-onebox:after{display: none;content: '';position: absolute;top: 0;right: 0;width: .87em;height: 100%;background-image: url('../images/a17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.b-twobox{display: none;width: 100%;padding-bottom: .15rem;}
.b-two{display: block;cursor: pointer;position: relative;margin: .08rem 0;width: 100%;padding-left: calc(1em + .14rem);line-height: 1.7;} 
.b-two:before{content: '';position: absolute;left: 0;top: 0;width: 1em;height: 100%;background-image: url('../images/a18.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.b-two.active:before{background-image: url('../images/a18-b.png');} 
.b-nav.has-two .b-onebox:after{display: block;}
.b-nav.show .b-onebox:after{background-image: url('../images/a17-b.png');}

.b-right{width: calc(100% - 3.4rem);}
.b-top{width: 100%;min-height: .6rem;margin-bottom: .4rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1);}
.b-lt{font-size: 0;padding: .1rem 0;}
.b-results{display: inline-block;vertical-align: middle;padding: .05rem;color: #999999;line-height: 1.4;font-weight: bold;}
.b-results span{color: #333333;margin-right: .1rem;}
.b-rt{font-size: 0;}
.b-filtratebox{display: inline-block;vertical-align: middle;}
.b-filtrate{display: inline-block;vertical-align: middle;cursor: pointer;color: #999999;line-height: 1.42;}
.b-filtrate:after{content: '';display: inline-block;vertical-align: middle;margin: 0 .3rem;width: 1px;height: 1.42em;background-color:rgba(0,0,0,.1);}
.b-filtrate.active{color: #9f2927;}
.b-sort{display: inline-block;vertical-align: middle;}
.b-sort_tip{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.42;}
.b-sort_select{display: inline-block;vertical-align: middle;}
.b-sort_select .select-sub{min-width: calc(.2rem + 12em);}
.b-sort_select .select-tip{border: none !important;padding-left: 0;}
.b-sort_select .select-tip:after{right: 0;}


.b-bottom{width: 100%;display: flex;flex-wrap: wrap;padding-bottom: .05rem;}
.b-item{display: block;width: 23.35%;margin-right: 2.2%;margin-bottom: .55rem;}
.b-item:nth-child(4n){margin-right: 0;}
.b-link{display: block;cursor: pointer;width: 100%;position: relative;}
.b-imgbox{position: relative;width: 100%;background-color: #fff;}
.b-img_one{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;}
.b-img_one.active{opacity: 1;z-index: 1;visibility: visible;position: relative;}
.b-b{width: 100%;}
.b-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(320/320*100%);}
.b-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.b-labelbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 8;padding: .1rem;}
.b-label{display: inline-block;vertical-align: middle;margin: .1rem;padding: 0 .1rem;line-height: 1.42; color: #9f2927;border: solid 1px #9f2927;}
.b-upgradebox{position: absolute;bottom: 0;left: 0;z-index: 8;width: 100%;text-align: center;font-size: 0;}
.b-upgrade{display: inline-block;padding: 0 .15rem;line-height: 1.85;color: #ffffff;background-color: #f1bf98;}
.b-prev{pointer-events: auto !important;display: none;left: .1rem;margin-top: -.25rem;width: .15rem;height: .5rem;background-image: url('../images/a20.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.b-next{pointer-events: auto !important;display: none;transform: rotate(-180deg); right: .1rem;margin-top: -.25rem;width: .15rem;height: .5rem;background-image: url('../images/a20.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.b-text{width: 100%;}
.b-text1{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;padding-top: .1rem;}
.b-pricebox{display: flex;align-items: center;flex-wrap: wrap;}
.b-price{margin-top: .1rem;color: #333333;font-weight: bold;line-height: 1.6;}
.b-title{margin-top: .1rem;color: #333333;font-weight: bold;line-height: 1.6;}
.b-price2{margin-top: .1rem;display: flex;align-items: center;flex-wrap: wrap;}
.b-price2_span1{color: #a0302e;font-weight: bold;line-height: 1.6;}
.b-price2_span2{margin: 0 .1rem;color: #999999;font-weight: bold;line-height: 1.6;}
.b-price2_span3{text-decoration: line-through;color: #999999;font-weight: bold;line-height: 1.6;} 
.b-car{margin-top: .1rem;display: block;cursor: pointer;height: 1em;}
.b-car img{height: 100%;}
.b-car2{position: absolute;bottom: .2rem;right: .2rem;z-index: 8;display: flex;align-items: center;justify-content: center;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid rgba(0,0,0,.1);}
.b-car2 img{width: 50%;}
.b-classifybox{width: 100%;display: flex;flex-wrap: wrap;}
.b-classify{display: block;cursor: pointer;margin:.05rem .1rem .05rem 0;width: 1.5em;height: 1.5em;border-radius: 50%;overflow: hidden;background-color: #ffffff;border: solid 1px #dfdfdf;}
.b-classify img{width: 100%;height: 100%;object-fit: contain;}
.b-classify:last-child{margin-right: 0;}
.b-classify.active{border: solid 1px #333333;} 
.b-link:hover .b-prev{display: block;}
.b-link:hover .b-next{display: block;}

@media(max-width: 750px){
  .b-left{width: 100%;}
  .b-right{width: 100%;}
  .b-item{width: calc(50% - .15rem);margin-right: .3rem;}
  .b-item:nth-child(2n){margin-right: 0;}
  .b-prev{display: block;}
  .b-next{display: block;}
  .b-sort_select .select-sub{left: auto;right: 0;}
}


.c-main{width: 100%;padding: .45rem .3rem 1rem;}
.c-inner{width: 100%;max-width: 15rem;margin: 0 auto;}
.c-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.c-left{width: 7.6rem;}
.c-swiper{position: sticky;top: .3rem;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.c-swiperbox1{width: 1rem;}
.c-playbox{width: 100%;min-height: 1.1rem;display: flex;align-items: center;cursor: pointer;}
.c-play_bg{width: 100%;position: relative;overflow: hidden;padding-top: calc(100/100*100%);border: 1px solid #e5e5e5;}
.c-play_bg>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.c-rotate{width: 100%;min-height: 1.1rem;display: flex;align-items: center;cursor: pointer;}
.c-rotate_bg{width: 100%;position: relative;overflow: hidden;padding-top: calc(100/100*100%);border: 1px solid #e5e5e5;}
.c-rotate_bg>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}


.c-swiper1{width: 1rem;height: 6.6rem;}
.c-nav{position: relative;width: 100%;height: auto;min-height: 16.66%;display: flex;align-items: center;cursor: pointer;} 
.c-bg{width: 100%;position: relative;overflow: hidden;padding-top: calc(100/100*100%);border: 1px solid #e5e5e5;}
.c-bg>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.c-nav.active .c-bg{border: 1px solid #9f2927;}
.c-play{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);display: flex;align-items: center;justify-content: center;}
.c-play img{width: .52rem;}

.c-swiperbox2{position: relative;width: calc(100% - 1.1rem);border: 1px solid #e5e5e5;}
.c-swiper2{transition: all .5s;position: relative;top: 0;left: 0;width: 100%;}
.c-item{width: 100%;} 
.c-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(650/650*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-video{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;width: 100%;overflow: hidden;padding-top: calc(650/650*100%);background-color: #000;}
.c-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.c-video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.c-viewer{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;overflow: hidden;}
.c-viewer_icon{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: flex-end;justify-content: center; padding: .15rem;text-align: center;}
.c-viewer_icon img{width: 1.1rem;max-width: 100%;} 
.c-viewer.hide .c-viewer_icon{display: none;}

.c-main.hax_video .c-swiper1{height: 5.5rem;}
.c-main.hax_video .c-nav{height: 20%;}
.c-main.hax_rotate .c-swiper1{height: 5.5rem;}
.c-main.hax_rotate .c-nav{height: 20%;}

.c-main.hax_rotate.hax_video .c-swiper1{height: 4.4rem;}
.c-main.hax_rotate.hax_video .c-nav{height: 25%;}

.c-main.play .c-video{position: relative;opacity: 1;z-index: 1;visibility: visible;}
.c-main.play .c-swiper2{opacity: 0;z-index: -1;visibility: hidden;position: absolute;}
.c-main.play .c-nav.active .c-bg{border: 1px solid #e5e5e5;}
.c-main.play .c-play_bg{border: 1px solid #9f2927;}

.c-main.rotate .c-viewer{position: relative;opacity: 1;z-index: 1;visibility: visible;}
.c-main.rotate .c-swiper2{opacity: 0;z-index: -1;visibility: hidden;position: absolute;}
.c-main.rotate .c-nav.active .c-bg{border: 1px solid #e5e5e5;}
.c-main.rotate .c-rotate_bg{border: 1px solid #9f2927;}


#spin-viewer{width: 100%;padding-top: calc(650/650*100%);}
.loading-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: flex;justify-content: center;align-items: center;z-index: 10;transition: opacity 0.5s;}
.spinner {width: 60px;height: 60px;border: 5px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: white;animation: spin 1s linear infinite;}
#spin-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.c-right{width: calc(100% - 8.3rem);}
.c-top{width: 100%;margin-bottom: .25rem;padding-bottom: .1rem;border-bottom: 1px solid rgba(0,0,0,.1);}
.c-box{display: flex;flex-wrap: wrap;align-items: flex-start;width: 100%;margin-bottom: .28rem;}
.c-titles{flex: 1;padding-right: .8rem;color: #333333;font-weight: bold;line-height: 1.16;font-weight: bold;}
.c-tipbox{width: 100%;display: flex;flex-wrap: wrap;}
.c-tip{min-width: 2.75rem;padding-right: .2rem;padding-bottom: .05rem;color: #999999;line-height: 1.7;}
.c-tip span{color: #333333;}
.c-tip img{margin: 0 .05rem;height: .78em;}
.c-rt{display: flex;align-items: center;}
.c-collect{display: block;cursor: pointer;position: relative;margin-right: .12rem;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid rgba(0,0,0,.1);}
.c-share{display: block;cursor: pointer;position: relative;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid rgba(0,0,0,.1);}
.c-icon1{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.c-icon2{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.c-collect.collect{border: 1px solid #9f2927;}
.c-collect.collect .c-icon1{display: none;}
.c-collect.collect .c-icon2{display: block;}
.c-share:hover{border: 1px solid #9f2927;}
.c-share:hover .c-icon1{display: none;}
.c-share:hover .c-icon2{display: block;} 
.c-pricebox{width: 100%;padding-bottom: .2rem;}
.c-price_cont{display: flex;flex-wrap: wrap;align-items: flex-end;}
.c-price{padding-right: .2rem;color: #333333;line-height: 1.27;font-weight: bold;}
.c-price2{margin-right: .1rem;color: #999999;line-height: 1.7;text-decoration: line-through;}
.c-price3{color: #9f2927;line-height: 1.7;}
.c-price_free{display: block;width: 100%;color: #999999;line-height: 1.7;}
.c-price_free a{cursor: pointer;color: #333333;text-decoration: underline !important;}
.c-price_free a:hover{color: #9f2927;}

.c-main .c-bottom{width: 100%;display: flex;flex-wrap: wrap;padding-top: .3rem;border-top: 1px solid rgba(0,0,0,.1);}
.c-main .c-num{display: flex;align-items: center;width: 1.6rem;border: solid 1px #000000;}
.c-main .c-btn{display: block;cursor: pointer;width: .55rem;height: .6rem;background-image: url('../images/a30.png');background-size: .87em auto;background-position: center center;background-repeat: no-repeat;}
.c-main .c-btn.plus{background-image: url('../images/a30-b.png');}
.c-inputbox{flex: 1;}
.c-input{border: none;background-color: transparent;width: 100%;height: .6rem;text-align: center;color: #333333;font-weight: bold;}
.c-buttombox{flex: 1;display: flex;padding-left: .1rem;}
.c-buttom{margin-left: .1rem;flex: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;min-height: .6rem;color: #ffffff;font-weight: bold;padding: .1rem;background-color: #ff9600;}
.c-buttom1{background-color: #fce9da;color: #333;}
@media(max-width: 750px){
    .c-left{width: 100%;margin-bottom: .3rem;}
    .c-swiper1{height: 5.5rem;}
    .c-nav{min-height: 20%;}
    .c-right{width: 100%;}

    .c-main.hax_video .c-swiper1{height: 4.4rem;}
    .c-main.hax_video .c-nav{height: 25%;}

    .c-main.hax_rotate .c-swiper1{height: 4.4rem;}
    .c-main.hax_rotate .c-nav{height: 25%;}

    .c-main.hax_rotate.hax_video .c-swiper1{height: 3.3rem;}
    .c-main.hax_rotate.hax_video .c-nav{height: 33.33%;}
}

.ca-main{width: 100%;padding: .25rem .4rem .25rem;margin-bottom: .3rem;background-color: #f8f8f8;}
.ca-titles{width: 100%;padding-bottom: .12rem;color: #333333;line-height: 1.6;font-weight: bold;}
.ca-cont{position: relative;left: -.05rem;width: calc(100% + .1rem);}
.ca-item{width: 25%;padding: 0 .05rem;}
.ca-label{display: block;position: relative;width: 100%;}
.ca-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(140/140*100%);}
.ca-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.ca-box{display: flex;align-items: flex-start;width: 100%;padding-top: .05rem;}
.ca-pricebox{flex: 1;font-size: 0;}
.ca-price{display: inline-block;vertical-align: middle;padding-right: .05rem;color: #333333;line-height: 1.6;}
.ca-price2{display: inline-block;vertical-align: middle;padding-right: .05rem;color: #999999;line-height: 1.7;}
.ca-icon{width: .87em;height: 1.6em;background-image: url('../images/a18.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.ca-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}
.ca-label.selected .ca-icon{background-image: url('../images/a18-b.png');}
@media(max-width: 1150px){
  .ca-item{width: 33.33%;}
}
@media(max-width: 750px){
    .ca-item{width: 50%;}
}

.cb-main{width: 100%;margin-bottom: .2rem;background-color: #fffcf6;}
.cb-navbox{display: flex;flex-wrap: wrap;width: 100%;background-color: #f4ecd0;}
.cb-nav{flex: 1;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: .07rem 0;position: relative;}
.cb-nav:after{display: none;content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);width: .8rem;height: .02rem;background-color: #8b5e10;}
.cb-nav_icon{width: 1.6em;}
.cb-nav_icon img{width: 100%;}
.cb-nav_text{max-width: calc(100% - 1.6em - .2rem);padding-left: .1rem;color: #8c5e10;line-height: 1.6;}
.cb-nav.active:after{display: block;}
.cb-nav:nth-child(2n){background-color: #f8f8f8;}
.cb-nav:nth-child(2n) .cb-nav_text{color: #333333;}
.cb-nav:nth-child(2n):after{background-color: #333333;}
.cb-shapebox{width: 100%;padding: .2rem .2rem 0; display: flex;flex-wrap: wrap;align-items: center;}
.cb-shape{display: block;cursor: pointer;width: .4rem;margin-right: .1rem;margin-top: .1rem;}
.cb-shape_img{position: relative;width: 100%;height: .4rem;overflow: hidden;background-color: #ffffff;border: solid 1px #e5e5e5;}
.cb-shape_img img{width: 100%;height: 100%;object-fit: contain;}
.cb-shape.active .cb-shape_img{border-radius: .06rem;border: solid 1px #9f2927;}

.cb-cont{width: 100%;padding: .2rem .2rem .1rem;}
.cb-one{width: 100%;margin-bottom: .2rem;background-color: #ffffff;border: solid 1px #e5e5e5;}
.cb-top{display: flex;align-items: center;cursor: pointer;position: relative;width: 100%;padding: .05rem calc(1em + .3rem) .05rem .13rem;background-color: #f8f8f8;}
.cb-top:after{content: '';position: absolute;top: 0;right: .2rem;width: 1em;height: 100%;background-image: url('../images/a17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.cb-lt{display: flex;align-items: center;flex: 1;}
.cb-icon{display: block;}
.cb-icon img{width: .4rem;height: .4rem;object-fit: contain;}
.cb-text{flex: 1;padding-left: .12rem;}
.cb-name{width: 100%;margin-bottom:3px;color: #333333;line-height: 1;}
.cb-introbox{width: 100%;}
.cb-intro{display: inline;color: #999999;line-height: 1;}
.cb-rt{font-size: 0;display: flex;align-items: center;}
.cb-price{display: flex;align-items: center;color: #999999;line-height: 1.1;}
.cb-bottom{display: none;width: 100%;padding: .15rem .2rem;border-top: solid 1px #e5e5e5;}
.cb-one.show .cb-top:after{background-image: url('../images/a17-b.png');}
.cb-list{width: 100%;}
.cb-item{width: 100%;padding-bottom: .1rem;margin-bottom: .15rem;border-bottom: 1px solid #e5e5e5;}
.cb-item:last-child{border-bottom:none;padding-bottom: .05rem;margin-bottom: 0;}
.cb-tip{width: 100%;padding-bottom: .08rem;color: #333333;line-height: 1.6;font-weight: bold;}
.cb-labelbox{width: 100%;display: flex;flex-wrap: wrap;}
.cb-label{display: block;text-align: center;width: 20%;margin-bottom: .1rem;padding: 0 .05rem;position: relative;}
.cb-label_icon{display: inline-block;width: .4rem;height: .4rem;border-radius: .06rem;overflow: hidden;border: solid 1px #fff;}
.cb-label_icon img{width: 100%;height: 100%;object-fit: contain;}
.cb-label_text{width: 100%;padding-top: .02rem;}
.cb-label_name{width: 100%;color: #999999;line-height: 1.15;}
.cb-label_price{width: 100%;color: #999999;line-height: 1.15;}
.cb-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}
.cb-label.selected .cb-label_icon{border: solid 1px #9f2927;}
.cb-label.selected .cb-label_price{color: #9f2927;}

@media(max-width: 1150px){
    .cb-label{width: 33.33%;}
}

.cd-main{width: 100%;padding-bottom: .05rem;margin-bottom: .15rem;border-bottom: 1px solid #e5e5e5;}
.cd-hint{width: 100%;padding-top: .1rem;color: #999999;line-height: 1.15;}
.cd-tip{width: 100%;padding-bottom: .08rem; color: #333333;line-height: 1.6;font-weight: bold;}
.cd-labelbox{width: 100%;}
.cd-label_one{display: flex;align-items: center;width: 100%;margin-bottom: .1rem;}
.cd-label_buttom{display: block;cursor: pointer;padding: 0 .29rem;color: #333333;line-height: .4rem;background-color: #f8f8f8;}
.cd-label{flex: 1;padding-right: .2rem;display: flex;align-items: center;position: relative;}
.cd-label_icon{display: inline-block;width: .4rem;height: .4rem;border-radius: .06rem;overflow: hidden;border: solid 1px #fff;}
.cd-label_icon img{width: 100%;height: 100%;object-fit: contain;}
.cd-label_text{flex: 1;padding-left: .12rem;}
.cd-label_name{width: 100%;color: #999999;line-height: 1.15;}
.cd-label_price{width: 100%;color: #999999;line-height: 1.15;}
.cd-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}
.cd-label.selected .cd-label_icon{border: solid 1px #9f2927;}
.cd-label.selected .cd-label_price{color: #9f2927;}

.ce-main{width: 100%;padding: .05rem 0;}
.ce-select{width: 2.9rem;max-width: 100%;}

.cf-cont{width: 100%;padding-top: .25rem;}
.cf-time{width: 100%;margin-bottom: .1rem;color: #9f2927;font-weight: bold;line-height: 1.6;}
.cf-time img{display: inline-block;vertical-align: middle;margin-right: .1rem;height: 1.25em;}
.cf-textbox{width: 100%;color: #999999;line-height: 1.42;}
.cf-textbox *{line-height: inherit;max-width: 100%;}

.cg-cont{width: 100%;}
.cg-item{display: flex;width: 100%;	background-color: #fcf3ee;border-radius: .1rem;overflow: hidden;margin-bottom: .3rem;}
.cg-lt{flex: 1;text-align: center;padding: .1rem 0;}
.cg-tr{display: flex;flex-wrap: wrap;}
.cg-td{flex: 1;padding: 0 .1rem;border-right: 1px solid rgba(0, 0, 0, 0.1);}
.cg-td:last-child{border-right: none;}
.cg-nub{width: 100%;color: #333333;line-height: 1.42;}
.cg-name{width: 100%;color: #999999;line-height: 1.42;}

.cg-rt{position: relative;max-width: 40%;min-width: 1.8rem;text-align: center;padding: .1rem .1rem .15rem;border-left: 1px dashed rgba(0, 0, 0, 0.1);}
.cg-rt:before{content: '';position: absolute;left: -.1rem;top: -.1rem;width: .2rem;height: .2rem;border-radius: 50%;background-color: #fff;}
.cg-rt:after{content: '';position: absolute;left: -.1rem;bottom:  -.1rem;width: .2rem;height: .2rem;border-radius: 50%;background-color: #fff;}
.cg-tip{width: 100%;color: #333333;line-height: 1.7;margin-bottom: .05rem;}
/* .cg-copy{display: inline-block;cursor: pointer;padding: 0 .22rem;color: #ffffff;line-height: 2.14;background-color: #9f2927;background-image: linear-gradient(41deg, #9f2927 0%, #d15f5d 100%);} */
.cg-copy{display: inline-block;cursor: pointer;padding: 0 .22rem;color: #333;line-height: 2.14;background-color: #fce9da;}

.ch-main{width: 100%;}
.ch-top{width: 100%;padding-bottom: .2rem;margin-bottom: .2rem;border-bottom: 1px solid #e5e5e5;}
.ch-nubbox{width: 100%;text-align: right;font-size: 0;}
.ch-nub{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.7;}
.ch-sum{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.7;}
.ch-cont{width: 100%;display: flex;align-items: center;}
.ch-tip{min-width: 3.5em;padding-right: .5em;color: #333333;line-height: 1.7;}
.ch-input_textbox{flex: 1;}
.ch-input_text{display: block;width: 100%;padding: 0 .25rem;color: #333;height: .5rem;border-radius: 2px;border: solid 1px #e5e5e5;}
.ch-bottom{width: 100%;display: flex;align-items: flex-start;}
.ch-bottom .ch-tip{padding-top: .15rem;}
.ch-labelbox{flex: 1;display: flex;flex-wrap: wrap;}
.ch-label{display: block;text-align: center;margin-bottom: .1rem;margin-right: .2rem;position: relative;}
.ch-label_icon{display: inline-block;width: .5rem;height: .5rem;line-height: .5rem;overflow: hidden;border: solid 1px #e5e5e5;}
.ch-label_icon img{width: 100%;height: 100%;object-fit: contain;}
.ch-label_text{width: 100%;padding-top: .05rem;}
.ch-label_name{width: 100%;color: #999999;line-height: 1.15;} 
.ch-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;}
.ch-label.selected .ch-label_icon{border: solid 1px #9f2927;border-radius: .1rem;} 


.d-main{width: 100%;padding: .65rem .3rem 1rem;background-color: #f8f8f8;}
.d-inner{width: 100%;max-width: 15rem;margin: 0 auto;}
.d-cont{width: 100%;}
.d-one{width: 100%;margin-bottom: .8rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.d-one:nth-child(1) .d-left{padding-top: .1rem;}
.d-one:last-child{margin-bottom: 0;}
.d-left{width: 4.5rem;}
.d-titles{width: 100%;margin-bottom: .2rem;color: #333333;font-weight: bold;line-height: 1.4;}
.d-right{width: calc(100% - 5.1rem);}
.d-textbox{width: 100%;margin-bottom: .2rem;color: #adb5bd;line-height: 1.42;}
.d-textbox *{line-height: inherit;max-width: 100%;flex-wrap: wrap !important;}
.d-table{width: 100%;overflow: auto;}
.d-table table{width: 100%;border: none;background-color: #fff;}
.d-table tr{width: 100%;border: none;}
.d-table td{border: none;padding: .08rem .1rem;text-align: center;color: #999999;line-height: 1.7;}
.d-table tr:nth-child(2n){background-color: #f8f8f8;}
.d-table tr:nth-child(1){background-color: #fce6dc;}
.d-table tr:nth-child(1) td{color: #333333;font-size: 1.14em;line-height: 1.4;font-weight: bold;}

.d-one.special .d-left{width: 100%;}
.d-one.special .d-right{width: 100%;}
.d-right{width: 100%;}
@media(max-width: 750px){
    .d-left{width: 100%;}
    .d-right{width: 100%;}
}

.da-main{width: 100%;}
.da-nub{width: 100%;margin-bottom: .25rem;color: #333333;line-height: 1.6;font-weight: bold;}
.da-top{width: 100%;padding-bottom: .35rem;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid rgba(0,0,0,.1);}
.da-lt{font-size: 0;display: flex;align-items: center;}
.da-total_score{color: #333333;font-weight: bold;line-height: 1;}
.da-total_box{padding-left: .18rem;} 
.da-total_nub{width: 100%;padding-top: .1rem;color: #999999;line-height: 1.42;}
.da-rt{flex: 1;padding-left: .6rem;}
.da-star{width: 100%;}
.da-star_one{width: 100%;padding: .05rem 0;display: flex;align-items: center;}
.da-star_lt{font-size: 0;display: flex;align-items: center;}
.da-star_icon{width: 1.28em;margin-right: .14rem;}
.da-star_icon img{width: 100%;}
.da-star_nub{min-width: 1.7em;color: #333333;line-height: 1.28;}
.da-star_ct{flex: 1;}
.da-star_linebox{position: relative;width: 100%;height: 6px;background-color: #eceef0;border-radius: 3px;}
.da-star_line{position: absolute;top: 0;left: 0;height: 100%;background-color: #f39800;border-radius: 3px;}
.da-star_rt{min-width: 1.6rem;padding-left: .15rem;}
.da-star_nub2{color: #999999;line-height: 1.28;} 
.da-top .da-score{display: inline-block;position: relative;font-size: 0;} 
.da-top .da-score  .score-inner{font-size: 0;}
.da-top .da-score img {display: inline-block;vertical-align: middle;max-width: none;width: .3rem;height: .3rem;margin: 0 5px 0 0;}
.da-top .da-score > div {width: 100%;position: absolute;left: 0;top: 0;overflow: hidden;white-space: nowrap;}

.da-bottom{width: 100%;}
.da-item{width: 100%;padding: .3rem 0; border-bottom: 1px solid rgba(0,0,0,.1);}
.da-box{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: .15rem;}
.da-img{display: block;margin-left: .12rem;border-radius: 50%;overflow: hidden;}
.da-img img{width: .4rem;height: .4rem;}
.da-text{width: calc(100% - .68rem);}
.da-time{width: 100%;padding-top: .05rem;color: #999999;line-height: 1.28;}
.da-box2{width: 100%;padding-left: .68rem;}
.da-intro{width: 100%;color: #333333;line-height: 1.28;}
.da-item .da-score{display: inline-block;position: relative;font-size: 0;} 
.da-item .da-score  .score-inner{font-size: 0;}
.da-item .da-score img {display: inline-block;vertical-align: middle;max-width: none;width: .18rem;height: .18rem;margin: 0 3px 0 0;}
.da-item .da-score > div {width: 100%;position: absolute;left: 0;top: 0;overflow: hidden;white-space: nowrap;} 
/* .da-more{display: inline-block;cursor: pointer;margin-top: .3rem;padding: 0 .58rem;color: #ffffff;line-height: .6rem;background-color: #9f2927;background-image: linear-gradient(41deg, #9f2927 0%, #d15f5d 100%);} */
.da-more{display: inline-block;cursor: pointer;margin-top: .3rem;padding: 0 .58rem;color: #333;line-height: .6rem;background-color: #fce9da;}

@media(max-width: 1150px){
    .da-item .da-score img{width: 10px;height: 10px;}
}

@media(max-width: 750px){
   .da-lt{width: 100%;margin-bottom: .2rem;}
   .da-rt{width: 100%;padding-left: 0;}
   .da-total_score{font-size: .8rem;}
}

.db-main{position: relative;left: -.1rem;width: calc(100% + .2rem);}
.db-item{width: 25%;padding: 0 .1rem;}
.db-link{display: block;cursor: pointer;width: 100%;position: relative;}
.db-imgbox{position: relative;width: 100%;background-color: #fff;}
.db-img_one{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;}
.db-img_one.active{opacity: 1;z-index: 1;visibility: visible;position: relative;}
.db-b{width: 100%;}
.db-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(320/320*100%);}
.db-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.db-labelbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 8;padding: .1rem;}
.db-label{display: inline-block;vertical-align: middle;margin: .1rem;padding: 0 .1rem;line-height: 1.42; color: #9f2927;border: solid 1px #9f2927;}
.db-upgradebox{position: absolute;bottom: 0;left: 0;z-index: 8;width: 100%;text-align: center;font-size: 0;}
.db-upgrade{display: inline-block;padding: 0 .15rem;line-height: 1.85;color: #ffffff;background-color: #f1bf98;}
.db-prev{pointer-events: auto !important;display: none;left: .1rem;margin-top: -.25rem;width: .15rem;height: .5rem;background-image: url('../images/a20.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.db-next{pointer-events: auto !important;display: none;transform: rotate(-180deg); right: .1rem;margin-top: -.25rem;width: .15rem;height: .5rem;background-image: url('../images/a20.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.db-text{width: 100%;}
.db-text1{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;padding-top: .1rem;}
.db-pricebox{display: flex;align-items: center;flex-wrap: wrap;}
.db-price{margin-top: .1rem;color: #333333;font-weight: bold;line-height: 1.6;}
.db-title{margin-top: .1rem;color: #333333;font-weight: bold;line-height: 1.6;}
.db-price2{margin-top: .1rem;display: flex;align-items: center;flex-wrap: wrap;}
.db-price2_span1{color: #a0302e;font-weight: bold;line-height: 1.6;}
.db-price2_span2{margin: 0 .1rem;color: #999999;font-weight: bold;line-height: 1.6;}
.db-price2_span3{text-decoration: line-through;color: #999999;font-weight: bold;line-height: 1.6;} 
.db-car{margin-top: .1rem;display: block;cursor: pointer;height: 1em;}
.db-car img{height: 100%;}
.db-car2{position: absolute;bottom: .2rem;right: .2rem;z-index: 8;display: flex;align-items: center;justify-content: center;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid rgba(0,0,0,.1);}
.db-car2 img{width: 50%;}
.db-classifybox{width: 100%;display: flex;flex-wrap: wrap;}
.db-classify{display: block;cursor: pointer;margin:.05rem .1rem .05rem 0;width: 1.5em;height: 1.5em;border-radius: 50%;overflow: hidden;background-color: #ffffff;border: solid 1px #dfdfdf;}
.db-classify img{width: 100%;height: 100%;object-fit: contain;}
.db-classify:last-child{margin-right: 0;}
.db-classify.active{border: solid 1px #333333;} 
.db-link:hover .db-prev{display: block;}
.db-link:hover .db-next{display: block;}
@media(max-width: 750px){
    .db-item{width: 50%;}
    .db-prev{display: block;}
    .db-next{display: block;}
}

.e-main{width: 100%;padding: .9rem .3rem 1rem;background-color: #fcf3ee;border-radius: 0 0 .4rem .4rem;}
.e-inner{width: 100%;max-width: 13.4rem;margin: 0 auto;}
.e-titles{width: 100%;text-align: center;padding-bottom: .55rem;color: #333333;font-weight: bold;line-height: 1.23;}
.e-cont{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.e-left{width: 5.85rem;}
.e-enbox{width: 100%;margin-bottom: .25rem;}
.e-en{width: 100%;color: #fcf3ee;font-size: .94rem;line-height: .84rem;font-style: italic;text-shadow: 0 1px #d7a5a1, 1px 0 #d7a5a1, -1px 0 #d7a5a1, 0 -1px #d7a5a1;}
.e-en2{padding-left: 1.6em;} 
.e-name{width: 100%;margin-bottom: .02rem;color: #333333;font-weight: bold;line-height: 1.3;}
.e-intro{width: 100%;margin-bottom: .15rem;color: #999999;line-height: 1.18;}
.e-more{display: inline-block;cursor: pointer;padding: 0 .55rem; color: #333;line-height: .5rem;background-color: #fce9da; }
.e-right{width: calc(100% - 6.65rem);}
.e-img{width: 7.55rem;}
.e-img img{width: 100%;}
@media(max-width: 750px){
    .e-left{width: 100%;margin-bottom: .3rem;}
    .e-right{width: 100%;}
    .e-img{width: 100%;}
    .e-more{line-height: .6rem;}
}

.g-main{width: 100%;padding: .95rem .3rem 1rem;}
.g-inner{width: 100%;max-width: 18.1rem;margin: 0 auto;}
.g-top{width: 13.4rem;max-width: 100%;margin: 0 auto;padding-bottom: .2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.g-lt{width: 5rem;margin-bottom: .3rem;}
.g-titles{width: 100%;color: #333333;font-weight: bold;line-height: 1.14;}
.g-titles span{display: block;color: #9f2927;}
.g-rt{width: calc(100% - 6.65rem);position: relative;margin-bottom: .3rem;}
.g-name{position: relative;z-index: 8;width: 100%;margin-bottom: .11rem;color: #333333;font-weight: bold;line-height: 1.3;}
.g-intro{position: relative;z-index: 8;width: 100%;color: #999999;line-height: 1.25;}
.g-icon{position: absolute;top: -.28rem;right: 1.3rem;width: 1.97rem;}
.g-icon img{width: 100%;}
.g-bottom{position: relative;left: -.26rem;width: calc(100% + .52rem);padding-bottom: .3rem;display: flex;flex-wrap: wrap;align-items: center;}
.g-item{width: calc(317/1862*100%);padding: 0 .26rem;margin-bottom: .5rem;}
.g-link{display: block;cursor: pointer;position: relative;width: 100%;}
.g-link:after{opacity: 0;transition: all .3s;content: '';position: absolute;top: .2rem;left: .2rem;width: 100%;height: 100%;border: solid .02rem #fce9da;}
.g-img{z-index: 1;width: 100%;position: relative;overflow: hidden;padding-top: calc(320/265*100%);}
.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-play{z-index: 2;opacity: 0;transition: all .3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.g-play img{width: .6rem;}
.g-link:hover:after{opacity: 1;}
.g-link:hover .g-play{opacity: 1;}
.g-buttombox{width: 100%;text-align: center;font-size: 0;}
.g-buttom1{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .2rem .4rem;color: #333;min-width: 2rem;padding: 0 .15rem;text-align: center;line-height: .5rem;background-color: #fce9da;}
.g-buttom2{display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 .2rem .4rem;color: #fff;min-width: 2rem;padding: 0 .15rem;text-align: center;line-height: .5rem;background-color: #999999;}

@media(min-width: 750px){
    .g-item:nth-child(5n + 2){width:  calc(455/1862*100%);}
    .g-item:nth-child(5n + 4){width:  calc(455/1862*100%);}
}
@media(max-width: 750px){
   .g-lt{width: 100%;}
   .g-rt{width: 100%;}
   .g-item{width: 50%;}
   .g-play{opacity: 1;}
   .g-link:after{opacity: 1;}
   .g-buttom1{line-height: .6rem;}
   .g-buttom2{line-height: .6rem;}
}

.i-main{position: relative;width: 100%;background-color: #f8f8f8;}
.i-main:before{content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%,0);width: 17.2rem;max-width: calc(100% - .6rem);height: 1px;background-color: #000000;opacity: 0.1;}
.i-cont{width: 100%;position: relative;}
.i-b{width: 100%;}
.i-item{width: 100%;height: auto;}
.i-link{display: flex;flex-wrap: wrap; align-items: center;flex-direction: row-reverse;width: 100%;height: 100%;cursor: pointer;}
.i-imgbox{width: 50%;}
.i-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(600/960*100%);}
.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-text{width: 50%;padding: 0 2.25rem 0 2.6rem;}
.i-classify{width: 100%;margin-bottom: .08rem;color: #999999;line-height: 1.6;}
.i-name{width: 100%;margin-bottom: .48rem;color: #333333;line-height: 1.16;font-weight: bold;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i-more{display: inline-block;padding: 0 .35rem;color: #333;line-height: .5rem;background-color: #fce9da;}
.i-more:after{content: '>>';margin-left: .05rem;}
.i-link:hover .i-img img{transform: scale(1.05);}
.i-link:hover .i-name{color: #9f2927;}
.i-pagination{position: absolute;bottom: .7rem;left: 0;width: 50%;font-size: 0;text-align: left;padding-left: 2.55rem;}
.i-pagination .swiper-pagination-bullet{transition: all  .3s;display: inline-block;vertical-align: middle;margin: 0 .05rem .1rem;opacity: 1;width: .1rem;height: .1rem;border-radius: 50%;background-color: #ffffff;border: solid 1px #e5e5e5;}
.i-pagination .swiper-pagination-bullet-active{background-color: #9f2927;border: solid 1px #9f2927;}

@media(max-width: 1150px){
   .i-text{padding: 0 1rem 0 1.6rem;}
   .i-pagination{padding-left: 1.55rem;}
}
@media(max-width: 750px){
   .i-imgbox{width: 100%;}
   .i-text{width: 100%;padding: .3rem .3rem .6rem;}
   .i-more{line-height: .6rem;}
   .i-pagination{bottom: .15rem;padding: 0 .25rem;}
}

.j-main{width: 100%;padding: .4rem .3rem 1.3rem;background-color: #f8f8f8;}
.j-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;}
.j-top{width: 100%;padding: .05rem 0;margin-bottom: .4rem;border-top: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1); display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.j-lt{font-size: 0;}
.j-nav{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.7;}
.j-nav:after{content: '/';margin: 0 .05rem;}
.j-nav:last-child{color: #333333;font-weight: bold;}
.j-nav:last-child:after{display: none;}

.j-rt{font-size: 0;}
.j-sort{display: inline-block;vertical-align: middle;position: relative;margin-right: .6rem;}
.j-sort:after{content: '';position: absolute;top: 50%;right: -.3rem;transform: translate(0,-50%);width: 1px;height: .2rem;background-color: rgba(0, 0, 0, 0.1);}
.j-sort:last-child{margin-right: 0;}
.j-sort:last-child:after{display: none;}
.j-sort_tip{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.42;}
.j-sort_select{display: inline-block;vertical-align: middle;}
.j-sort_select .select-sub{left: auto;right: -.15rem; min-width: calc(.2rem + 9em);}
.j-sort_select .select-tip{border: none !important;padding-left: 0;padding-right: .2rem;}
.j-sort_select .select-tip:after{right: 0;}

.j-bottom{width: 100%;display: flex;flex-wrap: wrap;}
.j-item{display: block;cursor: pointer;width: 31.39%;margin-right: 2.91%;margin-bottom: .55rem;}
.j-item:nth-child(3n){margin-right: 0;}
.j-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(338/540*100%);}
.j-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.j-text{width: 100%;padding-top: .35rem;}
.j-box{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;}
.j-time{margin-bottom: .1rem;color: #999999;line-height: 1.5;}
.j-time:before{content: '';display: inline-block;vertical-align: middle;width: 1em;height: 1em;margin-right: .1rem;background-image: url('../images/a44.png');background-size: contain;background-position: center center;background-repeat: no-repeat;}
.j-classify{margin-bottom: .1rem;color: #999999;line-height: 1.5;}
.j-name{width: 100%;margin-bottom: .13rem;color: #333333;line-height: 1.25;font-weight: bold;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.j-more{width: 100%;color: #999999;line-height: 1.7;}
.j-more:after{content: '>>';margin-left: .05rem;}
.j-item:hover .j-img img{transform: scale(1.05);}
.j-item:hover .j-time{color: #333333;}
.j-item:hover .j-time:before{background-image: url('../images/a44-b.png');} 
.j-item:hover .j-classify{color: #333333;}
.j-item:hover .j-more{color: #9f2927;}

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

.k-main{width: 100%;padding: .4rem .3rem 1.4rem;background-color: #f8f8f8;}
.k-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;}
.k-top{width: 100%;min-height: .6rem;padding: .05rem 0;margin-bottom: .4rem;border-top: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1); display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.k-navbox{font-size: 0;}
.k-nav{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.7;}
.k-nav:after{content: '/';margin: 0 .05rem;}
.k-nav:last-child{color: #333333;font-weight: bold;}
.k-nav:last-child:after{display: none;}
.k-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.k-left{width: 11.6rem;padding: .77rem .8rem;background-color: #ffffff;}
.k-box1{width: 100%;padding-bottom: .1rem;margin-bottom: .35rem;border-bottom: 1px solid rgba(0,0,0,.1);}
.k-titles{width: 100%;margin-bottom: .25rem;color: #333333;font-weight: bold;line-height: 1.14;}
.j-cont{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.j-lt{font-size: 0;}
.j-tip{display: inline-block;vertical-align: middle;margin-bottom: .05rem;margin-right: 1.05rem; color: #999999;}
.j-tip img{height: 1em;margin-right: .1rem;}
.j-tip:last-child{margin-right: 0;}
.j-rt{font-size: 0;} 
.j-share{display: inline-block;vertical-align: middle;margin-bottom:  .05rem;}
.j-share_tip{display: inline-block;vertical-align: middle;padding-right: .1rem;color: #999999;line-height: 1.7;}
.j-share_list{display: inline-block;vertical-align: middle;}
.j-share_one{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .2rem;}
.j-share_one:last-child{margin-right: 0;}
.j-share_icon{display: flex;align-items: center;height: 1.7em;}
.j-share_icon1{display: block;height: 1em;}
.j-share_icon2{display: none;height: 1em;}
.j-share_one:hover .j-share_icon1{display: none;}
.j-share_one:hover .j-share_icon2{display: block;}

.k-textbox{width: 100%;color: #adb5bd;line-height: 1.42;}
.k-textbox *{line-height: inherit;max-width: 100%;}
.k-buttom{width: 100%;margin-top: .3rem;padding-top: .35rem;border-top: 1px solid rgba(0,0,0,.1);}
.k-friendly_link{width: 100%;padding-bottom: .1rem;display: flex;flex-wrap: wrap;align-items: flex-start;}
.kf-tip{color: #333333;font-weight: bold;line-height: 1.42;}
.kf-list{flex: 1;display: flex;align-items: center;flex-wrap: wrap;}
.kf-one{display: block;cursor: pointer;margin-bottom: .1rem;color: #adb5bd;line-height: 1.42;}
.kf-one:after{content: ',';}
.kf-one:last-child:after{display: none;}
.kf-one:hover{color: #9f2927;text-decoration: underline;}

.k-link{cursor: pointer;width: 100%;color: #adb5bd;line-height: 1.42;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.k-link span{color: #333333;font-weight: bold;}
.k-link:hover{color: #9f2927;}

.k-right{width: 5.2rem;padding: .75rem .5rem;background-color: #ffffff;}
.k-subtitle{width: 100%;padding-bottom: .25rem;color: #333333;line-height: 1.4;font-weight: bold;}
.k-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.k-item{display: block;cursor: pointer;width: 100%;padding-bottom: .35rem;margin-bottom: .4rem;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.k-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(263/420*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{width: 100%;padding-top: .15rem;}
.k-box{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;}
.k-time{margin-bottom: .1rem;color: #999999;line-height: 1.5;}
.k-time:before{content: '';display: inline-block;vertical-align: middle;width: 1em;height: 1em;margin-right: .1rem;background-image: url('../images/a44.png');background-size: contain;background-position: center center;background-repeat: no-repeat;}
.k-classify{margin-bottom: .1rem;color: #999999;line-height: 1.5;}
.k-name{width: 100%;margin-bottom: .1rem;color: #333333;line-height: 1.25;font-weight: bold;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.k-more{width: 100%;color: #999999;line-height: 1.7;}
.k-more:after{content: '>>';margin-left: .05rem;}
.k-item:hover .k-img img{transform: scale(1.05);}
.k-item:hover .k-time{color: #333333;}
.k-item:hover .k-time:before{background-image: url('../images/a44-b.png');} 
.k-item:hover .k-classify{color: #333333;}
.k-item:hover .k-more{color: #9f2927;}

@media(min-width: 750px){
  .k-item:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom:none;} 
}
@media(max-width: 750px){
    .k-navbox{width: 100%;overflow: auto;white-space: nowrap;}
    .k-left{width: 100%;padding: .5rem .3rem;margin-bottom: .3rem;}
    .j-tip{margin-right: .2rem;}
    .kf-list{flex: none;}
    .k-right{width: 100%;padding: .5rem .3rem .1rem;}
    .k-item{width: calc(50% - .15rem);}
}

.l-main{width: 100%;}
.l-b{width: 100%;}
.l-item{display: block;width: 100%;}
.l-link{display: block;cursor: pointer;width: 100%;}
.l-img{width: 100%;}
.l-img img{width: 100%;}

.m-main{width: 100%;padding: .95rem .3rem .7rem;background-image: linear-gradient(0deg, #ffffff 0%, #f8f8f8 100%);}
.m-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;}
.m-titles{width: 100%;text-align: center;margin-bottom: .3rem;font-weight: bold;color: #333333;line-height: 1.2;}
.m-cont{position: relative;left: -.15rem;width: calc(100% + .3rem);display: flex;flex-wrap: wrap;}
.m-item{width: calc(100/8*1%);padding: 0 .15rem;margin-bottom: .25rem;}
.m-link{display: block;cursor: pointer;text-align: center;}
.m-imgbox{display: inline-block;width: 1.9rem;max-width: 100%;}
.m-img{transition: all  .3s;width: 100%;position: relative;overflow: hidden;padding-top: calc(190/190*100%);border-radius: 50%;background-color: #fff;border: solid .02rem #fff;	box-shadow: 0px 0px .12rem 0px rgba(0, 0, 0, 0.02);}
.m-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.m-text{width: 100%;padding-top: .1rem;}
.m-name{transition: all  .3s;width: 100%;color: #333333;line-height: 1.6;}
.m-link:hover .m-img{border: solid .02rem #fce9da;}
.m-link:hover .m-img img{transform: scale(1.05);}
.m-link:hover .m-name{color: #9f2927;}

@media(max-width: 1150px){
    .m-item{width: 25%;}
}
@media(max-width: 750px){
    .m-item{width: 33.33%;}
}

.n-main{width: 100%;padding: .95rem .3rem .95rem;background-color: #f8f8f8;}
.n-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;}
.n-titles{width: 100%;text-align: center;margin-bottom: .35rem;font-weight: bold;color: #333333;line-height: 1.2;}
.n-cont{position: relative;left: -.15rem;width: calc(100% + .3rem);}
.n-item{width: 20%;padding: 0 .1rem;}
.n-link{display: block;cursor: pointer;width: 100%;position: relative;}
.n-imgbox{position: relative;width: 100%;background-color: #fff;}
.n-img_one{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;}
.n-img_one.active{opacity: 1;z-index: 1;visibility: visible;position: relative;}
.n-b{width: 100%;}
.n-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(320/320*100%);}
.n-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.n-labelbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 8;padding: .1rem;}
.n-label{display: inline-block;vertical-align: middle;margin: .1rem;padding: 0 .1rem;line-height: 1.42; color: #9f2927;border: solid 1px #9f2927;}
.n-upgradebox{position: absolute;bottom: 0;left: 0;z-index: 8;width: 100%;text-align: center;font-size: 0;}
.n-upgrade{display: inline-block;padding: 0 .15rem;line-height: 1.85;color: #ffffff;background-color: #f1bf98;}
.n-prev{pointer-events: auto !important;display: none;left: .1rem;margin-top: -.25rem;width: .15rem;height: .5rem;background-image: url('../images/a20.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.n-next{pointer-events: auto !important;display: none;transform: rotate(-180deg); right: .1rem;margin-top: -.25rem;width: .15rem;height: .5rem;background-image: url('../images/a20.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.n-text{width: 100%;}
.n-text1{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 100%;padding-top: .1rem;}
.n-pricebox{display: flex;align-items: center;flex-wrap: wrap;}
.n-price{margin-top: .1rem;color: #333333;font-weight: bold;line-height: 1.6;}
.n-price2{margin-top: .1rem;display: flex;align-items: center;flex-wrap: wrap;}
.n-price2_span1{color: #a0302e;font-weight: bold;line-height: 1.6;}
.n-price2_span2{margin: 0 .1rem;color: #999999;font-weight: bold;line-height: 1.6;}
.n-price2_span3{text-decoration: line-through;color: #999999;font-weight: bold;line-height: 1.6;} 
.n-car{margin-top: .1rem;display: block;cursor: pointer;height: 1em;}
.n-car img{height: 100%;}
.n-car2{position: absolute;bottom: .2rem;right: .2rem;z-index: 8;display: flex;align-items: center;justify-content: center;width: .4rem;height: .4rem;border-radius: 50%;border: 1px solid rgba(0,0,0,.1);}
.n-car2 img{width: 50%;}
.n-classifybox{width: 100%;display: flex;flex-wrap: wrap;}
.n-classify{display: block;cursor: pointer;margin:.05rem .1rem .05rem 0;width: 1.5em;height: 1.5em;border-radius: 50%;overflow: hidden;background-color: #ffffff;border: solid 1px #dfdfdf;}
.n-classify img{width: 100%;height: 100%;object-fit: contain;}
.n-classify:last-child{margin-right: 0;}
.n-classify.active{border: solid 1px #333333;} 
.n-link:hover .n-prev{display: block;}
.n-link:hover .n-next{display: block;}
@media(max-width: 750px){
    .n-item{width: 50%;}
    .n-prev{display: block;}
    .n-next{display: block;}
}

.o-main{width: 100%; }
.o-top{width: 100%;padding: 1.05rem .3rem 0;}
.o-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;}
.o-titles{width: 100%;text-align: center;margin-bottom: .35rem;font-weight: bold;color: #333333;line-height: 1.2;}
.o-bottom{width: 100%;}
.o-b{width: 100%;}
.o-item{width: 25%;}
.o-link{display: block;cursor: pointer;width: 100%;}
.o-link:after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #fff;opacity: .4;}
.o-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(690/480*100%);}
.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-img:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;	height: 2.8rem;background-image: linear-gradient(0deg, #000000 0%, rgba(0,0,0,.01) 100%);opacity: 0.4;}
.o-text{position: absolute;bottom: 0;left: 0;width: 100%;padding: .5rem .55rem;}
.o-nub{width: 100%;color: #ffffff;line-height: 1.4;}
.o-name{width: 100%;margin-top: .08rem;color: #ffffff;line-height: 1.4;}
.o-more{display: none;width: 100%;margin-top: .15rem;color: #ffffff;}
.o-more:after{content: '>>';margin-left: .05rem;}
.o-link:hover .o-img img{transform: scale(1.05);}
.o-link:hover .o-more{display: block;}
@media(max-width: 750px){
    .o-item{width: 50%;}
    .o-text{padding: .3rem;}
}

.p-main{overflow: hidden;width: 100%;padding: .2rem 0;}
.p-wrap{width:100%;overflow:hidden;position:relative;}
.p-inner{position:relative;display:inline-block;vertical-align:top;white-space:nowrap;font-size:0;}
.p-list{font-size:0;display:inline-block;vertical-align:top;}
.p-item{display:inline-block;vertical-align:middle;width:3.2rem;}
.p-link{display:block;cursor:pointer;width:100%;}
.p-img{width:100%;position:relative;overflow:hidden;padding-top:calc(100/320*100%);}
.p-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.00);transition:all ease .5s;} 
.p-link:hover .p-img img{transform:scale(1.05);} 

.q-main{position: relative;width: 100%;min-height: 6.2rem;padding: 1.15rem .3rem;}
.q-inner{width: 100%;max-width: 17.2rem;margin: 0 auto;position: relative;z-index: 8;}
.q-bgbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.q-bg{opacity: 0;z-index: -1;visibility: hidden;transition: all .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.q-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.q-bg.show{opacity: 1;z-index: 1;visibility: visible;}
.q-top{width: 100%;}
.q-one{display: none;cursor: pointer;width: 100%;margin-bottom: .3rem;}
.q-one.show{display: block;}
.q-name{width: 100%;color: #ffffff;line-height: 1.23;}
.q-intro{width: 100%;max-width: 28em;color: #ffffff;line-height: 1.6;}
.q-center{width: 7.8rem;max-width: 100%;padding-bottom: .3rem;display: flex;align-items: center;flex-wrap: wrap;}
.q-nav{display: block;cursor: pointer;width: calc(16.66% - .3rem);margin-right: .3rem;margin-bottom: .3rem;padding: .05rem;background-color: transparent;border-radius: 50%;border: solid .02rem transparent;}
.q-nav:nth-child(6n){margin-right: 0;}
.q-nav_img{display: block;position: relative;padding-top: calc(30/30*100%);overflow: hidden;}
.q-nav_img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.q-nav.active{background-color: #ffffff;border: solid .02rem #fce9da;} 
.q-morebox{width: 100%;}
.q-more{display: none;cursor: pointer;color: #333;padding: 0 .36rem;line-height: .5rem;background-color: #fce9da; }
.q-more:after{content: '>>';margin-left: .05rem;}
.q-more.show{display: inline-block;}

@media(max-width: 750px){
    .q-main{padding:  .3rem;min-height: 1rem;}
    .q-center{max-width: 60%;}
    .q-nav{max-width: 60%;width: calc(16.66% - .15rem);margin-right: .15rem;margin-bottom: .15rem;}
}

.r-main{width: 100%;padding: .95rem .3rem .7rem;}
.r-inner{width: 100%;max-width: 14rem;margin: 0 auto;}
.r-titles{width: 100%;text-align: center;margin-bottom: .35rem;font-weight: bold;color: #333333;line-height: 1.2;}
.r-top{width: 100%;padding-bottom: .5rem;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.r-top .r-left{width: 7.1rem;margin-bottom: .3rem;}
.r-top .r-video{display: block;cursor: pointer;position: relative;width: 100%;padding: 0  0 .3rem .3rem;}
.r-top .r-video:after{content: '';position: absolute;bottom: 0;left: 0;width: calc(100% - .3rem);height: calc(100% - .3rem);border: solid .02rem #fce9da;}
.r-top .r-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(383/680*100%);}
.r-top .r-img>img{z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.r-top .r-play{z-index: 2;opacity: 0;transition: all .3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.r-top .r-play img{width: .6rem;}
.r-top .r-video:hover .r-play{opacity: 1;}
.r-top .r-right{width: 5.8rem;text-align: center;}
.r-top .r-name{width: 100%;margin-bottom: .05rem;color: #333333;line-height: 1.4;font-weight: bold;}
.r-top .r-intro{width: 100%;margin-bottom: .13rem;color: #999999;line-height: 1.5;}
.r-top .r-more{display: inline-block;cursor: pointer;color: #ffffff;padding: 0 .36rem;line-height: .5rem;background-color: #999999;}
.r-top .r-more:after{content: '>>';margin-left: .05rem;}
.r-top .r-more:hover{background-color: #fce9da;color: #333;}

.r-bottom{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;flex-direction: row-reverse;}
.r-bottom .r-left{width: 7.1rem;margin-bottom: .3rem;}
.r-bottom .r-imgbox{width: 100%;position: relative;padding-bottom: .77rem;}
.r-bottom .r-imgbox:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: calc(100% - 1.6rem);background-color: #f8f8f8;}
.r-bottom .r-img{position: relative;z-index: 1;width: 100%;text-align: center;}
.r-bottom .r-img img{display: inline-block;height: 3.24rem;}
.r-bottom .r-right{width: 5.8rem;text-align: center;}
.r-bottom .r-name{width: 100%;margin-bottom: .05rem;color: #333333;line-height: 1.4;font-weight: bold;}
.r-bottom .r-intro{width: 100%;margin-bottom: .3rem;color: #999999;line-height: 1.5;}
.r-bottom .r-more{display: inline-block;cursor: pointer;color: #ffffff;padding: 0 .28rem;line-height: .5rem;background-color: #999999;} 
.r-bottom .r-more:hover{background-color: #fce9da; color: #333;}

.r-center{position: relative;left: -.15rem;width: calc(100% + .3rem);padding-bottom: .4rem;display: flex;flex-wrap: wrap;}
.r-item{display: block;cursor: pointer;width: 33.33%;text-align: center;padding: 0 .1rem;margin-bottom: .3rem;}
.r-item .r-icon{transition: all  .3s;display: inline-block;position: relative;width: .8rem;height: .8rem;border-radius: 50%;border: solid 1px #999999;}
.r-item .r-icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.r-item .r-icon img:last-child{opacity: 0;}
.r-item .r-icon img:nth-child(1){opacity: 1;}
.r-item .r-text{width: 100%;padding-top: .15rem;}
.r-item .r-name{width: 100%;color: #999999;line-height: 1.6;}
.r-item:hover .r-icon{border: solid 1px transparent;background-color: #fce9da;}
.r-item:hover .r-icon img:nth-child(1){opacity: 0;}
.r-item:hover .r-icon img:last-child{opacity: 1;}
.r-item:hover .r-name{color: #9f2927;}

@media(max-width: 750px){
    .r-top .r-left{width: 100%;}
    .r-top .r-play{opacity: 1;}
    .r-top .r-more{line-height: .6rem;}

    .r-top .r-right{width: 100%;}
    .r-bottom .r-left{width: 100%;}
    .r-bottom .r-right{width: 100%;}
    .r-bottom .r-more{line-height: .6rem;}
}

.s-main{width: 100%;}
.s-b{width: 100%;}
.s-item{display: block;width: 100%;}
.s-link{display: block;cursor: pointer;width: 100%;}
.s-img{width: 100%;}
.s-img img{width: 100%;}

/* 

background-color: #9f2927;background-image: linear-gradient(41deg, #9f2927 0%, #d15f5d 100%);
transition: all  .3s;
.dc-inner{width: 100%;max-width: 17.2rem;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;}

.teaser.delay2  {transition-delay: .2s;}

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: #9f2927; 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: opacity .5s; position: fixed;top: 0;left: 0;width: 100%;height: 100vh;}
.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: .2;}
.xa-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 8rem;min-width: 500px;}
.xa-cont{width: 100%;background-color: #fff;}
.xa-top{width: 100%;position: relative;padding: .16rem .15rem;text-align: center;background-color: #f8f8f8;border: solid 1px #e5e5e5;}
.xa-titles{width: 100%;color: #333333;font-weight: bold;line-height: 1.4;}
.xa-close{position: absolute;top: 0;right: .2rem;z-index: 8;display: block;cursor: pointer;width: .75em;height: 100%;background-image: url('../images/a23.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.xa-close:hover{background-image: url('../images/a23-b.png');}
.xa-bottom{width: 100%;padding: .3rem .2rem;max-height: calc(90vh - 1.4em - .32rem);overflow: auto;}
.xa-list{width: 100%;}
.xa-item{display: block;cursor: pointer;width: 100%;padding: .2rem 0 .15rem;margin-bottom: .2rem;border: solid 1px #e5e5e5;}
.xa-item:last-child{margin-bottom: 0;}
.xa-tr{width: 100%;display: flex;flex-wrap: wrap;}
.xa-td{display: block;width: 20%;text-align: center;position: relative;padding: .04rem .15rem;margin-bottom: .1rem;}
.xa-td:after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #e5e5e5;}
.xa-tip{width: 100%;color: #333333;line-height: 1.37;font-weight: bold;}
.xa-intro{width: 100%;color: #999999;line-height: 1.42;} 
.xa-pricebox{width: 100%;text-align: right;padding: 0 .2rem 0;}
.xa-price{display: inline-block;color: #999999;line-height: 1.6;font-weight: bold;}
.xa-price span{color: #333333;}
.xa-item.active{border-radius: .2rem;border: solid 2px #9f2927;}

@media(max-width: 750px){
    .xa-inner{width: calc(100% - .6rem);min-width: 10px;}
    .xa-td{width: 33.33%;}
}