@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{padding:0px; margin:0px}
body{font-size:100px;}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;}
.trans{transition: all .3s ease-in;}
html{width:100%;min-height:100%;}
body{width:100%;min-height:100%;max-width:640px;min-width:320px;margin:0 auto;font: .24rem/1.6 'PingFangSC-Light','microsoft yahei',Arial,Helvetica,sans-serif,"Hiragino Sans GB";color:#333;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;position: relative;}
body:before, body:after{content:""; width:100%; display:block;}

img{border:0px;}
em{font-style:normal;}
s,i{font-style: normal;}
ul, ol{list-style-type:none;}
li{list-style: none outside none;}
/*表单*/
input,button,select,textarea{outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important;}
table{border-collapse:collapse; border-spacing:0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}
/*链接*/
a, a:link, a:visited, a:hover, a:active{color:#666;text-decoration: none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}
a:focus{outline:none;}
a:hover, a:active{color:#3ba86f; outline:none;}
/*字体*/
@media only screen and (min-width:641px){html{font-size:100px;}}
@media only screen and (max-width:640px){html{font-size:100px;}}
@media only screen and (max-width:540px){html{font-size:84.375px;}}
@media only screen and (max-width:480px){html{font-size:75px;}}
@media only screen and (max-width:414px){html{font-size:64.6875px;}}
@media only screen and (max-width: 400px){html{font-size:62.5px;}}
@media only screen and (max-width: 375px){html{font-size:58.5938px;}}
@media only screen and (max-width: 360px){html{font-size:56.25px;}}
@media only screen and (max-width: 320px){html{font-size:50px;}} /** 自定义字体******************************/
@font-face{font-family: constantia; src: url("../font/constantia.eot"); src: url("../font/constantia.eot?#iefix") format("eot"), url("../font/constantia.ttf") format("truetype");}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
/*手机端公用CSS样式*/

/*头部公用*/


/*底部*/
.h9{width:100%; height:1rem; overflow:hidden;}
.foot{width:100%;height:1rem;overflow:hidden;position:fixed; bottom:0;left:0;z-index:11;background:#191919;}
.foot a{display:block; width:33.33333333333%; height:1rem;line-height:1rem;float:left;background:url(../images/footbg.png) right center no-repeat; font-size:.24rem; color:#fff; text-align:center;background-size:.03rem .37rem;}
.foot a:nth-child(3){background:none;}

.pagebar{width:100%;overflow:hidden;}
.pagination{margin:auto; width:1rem; overflow:hidden; margin-bottom:.2rem;}
.page-item1{display:block;float:left; width:.4rem;height:.4rem;border:1px solid #ccc;text-align:center;line-height:.4rem;font-size:.2rem;font-weight:bold;font-family:宋体;}
.page-item2{display:block;float:right;width:.4rem;height:.4rem;border:1px solid #ccc;text-align:center;line-height:.4rem;font-size:.2rem;font-weight:bold;font-family:宋体;}