@import url(base.css);

:root{
 --main-color__rgb:68,187,118;/*#44bb76*/
 --main-color:rgba(var(--main-color__rgb),1);
 --hover-color__rgb:0,165,132;/*#00a584*/
 --hover-color:rgba(var(--hover-color__rgb),1);
 --header_height:0.8rem;
}
@media(max-width:768px){
:root{
 --header_height:0.6rem;
}
}

/* btn */
.btns{min-width:1.8rem;padding:0 0.15rem;background-color: #000;color: #fff;cursor: pointer;height: 0.64rem;line-height: 0.64rem;border-radius: 0.1rem;font-size: 0.18rem;display: inline-block;text-align: center;}
.btns:not(:last-child){margin-right: 0.2rem;}
.btns:hover{background-color: #4dbe7c;color: #fff;}
.btns.w100{width: 100%;}
.btns.w50{width: 50%;}
.btns.w360{width: 3.6rem;}
.btns.gray{background-color: #000;color: #fff;}
.btns.gray:hover{color: #fff;background-color: #4dbe7c;}
.btns.l55{border-radius: 0.55rem;height: 0.55rem;line-height: 0.55rem;}
.btns.soso{height: 0.5rem;line-height:0.5rem;min-width: 0.9rem;border-radius: 0.1rem;background-color: #000;display: flex;align-items: center;}
.btns.soso:before{width: 0.19rem;height: 0.19rem;background: url(../images/ico_soso.svg) no-repeat center center/contain;margin-right: 0.09rem;content: "";}
.btns.soso:hover{opacity: 1;background-color: #4dbe7c;}
@media(max-width:640px){
  .btns{height: 0.48rem !important;border-radius: 0.1rem !important;line-height: 0.48rem !important;min-width: 1.4rem;}
}

/*pages*/
.Pages{ padding:0.5rem 0 0; line-height:0.5rem; zoom:1; overflow:hidden;text-align: center;} 
.Pages span{ padding:0px 0.05rem; display:inline-block;} 
.Pages a{ display:inline-block; margin:0px 0.06rem;width: 0.5rem;height: 0.5rem;vertical-align: middle;border-radius: 50%;color: #555555;} 
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}  
.Pages .p_page em a.a_cur,.Pages .p_page em a:hover{ color:#fff; border-color: #fff;background-color: var(--hover-color);} 
.Pages .p_page b{ font-weight:normal;} 
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;} 
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none;} 
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{font-size: 0;position: relative;}
.Pages .a_first:After,.Pages .a_prev:After,.Pages .a_next:After,.Pages .a_end:After{left:0;top:0;width:100%;height:100%;background-position: center center;background-repeat: no-repeat;background-size: 0.15rem 0.15rem;position: absolute;content: "";}
.Pages .a_first:After{background-image: url(../images/page/frist.svg);}
.Pages .a_first:hover:After{background-image: url(../images/page/frist-on.svg) !important;}
.Pages .a_end:After{background-image: url(../images/page/last.svg);}
.Pages .a_end:hover:After{background-image: url(../images/page/last-on.svg) !important;}
.Pages .a_prev:After{background-image: url(../images/page/prev.svg);}
.Pages .a_prev:hover:After{background-image: url(../images/page/prev-on.svg) !important;}
.Pages .a_next:After{background-image: url(../images/page/next.svg);}
.Pages .a_next:hover:After{background-image: url(../images/page/next-on.svg) !important;}
@media ( max-width:480px){
	.Pages a{width: 0.35rem;height: 0.35rem;line-height: 0.31rem;margin: 0 0.05rem;}
}

/*Top s*/
.header{position:fixed; width:100%; left:0; top:0;z-index:100;transition: all 0.5s;background-color: #000;}
.header .auto-inner{height:var(--header_height);}
.header .logo{position: relative;z-index: 101;}
.header .logo img{height: 0.39rem;}
.header.fix{box-shadow: 0 0 15px rgba(0,0,0,0.1);}

.mainNav li:not(:first-child){margin-left: 0.63rem;}
.mainNav li{position: relative;}
.mainNav span img{height: 0.18rem;margin-right: 0.08rem;display: none;}
.mainNav span a{ position:relative; z-index:100;line-height: var(--header_height);;transition: all 0.3s;display:flex;align-items: center;
}
.mainNav .arr{ display:none;}
.mainNav li.active span a,.mainNav li.aon span a,.mainNav li:hover span a{color: var(--main-color);}

/* 下拉 */
.mainNav .sub{position: absolute;left: 50%;transform: translateX(-50%) scale(0.9);top: 100%;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;padding: 0.15rem;border-radius: 0 0 0.2rem 0.2rem;width: 1.5rem;text-align: center;}
.mainNav .sub dl{flex: 1;line-height: 0.32rem;}
.mainNav .sub dl dd{margin-bottom: 0.1rem;}
.mainNav .sub dl dt{margin-bottom: 0.15rem;}
.mainNav .active .sub{z-index: 99;opacity: 1;visibility: visible;transform: translateX(-50%) scale(1);pointer-events: auto;}

.open-menu{width: 0.3rem;height: 0.4rem;display: flex;flex-direction: column;justify-content: space-between;padding: 0.1rem 0; cursor: pointer; margin-left: 0.3rem;}
.open-menu i{display: block;width: 100%;background-color: var(--main-color);height: 2px;transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 8px) rotate(45deg) !important;
	-moz-transform: translate(0, 8px) rotate(45deg) !important;
	-ms-transform: translate(0, 8px) rotate(45deg) !important;
	-o-transform: translate(0, 8px) rotate(45deg) !important;
	transform: translate(0, 8px) rotate(45deg) !important;}
.menu-show .open-menu i:nth-child(2) {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}
.menu-show .open-menu i:nth-child(3) {width: 0;}

@media(min-width:1025px){
  .open-menu{display: none;}
}
@media(max-width:768px){
  /* .header .logo img{height: 0.5rem;} */
  .mainNav{position: fixed;left: 0;top:var(--header_height);background: #fff; padding: 0.2rem 0;visibility: hidden; transform: translateX(-100%); opacity: 0; transition: 0.3s; width: 60%; bottom: 0; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.2);height: calc(100vh - var(--header_height));}
	.menu-show{position: fixed;left: 0;top: 0;height: 100%;overflow: hidden;width: 100%;}
	.menu-show .mainNav{visibility: visible; opacity: 1; transform: translateX(0);}
	.mainNav ul{height: 100%; overflow: auto;line-height: 2;}
	.mainNav li{padding: 0;border-bottom: 1px solid rgba(0,0,0,0.08);margin-left: 0 !important;}
	.header.on .mainNav span a:after, .header.fix .mainNav span a:after{display: none;}
	.mainNav .sub dd a,
	.mainNav span a{line-height: 3;padding: 0 0.3rem;font-size: 0.2rem;}
	.mainNav .sub dd a{font-size: 0.18rem;}
}

/*Top end*/


/*Bottom s*/
.footer{ position:relative;background: #15151e;z-index: 2;padding: 0.6rem 0 0.5rem;color: #fff;}
.footer:before{position: absolute;left: 0;top: 0;width: 100%;content: "";height: 0.1rem;background-image: var(--bg-lg2);}
.footer .auto-inner{padding-top: 0 !important;}
.footer a{color: #fff;}.footer a:hover{color: rgba(var(--base-color)) !important;}
.footer .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;}

.footer .top .logo{margin-right: 0.24rem;}
.footer .top .logo img{height: 0.36rem;}
.footer .top .nav a:not(:last-child){margin-right: 0.34rem;position: relative;}
.footer .top .nav a:not(:last-child):After{position: absolute;right: -0.18rem;top: 50%;transform: translateY(-50%);width: 0.04rem;height: 0.04rem;background-color: rgba(var(--base-color));content: "";border-radius: 50%;}

.footer .bot{color: rgba(255,255,255,0.4);margin-top: 0.08rem;}
.footer .bot a{color: rgba(255,255,255,0.4);}
.footer .bot .nav{margin-left: 0.29rem;}

.footer .fllowus{padding-top: 1.719vw;}
.footer .fllowus li{position: relative;z-index: 8;}
.footer .fllowus li:not(:first-child){margin-left: 0.4rem;}
.footer .fllowus .icon{cursor: pointer;transition: all 0.5s;}
.footer .fllowus .icon img{height: 0.22rem;}
.footer .fllowus .ewm{padding: 0.1rem;border-radius: 5px;background: #fff;width: 1.5rem;height: 1.5rem;bottom: 0.22rem;left: 50%;transform: translateX(-50%);transition: all 0.5s;position: absolute;opacity: 0;z-index: -1;visibility: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.footer .fllowus .ewm img{width: 100%;}
.footer .fllowus .ewm:after{width: 10px;height: 10px;left: 50%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;bottom: -5px;}
.footer .fllowus li:hover .ewm{bottom: 0.4rem;visibility: visible;z-index: 1000;opacity: 1;}
.footer .fllowus li:hover{z-index: 1500;}
.footer .fllowus li:hover .icon{opacity: 0.6;}

.footer-short{position: absolute;left: 0;bottom: 0.38rem;width: 100%;text-align: center;color: #fff;}
.footer-short a{color: #fff;}.footer-short a:hover{color: rgba(var(--primary-color));}
.footer-short .nav{margin-left: 0.29rem;}

.fixNav{width: 0.5rem;top: 50%;transform: translateY(-50%);right: -50%;position: fixed;z-index: 100;text-align: center;font-size: 0.14rem;transition: all 0.8s;visibility: hidden;opacity: 0;}
.fixNav.show{right: 0.15rem;visibility: visible;opacity: 1;}
.fixNav .item:not(:last-child){margin-bottom: 0.13rem;}
.fixNav .item{position: relative;}
.fixNav .item .btn{color: #999;cursor: pointer;background-color: #ededed;position: relative;z-index: 10;height: 0.5rem;border-radius: 50%;}
.fixNav .item figure{width: 0.2rem;height: 0.2rem;}
.fixNav .item:hover .btn{background-color: rgba(var(--main-color),1);color: #fff;}
.fixNav .item .ewm {width: 1.6rem;border-radius: 6px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 0.1rem;position: absolute;pointer-events: none;transition: all 0.5s;visibility: hidden;right: 50%;opacity: 0;top: 0;z-index: -1;min-height: 0.79rem;}
.fixNav .item:hover .ewm {pointer-events:auto;right: 105%;opacity: 1;visibility: visible;z-index: 10;}
.fixNav .item .ewm img{width: 100%;display: block;margin-bottom: 0.05rem;}

.online-btn{bottom: 1.95rem;left: 0.1rem;position: fixed;z-index: 10;width: 0.6rem;height: 1.1rem;font-size: 0.14rem;color: #fff;border-radius: 0.6rem;background-image: var(--bg-lg);line-height: 1.2;font-size: 0.14rem;}
.online-btn img{width: 0.2rem;margin-bottom: 0.05rem;}
.online-btn:hover{background-image: var(--bg-lg2);}

/*Bottom end*/

/* 登录注册 */
.login-bg{background: url(../images/login/login-bg.jpg) no-repeat center top/cover;min-height: 100vh;padding: 0.5rem 0;}
.login-bg .content .wel{background: url(../images/login/login-new-bg.jpg) no-repeat center center/cover;color: #fff;padding: 0.8rem 0 0 0.6rem;}
.login-bg .content .logo img{height: 0.98rem;}
.login-bg .content .txt{text-shadow: 0 0 10px rgba(0,0,0,0.2);padding-top: 0.24rem;}
.login-bg .content .txt h2{font-weight: 500;margin-bottom: 0.05rem;}
.login-bg .content .txt h3{font-weight: 500;}
.login-bg .content{max-width: 12rem;width: 90%;border-radius: 0.1rem;background-color: #fff;}
.login-bg .change-tab{margin-bottom: 0.19rem;}
.login-bg .change-tab .item:not(:last-child){margin-right: 0.6rem;}
.login-bg .change-tab .item{cursor: pointer;line-height: 0.62rem;color: #000000;font-weight: 500;position: relative;}
.login-bg .change-tab .item:after{left: 50%;transform: translateX(-50%);bottom: 0;width: 0;transition: all 0.5s;height: 2px;background-color: var(--main-color);content: "";position: absolute;}
.login-bg .change-tab .item.on{color: var(--main-color);}
.login-bg .change-tab .item.on:after{width: 100%;}
.login-bg .check{display: inline-block;margin-left: 0.38rem;}

.login-bg .group{padding-top: 0.34rem;}
.login-bg .content .group label{font-size: 0.2rem;display: block;}
.login-bg .content .group input{width: 100%;height: 0.66rem;border: 0;border-bottom: 1px solid #ededed;}
.login-bg .content .group input:focus{border-bottom: 1px solid rgba(0,0,0,0.2);}
.login-bg .content .group.other{color: #b8b8b8;padding: 0.2rem 0 0.1rem;}
.login-bg .content .group .forget{color: #b8b8b8;}
.login-bg .content .group .forget:hover{color: var(--main-color);}

.input{position: relative;}
.eyeinput{padding-right: 0.35rem;}
.eye{width: 0.2rem;height: 0.14rem;background: url(../images/login/eye-close.svg) no-repeat center center/contain;cursor: pointer;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.eye.on{background-image: url(../images/login/eye-open.svg);}

.login-bg .regcontent{background-color: #fff;border-radius: 0.1rem;max-width: 7rem;margin: 0px auto;width: 90%;padding: 0.65rem 1rem;}
.login-bg .regcontent .group{border-bottom: 1px solid #ededed;padding: 0;padding: 0.09rem 0;}
.login-bg .regcontent .group:hover{border-bottom: 1px solid rgba(0,0,0,0.2);}
.login-bg .regcontent .group .input{flex: 1;}
.login-bg .regcontent .group .input input{text-align: right;height: 0.58rem;border: 0;width: 100%;}
.login-bg .regcontent .group .code input{flex: 1;padding-right: 0.15rem;}
.login-bg .regcontent .group .get{margin-left: 0.25rem;position: relative;}
.login-bg .regcontent .group .get:before{position: absolute;left: -0.22rem;top: 50%;transform: translateY(-50%);width: 2px;height: 0.14rem;content: "";background-color: #ededed;}
.login-bg .regcontent .group.read{color: rgba(0,0,0,0.4);padding: 0.22rem 0;}
.login-bg .regcontent .group.read a{color: rgba(0, 0, 0, 0.4);text-decoration: underline;}
.login-bg .regcontent .group.read a:hover{color: rgba(0, 0, 0, 1);text-decoration: none;}
.login-bg .regcontent .group.read div{padding-right: 2px;margin-top: 0.05px;}
.login-bg .regcontent .group.read .agreement-checkbox{display: flex;align-items: center;}
.login-bg .regcontent .nol{border-bottom: 0 !important;}
.login-bg .regcontent .btnbox{padding-top: 0.4rem;}

.layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus{border-color: transparent;}
.layui-form-checkbox[lay-skin=primary]:hover>i,
.layui-form-checked[lay-skin=primary]>i{background-color: var(--main-color);border-color: var(--main-color);}

@media(min-width:1025px){
.login-bg .content .wel{width: 38.33%;border-radius: 0.1rem 0 0 0.1rem;}
.login-bg .content .formbox{width: calc(100% -  38.33%);border-radius: 0 0.1rem 0 0.1rem;min-height: 6.9rem;padding: 0 1.2rem;}
}
@media(max-width:1024px){
  .login-bg .content .wel{padding: 0.3rem;border-radius: 0.1rem 0.1rem 0 0;display: flex;}
  .login-bg .content .wel .txt{flex: 1;padding-left: 0.15rem;}
  .login-bg .content .formbox{padding: 0.3rem;border-radius: 0 0 0.1rem 0.1rem;}
}
@media(max-width:640px){
  .login-bg .content .group input{height: 0.48rem;}
  .login-bg .regcontent{padding: 0.3rem 0.3rem;}
}

/* 弹窗 */
.pop-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 200;display:none;}
.pop-box .close{position: absolute;right: 0.2rem;top: 0.2rem;background: url(../images/close.svg) no-repeat center center/0.18rem 0.18rem;z-index: 10;width: 0.28rem;height: 0.28rem;cursor: pointer;opacity: 0.5;}
.pop-box .close:hover{opacity: 0.8;}
.pop-box .innerbox{height: 100vh;}
.pop-box .auto-inner{background-color: #fff;border-radius: 0.1rem;padding-bottom: 0.8rem;}
.pop-box .w600{max-width: 6rem;width: 90%;}
.pop-box .tophead{line-height: 0.77rem;min-height:0.77rem;border-bottom: 1px solid #ededed;padding: 0 0.3rem;font-size: 0.24rem;color: #000000;font-weight: 500;}
.pop-box .title{text-align: center;padding-bottom: 0.43rem;}
.pop-box .title aside{font-size: 0.24rem;color: #000000;font-weight: 500;}
.pop-box .title .desc{color: rgba(0,0,0,0.4);margin-top: 0.08rem;}
.pop-box .edit-info{max-height: 40vh;overflow-y: auto;color: #666666;text-align: justify;margin: 0 0.3rem;padding-right: 0.1rem;line-height: 1.875;}
.pop-box .edit-info h3{color: #000;}
.pop-box .botSet{margin-top: 0.4rem;border-top: 1px solid #ededed;padding: 0.2rem 0.2rem 0 0.2rem;}
.pop-box .inReview{text-align: center;}
.pop-box .inReview .ico {margin-bottom: 0.35rem;}
.pop-box .inReview .ico img{display: block;margin: 0px auto;height: 0.99rem;}
.pop-box .btnbox aside{margin-bottom: 0.3rem;color: #4dbe7c;}

@media(max-width:640px){
  .pop-box .auto-inner{padding-bottom: 0.3rem;}
  .pop-box .botSet{margin-top: 0.2rem;}
  .pop-box .botSet .btnbox{margin-top: 0.2rem;}
}

/* 个人信息 */
.sub-bg{background: #fff;min-height: calc(100vh - var(--header_height));padding: 0.7rem 0;margin-top:var(--header_height);}
.subPage{border-radius: 0.1rem;background-color: #fff;min-height: 6.8rem;padding: 0 0.3rem 0.3rem;}
.subPage2{min-height: 6.8rem;}

.subTit{padding: 0.23rem 0;}
.subTit h2{font-weight: 500;color: #000000;position: relative;}
.subTit h2:before{position: absolute;left: -0.3rem;top: 50%;transform: translateY(-50%);height: 2px;width: 0.12rem;content: "";background-color: var(--main-color);}
.subTit .desc{color: rgba(51,51,51,0.4);}

.base-info .group{margin-bottom: 0.18rem;}
.base-info .group .label{margin-right: 0.08rem;}
.base-info .group .label span{min-width: 0.64rem;text-align:justify;text-align-last:justify;display: inline-block;}
.base-info .group .input{flex: 1;line-height: 0.5rem;}
.base-info .group .ipttxt{width: 3.5rem;height: 0.5rem;border-radius: 0.1rem;border: 1px solid #ededed;padding: 0 0.18rem;}
.base-info .group .eye{width: 17px;height: 12px;margin-left: 0.18rem;}

.ad-img{overflow: hidden;border-radius: 0.1rem;/*box-shadow: 0 4px 8px rgba(0,127,102,0.2);*/margin-top: 0.4rem;}

.form-box{padding-top: 0.5rem;padding-bottom: 0.5rem;}
.form-box .groupTit{font-size: 0.2rem;color: #000000;margin-bottom: 0.3rem;}
.form-box .groupTit .addfp{margin: 0 0.35rem 0 0.8rem;background: url(../images/ico_jia.svg) no-repeat 0 center/0.16rem 0.16rem;padding-left: 0.25rem;color: var(--main-color);font-size: 0.18rem;font-weight: normal;display: inline-block;}
.form-box .groupTit .addfp.on{background-image: url(../images/ico_jian.svg);}
.form-box .groupTit span{color: #333;font-weight: normal;font-size: 0.18rem;display: inline-block;}
.form-box .groupTit span label{margin-right:0.2rem;display: inline-block;}
.form-box .group{padding-bottom: 0.25rem;}
.form-box .w50{width: 47.5%;}
.form-box .label{margin-bottom: 0.14rem;color: #9ca3af;font-size: 0.18rem;}
.form-box .label span{margin-left: 0.1rem;}

.upload{max-width: 5.5rem;margin: 0.25rem auto 0;border-radius: 0.1rem;border: 1px dashed #d7dadf;padding: 0.35rem 0.25rem;text-align: center;color: #9ca3af;cursor: pointer;}
.upload figure {margin-bottom: 0.25rem;}
.upload figure img{height: 0.42rem;}

.preview-container {
  margin-top: 15px;
}

.preview-content {
  margin-bottom: 15px;
  border-radius: 4px;
  overflow: hidden;
  padding: 0.15rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.preview-content img {
  max-width: 100%;
  max-height: 200px;
  display: block;
  margin: 0px auto;
}

.preview-content .file-info {
  padding: 10px;
  background: #f5f5f5;
  color: #333;
  font-size: 14px;
}

.preview-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.preview-actions button {
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.reupload-btn {
  background-color: #4285f4;
  color: white;
}

.reupload-btn:hover {
  background-color: #3367d6;
}

.delete-btn {
  background-color: #ea4335;
  color: white;
}

.delete-btn:hover {
  background-color: #d93025;
}

.ipttxt{width: 100%;border-radius: 0.06rem;border: 1px solid #ebedef;height: 0.5rem;padding: 0 0.15rem;}
.ipttxt:focus{box-shadow: 0 0 10px rgba(0,0,0,0.15);}
select{width: 100%;height: 0.5rem;border-radius: 0.06rem;}


/* layui */
.layui-input,.layui-select{height: 0.5rem;border-radius: 0.06rem;}
.layui-form-select dl{top: 0.5rem;bottom: auto;}
.lineblank{padding-bottom: 0.15rem;border-bottom: 1px solid #f5f8f8;margin-bottom: 0.34rem;}
.layui-form-radio>i{font-size: 0.18rem;}

.tab-nav{margin-bottom: 0.11rem;}
.tab-nav .item{margin-right: 0.28rem;cursor: pointer;color: #999999;font-size: 0.24rem;}
.tab-nav .item a{color: #999999;}
.tab-nav .item.on{color: #000000;}
.tab-nav .item.on a{color: #000000;}
.tab-nav .item.on:before{width: 12px;height: 3px;display: inline-block;vertical-align: middle;margin-right: 0.19rem;transition: all 0.5s;content: "";background-color: var(--main-color);}
.waibtn{color: #fff !important;line-height: 0.4rem;padding: 0 0.26rem;background-color: var(--main-color);border-radius: 0.4rem;width: 1.8rem;text-align: center;}

.search-top{border-radius: 0.1rem;background-color: #fff;margin-bottom: 0.2rem;padding: 0.25rem 0.3rem 0.3rem;}
.search-top .list{margin-left: -0.2rem;}
.search-top .group{padding-left: 0.2rem;font-size: 0.18rem;flex: 1;}
.search-top .btn{flex: none;}
.search-top .ipttxt{width: 100%;}
.search-top .label{margin-bottom: 0.09rem;}

.search-box{border-radius: 0.1rem;background-color: #fff;padding-bottom: 0.7rem;}
.search-box .thead{background-color: #000;color: #fff;border-radius: 0.1rem 0.1rem 0 0;}
.search-box .thead li{min-height: 0.6rem;display: flex;align-items:center;}
.search-box li{padding-left: 0.3rem;flex: 1;overflow: hidden;white-space: pre-wrap;word-break: break-a}
.search-box li:nth-child(4){flex: 0.6;}
.search-box li:nth-child(5){flex: 1.4;}
.search-box li:last-child{flex: none;width: 1rem;padding-left: 0.1rem;}
.search-box .item li{min-height: 0.7rem;display: flex;align-items:center;}
.search-box .item:nth-child(even){background-color: #f5f8fa;}
.search-box .item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);position: relative;z-index: 1;}
.search-box .tit{display: none;}
.search-box .state{line-height: 0.3rem;border-radius: 0.3rem;display: inline-block;padding: 0 0.11rem;text-align: center;line-height: 1.5;}
.search-box .state.wait{background-color: #fef9c3;color: #8a5619;}
.search-box .state.over{background-color: #dcfce7;color: #267042;}
.search-box .state.pass{background-color: #dbe9fe;color: #3656b8;}
.search-box .card{width: 0.45rem;}
.search-box .apply li:nth-child(2){flex: 0.6;}
.search-box .apply li:nth-child(3){flex: 0.8;}
.search-box .apply li:nth-child(4){flex: 0.5;}
.search-box .apply li:nth-child(5){flex: 1;}
.search-box .apply li:nth-child(6){flex: 0.7;}
.search-box .apply li:nth-child(7){flex: 1.9;padding-left: 0.15rem;}

.process{padding-top: 0.5rem;}
.process li{text-align: center;width: 33.333%;color: #999999;position: relative;}
.process li span{display: block;margin: 0px auto 0.14rem;width: 0.6rem;height: 0.6rem;display: flex;align-items: center;justify-content: center;font-size: 0.24rem;background-color: #e6e6e6;border-radius: 50%;position: relative;z-index: 1;}
.process li aside{font-size: 0.22rem;}
.process li:before,.process li:after{width: calc(50% - 0.14rem);top: 0.1rem;height: 0.42rem;content: "";position: absolute;z-index: 0;}
.process li:before{background: url(../images/process_p1.svg) no-repeat right center/cover;left: 0;}
.process li:after{background: url(../images/process_p2.svg) no-repeat 0 center/cover;right: 0;}
.process li:first-child:before{display: none;}
.process li:last-child:after{display: none;}
.process li.on span{color: var(--main-color);background-color: #f5fef9;border: 0.08rem solid var(--main-color);}
.process li.on aside{color: #000;}
.process li.on:before{background: url(../images/process_p01.svg) no-repeat right center/cover;}
.process li.on:after{background: url(../images/process_p02.svg) no-repeat 0 center/cover;}

.card-select{padding-top: 0.5rem;}
.card-select .group{width: 48.24%;padding-bottom: 0.6rem;}
.card-select .group .card{border: 1px solid #d9d9d9;border-radius: 0.1rem;padding: 0.45rem 0.3rem;cursor: pointer;position: relative;}
.card-select .group .card:after{position: absolute;right: -1px;bottom: -1px;border-radius: 0 0 0.1rem 0;width: 0.3rem;height: 0.3rem;border: 1px solid #d9d9d9;z-index: 10;content: "";}
/* .card-select .group .card li{width: 50%;padding: 0 1.5%;}
.card-select .group .card li img{width: 100%;display: block;border-radius: 0.1rem;} */
.card-select .group:hover .card,
.card-select .group:hover .card:after{border-color: var(--main-color);}
.card-select .group .price{padding: 0.2rem 0.3rem 0;text-align: right;}
.card-select .group .price span{color: #666;}
.card-select .group .info{padding: 0.1rem 0.3rem 0;}
.card-select .group .txt aside{font-size: 0.2rem;color: #000;}
.card-select .group .txt p{color: rgba(51,51,51,0.4);}
.card-select .group .numbox aside{margin-right: 0.2rem;}
.card-select .group.on .card:after{background: url(../images/gou.svg) no-repeat center center/0.19rem 0.15rem;}

.numsel{width: 1.2rem;line-height: 0.35rem;border-radius: 0.05rem;background-color: #edf6f7;}
.numsel span{width: 0.36rem;height:0.36rem;text-align: center;position: relative;cursor: pointer;background-position: center center;background-repeat: no-repeat;}
.numsel span:after{top: 50%;width: 1px;height: 20px;margin-top: -10px;content: "";position: absolute;background-color: #dfe4e5;right: 0;}
.numsel span.jian{background-image: url(../images/jian.png);}
.numsel span.jia{background-image: url(../images/jia.png);}
.numsel span.jia:after{right: auto;left: 0;}
.numsel input{border: 0;width: 0.46rem;height: 0.35rem;background-color: transparent;text-align: center;}

.detailBox{border-radius: 0.1rem;background-color: #fff;min-height: 6.8rem;}
.detailBox .group{width: 50%;padding: 0.34rem 0.3rem;border-bottom: 1px solid #f5f8f8;}
.detailBox .group:nth-child(odd){border-right: 1px solid #f5f8f8;}
.detailBox .group h2{color: var(--main-color);margin-bottom: 0.22rem;font-weight: 500;display: flex;align-items: center;width: 100%;font-size: 0.2rem;}
.detailBox .group h2 img{width: 0.19rem;margin-right: 0.09rem;}
.detailBox .group dl{margin-bottom: 0.2rem;width: 100%;}
.detailBox .group dl:last-child{margin-bottom: 0;}
.detailBox .group dl.w50{width: 50%;}
.detailBox .group dl dt{color: #9ca3af;}
.detailBox .group.auto{width: 100%;border: 0;}
.detailBox .shuom dd:not(:last-child){margin-bottom: 0.06rem;}
.detailBox .tip{line-height: 2;margin-top: 0.15rem;}
.detailBox .noRecode{width: 100%;text-align: center;padding: 0.8rem 0;}
.detailBox .noRecode img{display: block;height: 10.625vw;margin: 0px auto 0.35rem;}

@media(max-width:768px){
  .sub-bg{padding: 0.5rem 0;}
  .search-box{padding-bottom: 0.5rem;}
  .form-box{padding-top: 0.2rem;padding-bottom: 0.2rem;}
  .form-box .w50{width: 100%;}

  .search-top .group:not(.btn){padding-bottom: 0.15rem;}

  .search-box .thead{display: none;}
  .search-box .item {padding: 0.16rem 0;}
  .search-box .item li{padding: 0.1rem 0.2rem;justify-content: space-between;min-height: 0.5rem;width: 100% !important;}
  .search-box .item li:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.05);}
  .search-box .tit{display: inline-block;color: rgba(0,0,0,0.4);flex: 1;}

  .card-select .group{width: 100%;}

  .detailBox .group{width: 100%;border-right: 0 !important;}
}
@media(max-width:480px){
  .ipttxt{width: 100%;}
}


/* 企业用户 */
.apply-num .ispic{width: 32.63%;}
.apply-num .form{width: 63.15%;color: #9ca3af;font-size: 0.18rem;}
.apply-num .form .group{min-height: 0.8rem;border-bottom: 1px solid #f1f5f5;padding: 0.2rem 0;}
.apply-num .form input{width: 100%;text-align: right;height: 0.4rem;border: 0;font-size: 0.2rem;color: #000;font-weight: bold;}
.apply-num .form .input{color: #000;font-weight: bold;flex: 1;text-align: right;}
.apply-num .form .label span{display: block;font-size: 0.16rem;opacity: 0.5;margin-top: 0.05rem;}
.apply-num .form .num input{flex: 1;}
.apply-num .form .price{min-height: 1.06rem;}
.apply-num .form .price .input{color: #ff0000;font-size: 0.24rem;}

.apply-group .apply-num{margin-top: 0.2rem;}
.apply-group{padding: 0.22rem 0;border-bottom: 1px solid #f5f6f7;}
.apply-group h3{color: #000;font-weight: bold;font-size: 0.2rem;}
.apply-group .input{flex: 1;text-align: right;font-size: 0.18rem;}
.apply-group .input span{color: #9ca3af;}
.apply-group dl {margin-top: 0.1rem;}
.apply-group dl dt{color: #9ca3af;}
.apply-group dl dd{flex: 1;}
.apply-group .wait{color: #ff0000;margin-right: 0.48rem;}
.apply-group .wlinfo{color: #9ca3af;margin-top: 0.15rem;}
.apply-group .wlinfo.ing{font-size: 0.18rem;}
.apply-group .wlinfo .ti{color: var(--main-color);padding-left: 0.35rem;background: url(../images/ico_ing.png) no-repeat 0 center/0.2rem 0.18rem;margin-bottom: 0.15rem;}
.apply-group .wlinfo .info span{color: #000000;padding-right: 0.3rem;background: url(../images/ico_no.svg) no-repeat right center/0.14rem 0.14rem;margin-right: 0.49rem;}
.apply-group .wlinfo .info .look{color: #000000;text-decoration: underline;}
.apply-group .wlinfo .info .look:hover{color: var(--main-color);text-decoration: none;}
.apply-group h3{position: relative;cursor: pointer;}
.apply-group.folder h3:after{position: absolute;right: 0;width: 14px;height: 9px;top: 50%;margin-top: -4px;content: "";background: url(../images/ar_b_black.svg) no-repeat center center/contain;transition: all 0.5s;}
.apply-group.folder.on h3:after{transform: rotate(-180deg);}

.apply-tip{padding: 0.3rem 0;}

.edit-info{padding: 0.5rem;}

@media(max-width:768px){
  .apply-group .input{text-align: left;}
  .apply-num .ispic{width: 100%;}
  .apply-num .form{width: 100%;}
}

.imgcode{width: 0.8rem;height: 0.38rem;object-fit: cover;}


/* 欢迎页 */
.welcome-wrapper{
  background: url(../images/welcome-bg.jpg) no-repeat right center/cover;
}
.welcome-wrapper .under-txt p:first-child{margin-bottom: .2rem;}
.welcome-wrapper .under-txt{line-height: 2;padding: .4rem 0 0 0;border-top: solid 1px #c8d8d3;}
.welcome-wrapper .above-txt {padding: 1.6rem 0 ;}
.welcome-wrapper .go-start{margin-top: .7rem;}
.welcome-wrapper .go-start a{position: relative;width: 2.8rem;height: .64rem;border: solid .02rem #333;border-radius: .64rem;overflow: hidden;}
.welcome-wrapper .go-start a:after,
.welcome-wrapper .go-start a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}
.welcome-wrapper .go-start a:before{
  width: 0%;
}
.welcome-wrapper .go-start a:after{
  content: "让我们开始吧";
  font-size: .18rem;
}
.welcome-wrapper .go-start a:hover:before{
  width: 100%;
  background-color: #000;
}
.welcome-wrapper .go-start a:hover:after{
  color: #fff;
}
footer{
  background-color: #e3eeee;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
footer .auto-inner{height: .7rem;}


/* 选择认证内容 */
.choose-certification{padding: 0 .3rem;}
.step-bar{position: relative;padding: 0 .4rem;margin-bottom: .5rem;}
.step-bar p{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 85%;height: 1px;background-color: #e6e6e6;top: .3rem;z-index: 1;}
/* .step-bar p:before{content: "";position: absolute;left: 0;top: 0;width: 0%;height: 1px;background-color:#4dbe7c;} */
.step-bar.one p:before{width: 33%;}
.step-bar.two p:before{width: 66%;}
.step-bar.three p:before{width: 100%;}
.step-item{position: relative;z-index: 3;}
.step-item .step-num{width: .6rem;height: .6rem;border-radius: 50%;border: solid 1px #e8e8e8;background-color: #fff;
  margin-bottom: .2rem;
}
.step-bar .setp-box{position: relative;max-width: 8rem;margin: 0 auto;}
.step-item.active .step-num,.step-item.on .step-num{border-color: #4dbe7c;color: #4dbe7c;background-color: #f5fef9;}
.step-item.active .step-txt{color: #000;}
.setp-bar-finished.step-bar{padding-bottom: .7rem;border-bottom: solid 1px #e9e9e9;}
.choose-certification{padding-bottom: .8rem;}
.choose-certification .cert-type{margin: 0 0 .8rem 0;}
.choose-certification .cert-type-item{width: 49%;border-radius: .1rem;border: solid 1px #d9d9d9;padding: .6rem .3rem .7rem;position: relative;}
.choose-certification .cert-type-item h3{padding-left: .4rem;background: url(../images/logo-bg.png) no-repeat 0 .05rem/.26rem;margin-bottom: .3rem;}
.choose-certification .cert-type-item .cert-type-txt{line-height: 2.2;}
.choose-certification .cert-type-item:hover{border-color: #4dbe7c;}
body .choose-sub{padding-top: 0 !important;}
.banner{margin-bottom: .5rem;}
.banner img{width: 100%;}
.go-page{width: 3rem;height: .8rem;border-radius: .1rem;margin: 0 auto;background-color: #000;color: #fff;}
.go-page:hover{background-color: #4dbe7c;color: #fff;}
.choose-certification .cert-type .cert-type-item .go-page{position: absolute;bottom: -.4rem;left: 50%;transform: translateX(-50%);}
.apply-logo{margin-top: .5rem;}
.apply-logo img{height: .38rem;}


.mainNav li#m5,.mainNav li .drop,.mainNav li em{display: none;}
.mainNav li{position: relative;}
.mainNav li .drop{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: .15rem;
  min-width: 1.5rem;
  z-index: 5;
}
.mainNav li .drop .drop-txt{
  background-color: #fff;
  border-radius: .1rem;
  text-align: center;
  position: relative;
}
.mainNav li .drop .drop-txt:after{
  content: "";
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: solid .1rem #fff;
  border-left: solid .1rem transparent;
  border-right: solid .1rem transparent;
  position: absolute;
  top: -.06rem;
}
.mainNav li .drop .drop-txt a{display: block;padding: .15rem;}
@media (min-width: 769px) {
  .mainNav span a{color: #fff;}
  .mainNav li:hover .drop{display: block;}
}

@media (max-width: 768px) {
  .mainNav li .drop{display: none !important;}
  .mainNav li#m5,.mainNav li em{display: block;}
  .mainNav li#m4 img{display: none !important;}
  .step-item .step-num{width: .4rem;height: .4rem;}
  .step-item .step-txt,.step-item .step-num,.go-page{font-size: .18rem !important;}
  .step-bar{padding: 0;}
  .setp-bar-finished.step-bar{padding-bottom: .5rem;}
  .choose-certification .cert-type-item{width: 100%;}
  .choose-certification .cert-type-item:last-child{margin-top: .5rem;}
  .go-page{width: 2rem;height: .6rem;}
  .choose-certification .cert-type .cert-type-item .go-page{bottom: -.3rem;}
  .sub-bg{padding-bottom: 1.2rem;}
  .welcome-wrapper .above-txt{padding: .5rem 0;}
  .welcome-wrapper .above-txt h3{font-size: .32rem;}
  .welcome-wrapper .go-start{margin-top: .5rem;}
  .welcome-wrapper .go-start a{width: 2rem;height: .5rem;}
}


@media (max-width: 480px) {
  .choose-certification{padding: 0;}
  .choose-certification .cert-type-item{padding-top: .3rem;padding-bottom: .5rem;}
}