@charset "utf-8";
html {
    /*iphone6*/
    font-size: 20px;
}
@media (min-width: 320px)and (max-width:329px) {
    html {
        /*iphone4,iphone5,Nokia Lumia 520*/
        font-size: 17.06px;
    }
}
@media (min-width: 330px) and (max-width:339px){
    html {
        font-size: 17.6px;
    }
}
@media (min-width: 340px) and (max-width:349px){
    html {
        font-size: 18.13px;
    }
}
@media (min-width: 350px) and (max-width:359px){
    html {
        font-size: 18.66px;
    }
}
@media (min-width: 360px) and (max-width:369px){
    html {
        /*Galaxy S5,blackberry z30,Galaxy Note3,Galaxy NoteⅡ,Galaxy SⅢ,Microsoft Lumia 950,Nexus5,Nokia N9*/
        font-size:19.2px;
    }
}
@media (min-width: 370px) and (max-width:374px){
    html {
        font-size: 19.73px;
    }
}
@media (min-width: 375px) and (max-width:383px){
    html {
        font-size: 20px;
    }
}
@media (min-width: 384px) and (max-width:392px){
    html {
        /*LG Optimus 170,Nexus4*/
        font-size: 20.48px;
    }
}
@media (min-width: 393px) and (max-width:399px){
    html {
        /*MI max*/
        font-size: 20.96px;
    }
}
@media (min-width: 400px) and (max-width:413px){
    html {
        font-size: 21.33px;
    }
}
@media (min-width: 414px)and (max-width:419px) {
    html {
        /*iphone6+(Nexus 6p,Nexus 5x,Nexus6宽度为412)*/
        font-size: 22.08px;
    }
}
@media (min-width: 420px) and (max-width:429px){
    html {
        font-size: 22.4px;
    }
}
@media (min-width: 430px) and (max-width:439px){
    html {
        font-size:22.93px;
    }
}
@media (min-width: 440px) and (max-width:449px){
    html {
        font-size: 23.46px;
    }
}
@media (min-width: 450px) and (max-width:459px){
    html {
        font-size: 24px;
    }
}
@media (min-width: 460px) and (max-width:469px){
    html {
        font-size: 24.53px;
    }
}
@media (min-width: 470px) and (max-width:479px){
    html {
        font-size: 25.06px;
    }
}
@media (min-width: 480px)and (max-width:489px) {
    html {
        font-size: 25.6px;
    }
}
@media (min-width: 490px) and (max-width:499px){
    html {
        font-size: 26.13px;
    }
}
@media (min-width: 500px) and (max-width:509px){
    html {
        font-size: 26.66px;
    }
}
@media (min-width: 510px) and (max-width:519px){
    html {
        font-size: 27.2px;
    }
}
@media (min-width: 520px) and (max-width:529px){
    html {
        font-size: 27.73px;
    }
}
@media (min-width: 530px) and (max-width:539px){
    html {
        font-size: 28.26px;
    }
}
@media (min-width: 540px) and (max-width:549px){
    html {
        font-size:28.8px;
    }
}
@media (min-width: 550px) and (max-width:559px){
    html {
        font-size: 29.33px;
    }
}
@media (min-width: 560px) and (max-width:569px){
    html {
        font-size: 29.86px;
    }
}
@media (min-width: 570px) and (max-width:579px){
    html {
        font-size: 30.4px;
    }
}
@media (min-width: 580px) and (max-width:589px){
    html {
        font-size: 30.93px;
    }
}
@media (min-width: 590px) and (max-width:599px){
    html {
        font-size:31.46px;
    }
}
@media (min-width: 600px)and (max-width:609px) {
    html {
        /*blackberry playBook,Nexus7*/
        font-size: 32px;
    }
}
@media (min-width: 610px) and (max-width:619px){
    html {
        font-size: 32.53px;
    }
}
@media (min-width: 620px) and (max-width:629px){
    html {
        font-size: 33.06px;
    }
}
@media (min-width: 630px) and (max-width:639px){
    html {
        font-size: 33.6px;
    }
}
@media (min-width: 640px) and (max-width:650px){
    html {
        /*Microsoft Lumia 550*/
        font-size: 34.13px;
    }
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body {width:100%; -webkit-text-size-adjust:100%;min-width: 320px;max-width: 640px; -ms-text-size-adjust:100%;color:#000;padding:0px; margin:0px auto;overflow-x:hidden;
     -webkit-overflow-scrolling:touch;/*流畅滚动*/
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0); outline: none;border: none;background: transparent;
    /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/
}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{outline:0;border: none;}
a,img{
    -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}
input[type="text"],input[type="button"], input[type="submit"],input[type="reset"],select, textarea{
    -webkit-appearance: none;border: none;outline: none;} /*禁用iPhone按钮默认样式*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 100px white inset;}  
a{text-decoration:none;color:#333333;}
ul,ol,li{ list-style:none;}
.text-over{overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
*{
	box-sizing: border-box;font-family:'Microsoft YaHei','Helvetica'
}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;margin-top: 0; margin-bottom: 0;}
/*定位*/
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;display:inline;}
.fr{float: right;display:inline;}
.cb{clear:both;}
.cl{clear: left;}
.cr{clear: right;}
.clearfix:after{content: '.';display:block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: block;}
.vm{vertical-align: middle; display: inline-block;}
.vt{vertical-align: top; display: inline-block;}
.pr{position: relative;}
.pa{position: absolute;}
.mt0-5{margin-top: 0.5rem;}
body,html{position: relative;width: 100%;height: 100%;}
/*滚动条样式*/
.scroller-box { position: relative; overflow: hidden;}
.scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
/*弹出层*/
.layer { position: fixed; min-height: 2rem; line-height: 2rem; width: 100%; top: 50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); left: 0; text-align: center; z-index: 9999999; font-size: .6rem; } 
.layer span { display: inline-block; min-height: 2rem; border-radius: 0.5rem !important; background: rgba(0,0,0,0.5); color: #ffffff; padding: 0 0.5rem; } 
/*动画*/
.animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@keyframes flash {
    80%, 90%, 100% {
        opacity: 0;
    }

    85%, 95% {
        opacity: 1;
    }
}