@charset "utf-8";
/* CSS Document */
html{ max-width:640px; margin:auto;}
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff; position:relative;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

.mask{ width:100%; height:100%; max-width:640px; background-size:100% 100%; background-position:center; background-repeat:no-repeat; z-index:0; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.bg{ width:100%; z-index:1; max-width:640px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.bg img{ display:block; width:100%;}
.cont{ width:80%; position:absolute; left:10%; top:13vh; z-index:3; padding-bottom:6vh;}
.cont .w01{ width:100%; position:relative; font-size:20px; line-height:50px; text-align:center; color:#ff6611; font-weight:bold;}
.cont .w01 img{ max-height:60px; display:block; margin:auto;}
.cont .w01 b{ width:50px; height:2px; display:block; position:absolute; left:50%; margin-left:-25px; bottom:0; overflow:hidden; background:linear-gradient(to left,#f5bf79,#de4a62);}
.cont .w02{ padding:0 3vw; height:40px; background-color:#fff; border-radius:5px; margin-top:3vh; border:1px solid #ff6611;}
.cont .w02 input{ width:100%; display:block; font-size:16px; line-height:40px; height:40px;}
.cont .w03{ width:100%; margin-top:3vh; text-align:center; padding-bottom:1.5vh;}
.cont .w03 input{ display:block; cursor:pointer; float:left; width:47%; height:40px; border-radius:5px; overflow:hidden; border:1px solid #ff6611; background:linear-gradient(120deg,#ff9154,#ff6611); box-shadow:0 2px 0 #e65a0c; font-size:16px; line-height:40px; color:#fff;}
.cont .w03 a{ display:block; cursor:pointer; float:right; width:47%; height:40px; border-radius:5px; overflow:hidden; border:1px solid #ea9b74; background:linear-gradient(120deg,#f5bf79,#de4a62); box-shadow:0 2px 0 #bb204a; font-size:16px; line-height:40px; color:#fff;}
.cont .w04{ width:100%; margin-top:1.5vh;}
.cont .w04 span{ display:block; float:left; height:36px; line-height:36px; font-size:16px;}
.cont .w04 p{ width:calc(100% - 110px); border:1px solid #ff6611; border-radius:3px; display:block; float:right; font-size:14px; height:34px; line-height:34px; padding:0 10px; background-color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cont .w05{ width:90%; margin-top:3%; padding:3vh 5%; font-size:16px; line-height:26px; color:#fff; background-color:rgba(255,102,17,0.7); border-radius:5px; margin-top:3vh;}

.cont .w06{ height:40px; background-color:#fff; border-radius:5px; margin-top:3vh; border:1px solid #ff6611; position:relative;}
.cont .w06 label{ width:70px; text-align:center; height:24px; line-height:24px; font-size:16px; float:left; margin:8px 0; border-right:1px solid #eee; display:block;}
.cont .w06 select{ display:block; background-color:transparent; position:relative; z-index:3; width:calc(100% - 71px); float:left; height:40px; line-height:40px; font-size:16px; text-indent:10px;}
.cont .w06 strong{ position:absolute; right:10px; top:15px; z-index:0; display:block; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; width:10px; height:10px;}
.cont .w06 strong.cur{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
.cont .w06 strong img{ width:100%; display:block;}
.cont .w06 input{ display:block; background-color:transparent; position:relative; z-index:3; width:calc(100% - 91px); float:left; height:40px; line-height:40px; font-size:16px; text-indent:10px; overflow:hidden;}

.cont .w07{ width:90%; margin-top:3%; padding:3vh 5%; padding-top:1vh; background-color:rgba(255,102,17,0.7); border-radius:5px;}
.cont .w07 dl{ display:block; width:100%; overflow:hidden; margin-top:2vh;}
.cont .w07 dl dt{ width:85%; padding-left:5%; padding-right:10%; background-color:#fff; font-size:16px; line-height:36px; height:36px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-image:url(../images/arrow.png); background-position:97% center; background-repeat:no-repeat;}
.cont .w07 dl.cur dt{ background-image:url(../images/arrow01.png);}
.cont .w07 dl dd{ display:none; overflow:hidden; padding:1vh 5%; padding-bottom:0;}
.cont .w07 dl dd span{ font-size:15px; line-height:25px; color:#fff;}
.cont .w07 dl dd p{ font-size:14px; line-height:24px; color:#fff;}
.cont .w07 dl.cur dd{ display:block;}

.footer{ width:100%; max-width:640px; position:fixed; bottom:0; left:50%; transform:translateX(-50%) translateY(0); height:40px; z-index:999; background-color:rgba(255,255,255,0.7);}
.footer a{ width:50%; display:block; float:left; text-align:center; font-size:16px; line-height:40px; height:40px; background:linear-gradient(120deg,#ff9154,#ff6611); color:#fff;}
.footer a:last-child{ background:linear-gradient(120deg,#f5bf79,#de4a62);}

.tup{ width:100%;}
.tup img{ width:100%; display:block;}

/*机构认证*/
/*@font-face{
	font-family:element-icons;
	src:url(../fonts/element-icons.313f7da.woff) format("woff"), url(../fonts/element-icons.4520188.ttf) format("truetype");
	font-weight:400;
	font-display:"auto";
	font-style:normal
}*/

.header{ width:94%; padding:0 3%; background:linear-gradient(90deg,#101010,#404040); height:60px; display:flex; align-items:center; justify-content:center;}
.header .logo{ height:40px;}
.header .logo img{ display:block; height:40px;}

.banner{ width:100%; display:block; position:relative; z-index:1;}
.banner img{ width:100%; display:block;}

.jg01{ width:94%; margin:30px auto; margin-bottom:15px; border-radius:4px; border:1px solid #dcdfe6; box-sizing:border-box; height:40px;}
.jg01 .left{ width:40px; height:38px; float:left; background-image:url(../images/ser01.png); background-position:center; background-repeat:no-repeat;}
.jg01 .mil{ width:calc(100% - 90px); height:38px; float:left;}
.jg01 .mil input{ width:100%; height:38px; line-height:38px; background-color:#fff; overflow:hidden;}
.jg01 .right{ width:50px; height:38px; float:left; overflow:hidden;}
.jg01 .right input{ width:100%; height:38px; line-height:38px; text-align:center; background-color:#fff; overflow:hidden; color:#ff6611;}

.city{ width:100%; margin-bottom:25px;}
.city>div{ width:29.33%; float:left; height:34px; border:1px solid #dcdfe6; border-radius:4px; box-sizing:border-box; margin-left:3%; position:relative; overflow:hidden;}
.city>div select{ width:100%; height:32px; line-height:32px; text-indent:10px; display:block; overflow:hidden;}
.city>div>b{ display:block; position:absolute; right:10px; top:13px; overflow:hidden; width:0; height:0; border-top:6px solid #333; border-right:5px solid transparent; border-left:5px solid transparent;}

.jg02{ width:94%; margin:auto;}
.jg02 .left{ font-size:14px; line-height:24px; float:left;}
.jg02 .right{ font-size:14px; line-height:24px; float:right;}
.jg02 .right b{ color:#ff6611;}

.jg03{ width:94%; margin:auto; display:block;}
.jg03 li{ display:block; overflow:hidden; margin-top:15px; background-color:#f3f5f6; border-radius:4px;}
.jg03 li a{ display:block; overflow:hidden; padding:15px;}
.jg03 li .left{ width:80px; float:left;}
.jg03 li .left img{ width:100%; display:block;}
.jg03 li .right{ width:calc(100% - 95px); float:right;}
.jg03 li .right .name{ font-size:16px; line-height:24px; height:24px; text-overflow:ellipsis; white-space:nowrap;}
.jg03 li .right .mobile{ font-size:12px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; margin-top:8px; position:relative; background-image:url(../images/mobile.png); background-position:left center; background-repeat:no-repeat; background-size:16px; padding-left:20px;}
.jg03 li .right .address{ font-size:12px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; position:relative; background-image:url(../images/address.png); background-position:left center; background-repeat:no-repeat; background-size:16px; padding-left:20px;}

@-webkit-keyframes van-rotate{
0%{ -webkit-transform:rotate(0); transform:rotate(0);}
to{ -webkit-transform:rotate(1turn); transform:rotate(1turn);}
}
@keyframes van-rotate{
0%{ -webkit-transform:rotate(0); transform:rotate(0);}
to{ -webkit-transform:rotate(1turn); transform:rotate(1turn);}
}
@-webkit-keyframes van-circular{
0%{ stroke-dasharray:1, 200; stroke-dashoffset:0;}
50%{ stroke-dasharray:90, 150; stroke-dashoffset:-40;}
to{ stroke-dasharray:90, 150; stroke-dashoffset:-120;}
}
@keyframes van-circular{
0%{ stroke-dasharray:1, 200; stroke-dashoffset:0;}
50%{ stroke-dasharray:90, 150; stroke-dashoffset:-40;}
to{ stroke-dasharray:90, 150; stroke-dashoffset:-120;}
}

.loading{ width:94%; margin:30px auto; margin-top:15px; display:flex; align-items:center; justify-content:center; font-size:14px; line-height:24px; color:#969799;}
.loading span{ display:block; width:16px; height:16px; -webkit-animation:van-rotate .8s linear infinite; animation:van-rotate .8s linear infinite; margin-right:5px;}
.loading svg{ display:block; height:16px; height:16px;}
.loading svg circle{ -webkit-animation:van-circular 1.5s ease-in-out infinite; animation:van-circular 1.5s ease-in-out infinite; stroke:currentColor; stroke-width:3; stroke-linecap:round;}

.jg04{ width:94%; margin:30px auto;}
.jg04 .image{ width:160px; margin:auto;}
.jg04 .image img{ display:block; margin:auto; max-width:100%;}
.jg04 .description{ font-size:14px; line-height:24px; text-align:center; margin-top:10px;}

.footers{ width:94%; padding:15px 3%; background-color:#2c3038; text-align:center; font-size:14px; line-height:20px; color:#fff;}

/*机构认证内页*/
.ban{ width:100%; position:relative;}
.ban .swiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.ban .swiper-container img{ width:100%; display:block;}
.ban .swiper-pagination{ position:absolute; left:0; bottom:20px; z-index:2; width:100%; display:flex; align-items:center; justify-content:center;}
.ban .swiper-pagination span{ display:block; width:8px; height:8px; background:#535353; border-radius:50%; cursor:pointer; margin:0 6px;}
.ban .swiper-pagination span.swiper-pagination-bullet-active{ background:#ff6611;}
.ban .tu{ height:80px; position:absolute; left:3%; bottom:20px; z-index:3;}
.ban .tu img{ height:80px; display:block;}

.jg05{ width:94%; padding:30px 3%; padding-top:0; background-color:#ff6611;}
.jg05 .club-info{ display:flex; align-items:center; padding:25px 0;}
.jg05 .club-info .info{ flex:1; margin-right:5%;}
.jg05 .club-info .info .name{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.jg05 .club-info .info .mobile{ font-size:14px; line-height:24px; margin-top:10px; position:relative; background-image:url(../images/tel.png); background-position:0 4px; background-repeat:no-repeat; background-size:16px; padding-left:20px; color:#fff;}
.jg05 .club-info .info .address{ font-size:14px; line-height:24px; margin-top:5px; position:relative; background-image:url(../images/add.png); background-position:0 4px; background-repeat:no-repeat; background-size:16px; padding-left:20px; color:#fff;}
.jg05 .club-info .logo{ width:70px; height:70px; position:relative;}
.jg05 .club-info .logo span{ width:100%; height:70px; display:block; border-radius:100%; border-bottom-right-radius:0; overflow:hidden;}
.jg05 .club-info .logo span img{ width:100%; display:block;}
.jg05 .club-info .logo b{ width:18px; display:block; position:absolute; right:0; bottom:0;}
.jg05 .club-info .logo b img{ width:100%; display:block;}
.jg05 .auth{ width:100%; border-radius:4px; padding:15px; background-color:#fef5e8; box-sizing:border-box;}
.jg05 .auth .auth-icon{ height:26px; margin:5px 0;}
.jg05 .auth .auth-icon img{ display:block; height:26px;}
.jg05 .auth .auth-info{ font-size:14px; line-height:24px; color:#ff6611;}

/*体疗师认证*/
.banner span{ display:block; width:94%; text-align:center; font-size:18px; color:#fff; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.tls01{ width:94%; margin:25px auto; margin-top:-20px; border-radius:4px; height:40px; background-color:#fff; box-shadow:0 0.4vw 1vw rgba(51,51,51,.08); position:relative; z-index:3;}
.tls01 .left{ width:40px; height:40px; float:left; background-image:url(../images/ser01.png); background-position:center; background-repeat:no-repeat;}
.tls01 .mil{ width:calc(100% - 90px); height:40px; float:left;}
.tls01 .mil input{ width:100%; height:40px; line-height:40px; background-color:#fff; overflow:hidden;}
.tls01 .right{ width:50px; height:38px; float:left; overflow:hidden;}
.tls01 .right input{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#fff; overflow:hidden; color:#ff6611;}

.tls02{ width:94%; margin:auto;}
.tls02 .right{ font-size:14px; line-height:24px;}
.tls02 .right b{ color:#ff6611;}

.tls03{ width:94%; margin:auto; display:block;}
.tls03 li{ display:block; overflow:hidden; margin-top:15px; background-color:#f3f5f6; border-radius:4px;}
.tls03 li a{ display:block; overflow:hidden; padding:15px;}
.tls03 li .left{ width:70px; float:left;}
.tls03 li .left img{ width:100%; display:block;}
.tls03 li .right{ width:calc(100% - 85px); float:right;}
.tls03 li .right .name{ font-size:16px; line-height:26px; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.tls03 li .right .mobile{ font-size:12px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; color:#999;}
.tls03 li .right .address{ font-size:12px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; color:#999;}
.tls03 li .right .mobile span,.tls03 li .right .address span{ color:#333;}

/*体疗师认证内页*/
.tls04{ padding:25px 3%; width:94%;}
.tls04 .name{ font-size:20px; line-height:30px; font-weight:bold; display:flex; align-items:center;}
.tls04 .name img{ height:20px; margin:0 5px;}
.tls04 .mobile{ font-size:14px; line-height:24px; margin-top:10px;}
.tls04 .address{ font-size:14px; line-height:24px;}

/*设备认证*/
.sb01{ width:100%; height:100%; background-color:#fff3ec;}
.sb01 img{ width:100%; display:block;}

.bigbox{ width:140px; height:44px; position:absolute; left:50%; margin-left:-70px; bottom:25%; display:flex; align-items:center; justify-content:center; border-radius:5px; background-color:#ff6611;}
.bigbox .bigboxone{ width:24px; display:block;}
.bigbox .bigboxone img{ width:100%; display:block;}
.bigbox .search_btn{ font-size:16px; line-height:28px; margin-left:10px; color:#fff; display:block;}

.sb02{ width:100%; position:absolute; left:0; bottom:20px;}
.sb02 img{ height:40px; margin:auto; display:block;}

/*设备认证内页*/
.ban .tu01{ height:56px; position:absolute; right:3%; bottom:30px; z-index:3;}
.ban .tu01 img{ height:56px; display:block;}

.sb03{ width:94%; padding:0 3%; background-color:#fff;}
.sb03 .club-info{ display:flex; align-items:center; margin-top:25px;}
.sb03 .club-info .info{ flex:1; margin-right:5%;}
.sb03 .club-info .info .name{ font-size:22px; line-height:32px; font-weight:bold;}
.sb03 .club-info .info .mobile{ font-size:16px; line-height:26px; margin-top:5px; margin-bottom:10px;}
.sb03 .club-info .info .address{ font-size:14px; line-height:24px;}
.sb03 .club-info .logo{ width:70px; height:70px; position:relative;}
.sb03 .club-info .logo span{ width:100%; height:70px; display:block; border-radius:100%; border-bottom-right-radius:0; overflow:hidden;}
.sb03 .club-info .logo span img{ width:100%; display:block;}
.sb03 .club-info .logo b{ width:18px; display:block; position:absolute; right:0; bottom:0;}
.sb03 .club-info .logo b img{ width:100%; display:block;}
.sb03 .auth{ width:100%; border-radius:4px; padding:15px; background-color:#ff6611; box-sizing:border-box; margin-top:15px;}
.sb03 .auth .auth-icon{ height:26px; margin:5px 0;}
.sb03 .auth .auth-icon img{ display:block; height:26px;}
.sb03 .auth .auth-info{ font-size:14px; line-height:24px; color:#fff;}

.sb04{ width:94%; padding:25px 3%; background-color:#fff;}
.sb04 .title{ font-weight:bold; font-size:18px; line-height:28px;}
.sb04 .param-list{ width:100%; margin-top:20px;}
.sb04 .param-list .param__row{ display:flex; width:100%;}
.sb04 .param-list .param__row:last-child{ padding-bottom:0;}
.sb04 .param-list .param__row .param__row-name{ padding-right:15px; font-size:14px; line-height:24px; font-weight:bold; border-right:1px solid #d8d8d8; padding-bottom:10px; text-align:right; width:65px;}
.sb04 .param-list .param__row .param__row-content{ flex:1; padding-left:15px; font-size:14px; line-height:24px; padding-bottom:10px;}