@charset "utf-8";
*{ margin:0; padding:0;    font-family: -apple-system-font,"Helvetica Neue",Helvetica,Arial,STHeiTi,sans-serif;}
html,body,div,dl,dt,dd,ul,ol,li,h2,h2,h3,h4,h5,h6,pre,code,a,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
html{overflow-x: hidden;}
body{overflow: hidden; }
ul,ol,li { list-style:none;}
img{ border:0;display: block;width: 100%;}
input{outline:none;star:expression(this.onFocus=this.blur());}
a{color:#000;text-decoration:none;-webkit-transition: all .4s;-mz-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
a:hover{-webkit-transition: all .4s;-mz-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
em,i{font-style:normal;}
a:focus,input{outline:none;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.wrap{width:100%}
table,tr,td{
    border-collapse:collapse;
}

.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hide{display: none}
body{
    position: relative;
    max-width: 7.5rem;
    margin: 0 auto;
    /*background: #fff;*/
    font-size: .22rem;
    /*left: 0;*/
    top: 0;
    width: 100%;
    left: 50%;
    margin-left: -3.75rem;
}

.loading{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);;z-index: 99}
.loading img{width: 1rem;position: absolute;margin:auto;top: 0;right: 0;bottom: 0;left: 0;}

::-webkit-scrollbar-track-piece {
     width: 7px;
     background-color: transparent;
 }

::-webkit-scrollbar {
    width: 7px;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    width: 7px;
    background-color: #939393;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    width: 7px;
}
.home-scroll{position: fixed;left: 50%;transform: translate(-50%,0); top: 0; width: 7.5rem;height: 100%;overflow-y: scroll;overflow-x: hidden; -webkit-overflow-scrolling: touch;}