/* reset.css */
html,body{margin:0;padding:0;border:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html{overflow-x:hidden;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-size:100%;font:inherit;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;background:#fff;}
table{border-collapse:separate;border-spacing:0;}
table, th, td{vertical-align:middle;}
th, td, caption{text-align:left;font-weight:normal;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;}
sub,sup,small{font-size:75%;}
sub,sup{line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
fieldset, img{border:none;}
img{vertical-align:middle;font-size:12px;line-height:1em;color:#999;text-align:left;overflow:hidden;-ms-interpolation-mode:bicubic;}/*for alt*/
iframe{border:none;margin:0;padding:0;}
ol, ul{list-style:none;}

/*typography.css*/
body{font:14px PingFangSC-Regular,'Helvetica Neue',Helvetica,STHeiTi,sans-serif;margin:0 auto;}
button,input,select,textarea{font:14px PingFangSC-Regular,'Helvetica Neue',Helvetica,STHeiTi,sans-serif;line-height:normal;}
a{text-decoration:none;-webkit-touch-callout:none;}
.w100{display:block;width:100%;vertical-align:middle;}
.gt:after{content:" ";display:inline-block;width:0.5em;height:0.5em;margin-left:0.2em;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(45deg);transform:rotate(45deg);vertical-align:0.1em;}

/*toast*/
.text-toast{position:fixed;z-index:1002;left:0;display:block;padding:10px 20px;opacity:0;max-width:90%;background:rgba(0,0,0,0.8);color:#fff;font-size:14px;line-height:18px;text-align:center;border-radius:3px;overflow:hidden;top:50%;margin-top:-50px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-transform:translateZ(0);-webkit-user-select:none;-webkit-user-drag:none;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-webkit-transform:translateY(0px);-webkit-transform:translateY(0px);-webkit-transform:translateY(-10000px);}
@-webkit-keyframes text-toast-on{
    0%{opacity:0;-webkit-transform:translateY(20px);}
    20%{opacity:1;-webkit-transform:translateY(0);}
    80%{opacity:1;-webkit-transform:translateY(0);}
    98%{opacity:0.1;-webkit-transform:translateY(-20px);}
    100%{opacity:0;-webkit-transform:translateY(-10000px);}
}
@keyframes text-toast-on{
    0%{opacity:0;transform:translateY(20px);}
    20%{opacity:1;transform:translateY(0);}
    80%{opacity:1;transform:translateY(0);}
    98%{opacity:0.1;transform:translateY(-20px);}
    100%{opacity:0;transform:translateY(-10000px);}
}
.text-toast-on{-webkit-animation-name:text-toast-on;animation-name:text-toast-on;}