@media (min-width: 320px) {
    html {
        font-size: 100%; 
    }
}
@media (min-width: 360px) {
    html {
        font-size: 112.5%;
    }
}
@media (min-width: 384px) {
    html {
        font-size: 120%;
    }
}
@media (min-width: 400px) {
    html {
        font-size: 125%;
    }
}
@media (min-width: 540px) {
    html {
        font-size: 168.75%;
    }
}
@media (min-width: 600px) {
    html {
        font-size: 187.5%;
    }
}
@media (min-width: 640px) {
    html {
        font-size: 200%;
    }
}
@media (min-width: 720px) {
    html {
        font-size: 225%;
    }
}
@media (min-width: 768px) {
    html {
        font-size: 100%;
    }
}
html {
	font-size: calc(100vw / 320 * 16);
}


html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;font-weight:normal;}
body{background:#000;overflow:hidden;}
*, *:before, *:after {
	-moz-box-sizing: border-box;		/* Firefox 1, probably can drop this */
	-webkit-box-sizing: border-box;	/* Safari 3-4, also probably droppable */
	box-sizing: border-box;			/* Everything else */
}
a {text-decoration: none;}
input {outline: 0;}
img {
    border:none;display: block;
}
ul {
	list-style: none;
	margin: 0;padding: 0;
}

.fl {float:left;}
.fr {float:right;}
.pos-rel {
    position: relative;
}
.cls {clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 


/* ==== 页面容器样式开始{{{ ==== */
#page1{background:url(../images/page1_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
#page2{background:url(../images/page2_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
#page3{background:url(../images/page3_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
#page4{background:url(../images/page4_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
#page5{background:url(../images/page5_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
#page6{background:url(../images/page6_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
#page7{background:url(../images/page7_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
#page8{background:url(../images/page8_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
#page9{background:url(../images/page9_bg.jpg) no-repeat;background-size:100% 100%;-webkit-background-size:100% 100%;}
.bottom{ position:absolute; bottom:0; width:100%; height:2.6875rem; background:url(../images/bg_bottom.jpg) no-repeat 1rem center #d7d6d5; background-size:2.15625rem 1.90625rem; line-height:2.6875rem; text-indent:4.3125rem; }
.bottom a{ color:#595757; font-size:1rem; }
.bottom span{ color:#595757; padding:0 0.5rem; }