@charset "gb2312";
 
input {-webkit-appearance:none;} 
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.left{ float:left;}.right{ float:right;}
 img {
    border: 0 none;
    width:100%;
    display: block;
}

html{-webkit-text-size-adjust:none;  }
body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; max-width:640px; margin:0 auto;}
* {margin:0;padding:0;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
html {
    font-size:62.5%
}
@media only screen and (min-width:321px) {
    html {
        font-size:62.5%!important
    }
}
@media only screen and (min-width:361px) {
    html {
        font-size:70.31%!important
    }
}
@media only screen and (min-width:376px) {
    html {
        font-size:73.24%!important
    }
}
@media only screen and (min-width:481px) {
    html {
        font-size:84%!important
    }
}
@media only screen and (min-width:561px) {
    html {
        font-size:90%!important
    }
}
@media only screen and (min-width:641px) {
    html {
        font-size:100%!important
    }
}


body {

    font-family: "Microsoft YaHei",sans-serif;
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    overflow-x: hidden;
    padding: 0;
    width: 100%;
    color: #333333;
}


.flex:after {
    clear: both;
}
.flex:after, .flex:before {
    content: "";
    display: block;
}




/*===================================页面内容===================================*/

.bg{background:#ECC977;padding: 1.2rem 0 2rem;}
.tit_e{text-align: center;font-size: 1.3rem;line-height: 2rem;text-transform:uppercase;}
.tit_b{text-align: center;font-size: 1.7rem;line-height: 2rem;margin: 0 auto 0.6rem;color:#000;}
.content{text-align: center;font-size:1.1rem;line-height: 1.6rem;}
ul li{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.col2{width:93.75%;margin:1.5rem auto;}
.col2 li{float:left;width: 32%;margin-right:2%;}
.col2 li:nth-child(3){margin-right:0;}
.bg1{background: #101010;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 1.5rem 0 1.5rem;}
.col-1{color:#ECC977;}
.xc_nr{text-align: center;font-size: 1.2rem;line-height: 1.8rem;margin:1rem auto 0.5rem;color:#ECC977;}
.xc_nr span{font-size: 1.5rem;font-weight: bold;}
.a_btn{display: block;width:60%;margin:1rem auto;font-size: 1.6rem;line-height: 3.5rem;text-align: center;background: #ECC977;border-radius: 0.6rem;}
.col2-1{width:93.75%;margin:1rem auto;}
.col2-1 li{float: left;width:49%;margin-right:2%;margin-bottom: 0.6rem;}
.col2-1 li:nth-child(2n){margin-right: 0;}
.col2-1 div{text-align: center;color:#ECC977;font-size: 1.3rem ;line-height: 1.6rem;}
.col3-1{width:93.75%;margin:1.2rem auto -0.5rem;}
.col3-1 li{float: left;width:32%;margin-right: 2%;margin-bottom: 0.6rem;}
.col3-1 li:nth-child(3n){margin-right: 0;}
.col3-1 a{display: block;}
.zymc{text-align: center;font-size: 1rem;line-height: 2rem;color: #ECC977;background:#101010;display: block; }