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;  vertical-align: bottom ; }
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}

.wap-main .main-m{
    width: 7rem;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.wap-main .main-m img{display: block;width: 100%;height: 100%;}

/* 头部 */
.wap-main .waphead{
    display: flex;flex-direction: column;align-items: flex-start;
}
.wap-main .waphead .logobox{
    width: 100%;
    display: flex;gap: 0.15rem;
    padding: 0.3rem 0;
}
.wap-main .waphead .logobox .llimg{width: 2.62rem;height: 0.48rem;}
.wap-main .waphead .logobox .lltxt{color: #000;font-size: 0.28rem;position: relative;}
.wap-main .lujing{
    background-color: #eeeeee;
    padding: 0.2rem 0;
}
.wap-main .lujing .lujingbox{
    width: 100%;
    display: flex;align-items: center;gap: 0.1rem;
}
.wap-main .lujing .ljicon{
    width: 0.25rem;
    height: 0.25rem;
}
.wap-main .lujing .ljname{
    display: flex;
    align-items: center;
    gap: 0.15rem;
}
.wap-main .lujing .ljname .ljnameitem{
    display: flex;
    align-items: center;gap: 0.08rem;
    font-size: 0.26rem;
    line-height: 0.26rem;
    color: #383f53;
}
.wap-main .lujing .ljname .ljnameitem .ljntwo{
    text-align: left;
    width: 4rem;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/* 底部 */
.wap-main .wapbottom{
    display: flex;flex-direction: column;
    margin-top: 0.5rem;
}
.wap-main .wapbottom .wapyy{
    background-color: #f7f8ff;
    padding: 0.5rem 0;
    display: flex;flex-direction: column;
}
.wap-main .wapbottom .ydtitle{
    width: 100%;
    font-size: 0.36rem;line-height: 0.36rem;text-align: center;
}
.wap-main .wapbottom .get-form{width: 100%;margin-top: 0.25rem;}
.wap-main .wapbottom .get-form .get-form-top{
    display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 0.45rem;
}
.wap-main .wapbottom .get-form .get-form-top .gft-item{
    width: 100%;height: 0.45rem;
    position: relative;
    display: flex;align-items: flex-end;gap: 0.25rem;
    padding: 0 0.25rem;box-sizing: border-box;
}
.wap-main .wapbottom .get-form .get-form-top .gft-item .gfi-img{width: 0.32rem;height: 0.31rem;}
.wap-main .wapbottom .get-form .get-form-top .gft-item .gfi-input{
    width: 6.1rem; height: 0.45rem;
    border-bottom: 0.01rem solid #c9c9c9;box-sizing: border-box;
}
.wap-main .wapbottom .get-form .get-form-top .gft-item .gfi-input .gfi-input-name{border: none;height: 100%;}
.wap-main .wapbottom .get-form .get-form-top .gft-item .gfi-input input{font-size: 0.3rem;width: 100%;height: 100%;}
.wap-main .wapbottom .get-form .get-form-top .gft-item .gfi-getCode{
    position: absolute;right: 0.2rem;bottom: 0.05rem;
}
.wap-main .wapbottom .get-form .get-form-top .gft-item .gfi-getCode .getYzm{
    border: none;padding: 0.08rem 0.15rem;
    border-radius: 0.5rem;background-color: #767676;
    display: flex;align-items: center;justify-content: center;
    color: #ffffff;font-size: 0.28rem;
}
.wap-main .wapbottom .get-form .get-form-top .gft-submit{
    width: 6rem;height: 0.75rem;
    background: linear-gradient(to right,#4b6afe,#206cde,#0629ae);box-shadow: 0 0.05rem 0.1rem 0 rgba(16, 160, 254, 0.17);
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.32rem;
    line-height: 0.75rem;
    text-align: center;
}
.wap-main .wapbottom .get-form .get-form-bottom{display: flex;align-items: center;justify-content: center;margin-top: 0.2rem;font-size: 0.24rem;}
/* 客服电话 */
.wap-main .wapbottom .kfdianhua{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.5rem 0;
}
.wap-main .wapbottom .kfdianhua .kfimg{width: 1.08rem;height: 1.08rem;}
.wap-main .wapbottom .kfdianhua .kfimg img{width: 100%;height: 100%;}
.wap-main .wapbottom .kfdianhua .kfphone{font-size: 0.3rem;}
/* 备案 */
.wap-main .wapbottom .beian{
    width: 100%;
    display: flex;align-items: center;justify-content: center;
    background: #383f53;
    color: #fff;
    font-size: 0.28rem;
    line-height: 0.5rem;text-align: center;
    padding: 0.5rem 0 1.8rem 0;box-sizing: border-box;
}
/* tabbar */
.wap-main .wapbottom .bottombox{
    width: 100%;height: 1.25rem;
    position: fixed;z-index: 999999;
    display: flex;align-items: center;
    bottom: 0;left: 0;right: 0;
    background: #4d67ff;
}
.wap-main .wapbottom .bottombox .bottitem{
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 0.01rem solid #fff;
    box-sizing: border-box;
    position: relative;
    padding-top: 0.2rem;
}
.wap-main .wapbottom .bottombox .bottitem .bottimg{width: 0.29rem;height: 0.37rem;}
.wap-main .wapbottom .bottombox .bottitem .bottimg img{display: block;width: 100%;height: 100%;}
.wap-main .wapbottom .bottombox .bottitem .bottdes{
    color: #fff;
    font-size: 0.3rem;
    line-height: 0.3rem;
    position: absolute;
    bottom: 0.15rem;
}
.wap-main .wapbottom .bottombox .bottitem:last-child{
    border-right: none;
}
/* 悬浮 */
.wap-main .wapbottom .xftubiao{
    width: 1.18rem;height: 1.16rem;
    position: fixed;
    z-index: 1000;
    right: 0.15rem;
    bottom: 3rem;
}
.wap-main .wapbottom .xftubiao img{display: block;width: 100%;height: 100%;}



/* 内容标题 */
.titleyd{    
    width: 100%;
    display: flex;align-items: center;justify-content: space-between;
    margin-bottom: 0.25rem;
}
.titleyd .titleleft{
    font-size: 0.38rem;line-height: 0.38rem;font-weight: bold;
    border-left: 0.06rem solid #4d67ff;
    padding-left: 0.25rem;
}
.titleyd .titleright{color: #ababab;font-size: 0.26rem;display: flex;align-items: center;gap: 0.15rem;}

/* 公共按钮 */
.wap-main .ggbtn{
    width: 6rem;height: 0.75rem;
    margin: 0 auto;
    background: linear-gradient(to right,#4b6afe,#206cde,#0629ae);box-shadow: 0 0.1rem 0.15rem 0 rgba(16, 160, 254, 0.17);
    border-radius: 0.2rem;
    color: #fff;
    font-size: 0.32rem;
    line-height: 0.75rem;
    text-align: center;
}











/* 复选框控制颜色 */
.form-privacy input[type="checkbox"]{
    display: 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 {
    content: "✔";
    color:#fff;
    background: #767676; 
    border-color: #fff; 
    display: flex;
    align-items: center;
    justify-content: center;
}



/* 分页器 */
.page-box{
	padding: 0.25rem 0;
  display: flex;
  justify-content: center;
}
.page-item {
  padding: 0 0.15rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #000;
  font-size: 0.26rem;
  display: inline-block;
  background: #f5f5f5;
  margin: 0 0.08rem;
}
.page-item.cur{
    color: #fff;
    background: #4a97ff;
}