@charset "UTF-8";
/* reset.css -----------------------------------------------------------------*/


html, body { width: 100%; }

body { font-family: "Microsoft Yahei", "Helvetica"; line-height: 1; color: #333333; }

a { color: #333333; }

html * { outline: none; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img { max-width: 100%; border: 0; /*-webkit-touch-callout: none;*/ }

ul, ol { list-style: none; }

/* form-reset.css -----------------------------------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }

button { background: none; border: none; }

a, input, textarea, button { color: #333333; text-decoration: none; border: none; }



input[type="button"], input[type="text"], input[type="submit"], input[type="search"], input[type="tel"], input[type="number"], select, option, .appNone { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; }

input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }

/* const.css -----------------------------------------------------------------*/
.icon { display: inline-block; background-color: transparent; background-repeat: no-repeat; }

.VAM:after { content: ""; display: inline-block; overflow: hidden; height: 100%; width: 0; font-size: 0; vertical-align: middle; }

.wbwr { word-break: break-all; word-wrap: break-word; }

.clr:after, .clr:before { content: ""; display: table; }

.clr:after { clear: both; }

.clr { zoom: 1; }

.fll { float: left; }

.flr { float: right; }

.vam { vertical-align: middle; }

.db { display: block; }

.dib { display: inline-block; }

.tar { text-align: right; }

.tac { text-align: center; }

.ovh { overflow: hidden; }

.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.posr { position: relative; }

.auto { margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 320px) { html { font-size: 42.66667px; } }

@media only screen and (min-width: 360px) { html { font-size: 48px; } }

@media only screen and (min-width: 375px) { html { font-size: 50px; } }

@media only screen and (min-width: 384px) { html { font-size: 51.2px; } }

@media only screen and (min-width: 414px) { html { font-size: 55.2px; } }

@media only screen and (min-width: 480px) { html { font-size: 64px; } }

@media only screen and (min-width: 640px) { html { font-size: 85.33333px; } }

@media only screen and (min-width: 750px) { html { font-size: 100px; } }

@media only screen and (max-width: 319px) { html { font-size: 42.53333px; } }

em, i { font-style: normal; }

h1, h2, h3, h4, h5 { font-weight: normal; }

body { background: #f8f8f8; }

.view-wrap { min-width: 320px; max-width: 750px; margin: 0 auto; font-size: 0.32rem; background: #f8f8f8; }

.all-img { display: block; width: 100%; }

.mtop { margin-top: 0.2rem; }

.ft-h { background: #fff; }

.ft-h .footer { display: none; }
/*error*/
.error { margin-top: -4rem; text-align: center; min-height: 5rem; }

.error-pic { display: inline-block; width: 2.5rem; height: 2.5rem; overflow: hidden; }

.error-txt { margin-top: 0.5rem; font-size: 0.32rem; color: #999; }


/*加载中*/
.dropload-up, .dropload-down { position: relative; height: 0; overflow: hidden; font-size: 0.26rem; -webkit-transform: translateZ(0); transform: translateZ(0); }

.dropload-down { height: 0.6rem; line-height: 0.6rem; text-align: center; }

.dropload-refresh, .dropload-update, .dropload-load, .dropload-noData { height: .5rem; line-height: .5rem; font-size: 0.26rem; text-align: center; color: #999; }
.dropload-load span {  line-height:1;}
.dropload-load .loading { display: inline-block; height: 0.2rem; width: 0.2rem; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 0.16rem; border: 2px solid #999; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); } }

@keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.tj-img {display:none}