body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;font-family:"΢ÈíÑźÚ";}
table { border-collapse: collapse;  }
fieldset, img { border: 0px; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul,li{ list-style: none; }
caption { text-align: left; }
q:before, q:after { content:''; }
abbr, acronym { border:0px; }
caption,legend { display: none; }
html { height: 100%; overflow: auto; }
*{ margin:0; padding:0;}
a{ text-decoration:none;}

#box{max-width:640px; min-width:320px; width:100%; margin:auto; background:#fff;  font-size:62.5%;overflow:hidden;text-align:center;}
#banner{ max-width:640px; margin:0 auto;}
#box img,#banner img{ width:100%;vertical-align: top; margin:0 auto; display:block;}
#box ul{ position:relative;}
a.btn{ padding:2% 10%; width:90%; display:block; border-radius:10px; margin:4% auto 0; text-align:center; font-size:2.8em; color:#fff; box-sizing:border-box; background:#764aab;}
.gap{ padding-bottom:8%;}

.box_2{ position:relative;}
.hrefs{ position:absolute; bottom:8%; left:4%; overflow:hidden; width:64%;}
.hrefs a{ display:block; width:32%; float:left; line-height:13em; text-indent:-99999px;}
.box_9{background: #723fa6;}

@media (min-width:1px) and  (max-width:319px){
    #box{ font-size:31%;}
	}
	
@media (min-width:320px) and  (max-width:399px){
    #box{ font-size:39%;}
	}
	
@media (min-width:400px) and  (max-width:479px){
     #box{ font-size:45%;}
    }
	
@media (min-width:480px) and  (max-width:559px){
     #box{ font-size:49%;}
	} 
	
@media (min-width:560px) and  (max-width:639px){
    #box{ font-size:56%;}
	}
@media (min-width:640px){
    .biaodan{ height:860px;}
	}