/*
 * CSS reset for mobile
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none; font-family:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{font-size:20px;}
body{font-family:Microsoft YaHei, "Droid Sans", "Droid Sans Fallback", "Heiti SC", Helvetica, sans-self; }
ol,ul,li{list-style:none}
blockquote,q{quotes:none}
textarea{width:100%;vertical-align:middle;}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border:0}
body *{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
i{vertical-align:middle}
button{margin:0;padding:0;font-size:100%;line-height:1}a{text-decoration:none}
input,textarea{outline:none;font-family:inherit;-webkit-appearance:none;}
a{color:#333;}

/*清除浮动*/
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix{zoom:1}
.fl{float:left;}
.fr{float:right;}

@media (min-width:321px) and (max-width:414px) {
    html{font-size:23.4375px;}
}

@media (min-width:415px) {
    html{font-size:25.875px;}
}

.AppBanner {
    color: #ffffff;
    text-align: center;
}
.AppBanner-inner {
    padding: 34px 0 28px;
    background-image: -webkit-linear-gradient(316deg, #3592f5, #67bcef);
    background-image: linear-gradient(134deg, #3592f5, #67bcef);
}
.AppBanner-title {
    margin-bottom: 24px;
    font-size: 19px;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
}
h1, h2, h3 {
    margin: 0;
    font: inherit;
}
.AppBanner-button--ghost {
    color: #ffffff;
    border-color: hsla(0, 0%, 100%, .6);
}
.AppBanner-button {
    padding: 4px 20px !important;
}
.Button--ghost {
    color: #3592f5;
    border: 1px solid #3592f5;
}
.AppBanner-button--ghost {
    color: #ffffff;
    border-color: hsla(0, 0%, 100%, .6);
}
.AppBanner-button + .AppBanner-button {
    margin-left: 16px;
}
.Button--invertGhost {
    color: #3592f5;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}
.Button {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 0;
    cursor: pointer;
    line-height: 1.5;
    border-radius: 4px;
    text-align: center;
    font-size:16px;
}
button {
    padding: 0;
    color: inherit;
    font: inherit;
    background: none;
    outline: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}