@charset "utf-8";
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,li,ol,dl{list-style-type:none}
html,body{margin: 0;padding: 0;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a{text-decoration:none;cursor: pointer; color:#333;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {/*-webkit-appearance: textfield;*/ /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
    Name:           style_clearfix
    Example:        class="clearfix|cl"
    Explain:        Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.fl{float: left;}
.fr{float: right;}
body{min-width: 320px; max-width: 640px;width: 100%;height: 100%;margin: 0 auto;overflow: auto;overflow-x: hidden;font-size: 1rem;}
/* 颜色 */
.bgfff{background-color: #fff;}
.bggrey{background-color: #f5f5f5;}

.color_333{color: #333;}
.color_666{color: #666;}
.color_999{color: #999;}
.color_fff{color: #fff;}
.color_blue{color: #4b91fa;}
.color_ccc{color: #ccc;}
.color_red{color: #ee3625;}
.color_3186ef{color: #3186ef;}

.f-06{font-size: 0.6rem;}
.f-08{font-size: 0.8rem;}
.f-09{font-size: 0.9rem;}
.f-10{font-size: 1.0rem;}
.f-12{font-size: 1.2rem;}
.f-14{font-size: 1.4rem;}
.f-16{font-size: 1.6rem;}

.pd_3lr{padding-left: 3%;padding-right: 3%;}
.pd_4lr{padding-left: 4%;padding-right: 4%;}
.mg_2lr{margin-left: 2%;margin-right: 2%;}
.mg_3lr{margin-left: 3%;margin-right: 3%;}
.mg_4lr{margin-left: 4%;margin-right: 4%;}

.pd_3b{padding: 3%;}
.pd_4b{padding: 4%;}
.mg_4g{margin: 4%;}
.mg_3g{margin: 3%;}

.pd-05{ padding: 0.5rem;}
.pd-10{ padding: 1rem;}
.pb-05{padding-bottom:0.5rem;}
.pb-10{padding-bottom: 1rem;}
.pl-05{ padding-left: 0.5rem;}
.pl-10{ padding-left: 1rem;}
.pr-10{ padding-right: 1rem;}
.pd-15{ padding: 1.5rem;}
.pt-05{ padding-top: 0.5rem;}
.pt-10{ padding-top: 1rem;}
.pt-15{ padding-top: 1.5rem;}
.pt-20{ padding-top: 2rem;}
.mg-10{margin: 1rem;}
.mg-05{ margin: 0.5rem;}
.mt-05{ margin-top: 0.5rem;}
.mt-10{ margin-top: 1rem;}
.mr-05{margin-right: 0.5rem}
.mb-05{ margin-bottom: 0.5rem;}
.mb-10{ margin-bottom: 1rem;}

.text-c{ text-align: center;}
.text-l{ text-align: left;}
/*  行高 line-height  */
.lh-100{line-height: 100%;}
.lh-130{line-height: 130%;}
.lh-150{line-height: 150%;}
.lh-170{line-height: 170%;}
.lh-180{line-height: 180%;}
.lh-200{line-height: 200%;}

/* 溢出文字用‘...’替换 */
.ellipsis-1row{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis-2row{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis-3row{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis-4row{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.H-1{height: 1rem;}
.border_b05{border-bottom:0.5rem solid #f5f5f5}
.row {box-sizing: border-box;}
.col-12 {width: 100%;}
.col-4-1 {width: 25%;box-sizing: border-box;float: left;min-height: 1px;position: relative;}
.col-3-1 {width: 33.333333%;box-sizing: border-box;float: left;min-height: 1px;position: relative;}
.col-2-1 {width: 50%;box-sizing: border-box;float: left;min-height: 1px;position: relative;}
[class^="col-"],[class*=" col-"]{box-sizing:border-box; float:left;min-height: 1px;position: relative;}
.col-5-1{ width:20%;box-sizing: border-box;float: left;min-height: 1px;position: relative;}
.col-5-4{ width:80%;box-sizing: border-box;float: left;min-height: 1px;position: relative;}
.col-3{width: 30%;box-sizing: border-box;float: left;min-height: 1px;position: relative;}

/* 布局 */
.flexR{display:flex;flex-direction:row;justify-content:center;align-items:center}
.flexL{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.flexEnd{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
.flexB{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
.flexBC{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.flexC{display:flex;flex-direction:column;justify-content:center;align-items:center}
/* 铺满元素 */
.flexall{align-items: stretch;}
/* 下划线 */
.underline{text-decoration:underline}
/*提示框*/
.tip_as{font-size: 1.1rem;position: fixed; top: 40%;left:20%;text-align: center;padding: 0.5rem 0rem;height:2.3rem;
line-height: 2.3rem;color: #fff;z-index: 11111;width: 60%;background-color: #333;border-radius: 0.3rem;}
/* 杂色 */
/* .motley{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAACVBMVEWBgYF0dHSOjo5/qoq1AAAAA3RSTlMmJibXZfhVAAACGUlEQVQoz12RQWrbQABF/wwjIXk1ErKQsxoJO8Q5xUioRvZKNnYJWclBKektRoNiHK9k45ZkJ5kW4p6yLoEWuvy8xYP3oZKQ4WbxTL5ipeANXqaqlORuMu8UxLJnIKvJzsWDQhz17LyNurEYNBLCvC3vU2MVw4sVSB2ydP/+6FSkBuRIKpM8hRpLJ8eKn4nrmMu3744Afi3oIbSHuQmhBYRBxNymZEDdUwFiINTzC4LaKRQzlZPxyIQ9uth9ED95w5Aoqjkcd9IdJ8zkYTQpwP0jI6y/FVlRSVhWHBsL5ghHnoFX42dRV/LHPNNKQSr/UAY3o2y/zhQ2Kbkub9FZV6nd4BzH7Dkbgn2Wew5PHEnLilB51qbAP9DYAEOw7H3Rpbe+9IHFucxrdqSbfsyhKK9jbaweEjy0//W0GUh6+kQ6MEciSaZhaxFZgh9yGOUsBfAK6QPwOBkMsoy98JkFZL2sHu5lAG1VLUgBpxw39LJvxJ841Tdit+lhhwa9xgn54/Rt7WLL8fFVrMKRdQJ4qFqz+SggkGme3BLDfNJtwXFKzn8lCmJIlxYKXwfCkOCaPr4fxR0/CXBYkdk9Na17kVOgDuSGqquY4n7aoMB1yBjhr2ScAMsX39syu9+AcWAtovdoIWq+U7FEjGE3sLeUXoeVxF3fygOXVHTjU2CWO7Qg7anRkQJS1di5IOreKhRHsGK5zk3lqA3y36q0m1AynF3vAAAAAElFTkSuQmCC)} */
/* 阴影 */
.box_shadow{box-shadow:0 0rem 0.5rem 0 #519ff6;border-radius: 1rem;}
/*波浪头部*/
.booking{position: relative;top:-1rem}
.wavebox{max-width: 640px;overflow: hidden;margin-bottom: -4rem;}
.wavebox img{overflow: hidden;filter: drop-shadow(0px 4.5rem #7dbbff);position: relative;top: -4.5rem;}
/* 左边框 */
.leftline{border-left: 0.1rem solid #ffc21e;padding-left:0.6rem;}
/* 文字左右对齐 */
.justify{text-align: justify;}

/* 半圆 */
.split-line,.split-liner{position: relative;flex: 0 0 0;}
.split-line:before,.split-liner:before, .split-line:after,.split-liner:after {content: '';position: absolute;width: 1.2rem;height: 0.6rem;background-color: #6fb1fa;left: -0.5rem;z-index: 1;}
.split-line:before,.split-liner:before{border-radius: 0 0 0.6rem 0.6rem;top: 0;}
.split-line:after,.split-liner:after{border-radius: 0.6rem 0.6rem 0 0;bottom: 0;}
.split-liner:before, .split-liner:after {left: auto;right: -0.5rem;}
/* 异形背景 */
.bg_cricle{border-radius: 0 4rem 0 4rem;}
/* 丝带效果 */
/* .silk-ribbon0{display:inline-block;position:absolute;width:150px;height:50px;line-height:50px;padding-left:15px;background:#59324c;left:-8px;top:20px}
.silk-ribbon0:after,.silk-ribbon0:before{content:"";position:absolute}
.silk-ribbon0:before{height:0;width:0;border-top:8px solid #000;border-left:8px solid transparent;bottom:-8px;left:0}
.silk-ribbon0:after{height:0;width:0;border-top:25px solid #59324c;border-bottom:25px solid #59324c;border-right:15px solid transparent;right:-15px;right:-15px}
 */
.sash-box{position: absolute;left:-0.5rem;}
.sashbox{color: #fff;font-size: 1.1rem;display: inline-block;width:8rem;position: relative;height:2.6rem;line-height:2.6rem;
 border-radius: 0.5rem 0 0 0;padding-left:0.8rem;
 background-image: linear-gradient(0deg, #feb01d 0%, #ffd78b 100%), linear-gradient(#c9c9c9, #c9c9c9);
    box-shadow: inset 0 0.1rem 0.5rem 0 rgba(230, 152, 5, 0.5);}
.sash_r{position: absolute;right: 0;top: 0;width: 0; height: 0;border-width: 1.3rem;border-style: solid; border-color: transparent #fff transparent transparent;}
.sashicon{background-image: url(/application/cy01bdsh_mlkql/view/static/images/ccz_icon.png);background-size: 3.3rem;width:1.2rem;height:2.8rem;margin-right: 0.3rem;
display: inline-block;background-position:-2rem -3.7rem;}
.s_jticon{background-position:-2rem -6.35rem;}
.sash_b{background-color: #d18b0b;border-radius: 0 0 0 0.5rem;width: 0.5rem;height: 0.5rem; position: absolute;bottom: -0.5rem;z-index: 0;left: 0;}
/* 头 */
.bannerimg{position: relative;}
/* 倒计时 */
.countdown span{display: inline-block;margin: 0 0.2rem;font-size: 0.8rem;}
span.countdownbg{background-color: #207fe8;border-radius:0.3rem;width:1.6rem;height: 1.6rem;line-height: 1.6rem;font-size: 1rem;}
/* 报名表单 */
.input-txt,.input_txt2,.selects{ margin-bottom:0.6rem; position: relative; border:0.08rem solid #5fa5f2; border-radius: 0.3rem;}
.input-txt input,.input_txt2 input, .selects select{background-color: transparent;padding-left: 3rem; box-sizing: border-box; -webkit-box-sizing: border-box;border: 0px; height:2.8rem;width: 100%; font-size: 0.9rem; color: #aaa;}
.titletick {position: relative; z-index: 2;padding: 0.7rem 0.7rem 0.2rem 0.6rem;overflow: hidden;font-size: 1.2rem;letter-spacing: 0;}
.titletick span.titleIn-em-red{border-left:0.2rem solid #ff3838; padding-left:0.5rem;height: 1.1em;  line-height: 1em;}
/* .signUpfrom-icon{background: rgba(0, 0, 0, 0) url(/application/cy01bdsh_mlkql/view/static/images/ccz_icon.png) no-repeat scroll 0 0;
display: inline-block;height:3rem;left: 0.5rem;margin-top: -0.34rem;position: absolute;width:2.4rem;background-size:4rem;}
.signUpfrom-icon01 {background-position: 0.2rem 1.1rem;}
.signUpfrom-icon02 {background-position:0.2rem -3.1rem;}
.signUpfrom-icon03 {background-position: 0.2rem -6.7rem;}
.signUpfrom-icon04 {background-position: 0.2rem -10.5rem;} */
.signUpfrom-icon{height: 3rem;position: absolute;width: 2.8rem;line-height: 2.8rem;overflow: hidden;display: inline-block;text-align: center;left: 0;}
.signUpform-com{margin-bottom: 0.6rem; position: relative;border: 0.08rem solid #666;border-radius: 0.2rem;}
.signUpfrom-txt{padding-left:3rem;box-sizing: border-box; -webkit-box-sizing: border-box; border: 0px;height: 2.8rem; width: 100%;
    font-size: 0.9rem;line-height: 3rem; position: relative;}
.select_brands{width: 3rem; height: 3rem;position: absolute;right: 0; display: inline-block;
background: rgba(0, 0, 0, 0) url(/application/cy01bdsh_mlkql/view/static/images/ccz_icon.png) no-repeat scroll 0 0; 
background-position:-1.6rem 1rem;background-size: 4rem;}
.input-txt,.input_txt2,.selects,.signUpform-com{overflow: hidden;}  
/* .input-txt:hover em,.selects:hover em,.signUpform-com:hover em{overflow: hidden;top: -2.5rem;} */
    /* 提交按钮 */
.tijiao {width: 96%;height: 3rem;border-radius:10rem;background-color: #edca33;box-shadow: 0 0.3rem 0 0 #ff9927;
    border: solid 0.08rem #ffe359;color: #984a10;text-align: center;margin: 0.3rem auto;font-size: 1rem;
    background-image: linear-gradient(180deg,#f9edb8 0%, #eece41 100%), linear-gradient(#c9c9c9, #c9c9c9);position: relative;}
em.btn_Bloom{width: 2rem;height: 2rem;position: absolute;background-image: url(/application/cy01bdsh_mlkql/view/static/images/ccz_icon.png);left:5%;top: 5%;
background-position: -2.3rem -2rem;background-repeat: no-repeat;background-size: 3.8rem;}
    /* 悬浮按钮 */
.nav{height:3.4rem; max-width: 640px; width: 100%;position:fixed;bottom:0;text-align:center; z-index: 10;
padding-top: 0; background-color: #f3cf33;box-shadow: inset 0rem 0.2rem 0.8rem 0rem rgba(255, 249, 221, 0.5)}
.nav ul{ display: block; height: 3.4rem; width: 100%;}
.nav ul li a{ color: #984a10; text-decoration: none; font-weight: bold; display: block; height: 3rem; }
.nav ul li{ display: block;width:100%;height: 3.4rem;line-height: 3.4rem;font-size: 1rem;}

/* 刚刚报名的团友 */
.showPerson_box .showPerson ul li span{display: inline-block; text-align: center;width: 24%;height: 1.6rem;line-height: 1.6rem;overflow: hidden;font-size: 0.9rem;}
.showPersonlist {color: #333;}
.comtitle{text-align: center;font-size: 1.1rem;font-weight: bold;letter-spacing: 0.08rem;line-height: 3rem;border-radius: 1rem 1rem 0 0;
background-image: linear-gradient(0deg, #feb01d 0%, #ffd78b 100%), linear-gradient(#c9c9c9, #c9c9c9);
background-blend-mode: normal, normal;box-shadow: inset 0 0.1rem 0.5rem 0 rgba(230, 152, 5, 0.5);}
/* 报名流程 */
.flow_imgbox{overflow: hidden;background-color: #fff;border: solid 0.08rem #4d9aef;box-shadow: inset 0 0.1rem 0.4rem 0 rgba(143, 196, 255, 0.8);
width: 3.5rem;height:3.5rem;border-radius: 50%;line-height: 3.5rem;text-align: center;}
.flow_arrows{background-image: url(/application/cy01bdsh_mlkql/view/static/images/flowicon.png);background-repeat: no-repeat;
background-position: 0.55rem 0rem;background-size: 2rem;width: 3rem;height: 2.7rem;}
.flowtap{width: 17.5%;}
.arrows{width: 10%;}

/* .flow_imgbox .imgbox{background-image: url(/static/images/pub/changewap/bmlpicon.png);background-repeat: no-repeat;width: 3rem;height: 3rem;
background-position: 0.5rem 1.1rem;background-size: 2.5rem;}
.flow_imgbox .flow2{background-position: 0.5rem -1.7rem;}
.flow_imgbox .flow3{background-position: 0.5rem -4.5rem;}
.flow_imgbox .flow4{background-position: 0.5rem -7.3rem;} */
/* 展会简介 */
.autoshow_con ul li{padding-left:0.5rem;margin-bottom: 0.3rem;}
span.as_titleicon{display: inline-block;border-radius: 2rem;padding: 0 0.5rem;width:3.8rem;text-align: center;
background-image: linear-gradient(0deg, #feb01d 0%, #ffd78b 100%), linear-gradient(#c9c9c9, #c9c9c9);
background-blend-mode: normal, normal;box-shadow:inset 0 0.1rem 0.5rem 0 rgba(230, 152, 5, 0.5);color: #fff;}
p.as_title{margin-left: -0.5rem;margin-bottom: 0.3rem;}

/*常见问题*/
.questionbg{background-image:url(/application/cy01bdsh_mlkql/view/static/images/questionbg.jpg);background-repeat: no-repeat;background-position: top center;background-size: 100%;
    padding-top:7rem}
.swiper_question{width: 100%; margin: 0.5rem 0; padding-top: 0.6rem}
.swiper_question .swiper-slide{-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;
    width: 82%;padding: 0 2%;}
.swiper_question .swiper-slide-active,.swiper_question .swiper-slide-duplicate-active { margin-top: -0.5rem;}
.swiper_question .swiper-slide img{width: 100%; display: block;border-radius: 0.5rem;}

.qcontainer{-webkit-perspective:400;-moz-perspective:400;float:left;width:100%;}
.que_boxli{width:100%;height:14rem;-webkit-transform-style:preserve-3d;-webkit-transition:1.5s;-moz-transform-style:preserve-3d;-moz-transition:1.5s;}
.qcontainer:hover .que_boxli{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.face{position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;border-radius: 0.5rem;box-shadow:0rem 0rem 0.2rem 0.1rem rgba(0, 0, 0, 0.2)}
.face h3{color:white;text-align:center;}
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);
    /*background:-webkit-gradient(linear,left top,left bottom,from(#fdbb5a),to(#db5726));background:-moz-linear-gradient(top,#fdbb5a,#db5726);*/
    width:100%;height: 13.4rem;border-radius: 0.5rem;background-color: #fff;box-shadow:0rem 0rem 0.2rem 0.1rem rgba(158, 139, 107, 0.6)}
/* 参展现场 */
.hx_box{position: relative;}
.hx-title{line-height: 1.8rem;height: 1.8rem;position: absolute;bottom: 0;background-color:rgba(0, 0,0, 0.6);color: #fff;width: 100%;box-sizing: border-box;}
.hxlimg_box, .hxrimg_box{height: 10rem;width: 100%;overflow: hidden;display: grid;justify-content: center;}
.hxrimg_box{height:4.8rem;}
.hxlimg_box img,.hxrimg_box img{height: 100%;width: auto;}
/* 参展品牌 */
.swiper-container-horizontal>.brand-pagination {top: auto;bottom: 0;height: 0.5rem;background-color: #ffe7ba;}
.swiper-container-horizontal>.brand-pagination .swiper-pagination-progressbar{background: #fec14c;border-radius: 0.5rem;}
.brand-slide{padding:3% 3% 4%;box-sizing: border-box;}
.as_brands_list{background-color: #fff;box-shadow: 0 0rem 0.2rem 0 #cad7eb;border-radius:0.5rem;
width: 31%;float:left;box-sizing: border-box;margin: 1.15%;text-align: center;}
.as_brands_list img{width:5rem;height: 5rem;}
.as_brands_list a{display: block;}
.as_brands_list p{font-size:0.9rem;background-color: #ebebeb;line-height: 1.8rem;height: 1.8rem;overflow: hidden;border-radius: 0 0 0.5rem 0.5rem;}
/* 亮点 */
.czld{position: relative;overflow: hidden;}
.czldtxt,.czldicon{position: absolute;overflow: hidden;top:2.6rem}
.ldicon1{left: 0;top: 0;}
.ldicon2{right: 0;bottom: 0;}
em.ldnum{background-image: linear-gradient(128deg, #8fdcf9 0%, #60a8f7 100%), linear-gradient(#f94e3f, #f94e3f);
display: inline-block;width: 1.2rem;height: 1.2rem;text-align: center;line-height: 1.2rem;border: none;border-radius: 50%;
color: #fff;margin-right: 0.3rem;font-size: 0.9rem;}
.ldicon1{top: -10rem;-webkit-filter:drop-shadow(0 10rem #70d5fa);filter: drop-shadow(0 10rem #70d5fa);border-bottom:10rem solid transparent;}
.ldicon2{top: -11rem;-webkit-filter:drop-shadow(0 21rem #70d5fa);filter: drop-shadow(0 21rem #70d5fa);border-bottom:21rem solid transparent;}
.light_title{background-image: url(/application/cy01bdsh_mlkql/view/static/images/lighti_blue.png);background-size: 100%;width: 11rem;height:3.5rem;position: absolute;top:0.5rem;background-repeat: no-repeat;}
/* 右侧弹层 */
.sider-mark{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.6);animation:mybrand .3s ease-in-out;-webkit-animation:mybrand .3s ease-in-out;z-index:1000}
.sider-wrap{position:fixed;top:0;right:0;width:80%;height:100%;background:#fff;overflow-y:scroll;animation:mybrand .3s ease-in-out;-webkit-animation:mybrand .3s ease-in-out;z-index:10000;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;border-radius: 1rem 0 0 1rem;
background:#ececec}
.side-div{font-size:1rem;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;position:relative;width:100%;height:100%;}
.side-header{height:3rem;line-height:3rem;/* font-size:15px;overflow:hidden;background:#f7f7f7;border-bottom:1px solid #dcdcdc;z-index:999 */}
.side-header .title{position:absolute;top:0;right:0;display:inline-block;width:100%;text-align:center;height: 3rem; line-height: 3rem;}
.side-header .side-back,.side-header .side-back-all{position:relative;left:.2rem;top: 0.3rem;;z-index:2;display:inline-block;width:1.5rem;height:1.2rem;background:url(//img.km360.cn/images/pub/carshow/icon-header.png) no-repeat;background-position:center 0;background-size:100% 900%}
.side-list{border-bottom:1px solid #dcdcdc;font-size:16px;margin: 0.8rem;background-color: #fff;border-radius: 0.5rem;}
.side-list-dt{position:relative;z-index:1;padding:0.5rem;font-size:1.2rem;width:3.4rem;text-align: center;display:inline-block;}
.side-list-dd{padding:.4rem 0 .4rem .4rem;border-top:1px solid #ececec;font-size:1rem}
.side-list-dd img{width:3rem;vertical-align:middle;margin-right:.4rem;}
.side-list-dd .carimg img{width:4rem;margin-top:.06rem;height: 3rem;}
.seo-loading{font-size:1.4rem;text-align:center;margin-top:4rem}
#side-carstyle .side-list-dt{font-size:14px;padding:.1rem .5rem}
#side-carstyle .side-list-dd{padding:.2rem}
.side-list-dd .carname{font-size:1rem;padding-left:0.2rem;}
.side-list-dd .carprice{font-size:0.8rem;color:#ff7c7c;padding-left:0.2rem;}
.ziMuBody{position: fixed;right: 0.8rem;background: rgba(0,0,0,.15);z-index: 8;overflow-y: scroll;height: 100%;
    top: 3.8rem;border-radius: 0 0.5rem 0 0;padding-top: .1rem;}
.ziMuUl li{color:#fe8c0c;text-align:center;cursor:pointer;font-size:.8rem;color:#000}
.side-header-box{    position: fixed;height: 3rem; line-height: 3rem;font-size: 15px; overflow: hidden; background: #f7f7f7;
    border-bottom: 1px solid #dcdcdc; z-index: 999; width: 80%;border-radius: 1rem 0 0 0rem;}
.side-list-next{background: none;}
dl.side-list-next dt{width: auto; margin-bottom: 1rem;    background-color: #ffff;border-radius: 0.5rem;padding-left: 0.8rem;text-align: left;}
dl.side-list-next dd{background-color: #fff;line-height: 2.5rem;/* padding-left: 0.8rem; */}
.carinfo p{line-height: 1.6rem;}
dl.side-list-next dd:nth-of-type(1){border-radius: 0.5rem 0.5rem 0 0;}
dl.side-list-next dd:nth-last-of-type(1){border-radius:0 0 0.5rem 0.5rem;}


.ziMuUl li{float:left;}
.side-header-box{top:0}
.ziMuBody{width:80%;margin:0;background:none;right:0;height: 13rem;border-radius: 1rem 0 0 0rem;background-color: #ececec;top:0rem;z-index: 11111;}
.ziMuUl li a{display: inline-block;padding: 0;width: 1.8rem;height: 1.8rem;line-height: 1.8rem;background-color: #000;
    margin: 0.3rem;color: #fff;}
.sider-wrap{top:10rem;}
.ziMuUl {padding-left:0.3rem;}
.side-div{padding-bottom:10rem;overflow-y: auto;}
dl.side-list:first-child{margin-top:3rem}
/*右侧申拉品牌框*/
/* 弹层 */
.bgDiv, .UPbgDiv{width: 100%;height: 100%;background-color: #000;opacity: .5; position:fixed;display: none;z-index: 99;bottom: 0;}
.UPbgDiv{z-index: 997;}
.downNav{width: 96%;height: 55%;background-color: #fff;position: fixed;z-index: 996;bottom: -65%;left: 2%;padding:3%; border-radius: 1rem 1rem 0 0;box-sizing: border-box;}
.upNav{width: 96%;height: 60%; background-color: #fff;position: fixed;z-index: 999;top: -70%;margin: 2%;border-radius: 1rem;padding: 1rem;box-sizing: border-box;}
.xy_txt{padding:0 1rem 1rem;height:94%;overflow-y: auto;font-size: 1rem;line-height:1.4rem;text-indent: 2em;}
/* 弹层关闭 */
.as_close, .as_xy_close{position: absolute; right: 0.5rem; top: -3rem; background: rgba(255,255,255,0.4);
border-radius: 50%;width: 2.4rem;height: 2.4rem;text-align: center;line-height: 2.4rem;font-size: 2.4rem;color: #444;}
.as_xy_close{top: auto;bottom:-3rem;left: 47%;background: rgba(28,28,28,0.6);color: #e3e3e3;width: 2.8rem;height: 2.8rem;font-size: 2.8rem;line-height: 2.8rem;}
.selects select{appearance:none; -moz-appearance:none; -webkit-appearance:none;padding-right:1.6rem;background-image: url(//img.km360.cn/images/pub/mautoshow/select-icon.png);
background-repeat: no-repeat;background-position: right 0.6rem center;background-size: 0.9rem;}

/* 报名第二步选择 */
.select_two{background-color: #fff;box-shadow:0 0rem 0.2rem 0 rgba(170, 170, 170, 0.5);min-height: 10rem;
border-radius: 0.8rem;}
ul.orzh_box li{border: 0.08rem solid #999;border-radius: 0.3rem;width: 35%;box-sizing: border-box;margin:0 1%;color: #666;position: relative;height: 2.4rem;line-height: 2.4rem;overflow: hidden;}
ul.orzh_box li.checkedro_on{border: solid .08rem #f94e3f;color: #f94e3f;}
input.typeradio[type='radio']{-webkit-appearance:none;outline: none;width: 1.2rem;height: 0.9rem;position: absolute;right: 0; top: 0;}
input.typeradio[type='radio']:checked{background:url(/application/cy01bdsh_mlkql/view/static/images/selectwo_on.png) no-repeat center;
background-position: 0.3rem 0.1rem;background-size: 0.7rem;background-color: #f94e3f;border-radius:0 0.2rem 0 1rem;}

.submitbtn{background-color: #f94e3f;color: #fff;box-shadow: 0.1rem 0.1rem 0.4rem 0 rgba(102, 99, 94, 0.5);border-radius: 0.3rem;width: 100%;display: block;
border: none;font-size: 1rem;line-height: 2.6rem;height: 2.6rem;}
/* 灰色分割线 */
.line_grey{background-color: #ececec;width: 100%;height: 0.5rem;}
  /* 卡盟优势 */
ul.advlist li{height:7rem;width:49%;border-radius: 0.5rem; float: left;margin-bottom: 2%;box-sizing: border-box;background-image: url(/application/cy01bdsh_mlkql/view/static/images/adv-wap.png);
    background-size: 17rem; background-position: 5.7rem 2.9rem;background-repeat: no-repeat;}
/*.advimg{background-image: url(/static/images/pub/changewap/adv-wap.png);background-size:25rem;}*/
ul.advlist li:nth-child(2n+1){margin-right: 2%;}
ul.advlist li.advli2{background-position: -6.3rem 2.9rem;}
ul.advlist li.advli3{background-position: 5.7rem -4.1rem;}
ul.advlist li.advli4{background-position: -6.3rem -4rem;}
ul.advlist li.advli5{background-position: 5.7rem -10rem;}
ul.advlist li.advli6{background-position: -6.3rem -10rem;}
ul.advlist li.advli7{background-position:5.7rem -16.2rem;}
ul.advlist li.advli8{background-position:-6.3rem -16rem;}
.advli1{background-color:#ffe1e1;color: #f94e3f;}
.advli2{background-color:#e1f2ff;color: #2698ef;}
.advli3{background-color:#e7e4fe;color: #6c56f7;}
.advli4{background-color:#f1ffe1;color: #6bc505;}
.advli5{background-color:#f7ebe4;color: #885639;}
.advli6{background-color:#fde2ec;color: #d13e75;}
.advli7{background-color:#e5fefd;color: #1ba39e;}
.advli8{background-color:#e8ebfc;color: #2e48d7;}
.adv_title{color: #f94e3f;}
.adv_title em{width:0.5rem;height: 1.1rem;background-color: #ffe1e1;border-radius:0.8rem 0.8rem 1.2rem 1.2rem;margin: 0 0.5rem;
transform:skewX(-20deg);-webkit-transform:skew(-20deg); -moz-transform:skewX(-20deg);}
 .splitbg_fff:before,.splitbg_fff:after{background-color: #fff;box-shadow: -0.2rem 0rem 0.2rem 0 rgba(170, 170, 170, 0.3) inset;    
 content: '';position: absolute;width: 0.6rem;height: 1.2rem;left: -0.1rem;z-index: 1;border-radius:0 0.6rem 0.6rem 0;
bottom: 0;top: -0.5rem;}
.splitbg_fff:after{left: auto;right: -0.1rem;border-radius: 0.6rem 0 0 0.6rem;box-shadow: 0.2rem 0rem 0.2rem 0rem rgba(170, 170, 170, 0.3) inset;}
.splitbg_fff{position: relative; flex: 0 0 0;}
/*降价车型*/
ul.spcial_list{margin: 0 -1.5%;}
ul.spcial_list li{width: 48%;float: left;margin: 2% 1%;}
.special_car{background-color: #fff;border-radius:0.5rem;box-shadow:0 -1px 4px 0px rgba(0,0,0,0.2);
min-height: 200px;position: relative;padding: 0;cursor: pointer;box-sizing: border-box;}
.special_name{position: absolute;right: 0;background-color: #333;border-radius: 0px 0.5rem 0px 0.5rem;text-align: center;
padding:0.2rem 0.5rem;color: #fff;min-width:3rem;}
.special_imgbox{width: 100%;height: 8.6rem;overflow: hidden;}
.special_img{margin:2.2rem auto 0.3rem;width: 85%;}
.special_title{height:3rem;background-color: #f1f1f1;line-height:2.6rem;padding: 0 0.3rem;}
.special_price{background-color: #333;border-radius: 0px 0px 0.5rem 0.5rem;text-align: right;height: 2.8rem;line-height: 2.8rem;color: #fff;padding: 0 0.5rem;position: relative;}
.special_nowprice{width:45%;position: absolute;left: 0;bottom: 0;
    height: 3rem;background-color:#f66e54;border-radius: 0px 3rem 0px 0.5rem;padding:3% 3% 1% 2%;
    background-image: linear-gradient(0deg, #d9363b 0%, #f66e54 100%), linear-gradient(#ffffff, #ffffff);
    box-shadow: inset 0 0.1rem 0.8rem 0 rgba(217, 54, 59, 0.7);}
.special_nowprice p,.specical_price_r p{line-height:1.4rem;text-align: left;margin-bottom: 0;font-size: 0.9rem;}
.specical_price_r p{line-height: 1.2rem;text-align: right;font-style: italic;}
.specical_price_r{padding-top: 0.2rem;}
.special_nowprice .nowprice{font-size:1.1rem}
.ellipsis-1row {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

/* 颜色替换 */
.color_fff{color: #fff;}
.color_blue{color: #b20000;}

    /* 表单 */
body{background-color: #b20000;}
.wavebox img{ -webkit-filter:drop-shadow(0 4.5rem #f83535);filter: drop-shadow(0 4.5rem #f83535);border-bottom:4.5rem solid transparent;}
span.countdownbg{background-color: #8f0000;}
.input-txt,.selects,.signUpform-com{border:0.08rem solid #8f0000;}
.input-txt:hover,.selects:hover,.signUpform-com:hover,.input-txt.on,.selects.on,.signUpform-com.on{border:0.08rem solid #f1d148;}

.input-txt:hover em .bmicon,.selects:hover em .bmicon,.signUpform-com:hover em .bmicon,.input-txt.on em,.selects.on em,.signUpform-com.on em
{position: relative;top: -3.5rem;-webkit-filter:drop-shadow(0 3.5rem #f1d148);filter: drop-shadow(0rem 3.5rem #f1d148);border-bottom:3.5rem solid transparent;
margin-bottom: -3.5rem;}
.tijiao {background-color: #edca33;box-shadow: 0 0.3rem 0 0 #ff9927;border: solid 0.08rem #ffe359;color: #984a10;
background-image: linear-gradient(180deg,#f9edb8 0%, #eece41 100%), linear-gradient(#c9c9c9, #c9c9c9);}
.nav{background-color: #f3cf33;box-shadow: inset 0rem 0.2rem 0.8rem 0rem rgba(255, 249, 221, 0.5)}
    /* 刚刚报名的团友 */
.comtitle{background-image: linear-gradient(0deg, #feb01d 0%, #ffd78b 100%), linear-gradient(#c9c9c9, #c9c9c9);
background-blend-mode: normal, normal;box-shadow: inset 0 0.1rem 0.5rem 0 rgba(230, 152, 5, 0.5);}
/* 报名流程 */
.flow_imgbox{background-color: #fff;border: solid 0.08rem #d40707;box-shadow: inset 0 0.1rem 0.4rem 0 rgba(255, 148, 134, 0.8);}
.flowimg{position: relative;top: -3.5rem;-webkit-filter:drop-shadow(0 3.5rem #d40707);filter: drop-shadow(0rem 3.5rem #d40707);border-bottom:3.5rem solid transparent;
margin-top: 3.5rem;}
/* 左边框 */
.leftline{border-left: 0.1rem solid #ffc21e;}
/* 公共头图标背景 */
span.as_titleicon{background-image: linear-gradient(0deg, #feb01d 0%, #ffd78b 100%), linear-gradient(#c9c9c9, #c9c9c9);
box-shadow:inset 0 0.1rem 0.5rem 0 rgba(230, 152, 5, 0.5);color: #fff;}
/* 参展品牌 */
.swiper-container-horizontal>.brand-pagination {background-color: #ffe7ba;}
.swiper-container-horizontal>.brand-pagination .swiper-pagination-progressbar{background: #fec14c;}
.as_brands_list{background-color: #fff;box-shadow: 0 0rem 0.2rem 0 #cad7eb;}
/* 亮点 */
.light_title{background-image: url(/application/cy01bdsh_mlkql/view/static/images/lighti_red.png);}
em.ldnum{background-image: linear-gradient(128deg, #fd5c5c 0%, #b20000 100%), linear-gradient(#f94e3f, #f94e3f);color: #fff;}
.ldicon1{filter: drop-shadow(0px 10rem #fd5050);}
.ldicon2{filter: drop-shadow(0px 21rem #fd5050);}
/* 丝带效果 */
.sashbox{color: #fff;
 background-image: linear-gradient(0deg, #feb01d 0%, #ffd78b 100%), linear-gradient(#c9c9c9, #c9c9c9);
    box-shadow: inset 0 0.1rem 0.5rem 0 rgba(230, 152, 5, 0.5);}
.sash_r{border-color: transparent #fff transparent transparent;}
.sash_b{background-color: #d18b0b;}
/* 半圆 */
.split-line:before,.split-liner:before, .split-line:after,.split-liner:after {background-color: #b20000;}
/* 阴影 */
.box_shadow{box-shadow: 0 0rem 0.5rem 0 #b20000;}

/* 报名第二步颜色 */
.input_txt2:hover{border: 0.08rem solid #d40707;}
ul.orzh_box li.checkedro_on {border: solid .08rem #d40707;color: #d40707;}
input.typeradio[type='radio']:checked {background-color: #d40707;}
.submitbtn {background-color: #d40707;}
.input_txt2:hover em .bmicon{-webkit-filter:drop-shadow(0 3.5rem #d40707);filter: drop-shadow(0rem 3.5rem #d40707);}
/*降价车型*/
.special_nowprice{background-color:#ffd78b;
background-image: linear-gradient(0deg, #feb01d 0%, #ffd78b 100%), linear-gradient(#ffffff, #ffffff);
box-shadow: inset 0 0.1rem 0.8rem 0 rgba(230, 152, 5, 0.8);}
.special_name{background-color: #b20000;}
.special_price{background-color: #b20000;}