@font-face {
    font-family: "Alibaba PuHuiTi";
    src: url('../font/AlibabaPuHuiTi.eot');
    src: url('../font/AlibabaPuHuiTi.eot') format('embedded-opentype'),
         url('../font/AlibabaPuHuiTi.woff') format('woff'),
         url('../font/AlibabaPuHuiTi.woff2') format('woff2'),
         url('../font/AlibabaPuHuiTi.ttf') format('truetype');
}
*{  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;}
html{font-size: 14px;padding: 0;margin: 0;}
body{padding:0; margin:0; font-family:"Alibaba PuHuiTi";overflow-x: hidden;color: #222;}
input{outline:none;border:none;padding: 0;margin: 0;}
input{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
img{border:none;outline: none;display: block;}
h1,h2,h3,h4,p{ padding:0; margin:0; line-height:100%; font-weight:normal;font-style: normal;}
ul,li{ padding:0; margin:0; list-style:none}
a{color:#222;text-decoration:none;}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both}

/*头部*/
.index{padding-top: 55px;}
.head{width: 100%;overflow: hidden;position: fixed;top:0;left:0;background: rgba(255, 255, 255, 0.85);backdrop-filter: blur(10px);z-index: 999;}
.head-top{height: 54px;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;}
.head-top .logo{width: 106px;height:38px;background: url("../images/mobile03.png") no-repeat center;background-size: 106px;cursor: pointer;margin: 8px 0 0 16px;}
.head-top .more-btn{width: 24px;height: 24px;background: url("../images/mobile01.png") no-repeat center;background-size: 24px;cursor: pointer;margin: 15px 16px 0 0;}
.head-top .more-btn.active{background-image: url("../images/mobile02.png")}
.head ul{opacity: 0;height:0;padding:0 20px;position: relative;overflow: hidden; transition:all .3s ease-in-out;z-index: 999;}
.head ul li:first-child{margin-top: 10px;}
.head ul li{height: 65px;display: block;border-bottom: 1px solid #ddd;line-height: 25px;font-size: 18px;background: url("../images/mobile04.png") no-repeat right center;background-size: 20px;}
.head ul li:last-child{border-bottom: none;background: none;padding-top: 40px;}
.head ul li:last-child span{text-align: center;display: block;height: 48px;border-radius: 60px;background: #0858AA;font-size: 16px;color: #FFFFFF;line-height: 48px;cursor: pointer;}
.head ul li a{display: block;padding: 20px 0;}

/*尾部*/
.foot{background: #FAFAFA;padding: 24px 16px;margin-top: 60px;}
.foot .logo-foot img{width: 150px;margin-bottom: 28px;}
.foot h2{font-size: 20px;font-weight: bold;line-height: 28px;padding-bottom: 5px;}
.foot-p1{font-size: 14px;line-height: 28px;padding-bottom: 24px;border-bottom: 1px solid #ddd;color: #222;}
.foot h3{font-size: 16px;font-weight: bold;padding-top: 24px;padding-bottom: 8px;line-height: 20px;}
.foot-p2{font-size: 14px;line-height: 28px;color: #666;}
.foot-p3{font-size: 14px;line-height: 18px;color: #666;padding-bottom:24px;border-bottom: 1px solid #ddd;}
.foot-p4{padding: 20px 0 5px;font-size: 14px;line-height: 18px;}
.foot-p5{font-size: 14px;line-height: 18px;background: url("../images/mobile/copy.png") no-repeat left center;padding-left: 30px;background-size: 20px;}

/*弹窗*/
.mask-box{display: none;position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 9998;}
.mask-colse-btn{position: absolute;right: 10px;top:10px;width: 40px;height: 40px;cursor: pointer;z-index: 10000;display: block;background: url("../images/mask-btn.png") no-repeat center;background-size: 20px;}
.mask-bg{background: #000;opacity: .3;width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 9999;}
.mask-success{display: none;text-align: center;border-radius: 10px;background:#fff;width: 360px;height: 420px;z-index: 10000;position: absolute;left:50%;top:50%;margin: -210px 0 0 -180px;}
.mask-success .icon{width: 100px;height: 100px;display: block;margin: 68px auto 0;background: url("../images/s.png") no-repeat center;}
.mask-success h2{font-size: 20px; font-weight: bold;line-height: 32px;padding: 40px 0 12px;}
.mask-success p{font-size: 14px;color:#666;line-height: 20px;padding-bottom: 40px;}
.mask-success a{width: 308px;height: 48px;border-radius: 60px;line-height: 48px;text-align:center;background: #0858AA;color: #fff;font-size: 16px;display: block;margin: 0 auto;}

.mask-main{display: none;padding: 24px 20px;background: url("../images/mobile/mask_bg.png") no-repeat center -80px #fff;height: 500px;width:300px;position: absolute;left: 50%;top:50%;z-index: 10000;margin:-270px 0 0 -170px;border-radius: 16px;}
.mask-main h2{font-size: 20px;font-weight: bold;line-height:32px;padding-bottom:20px;}
.mask-main .contact-us-item input,.mask-main .contact-us-foot textarea{border:1px solid #ddd;}
.mask-overflow{width: 100%;height: 400px;overflow-y: auto;overflow-x: hidden;}

.cuf-btn{display: flex;justify-content: space-between;}
.cuf-btn span{cursor: pointer;width:45%;height:40px;border-radius: 32px;border: 1px solid #0858AA;line-height: 40px;text-align: center;font-size: 16px;color: #0858AA;}
.cuf-btn span.active{color: #fff;background: #0858AA;}
.contact-us-item{width: 100%;}
.contact-us-item h3{font-size: 16px;font-weight: bold;line-height: 24px;padding-bottom: 8px;}
.contact-us-item h3 i{font-style: normal;color: red;}
.contact-us-item input{font-family:"Alibaba PuHuiTi";margin-bottom: 20px;padding: 9px 16px;background:#fff;border-radius: 4px;line-height: 30px;font-size: 16px;width:calc(100% - 40px);}
.contact-us-item input::placeholder{color: #999;}
.contact-us-foot h3{font-size: 16px;font-weight: bold;line-height: 24px;padding-bottom: 8px;}
.contact-us-foot textarea{font-family:"Alibaba PuHuiTi";padding: 9px 16px;background:#fff;border-radius: 4px;line-height: 30px;font-size: 16px;width:calc(100% - 40px);border:none;margin-bottom: 40px;}
.contact-us-foot textarea::placeholder{color: #999;outline:none}
.contact-us-foot textarea:focus-visible{border:none;outline:none}