/*================基本样式重置================*/
html { font-family: "helvetica neue", helvetica, stheiti, arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 50px;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,select { margin:0; padding:0;}
#app-wrap i,#app-wrap em { font-weight:normal; font-style:normal; }
body #app-wrap {-webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 0.28rem; line-height: 0.4rem; color: #000; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
#app-wrap li { list-style:none; }
#app-wrap a,#app-wrap img,#app-wrap input { border:0 none; }
#app-wrap a { text-decoration:none; outline:none; background: transparent; -webkit-tap-highlight-color: transparent; color: #0088cc; }
#app-wrap a:hover { text-decoration:none; }
#app-wrap a:focus,input:focus { outline:0 none;}
#app-wrap a:active { outline: 0; }
#app-wrap a:active { color: #006699; }
#app-wrap abbr[title] { border-bottom: 1px dotted; }
#app-wrap b, #app-wrap strong { font-weight: bold; }
#app-wrap dfn { font-style: italic; }
#app-wrap mark { background: #ff0; color: #000; }
#app-wrap small { font-size: 80%; }
#app-wrap sub, #app-wrap sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
#app-wrap sup { top: -0.5em; }
#app-wrap sub { bottom: -0.25em; }
#app-wrap img { border: 0; vertical-align: middle; }
#app-wrap hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
#app-wrap pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
#app-wrap code, #app-wrap kbd, #app-wrap pre, #app-wrap samp { font-family: monospace, monospace; font-size: 1em; }

#app-wrap button, #app-wrap input, #app-wrap optgroup, #app-wrap select, #app-wrap textarea { color: inherit; font: inherit; margin: 0; }
#app-wrap button { overflow: visible; }
#app-wrap button, #app-wrap select { text-transform: none; }
#app-wrap button, #app-wrap html input[type="button"], #app-wrap input[type="reset"], #app-wrap input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
#app-wrap button[disabled], #app-wrap html input[disabled] { cursor: default; }
#app-wrap button::-moz-focus-inner, #app-wrap input::-moz-focus-inner { border: 0; padding: 0; }
#app-wrap input { line-height: normal; }
#app-wrap input[type="checkbox"], #app-wrap input[type="radio"] { box-sizing: border-box; padding: 0; }
#app-wrap input[type="number"]::-webkit-inner-spin-button, #app-wrap input[type="number"]::-webkit-outer-spin-button { height: auto; }
#app-wrap input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  padding-left: 10px;
    height: .64rem;
    width: 4.8rem;
    opacity: .8;}
#app-wrap input[type="search"]::-webkit-search-cancel-button, #app-wrap input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
#app-wrap fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
#app-wrap legend { border: 0; padding: 0; }
#app-wrap textarea { overflow: auto; resize: vertical; }
#app-wrap optgroup { font-weight: bold; }
#app-wrap table { border-collapse: collapse; border-spacing: 0; }
#app-wrap td, #app-wrap th { padding: 0; }
#app-wrap html, #app-wrap button, #app-wrap input, #app-wrap select, #app-wrap textarea { font-family: "helvetica neue", helvetica, stheiti, arial, sans-serif; }
#app-wrap h1, #app-wrap h2, #app-wrap h3, #app-wrap h4, #app-wrap h5, #app-wrap h6, #app-wrap p, #app-wrap figure, #app-wrap form, #app-wrap blockquote { margin: 0; }
#app-wrap ul, #app-wrap ol, #app-wrap li, #app-wrap dl, #app-wrap dd { margin: 0; padding: 0; }
#app-wrap ul, #app-wrap ol { list-style: none outside none; }
#app-wrap h1, #app-wrap h2, #app-wrap h3 { line-height: 2; font-weight: normal; }
#app-wrap h1 { font-size: 1.8rem; }
#app-wrap h2 { font-size: 1.6rem; }
#app-wrap h3 { font-size: 1.4rem; }
#app-wrap input::-moz-placeholder, #app-wrap textarea::-moz-placeholder { color: #cccccc; font-size: 0.3rem;}
#app-wrap input:-ms-input-placeholder, #app-wrap textarea:-ms-input-placeholder { color: #cccccc; font-size: 0.3rem;}
#app-wrap input::-webkit-input-placeholder, #app-wrap textarea::-webkit-input-placeholder { color: #cccccc; font-size: 0.3rem;}
#app-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*========定义基础样式========*/
#app-wrap .hide { display:none;}
#app-wrap .fl { float:left;}
#app-wrap .fr { float:right;}
#app-wrap .clearfix:after { content:" "; display:block; clear:both; height:0; /*visibility:hidden;*/}
#app-wrap .clearfix { zoom:1; }
#app-wrap a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
#app-wrap a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.tablist{ width: 100%; display: flex;margin: 10px 0; padding: 0 15px; justify-content: space-between; flex-wrap: wrap;}
.tablist a{ font-size: .26rem; font-weight: 700;display: block;}