*{margin:0;padding:0;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-touch-callout: none; -webkit-text-size-adjust: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;}
body{font:14px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif;color:#333;-webkit-font-smoothing:antialiased}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
input,textarea,select,button{margin:0;padding:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;font:14px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif;}
a,a:active,a:hover,a:link,a:visited{color:#333;text-decoration:none;-webkit-tap-highlight-color:transparent}
table{border-collapse:separate;border-spacing:0}
ol,ul{list-style:none}
hr{margin:0;padding:0;border:0;color:#000;background-color:#000;height:1px}
img{border:0px;}
::-webkit-scrollbar {display: none;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance: none;}

.noSelect{-moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}

.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden}

.word{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.words{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.xcenter{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: box;-webkit-box-pack: center;-moz-box-pack: center;box-pack: center;}
.ycenter{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: box;-moz-box-align: center;-webkit-box-align: center;box-align: center;}
.verbox{-moz-box-orient: vertical;-webkit-box-orient: vertical;box-orient: vertical;}
.horibox{-moz-box-orient: horizontal;-webkit-box-orient: horizontal;box-orient: horizontal;}

.border1px:after{content: '';position: absolute;top: 0;left: 0;width: 200%;height: 200%;-webkit-transform: scale(0.5);-webkit-transform-origin: left top;transform: scale(0.5);transform-origin: left top; box-sizing: border-box;z-index: -1;background: transparent;}

input::-ms-input-placeholder{
    color:#ccc;/* Internet Explorer 10+ */  
}
input:-moz-input-placeholder{
    color:#ccc;/* Mozilla Firefox 4 to 18 */  
}
input::-moz-input-placeholder{
    color:#ccc;/* Mozilla Firefox 19+ */   
}
input::-webkit-input-placeholder{
    color:#ccc; /* WebKit browsers */   
}
input::input-placeholder{
    color:#ccc;
}
textarea::-ms-input-placeholder{
    color:#ccc;/* Internet Explorer 10+ */  
}
textarea:-moz-input-placeholder{
    color:#ccc;/* Mozilla Firefox 4 to 18 */  
}
textarea::-moz-input-placeholder{
    color:#ccc;/* Mozilla Firefox 19+ */   
}
textarea::-webkit-input-placeholder{
    color:#ccc; /* WebKit browsers */   
}
textarea::input-placeholder{
    color:#ccc;
}
.fl{float:left}
.fr{float:right}

.none{display:none}
.hidden{visibility:hidden}

@media screen and (min-width: 212px){html{font-size:28.4px}}
@media screen and (min-width: 319px){html{font-size:42.67px}}
@media screen and (min-width: 359px){html{font-size:48px}}
@media screen and (min-width: 374px){html{font-size:50px}}
@media screen and (min-width: 383px){html{font-size:51.2px}}
@media screen and (min-width: 399px){html{font-size:53.2px}}
@media screen and (min-width: 414px){html{font-size:55.2px}}
@media screen and (min-width: 423px){html{font-size:56.53px}}
@media screen and (min-width: 479px){html{font-size:64px}}
@media screen and (min-width: 539px){html{font-size:72px}}
@media screen and (min-width: 639px){html{font-size:85.33px}}
@media only screen and (min-width: 750px){.wrapMax{width:640px;margin:0 auto}}