@charset "utf-8";
html{font-size: 625%;-webkit-text-size-adjust:none;}
*{margin:0;padding:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
body{font-family:'Microsoft YaHei';font-size:.16rem;color:#000;background:#fff;}
ul,li{list-style:none;}
a{text-decoration:none;outline:none;color:#000;cursor: pointer;}
a:hover{text-decoration:none;}
.left{float:left}
.right{float:right}
img{border:0;vertical-align: middle;}
h1, h2, h3, h4, h5, h6, b, i, em{font-size: 100%;font-style:normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Microsoft YaHei';}
.none{display:none;}
.area{position:relative;margin:0 auto;width:100%;max-width:12rem;overflow: hidden;}
.area,.clear{*zoom:1;}
.area:after,.clear:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.pd{padding: 0 3%;}
input,textarea,button{outline: none;resize: none;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #666; font-weight: bold; font-size: .14rem;}
.m-page{width: 100%; text-align: center; margin: .8rem 0; font-size: 0;}
.m-page a{line-height: .3rem; height: .3rem; border: 1px solid #ccc; margin-right: .16rem; 
    display: inline-block; font-size: .16rem;  color: #888;width: .3rem;
}
.m-page a.num:hover,.m-page a.num.on{background-color: #fff; color: #00AEEF; border-color: #00AEEF;}
.m-page a.prev,.m-page a.next{background-color: #00AEEF;color: #fff;
    min-width: .9rem;border-color: #00AEEF;}
@media screen and (max-width: 1500px){
    .m-page a{width: .5rem;height: .5rem;line-height: .5rem;}
    .m-page a.prev,.m-page a.next{width: 1.2rem;}
    .m-page{margin: .4rem 0;}
}
@media screen and (max-width: 900px){
    .m-page a{width: .6rem;height: .6rem;line-height: .6rem;}
    .m-page a.prev,.m-page a.next{width: 2rem;}
}
@media screen and (max-width: 768px){
    .pd{padding: 0 .2rem;}
    .m-page a{font-size: .2rem;line-height: .4rem;width: .4rem; height: .4rem;} 
    .m-page a.prev,.m-page a.next{width: .8rem;line-height: .4rem; height: .4rem;}
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder{color: #666; font-weight: normal; font-size: .24rem;}
}