/**** normalize.css ****/
[v-cloak]{display: none!important;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-touch-callout: none;/* -webkit-user-select:none */}
body{font: 100 0.8rem/1.6  "Microsoft Yahei",Helvetica;margin:0;background: #EFF2F7;margin: 0 auto;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects;color: #333;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
a:active,a:hover{outline-width:0;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none;}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:700}
button,input{overflow:visible;margin: 0;padding: 0;outline: none;}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=text]{-webkit-appearance: none;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,li{ margin:0;}
ul,ol{padding-left:0; list-style-type:none;}
a{text-decoration:none;}
em,i{ font-style:normal}



/* Position */
.f_l{float:left;display:inline}
.f_r{float:right;display:inline}
.p_a{position:absolute}
.p_r{position:relative}
.right {float: right;}
.left {
    float: left;
}

/* Clear float */
.o_f{overflow:hidden}
.none{display:none;}
.b_l{display:block}
.clear{ clear:both}
* html .clearfix {display: inline-block;}
*+html .clearfix {display: inline-block;}
.clearfix{zoom:1}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}

/* Color class*/
.color_zhu{color:#2277c5}
.color_fu{ color:#8ba600}
.red{color: #f15b71;}
.blue{color: #5b97d8;}
.green{color:#8EA62F}
.orange{color:#F60}
.black{color:#000}
.white{color:#fff}
.gray_3{color:#333}
.gray_6{color:#666}
.gray_9{color:#999}
.bgcolor_white{background-color:#FFF}
.bgcolor_black{background-color:#000}
.bgcolor_gray3{background-color:#333}
.bgcolor_gray6{background-color:#666}
.bgcolor_gray9{background-color:#999}
.bgcolor_grayE{background-color:#eee}

/* Box class*/
.zoom{zoom:1}
.c{margin:0 auto}
.t_c{text-align:center}
.t_l{text-align:left}
.t_r{text-align:right}

.w{ width:1200px; margin:0 auto;}
.w980{width:980px}
.w978{width:978px}
.w100{width:100%}
.w50{width:50%}
.w40{ width:40%}
.w30{ width:30%}
.w20{ width:20%}
.w100p{ width:100px}
.w200p{width:200px}
.w300p{width:300px}
.w400p{width:400px}
.w500p{width:500px}
.w600p{width:600px}
.w700p{width:700px}
.w800p{width:800px}
.w900p{width:900px}
.w1000p{width:1000px}
.w1100p{width:1100px}
.w1200p{width:1200px}
.colums1{width:60px}
.colums2{width:100px}
.colums3{width:160px}
.colums4{width:220px}
.colums5{width:280px}
.colums6{width:340px}
.colums7{width:400px}
.colums8{width:460px}
.colums9{width:520px}
.colums10{width:580px}
.colums11{width:640px}
.colums12{width:700px}
.colums13{width:760px}
.colums14{width:820px}
.colums15{width:880px}
.colums16{width:940px}

.bd{border:1px solid #E8E8E8}
html body .bd_0{ border:none;}
.bd_t{border-top:1px solid #666}
.bd_b{border-bottom:1px solid #666}
.bd_l{border-left:1px solid #666}
.bd_r{border-right:1px solid #666}

.mb15 {margin-bottom: 15px;}
.m_0{margin:0!important}
.m_t0{margin-top:0!important}
.m_b0{margin-bottom:0!important}
.m_l0{margin-left:0!important}
.m_r0{margin-right:0!important}
.m_10{margin:10px}
.m_t10{margin-top:10px}
.m_b10{margin-bottom:10px}
.m_l10{margin-left:10px}
.m_r10{margin-right:10px}
.m_tb10{margin:10px 0}
.m_lr10{margin:0 10px}
.m_5{margin:5px}
.m_t5{margin-top:5px}
.m_b5{margin-bottom:5px}
.m_l5{margin-left:5px}
.m_r5{margin-right:5px}
.m_tb5{margin:5px 0}
.m_lr5{margin:0 5px}
.m_2{margin:2px}
.m_t2{margin-top:2px}
.m_b2{margin-bottom:2px}
.m_l2{margin-left:2px}
.m_r2{margin-right:2px}
.m_tb2{margin:2px 0}
.m_lr2{margin:0 2px}
.m_15{margin:15px}
.m_l15{margin-left:15px}
.m_r15{margin-right:15px}
.m_t15{margin-top:15px}
.m_b15{margin-bottom:15px}
.m_lr15{margin:0 15px}
.m_tb15{margin:15px 0}
.m_20{margin:20px}
.m_l20{margin-left:20px}
.m_r20{margin-right:20px}
.m_t20{margin-top:20px}
.m_b20{margin-bottom:20px}
.m_lr20{margin:0 20px}
.m_tb20{margin:20px 0}
.m_30{margin:30px}
.m_l30{margin-left:30px}
.m_r30{margin-right:30px}
.m_t30{margin-top:30px}
.m_b30{margin-bottom:30px}
.m_lr30{margin:0 30px}
.m_tb30{margin:30px 0}
.m_40{margin:40px}
.m_l40{margin-left:40px}
.m_r40{margin-right:40px}
.m_t40{margin-top:40px}
.m_b40{margin-bottom:40px}
.m_lr40{margin:0 40px}
.m_tb40{margin:40px 0}
.p_0{padding:0!important}
.p_t0{padding-top:0!important}
.p_b0{padding-bottom:0!important}
.p_l0{padding-left:0!important}
.p_r0{padding-right:0!important}
.p_10{padding:10px}
.p_t10{padding-top:10px}
.p_b10{padding-bottom:10px}
.p_l10{padding-left:10px}
.p_r10{padding-right:10px}
.p_tb10{padding:10px 0}
.p_lr10{padding:0 10px}
.p_5{padding:5px}
.p_t5{padding-top:5px}
.p_b5{padding-bottom:5px}
.p_l5{padding-left:5px}
.p_r5{padding-right:5px}
.p_tb5{padding:5px 0}
.p_lr5{padding:0 5px}
.p_2{padding:2px}
.p_t2{padding-top:2px}
.p_b2{padding-bottom:2px}
.p_l2{padding-left:2px}
.p_r2{padding-right:2px}
.p_tb2{padding:2px 0}
.p_lr2{padding:0 2px}
.p_15{padding:15px}
.p_t15{padding-top:15px}
.p_b15{padding-bottom:15px}
.p_l15{padding-left:15px}
.p_r15{padding-right:15px}
.p_lr15{padding:0 15px}
.p_tb15{padding:15px 0}
.p_20{padding:20px}
.p_t20{padding-top:20px}
.p_b20{padding-bottom:20px}
.p_l20{padding-left:20px}
.p_r20{padding-right:20px}
.p_lr20{padding:0 20px}
.p_tb20{padding:20px 0}
.p_30{padding:30px}
.p_t30{padding-top:30px}
.p_b30{padding-bottom:30px}
.p_l30{padding-left:30px}
.p_r30{padding-right:30px}
.p_lr30{padding:0 30px}
.p_tb30{padding:30px 0}
.p_40{padding:40px}
.p_t40{padding-top:40px}
.p_b40{padding-bottom:40px}
.p_l40{padding-left:40px}
.p_r40{padding-right:40px}
.p_lr40{padding:0 40px}
.p_tb40{padding:40px 0}

/* Font class */
.f_14{font-size:14px}
.f_16{font-size:16px}
.f_18{font-size:18px}
.f_20{font-size:20px}
.f_22{font-size:22px}
.f_strong{ font-weight:700}
.f_normal{ font-weight:400}
h1 {font-size: 25px}
h2 {font-size: 23px}
h3 {font-size: 21px}
h4 {font-size: 19px}
h5 {font-size: 17px}
h6 {font-size: 15px}

.ani-delay1{-webkit-animation-delay: 0.1s;}
.ani-delay2{-webkit-animation-delay: 0.2s;}
.ani-delay3{-webkit-animation-delay: 0.3s;}
.ani-delay4{-webkit-animation-delay: 0.4s;}
.ani-delay5{-webkit-animation-delay: 0.5s;}
.ani-delay6{-webkit-animation-delay: 0.6s;}
.ani-delay7{-webkit-animation-delay: 0.7s;}
.ani-delay8{-webkit-animation-delay: 0.8s;}
.ani-delay9{-webkit-animation-delay: 0.9s;}
.ani-delay10{-webkit-animation-delay: 0.10s;}
.ani-delay11{-webkit-animation-delay: 0.11s;}



html,body,.wrap{min-height: 100%;line-height: 1.6;box-sizing: border-box;}

body{
    padding-top: 2.9rem;
    box-sizing: border-box;
}
header {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;width: 100%;z-index: 10;}
header .top {overflow: hidden;height: 2.9rem;line-height: 2.9rem;position: relative;background: #fff;}
header .top .title{text-align: center;font-size: 16px;}
header .top .back {float: left;margin-left: -100%;}
header .top .back a {display: block;width: 2.9rem;text-align: center;}
header .top .back a i { color: #F7463D; font-size: 26px; margin-right: 7px; position: relative; top: 4px; }
header .top .place { float: left; margin-left: -100%; }
header .top .place a { display: block; text-align: center; padding: 0 10px; }
header .top .place a i { color: #F7463D; font-size: 26px; margin-right: 7px; position: relative; top: 4px; }
header .top .search {float: left;width: 100%;height: 2.9rem;}
header .top .search .searchWrap { padding: 0 50px 0 80px; }
header .top .search .searchWrap a {display: block;background: #f0f0f0;border-radius: 50px;height: 32px;line-height: 32px;margin-top: 0.47rem;text-indent: 8px;color: #777;}
header .top .search .searchWrap a i { color: #f7463c; font-size: 17px; margin-right: 5px; }
header .top .rightBtn{float: left;text-align: center;margin-left: -3.9rem;width: 2.9rem;padding: 0 0.5rem;}
header .top .rightBtn a{
    display: block;
    font-size: 0.9rem;
}
header .top .shaoma {float: left;text-align: center;margin-left: -45px;width: 45px;}
header .top .shaoma a {display: block;line-height: 57px;height: 2.9rem;}
header .top .shaoma i { color: #f7463c; font-size: 25px; }
header .top .shaoma span { display: none; }
header .top .shaoma img { width: 26px; height: 26px; }
header .swiper-container { text-align: center;/* height: 173px; */ width: 100%; }
header .swiper-slide { width: 100%;/* height: 290px; */ }


footer {width: 100%;height: 2.9rem;line-height: 2.9rem;position: fixed;bottom: 0px;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.2);z-index: 100;left: 0;}
footer ul { display: flex; display: -webkit-flex; height: 100%; }
footer li {text-align: center;flex: 1;-webkit-flex: 1;height: 100%;}
footer li:nth-child(odd){
}
footer li a { display: block; line-height: 1; height: 100%; color: #999; position: relative; }
footer li a i.fa {margin-top: 0.35rem;font-size: 1.1rem;}
footer li a p {padding-top: 0.28rem;color: #666;}
footer li.active a { background: #f9f9f9; }
footer li.active a i.fa { color: #ff6058; }
footer li.active a p { color: #ff6058; }
footer li a .number span { }
footer li a .number {position: absolute;width: 0.9rem;height: 0.9rem;top: -3px;right: 30%;background: #ff3a3a;color: #fff;line-height: 1rem;border-radius: 1rem;font-size: 0.6rem;}


.idxSaler li:active{
    background-color: rgba(0,0,0,0.1);
}




@media (max-width: 320px) {
  html {font-size: 15px;}
}
@media (min-width: 321px) and (max-width:480px) {
  html {font-size: 17px;}
}
@media (min-width: 481px) and (max-width: 640px) {
  html {font-size: 19px;}
}
@media (min-width: 641px) {
  html {font-size: 20px;}
}