body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,p,th,td,blockquote{margin:0;padding:0;    font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";}
html,body{-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;width:100%;height:100%;max-width:750px;position:relative;background:#000;}
header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block;margin:0;padding:0;}
fieldset,img{border:0;}
:focus{outline:0;}
input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance: none;}
:link,:visited,ins{text-decoration:none;}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{zoom: 1}
ul,li{list-style:none}
::-webkit-scrollbar{ width: 0;}
em{font-style: normal}
.text-right{text-align: right}
/* 小屏幕 320px */
@media (min-width: 320px) {
    html{font-size: 42.6667px;}
}

/* 小屏幕 375px */
@media (min-width:360px) {
    html{font-size: 48px;}
}

@media (min-width:375px) {
    html{font-size: 50px;}
}
@media (min-width:412px) {
    html{font-size: 54.9333px;}

}
/* 小屏幕 414px */
@media (min-width:414px) {
    html{font-size: 55.2px;}

}
@media (min-width:750px) {
    html{font-size: 100px;}

}

.commonBox{  left: 0;    width: 100%;  z-index: 2;  overflow-y: scroll;  overflow-x: hidden;  max-width: 750px;  -webkit-overflow-scrolling: touch; position: absolute;  }
.box_bg .bg_list{
    width: 100%;
    height:13rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.m-cont{
    width:7.5rem;
    height:13rem;
    position: fixed;
    left:0;
    top:0;
}
.h-box{
    width: 100%;
    height:5.1rem;
    z-index:9999;
}
.btn_box{
    width: 2.47rem;
    height:1rem;
    position: absolute;
    top:4%;
    left:1%;
}
.m-logo{
    width: 1.96rem;
    height:0.6rem;
    position: absolute;
    top:6%;
    right:1%;
}
.m-video{
    width:0.78rem;
    height:0.77rem;
    text-align: center;
    margin:0 auto;
    background:url(//i3.gbimg.cn/zt/2019/01/18/v_btn.png) no-repeat;
    background-size: 0.78rem 0.77rem;
    display: block;
    position: absolute;
    z-index: 10;
    top: 31%;
    left: 46%;
}
.m-slogan{
    width:6.92rem;
    height:4.34rem;
    text-align: center;
    margin:0 auto;
    display: block;
    position: absolute;
    top:34%;
    left:50%;
    margin-left:-3.46rem;

}
.m-list{
    width:6rem;
    height:4.6rem;
    position: fixed;
    top: 62%;
    left:50%;
    margin-left:-3rem;
}
.m-list img{   
    width: 1.53rem;
    height:2.1rem;  
}
.m-list a{   
    position: absolute; 
}
.m-list .m-a1{   
    left:0;
    top:0;
}
.m-list .m-a2{  
    left:1.4rem;
    top:0.4rem;
}
.m-list .m-a3{
    left:3.1rem;
    top:0.4rem;
}
.m-list .m-a4{
    right:0rem;
    top:0rem;
}
.m-list .m-a5{
    left:1.4rem;
    bottom:-0.2rem;
}
.m-list .m-a6{
    left:3.1rem;
    bottom:-0.2rem;
}


















































.gray{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    background:#000;
    opacity: 0.8;
    display:none;
}
.eject{
    width:100%;
    position:fixed;
    top:30%;
    left:0;
    z-index:999;
    background:#000;
    opacity: 0.8;
    display:none;
}
.eject p{
    width:100%;
}
.close {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: -1.875rem;
    right: 0;
}
.close img{
    width:100%;
    height:100%;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#snowBox{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}