@charset "utf-8";
.login{width:70%;padding:15rem 20rem 10rem;}
.login b{font-size:22px;display:block;text-align:center;padding:0 0 5rem;font-weight:bolder;}

@media (max-width:960px){
    
    .login{width:100%;padding:10rem 6%;}
    .login b{padding:0 0 2rem;line-height:3rem;}
}

.reg{width:70%;padding:15rem 20rem 0;height:1000px;}
.reg b{font-size:22px;display:flex;align-items:flex-start;justify-content: center;text-align:center;padding:0 0 3rem;font-weight:bolder;}
.reg b span{padding-left:10px;}

.reg .regtab{border-bottom:#f1f1f1 solid 2px;}
.reg .form-check-label{font-size:18px;background:#fff;padding:10px;position:relative;z-index:10;cursor: pointer;color:#666;}
.reg .form-check-label i{color:#999;font-size:20px;margin-right:10px;}
.reg .form-check-input{position:absolute;top:30%;left:30%;}
.reg .overradio{color:#0968D9;}

.reg .form-group{position:relative;}
.reg .form-group .helps{position:absolute;right:-350px;top:35px;width:300px;font-size:12px;line-height:16px;font-family:PoppinsExtraLightItalic;}

@media (max-width:960px){
    .reg{width:100%;padding:10rem 6%;}
    .reg b{padding:0 0 2rem;line-height:3rem;display:block;text-align:center;}
    .reg b span{width:100%;}
}

.member{min-height:50rem;}
.member b{font-size:3rem;font-weight:bolder;color:#000;display:block;line-height:3rem;padding:20px 0 0;}
.member b a{color:#000;}
.member b a:hover{color:#9428d9;text-decoration: none;}
.member em{font-size:1.4rem;color:#333;display:block;line-height:5rem;}
.member strong{font-size:1.8rem;color:#000;display:block;line-height:3rem;padding:20px 0 0;}
.member .cateBox{clear:both;width:100%;display:flex;align-items: center;justify-content: flex-start;}
.member .cateBox li{width:18%;height:auto;border:#ddd solid 1px;background:#fff;margin-right:2%;box-shadow: 0 0 10px rgba(0,0,0,0.5);transition: 0.3s;}
.member .cateBox li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.8);transition: 0.3s;}
.member .cateBox li a{width:100%;height:100%;display:block;font-size:2rem;color:#666;display:flex;align-items: center;justify-content: center;text-decoration: none;font-family: PoppinsLight;}
.member .cateBox li a:hover{color:#000;font-weight:500;}
.member .cateBox .completeCss{border:#000 solid 2px;}
.member .cateBox .completeCss a{color:#000 !important;}
@media (max-width:960px){
    .member .cateBox li{width:47%;box-shadow: 0 0 5px rgba(0,0,0,0.3);margin-right:6%;}
    .member .cateBox li:nth-child(2n){margin-right:0;}
    .member .cateBox li a{font-size:1.525rem;}
    .member b{font-size:2rem;padding:0;}
    
}
.member-form{clear:both;}
.member-form label{font-size:1.225rem !important;}
.member-form .form-group{position:relative;width:50%;}
.member-form .form-group .helps{position:absolute;right:-350px;top:35px;width:300px;font-size:12px;line-height:16px;font-family:PoppinsExtraLightItalic;}
.member-form .form-group .helps span{font-family:PoppinsExtraLightItalic;}
.member-form .form-group .helps_lang{position:absolute;right:-500px;top:35px;width:400px;font-size:12px;line-height:16px;font-family:PoppinsExtraLightItalic;}
.member-form .form-group .helps_lang span{font-family:PoppinsExtraLightItalic;}
.member-form .form-group .adds{position:absolute;right:-80px;top:12px;width:50px;z-index:99;}
.member-form .form-group .adds i{font-size:26px;}
.member-form .form-group .biotext{padding:15px;font-size:14px;line-height:20px;height:300px;margin:0;font-weight:bold;color:#000;resize:none;}
.member-form .form-group .textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0;display:flex;align-items: center;justify-content: center;}
.member-form .form-group .textarea-length{ font-style:normal}

.member-form .form-group .userImg{display: flex;align-items: center;justify-content: center;width:150px;height:150px;}
.member-form .form-group .userImg img{width:100%;height:100%;object-fit: cover;}

.member-form .uploadBox{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000;display:none;}
.member-form .uploadBox .allbox{display:flex;align-items: center;justify-content: center;width:100%;height:100%;}
.member-form .uploadBox .upBox{width:600px;height:350px;background:#fff;display:block;box-shadow:0 0 10px rgba(0,0,0,0.5);padding:15px 50px;text-align:center;}
.member-form .uploadBox .upBox p{font-size:18px;padding:15px 0;}
.member-form .uploadBox .upBox strong{padding:0;}
.member-form .timesHeight{height:38px;margin:1px;padding:6px 0;}


.member-form .uploadfile{
    display: block;width: 100% !important;height: 45px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    padding: 0 10px;
    border: 1px solid #CCCCCC;
}
.member-form .upload-btn{position:absolute;top:0;right:0;height:45px;line-height:40px;padding:0 20px;font-size:16px;border:#ddd solid 1px;background:#ddd;color:#999;}
.member-form .upload-btn:hover{background:#111;color:#fff;}

@media (max-width:960px){
    .member-form .form-group{width:100%;padding:0 0 10px;}
    .member-form .form-group .p20{padding:0 0 1rem !important;}
    .member-form .form-group .helps{position:relative;margin:-30px 0 50px;right:0;width:100%;}
}

.member-workshops{clear:both;}

.member-workshops .creat{border:#000 solid 2px;display:flex;align-content: center;align-items: center;justify-content: center;color:#000;padding:15px 0;box-shadow: 0 0 5px rgba(0,0,0,0.5);transition: 0.3s;}
.member-workshops .creat:hover{color:#9428d9;text-decoration: none;border:#9428d9 solid 2px;box-shadow: 0 0 5px rgba(0,0,0,0.8);}

.member-workshops ul{padding:20px 0;}
.member-workshops ul li{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;font-family: PoppinsLight;border-bottom:dotted #ccc 1px;margin:10px 0;padding:0 0 10px;}
/*.member-workshops ul li:hover{background:#f1f1f1;}*/
.member-workshops ul li .title{
    border: #000 solid 2px;
    display: flex;
    align-content: center;
    align-items:flex-start;
    justify-content: flex-start;
    color: #000;
    padding:15px 20px;
    width:100%;margin-right:20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    font-family: PoppinsLight;
    position:relative;
	background:#fff;
}
.member-workshops ul li .title em{font-size:1.325rem;width:15%;line-height:normal;font-family: PoppinsLight;}
.member-workshops ul li .title b{font-size:1.325rem;font-weight:normal;width:90%;line-height:normal;padding:0;font-family: PoppinsLight;}
.member-workshops ul li .apply{
    border: #000 solid 2px;
    display: flex;
    align-content: center;
    align-items: flex-start;
    justify-content: space-between;
    color: #000;
    padding:15px 20px;
    width:20%;
    margin-right:20px;
    font-family: PoppinsLight;
	background:#fff;
}
.member-workshops ul li .edits{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: #000 solid 2px;
    display: flex;
    align-content: center;
    align-items: flex-start;
    justify-content: space-between;
    color: #000;
    padding:15px 20px;
    width:40%;
	background:#fff;
    font-family: PoppinsLight;
}
.member-workshops ul li .edits a{font-size:1.325rem;line-height:normal;font-family: PoppinsLight;}

.member-workshops ul li .workpar{
    width:30%;
    margin-right: 20px;
	background:#fff;
}
.member-workshops ul li .workpar .workparshow{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: #000 solid 2px;
    display: flex;
    align-content: center;
    align-items: flex-start;
    justify-content: space-between;
    color: #000;
    padding:15px 10px;
    font-family: PoppinsLight;
    text-align:center;
}
.member-workshops ul li .workpar .workparshow a{white-space:nowrap; }
.member-workshops ul li .workpar a{font-size:1.325rem;line-height:normal;font-family: PoppinsLight;display:block;width:100%;height:100%;}
.member-workshops ul li .edits a:nth-child(2){font-weight:bolder;font-family: PoppinsBold;}
.member-workshops ul li .edits .form-check{width:35%;}
.member-workshops ul li .edits .form-check-label{cursor: pointer;width:100%;background:#fff;z-index:1;position:relative;color:#999;text-align:left;white-space:nowrap;}
.member-workshops ul li .edits .form-check-input{position:absolute;left:35%;top:15%;z-index:0;}
.member-workshops ul li .edits .overradio{font-weight: bold;font-family: PoppinsBold;}
.member-workshops ul li .edits .overradio .form-check-label{color:#000;}

.member-workshops ul li .edits_radio{padding:8.5px 20px !important;}

.member-workshops ul li.submit .lispace{width:100%;margin-right:20px;}
.member-workshops ul li.submit .submitApply{
    justify-content: flex-end;
    width:44.5%;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: #000 solid 2px;
    padding:20px;
    font-family: PoppinsBold;
    color: #000;
    margin-left:20px;
    display:block;
    text-align: center;

}
.member-workshops ul li .nos{border:none;box-shadow:none;padding:15px 20px 0;}
.member-workshops ul li .nos em{line-height:3rem;font-family: PoppinsMedium;font-weight:600;font-size:1.425rem;}
.member-workshops ul li .nos b{line-height:3rem;font-family: PoppinsMedium;font-weight:600;font-size:1.425rem;}


@media (max-width:960px){

	.member-workshops ul li{display:block;padding:1rem 0 0;}
	.member-workshops ul li .edits{width:100%;margin:0 0 10px;}
	.member-workshops ul li .title{width:100%;margin:0 0 10px;}
	.member-workshops ul li .workpar{width:100%;margin:0 0 10px;}
	
	
}



.apply_review_prointromation{position:absolute;top:-2px;left:-2px;right:-2px;padding:20px;
    background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.3);
    z-index:9999;min-height:200px;border:#000 solid 2px;
    display:none;
}
.apply_review{display:flex;align-items: center;justify-content:space-between;flex-wrap: wrap;}

.apply_items_show{clear:both;display:flex;align-items:flex-start;justify-content: space-between;}
.apply_items_show .tit{width:90%;font-size:1.425rem;font-weight:bolder;font-family: PoppinsBold;text-align:left;}

.apply_review_list{clear:both;padding:20px 0 0;}
.apply_review_list .review-list{clear:both;padding:5px 0;display:flex;align-items:flex-start;justify-content:space-between;}
.apply_review_list .review-list strong{width:30%;padding:0;font-weight:300;font-size:1.125rem;font-family: PoppinsLight;}
.apply_review_list .review-list p{width:70%;line-height:1.725rem;font-family: PoppinsMedium;font-weight:600;font-size:1.425rem;}





.apply_open_worksample{
    position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;
    background:rgba(0,0,0,0.5);
    display:none;
}
.apply_open_worksample .sample_wrapper{width:100%;height:100%;display:flex;align-items: center;justify-content: center;padding:0 6%;position:relative;}
.apply_open_worksample .sample_box{width:100%;height:80%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);overflow-x:hidden;overflow-y:auto;position:relative;padding:50px 10% !important;}

.apply_open_worksample .sample_box #sample_title{font-size:2rem;position:absolute;top:20px;left:20px;}
.apply_open_worksample .sample_box #sample_intro{line-height:3rem;padding:50px 0 0;font-size:1.625rem;}
.apply_open_worksample .sample_box i{position:absolute;top:20px;right:20px;font-size:3rem;cursor: pointer;}

@media (max-width:960px){
    .member-workshops{width:100%;height:auto;}
}


.dateinputer{
    line-height:40px;
    height:40px;
    margin:10px 0;
    border:1px solid #ccc;
    cursor: pointer;
    position:relative;
    /*top:10px;*/
    /*left:20px;*/
    padding:0 6px;
    font-size:12px !important;
}


.back{padding:20px 0;}


.swiper-container{height:80% !important;}
.swiper-container .swiper-slide{width:80%;}
.swiper-container .swiper-slide img{height:100%;}

/*证书文件*/
.certificateBox{
	position:fixed;left:0;top:0;right:0;bottom:0;
	background:rgba(0, 0, 0, 0.5)!important;filter:Alpha(opacity=50); background:#000;
	display:flex;
	align-items: center;
	justify-content: center;
	z-index:900;
}
.certificateBox .certificateImg{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);position:relative;height:80%;}
.certificateBox  .closeCertificateBox{position:absolute;top:10px;right:10px;z-index:9999;cursor: pointer;}
.certificateBox  .closeCertificateBox i{font-size:3rem;}

.certificateBox .certificateImg .imgshow{padding:50px;height:100%;}
.certificateBox .certificateImg .imgshow img{height:100%;}



/*--------------------------------------------------Add----------------------------------------------------*/


.publish{clear:both;}

.publish .creat{border:#000 solid 2px;display:flex;align-content: center;align-items: center;justify-content: center;color:#000;padding:15px 0;box-shadow: 0 0 5px rgba(0,0,0,0.5);transition: 0.3s;}
.publish .creat:hover{color:#9428d9;text-decoration: none;border:#9428d9 solid 2px;box-shadow: 0 0 5px rgba(0,0,0,0.8);}


.publish ul{padding:20px 0;}
.publish ul li{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;font-family: PoppinsLight;border-bottom:dotted #ccc 1px;margin:10px 0;padding:0 0 10px;}
.publish ul li .title{
    border: #000 solid 2px;
    display: flex;
    align-content: center;
    align-items:flex-start;
    justify-content: flex-start;
    color: #000;
    padding:15px 20px;
    width:100%;margin-right:20px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    font-family: PoppinsLight;
    position:relative;
	background:#fff;
}
.publish ul li .title em{font-size:1.325rem;width:15%;line-height:normal;font-family: PoppinsLight;}
.publish ul li .title b{font-size:1.325rem;font-weight:normal;width:90%;line-height:normal;padding:0;font-family: PoppinsLight;}
.publish ul li .edits{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border: #000 solid 2px;
    display: flex;
    align-content: center;
    align-items: flex-start;
    justify-content: space-between;
    color: #000;
    padding:15px 20px;
    width:30%;
	background:#fff;
    font-family: PoppinsLight;
}
.publish ul li .edits a{font-size:1.325rem;line-height:normal;font-family: PoppinsLight;}