@charset "utf-8";
/* CSS Document */
html{ color: #000; font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
a{ color: #000; text-decoration:none;-webkit-touch-callout:none;background-color:transparent}
li{list-style:none}
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}
[hidden],template{display:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;-webkit-touch-callout:none;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-appearance:none;outline:none;line-height:normal}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal;box-sizing:border-box;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table;  line-height: 0; content: "";}
.clearfix:after { clear: both; }
.clear { clear: both; height: 0; font-size: 0; overflow:hidden; }

html{font-size: 625%; }
body { font-size: 0.32rem; background: #fafafa;}
.wrapper {max-width: 750px; min-width: 320px; margin: 0 auto;  background: #fafafa;}
.mt { height: 0.2rem;  background: #f3f3f3;  border: 1px solid #eee; border-left: none; border-right: none;}
.more { display: block; height: 0.9rem; line-height: 0.9rem; text-align: center; font-size: 0.24rem; color: #999; border-bottom: 1px solid #ddd;}
.hide { display: none !important;}

/* appDown */
.appDown { width: 100%; height: 1rem; max-width:720px; position: fixed; z-index: 100; bottom: 0; background: rgba(51,51,51,0.8);}
.appDownClose { float: left; margin: 0.38rem 0 0 0.3rem; width: 0.25rem; height: 0.24rem; background: url(../images/index/appDownClose.png) no-repeat; background-size: 100%;}
.appDown img{ margin: 0.1rem 0 0 0.3rem; width: 0.8rem; height: 0.8rem; vertical-align: -0.25rem;}
.appDown span{ margin-left: 0.2rem; color: #fff; font-size: 0.28rem;}
.appDownBtn{ float: right; width: 2rem; height: 1rem; line-height: 1rem; text-align: center; color: #fff; font-size: 0.3rem;  background: #39f;}

/* top */
#top {}
.top-bar{ height: 0.88rem; background: #050505; position: relative; z-index: 100;}
.top-logo { float: left; margin: 0.14rem 0 0 0.4rem; width: 2.5rem; height: 0.65rem; background: url(/static/img/mobile/logo.png) no-repeat; background-size: 100%;}
.top-ico { float: right; margin: 0.29rem 0.34rem 0 0; width: 0.38rem; height: 0.3rem; background: url(/static/img/mobile/topIco.png) no-repeat; background-size: 100%;}
.hotnav { display: none; width:4.6rem; padding-bottom: 0.6rem; background: #1b1b1b; position: absolute; top: 0; right: 0;}
.hotnav-close { position: absolute; top:0.3rem; right: 0.6rem; width: 0.28rem; height: 0.27rem; background: url(/static/img/mobile/hotnavClose.png) no-repeat; background-size: 100%;}
.hotnav-title { margin-top: 0.88rem; width: 100%; height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.4rem; color: #00abeb;}
.hotnav-list { margin: 0.6rem 0 0 1.14rem;}
.hotnav-list a{ line-height: 0.88rem;color: #fff; font-size: 0.32rem}
.hotnav-list dt a{ }
.hotnav-list dd { padding-left: 0.15rem; }
.hotnav-list dd a{ color: #808080; }

#swiper img{ width: 100%;}

#swiper1 { padding-left: 22px;  height: 0.88rem;}
#swiper1 .swiper-slide { width: auto; text-align: center; box-sizing: border-box;}
#swiper1 a {  line-height: 0.88rem; text-align: center; font-size: 0.32rem; color: #4c4c4c;}
#swiper1 a.on { color: #00abeb; border-bot1tom: 4px solid #f00;}
