html{font-size: calc(100vw / 7.5);
    font-size: -webkit-calc(100vw / 7.5);
    font-size: -moz-calc(100vw / 7.5);
    /*此时1rem = 100px*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;}
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,code,form,fieldset,legend,input,button,textarea,select,th,td,iframe{margin:0; padding:0;}
body{overflow:scroll!important; font:0.24rem "PingFangSC, sans-serif";  display: flex; flex-flow: column; min-height:100vh;}
img{border:0;}
ol,ul{list-style:none;}
input{outline:none; background: none; }
a{text-decoration: none;}
a:visited,a:hover,a:active,a:focus{text-decoration: none;}

table{border-collapse:collapse; border-spacing:0;}
.clearfix:after{clear:both; height: 0;  display: block; visibility:hidden; content: " ";}
.clearfix{*zoom:1}

/*sticky footers*/
.wap-main{flex:1;}

/*header*/
header{width: 96%;  height: 0.8rem; margin: 0 auto;  background: #595959; padding: 0 2%; z-index: 9999; position: relative;}
.head-wap{width:100%;  display: flex; line-height: 0.6rem;  justify-content:space-between;}
.head-wap .logo img{width:70%; margin-bottom: 4%;}

.head-wap .phone{position: absolute; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);  top: 50%; left: 50%; font-size: 0.38rem; color: #fff; font-weight: bold;  }
.head-wap .phone a{ color: #fff; font-weight: bold;}
.head-wap .logo span,.head-wap .home span{ display: block; line-height: 0.8rem;}
.head-wap .home span i{color: #fff;  font-size: 0.4rem;}

.wap-main{margin:0 auto 0 auto;}


/*footer*/
footer{width: 100%; height: auto; margin: 0 auto 1.2rem auto; }
footer p{ text-align: center; font-size: 0.26rem; line-height: 0.5rem; color: #808080;}

/*btnav*/
.btnav{
    position: fixed; left: 0; bottom: 0; 
    display: flex; flex-flow: row nowrap;justify-content: space-between;
    width: 100%; height: 0.8rem;   
    z-index: 9999; 
    box-shadow: 0 0 15px #b7babd;
    background-color: #fff;
}
.btnav .btnav-item{ 
    width: 20%;  
    text-align: center; line-height: 0.8rem; font-size: 0.28rem;  color: #707070; 
    background: #fff; position: relative;
}
.btnav .btnav-itemright{ 
    position: relative;
    width: 40%;  
    text-align: center; line-height: 0.8rem; font-size: 0.28rem; color: #fff;  
    /* background: linear-gradient(to right,#ffa302,#ff5700);   */
    background-color: #ffa302;
}
.btnav .btnav-itemright:nth-of-type(even)::after{
    content: '';
    height: 0.6rem; width: 0.03rem;  
    background: #fff;  
    position: absolute; top: 50%; right: 0; transform: translate(-50%,-50%);
}
.btnav .btnav-item-hm{ width:100%;  text-align: center; line-height: 0.8rem; font-size: 0.28rem;  color: #fff; background: #01144c; position: relative;}
/*右侧漂浮*/
.pf_right{position:fixed; bottom: 15%; right: 2%; width:0.84rem; height:0.84rem; z-index: 9999;}
.pf_right img{width:0.84rem; height:0.84rem;}


/* 复选框控制颜色 */
.form-privacy input[type="checkbox"]{
    opacity: 0;
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
}
.form-privacy label {
    display: inline-block;
    padding-left: 0.45rem;
    position: relative;
    cursor: pointer;
}

/* 创建自定义复选框样式 */
.form-privacy label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.01rem;
    width: 0.34rem;
    height: 0.34rem;
    background: #fff;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.03rem;
    box-sizing: border-box;
    transition: border-color 0.3s ease-in-out;
}

/* 当复选框被选中时改变背景和边框颜色 */
.form-privacy input[type="checkbox"]:checked + label:before {
    background: url(../images/duigou.png) no-repeat center;
    background-color: #f70725;
    background-size: 0.22rem 0.22rem;
    width: 0.34rem;
    height: 0.34rem;
}