@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 "Microsoft Yahei",arial,tahoma,"Simsun";color:#333;background:#fff;}
table {border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:0;max-width:100%;}
input,img{vertical-align:middle;}
input:focus,a:focus{outline:none;}
a{color:#333;text-decoration:none;}
textarea{resize:none;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-spacing:0;border-collapse:collapse;}
html{overflow-y:scroll;}
html,body{font-family:"Microsoft Yahei",Helvetica,STHeiTi,sans-serif;}
html {
    color: #000;
    background:#ffffff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height:100%;
}
html * {
    outline: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
    visibility:hidden;
}
.clearfix{zoom:1;}
.hide{display:none;}
.hide-text{text-indent:-100%;overflow:hidden;}
.fr{float:right;}
.fl{float:left;}
.bg-ck{background: #f6f6f6;font-family: "Microsoft Yahei",sans-serif;}

/* Site Global */
body{min-width:320px;line-height:1.5;color:#333;min-height:	100%;margin:0;}
.w{max-width:15rem;margin:0 auto;}
.gray-bg{background-color:#f8f8f8;}
.bd-right{border-right:1px solid #e2e2e2;}

/*rem*/
html {
    font-size: 25px
}


@media screen and (min-width: 320px) {
    html {
        font-size:21.333px
    }


}

@media screen and (min-width: 360px) {
    html {
        font-size:24px
    }

}

@media screen and (min-width: 375px) {
    html {
        font-size:25px
    }

}

@media screen and (min-width: 384px) {
    html {
        font-size:25.6px
    }

}

@media screen and (min-width: 400px) {
    html {
        font-size:26.667px
    }

}

@media screen and (min-width: 414px) {
    html {
        font-size:27.6px
    }

}

@media screen and (min-width: 424px) {
    html {
        font-size:28.27px
    }

}

@media screen and (min-width: 480px) {
    html {
        font-size:32px
    }

}

@media screen and (min-width: 540px) {
    html {
        font-size:36px
    }

}

@media screen and (min-width: 720px) {
    html {
        font-size:48px
    }

}

@media screen and (min-width: 750px) {
    html {
        font-size:50px
    }

}