html{font-size:15.625vw;height: 100%;}
body{display: flex;flex-direction: column;}

header{display: flex;justify-content: space-between;padding:0 0.21rem 0 0.24rem;align-items: center;background: #020624;height:0.95rem;box-sizing: border-box;}
header .h-tleft img{width: 1.25rem;height: 0.52rem;}
header .h-right {display: flex;align-items: center; color:#FFFFFF;font-size: 0.26rem;font-family: "Montserrat-Regular";}
header .h-right a {display: flex;align-items: center; color:#FFFFFF;font-size: 0.26rem;font-family: "Montserrat-Regular";}
header .h-right>img{width: 0.17rem;height: 0.26rem;margin-right: 0.11rem;}
header .h-right a img{width: 0.32rem;height: 0.32rem;margin-left: 0.34rem;}

#main{flex:1;height: 10rem;overflow: auto;}

footer{height:1.13rem;box-sizing: border-box;background: rgba(255, 255, 255, 0);position: fixed;bottom:0;width: 100%;z-index:10;}
footer div{display: flex;justify-content: space-between;border-radius:0.05rem;background: #191919;width: 6.1rem;height: 0.9rem;margin: 0 auto;font-size:0.22rem;}
footer span{color:#CCCCCC;margin-left: 0.16rem;}
footer img{width: 0.37rem;height: 0.37rem;}
footer a{flex:1;display: flex;justify-content: center;align-items:center}


.h3_z{padding-top:0.64rem;font-size: 0.32rem;font-family: PingFang-SC-Bold;font-weight: 700;}/* 主标题样式 */
.sp_f{font-size: 0.19rem;margin-top: 0.21rem;color: #666666;display: inline-block;width: 5.11rem;
/* white-space:nowrap;overflow:hidden;text-overflow:ellipsis; */
}/* 副标题样式 */
.gw_h{display: flex;flex-wrap:wrap;justify-content: space-between;width: 100%;padding: 0 0.38rem;box-sizing: border-box}/* 公用相同尺寸盒子flex样式 */
/* 白色按钮 */
.button_bs{display: inline-block;color: #666666;line-height: 0.64rem;width:2.15rem;height: 0.64rem;background:rgba(255,255,255,1);border:0.02rem solid rgba(220,220,220,1);border-radius:0.05rem;}

/* 模块样式开始 */
/*1.产品头部模块 */
#product_header{position:relative;width: 100%;height: 5.6rem;box-sizing: border-box;text-align: center;}
#product_header>img{width: 100%;height: 100%;}
#product_header div{position: absolute;width: 100%;top: 0;}
#product_header div h2{color:rgba(255,255,255,1);font:500 0.32rem/0.32rem "";margin: 0.88rem 0 0.2rem;}
#product_header div h3{font:bold 0.56rem/0.76rem "";color: #ffffff;}
#product_header div span{font: 0.18rem/0.69rem "";color: #CCCCCC;margin-bottom: 0.15rem;display: inline-block;}
#product_header div .guankan{background: url(../images/bofang.png) no-repeat left center/0.26rem 0.26rem ;padding-left: 0.4rem;display: inline-block;height: 0.26rem;font: 0.18rem/0.26rem "";color:rgba(255,255,255,1);margin-top: 0.36rem;}
.button_tm{display:block;margin: 0 auto;color:rgba(255,255,255,1);font-size: 0.18rem;line-height: 0.52rem;border:1px solid rgba(255,255,255,1);width: 1.65rem;height: 0.52rem;}
/*2.技术支持模块*/
#jszc{text-align: center;background: #F4F4F4;}
#jszc ul{margin: 0.52rem 0 0;padding-bottom: 0.08rem;}
#jszc ul img{max-width: 0.8rem;max-height: 0.8rem;}
#jszc ul h5{font-size:0.22rem;color: #000000;margin-top: 0.28rem;}
#jszc ul p{color: #666666;font-size:0.19rem;margin-top: 0.18rem;text-align: left;}
#jszc li{width: 2.51rem;margin-bottom: 0.55rem;}

/*部长技师助手-优势*/
#ediantong_hxys{text-align: center;padding-bottom: 0rem;}
#ediantong_hxys ul{margin-top:0.45rem;}
#ediantong_hxys ul li{width: 100%;height: auto;padding: 0.33rem 0.34rem 0.43rem;margin-bottom:0.27rem;box-sizing: border-box;box-shadow:0px 0px 27px 0px rgba(0, 0, 0, 0.1);border-radius:5px;}
#ediantong_hxys ul li img{width: 0.6rem;height: 0.6rem;}
#ediantong_hxys ul li h6{color: #333333;margin-top: 0.15rem;font-size: 0.26rem;}
#ediantong_hxys ul li p{color: #666666;font-size: 0.22rem;padding-top: 10px;}
.gw_h2{flex-wrap:wrap;justify-content: space-between;width: 100%;padding: 0 0.38rem;box-sizing: border-box}

/*部长技师助手-技师端*/
#ediantong{text-align: center;height:auto;padding-bottom: 0.66rem;}
#ediantong .h3_z{padding-top:0.71rem;}
#ediantong .clairvoyance_img{max-width: 5rem;margin:0.4rem 0;}
#ediantong .leirong{width: 5.66rem;height:auto;display: flex;background: #F0F0F0;border-radius:10px;margin:0 auto 0.16rem;}
#ediantong .leirong img{max-width: 0.4rem;max-height: 0.31rem;margin: 0.29rem 0.18rem;}
#ediantong .leirong div{text-align: left;width: 5rem;}
#ediantong .leirong div h6{font-size: 0.21rem;margin: 0.16rem 0 0.05rem;}
#ediantong .leirong div p{font-size: 0.19rem;}

/*3.产品介绍模块 */
#product_introduce{text-align: center;padding-bottom: 0.34rem;}
#product_introduce ul{margin-top:0.45rem;}
#product_introduce ul li{width: 2.69rem;height: auto;padding: 0.33rem 0.14rem 0.43rem;margin-bottom:0.27rem;box-sizing: border-box;box-shadow:0px 0px 27px 0px rgba(0, 0, 0, 0.1);border-radius:5px;}
#product_introduce ul li img{width: 0.49rem;height: 0.5rem;}
#product_introduce ul li h6{font:700 0.22rem/0.38rem "";color: #333333;margin-top: 0.15rem;}
#product_introduce ul li p{font: 0.18rem/0.26rem "";color:#666666}

/*4.老板移动秘书 客源无忧 共同模块 */
#clairvoyance{text-align: center;height:auto;padding-bottom: 0.66rem;}
#clairvoyance .h3_z{padding-top:0.71rem;}
#clairvoyance .clairvoyance_img{max-width: 5rem;margin:0.4rem 0;}
#clairvoyance .leirong{width: 6.66rem;height: auto;display: flex;background: #F0F0F0;border-radius:10px;margin:0 auto 0.16rem;}
#clairvoyance .leirong img{max-width: 0.4rem;max-height: 0.31rem;margin: 0.29rem 0.18rem;}
#clairvoyance .leirong div{text-align: left;width: 5rem;}
#clairvoyance .leirong div h6{font-size: 0.21rem;margin: 0.16rem 0 0.05rem;}
#clairvoyance .leirong div p{font-size: 0.19rem;}

/* 5.公司介绍头部模块 */
#introduce_header{text-align: center;position: relative;height: 3.41rem;}
#introduce_header div{position: absolute;left: 50%;transform: translateX(-50%);top:1.05rem}
#introduce_header div h1{color:#FFFFFF;font-size: 0.56rem;margin-bottom: 0.24rem;}
#introduce_header div span{color: #CCCCCC;width: 5rem;display: block;}

/* 6.tab */
.case_tab{display: flex;justify-content: space-between;height: 0.85rem;line-height: 0.85rem;font-size: 0.24rem;background: #F8F8F8;text-align: center;}
.case_tab li a{color: #999999;font-size: 0.24rem;}
.case_tab .blue a{color: #0066FF;}
.blue{border-bottom:0.04rem solid #0066FF}
.case_tab li{width: 1.5rem;white-space: nowrap;/* overflow: hidden; */text-overflow: ellipsis;}

/*7.遮罩层咨询购买弹框 */
.free{position:fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.75);visibility:hidden;left:0; top:0;z-index: 10;}
.free_trial{width:5.50rem;height:7.26rem;position: fixed;left: 50%; top: 50%;transform: translate(-50%,-50%);border: 1px solid #000000;background:#F4F4F4;border-radius:0.1rem;text-align: center;}
.free_trial>p{white-space: nowrap;font: 0.22rem/0.22rem "";color: #333333;padding-bottom: 0.28rem;}
.free_trial p span{color: #FC6666;}
.free_trial h2{margin:0.4rem 0 0.1rem ;font-size: 0.35rem;}
.free_trial input,select,option{width: 5rem;height: 0.68rem;margin-bottom: 0.16rem;border: 0.02rem solid #E6E6E6;}
.free_trial option{width: 5rem;}
.free_trial button{width: 5rem;height: 0.68rem;background: #FF4B2A;font-size:0.28rem ;color: #FFFFFF;background:linear-gradient(90deg,rgba(249,32,40,1),rgba(255,78,46,1));box-shadow:0px 5px 17px 0px rgba(249,32,40,0.3);border: 0;border-radius:4px;}

.free_trial .swiper-container{height: 1rem;width: 4rem;margin:0.4rem auto 0;}
.free_trial .swiper-slide ul{display: flex;font-size:0.19rem;color: #666666;justify-content: space-between;}
.free_trial .swiper-slide ul li:nth-child(1){color: #FB5353;}
.free_trial .swiper-slide ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 模块样式结束*/

/* 所有页面共同模块 */
/* 预约 */
#yuyue{position: relative;text-align: center;line-height: 0;}
#yuyue img{width: 100%;height: auto;}
#yuyue div{position:absolute;top:0;left:50%;transform: translateX(-50%);line-height: normal;}
#yuyue div h2{margin: 0.58rem 0 0.2rem;font-size: 0.36rem;color: #ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}
#yuyue div span{color:#ffffff;font-size: 0.2rem;display:block;}
#yuyue div a{/* width: 2.51rem;*/ width: 1.51rem;height: 0.76rem;background: #FF9900;color: #ffffff;display: inline-block;line-height: .76rem;margin-top: 0.34rem;}
/* 尾部 */
#wb{background: #01050E;text-align: center;color: #ffffff;width: 100%;}
#wb>span{display: inline-block;font-size: 0.335rem;margin:0.4rem 0 0.16rem;}
#wb>p{font-size:0.14rem;color:#CCCCCC;padding-bottom: 0.34rem;margin: 0 0.38rem;border-bottom: #151A1F 0.02rem solid;}
#wb ul{display: flex;justify-content: space-around;margin: 0.37rem 0 0.4rem;}
#wb ul li{display:flex;flex-direction:column}
#wb ul li h6{font-size: 0.2rem;font-family:PingFang SC;font-weight:500;margin-bottom: 0.29rem;}
#wb ul li a{color: #CCCCCC;font-size: 0.16rem;line-height:0.38rem}
#wb div{margin: 0 0.38rem;color: #666666;font-size: 0.16rem;border-top: #151A1F 0.02rem solid;padding: 0.26rem 0 1.4rem;}



/* nav弹框css样式 */
#navigation{display:none;position: fixed;top:0;width: 100%;height: 100%;background: #fff;z-index: 100;overflow: auto;}
#navigation .nav-header {display: flex;justify-content: space-between;padding: 0 0.21rem 0 0.24rem;align-items: center;background: #020624;height: 0.95rem;box-sizing: border-box;}
#navigation .nav-header .h-tleft img {width: 1.25rem;height: 0.52rem;}
#navigation .nav-header .h-right {display: flex;align-items: center;color: #FFFFFF;font-size: 0.26rem;font-family: "Montserrat-Regular";}
#navigation .nav-header .h-right>img {width: 0.17rem;height: 0.26rem;margin-right: 0.11rem;}
#navigation .nav-header .h-right a img {width: 0.32rem;height: 0.32rem;margin-left: 0.34rem;}
#navigation .nav-header {background: #ffffff;}
#navigation .nav-header .h-right {color: #666666;}
#navigation .nav-header .h-right a {color: #666666;}
#navigation .nav-header .h-right a img {max-width: 0.23rem;max-height: 0.23rem;}
#navigation .main ul {overflow-y: scroll;}
#navigation .main li {/*font: .26rem/.65rem "";*/color: #333333;border-bottom: .02rem solid #E5E5E5;margin: 0 .37rem; display:flow-root; text-align: center;    line-height: 55px;}
#navigation .main li a {color:#222222; font-size:0.22rem;}

#navigation .main li ul li {float: left; border-bottom:none;width: 35%;}
#navigation .main li ul li a{color:#000;}


/* 品质承诺 */
.applym_quality{background:#f4f4f4;background-size: 100% 100%;margin-top: 20px;}
.applym_quality .applym_w{display: flex;color: #333;padding: 0.65rem 0.65rem;}
.applym_quality .applym_img>img {width: 70%;}
.applym_quality .applym_w>div{text-align: center;}
.applym_quality .applym_w>div>span{font-size: 0.28rem;line-height: 0.4rem;padding-top: .28rem;display: block;}
.applym_quality .applym_w>div>h2{font-size:0.4rem;margin-top: 0.2rem;}


/*地区分类*/
.region_tab {padding: 0.26rem;}
.btn:not(:disabled):not(.disabled) {cursor: pointer;}
.mb-3, .my-3 {margin-bottom: 0.1rem!important;}
.btn-info {color: #fff;background-color: #da251d;border-color: #da251d;}
.btn {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .1rem .1rem;font-size: 0.24rem;line-height: 0.25rem;border-radius: .1rem;}
.btn-light {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa;}