@media (min-width: 320px) {
    html {
        font-size: 100%; 
    }
}
@media (min-width: 360px) {
    html {
        font-size: 112.5%;
    }
}
@media (min-width: 384px) {
    html {
        font-size: 120%;
    }
}
@media (min-width: 400px) {
    html {
        font-size: 125%;
    }
}
@media (min-width: 540px) {
    html {
        font-size: 168.75%;
    }
}
@media (min-width: 600px) {
    html {
        font-size: 187.5%;
    }
}
@media (min-width: 640px) {
    html {
        font-size: 200%;
    }
}
@media (min-width: 720px) {
    html {
        font-size: 225%;
    }
}
html {
	font-size: calc(100vw / 320 * 16);
}
@media (min-width: 768px) {
    html {
        font-size: 240%;
    }
    .paperWrap{width:768px;margin:0 auto;}
}
/*font-size*/
.f_9{ font-size:.5625rem;}
.f_10{ font-size:.625rem;}
.f_11{ font-size:.6875rem;}
.f_12{ font-size:.75rem;}
.f_13{ font-size:.8125rem;}
.f_14{ font-size:.875rem;}

/*margin*/
.m_b_10{ margin-bottom:.625rem;}
.m_t_10{ margin-top:.625rem;}
.m_r_10{ margin-right:.625rem;}
.m_l_10{ margin-left:.625rem;}
.m_rl_10{ margin:0 .625rem;}
.m_tb_10{ margin:.625rem 0;}
.m_10{ margin:.625rem;}

/*padding */
.p_t_10{ padding-top:.625rem;}
.p_l_10{ padding-left:.625rem;}
.p_r_10{ padding-right:.625rem;}
.p_b_10{ padding-bottom:.625rem;}
.p_rl_10{ padding:0 .625rem;}
.p_tb_10{ padding:.625rem 0;}
.p_10{ padding:.625rem;}
.p_15{ padding:.9375rem;}
.p_rl_32{ padding:0 1rem;}

/*border */
.b_bottom{ border-bottom:.0625rem solid #e5e5e5}
.b_top{ border-top:.0625rem solid #e5e5e5}
.b_left{ border-left:.0625rem solid #e5e5e5}
.b_right{ border-right:.0625rem solid #e5e5e5}
/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;  font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {text-decoration:none; color: #666;}
.hidden{ display:none}
i{ font-style:normal} 
input, textarea { -webkit-appearance: none; }

body,html{position:relative;height:100%}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#666;margin:0;padding:0;font-size: 0.6875rem; }

.headbox{ position:fixed; z-index: 2; left: 0; top:0px;  float: left; width: 100%;}
.head{ float: left; width: 100%; padding: 0.625rem 0 0; height: 2.315rem; position: relative; border-bottom: 1px solid #edf1f2; z-index: 2; background: #fff;}
.logo{ float: left; width: 7.2rem;}
.logo img{ display: block; width:7.2rem; height:1.69rem;}
.topnavbtn{ float: right; width: 1.19rem; margin: 0.25rem 0 0 1rem; text-align: center; cursor: pointer;}
.topnav img{ width:1.19rem; height: 1.19rem;}
.close{ color: #b5b5b5; font-size: 1.5rem; line-height: 1.19rem; display: none;}
.topnavbox{position: absolute; left: 0; top: 2.94rem; width: 100%; background: #fff; border-top: 1px solid #edf1f2;  box-shadow: 0 0.625rem 0.84rem rgba(0,0,0,0.19); display: none; padding: 0 0 1.8rem;}
.topnavlist{ float: left; width: 100%; padding: 0.8125rem 0 0.5rem;}
.topnavlist li{float: left; width: 50%; border-bottom: 1px solid #dcdcdc;  text-align: center;  font-size: 0.875rem; }
.topnavlist li a{ display: block; line-height: 2.875rem; }
.topnavlist li a.on{ color: #e60517;}
.topnavlist li:nth-of-type(5),.topnavlist li:nth-of-type(6){ border-bottom: medium none;}
.searchbtn{ float: right; cursor: pointer; margin: 0.25rem 0 0;}
.fdj img{ width: 1.19rem; height:1.19rem;}
.searchformbox{ position: absolute; left: 0; top: 2.94rem; width: 100%; background: #fff; border-top: 1px solid #edf1f2; padding: 0.875rem 0 0; height: 3rem; display: none;box-shadow: 0 12px 10px rgba(0,0,0,0.21);}
.searchform{ float: left; width: 100%; position: relative; }
.txt_search{ float: left; width: 100%; height: 1.56rem; line-height: 1.56rem; padding: 0 1.56rem 0 0.625rem; border: medium none; background: #f5f8f5; box-sizing: border-box; border-radius: 5px; font-family: "微软雅黑";}
.btn_search{ position: absolute; right: 0; top: 0; background-image: url(fdj.png); background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size:1rem 1rem; width: 1.56rem; height: 1.56rem; border: medium none; }
.topban{ float: left; width: 100%;}
.topban img{ display: block; width: 100%; vertical-align: bottom;}
.gotop{float:left;  width: 2rem; position:fixed;  z-index: 90; bottom:3.2rem;  right:0.2rem; display:none; cursor: pointer;}
.gotop img{ display:block; width:100%;  vertical-align:bottom;}


.foot{ float:left; width:100%; position:fixed; left:0;bottom:0; z-index:900; background: -webkit-repeating-linear-gradient(top, #e70216, #e30211 100%); }
.foot ul{ float:left; width:100%;}
.foot li{ float:left; width:50%; box-sizing:border-box; height:3.2em; text-align:center; position: relative;border-right: 1px solid #fff;}
.foot li img{ vertical-align: middle; margin-right: 0.25em;width: 1.53em; height: 1.53em;}
.foot li a{ line-height:3.2em; color:#fff;  display:block;    }
.foot li span{ position: relative; display: inline-block; }
.foot li:last-child{ border-right: medium none;}
.foot li i{ position: absolute; right: -2em; top: 0.4em; border: 1px solid #fff; border-radius: 100%; width: 1.25em; height: 1.25em; line-height:1.25em; text-align: center; color: #fff; font-size: 0.57em; font-weight: bold; background: #ff0000;}
.gotop{float:left;  width:2.28em; position:fixed;  z-index: 90; bottom:3.2em;  right:0.2em; display:none; cursor: pointer;}
.gotop img{ display:block; width:100%;  vertical-align:bottom;}