/* 2021-4-23 */
.logo_tips{display: inline-block; font-size: 20px; margin-top: 8px; }
.reg_choose_box{ width:94%; max-width: 904px; font-size: 0px; margin:80px auto;}
.reg_choose_box .choose_item{display: inline-block; width: 47%; max-width:416px; height: 557px; border:1px solid transparent; margin-right: 6%; background-color: #fff; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0,0,0,0.03); text-align: center; box-sizing:border-box;}
.reg_choose_box .choose_item:last-child{margin-right: 0px;}
.reg_choose_box .choose_item .item_img{margin-top: 70px;}
.reg_choose_box .choose_item .item_title{font-size: 36px; color: #343434; line-height: 48px; margin-top: 50px; }
.reg_choose_box .choose_item .item_desc{font-size: 16px; color: #333333; line-height: 48px;}
.reg_choose_box .choose_item .creat_btn{display: inline-block; width: 170px; height: 49px; line-height: 49px; text-align: center; color: #fff; font-size: 18px;background-color: #48bdaa; border-radius: 4px; margin-top: 35px;}
.reg_choose_box .choose_item:hover{border-color: #48bdaa; box-shadow: 0px 0px 5px rgba(7,187,139,0.3); }

.reg_form{
    width: 94%; max-width: 649px; margin:0 auto; font-size: 0px; padding-bottom: 30px;background-color:#f9f9f9;
    position: fixed;
    top: 180px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    box-shadow:0 5px 15px rgba(0, 0, 0, .5);
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .2);
    height: 650px;
   display: none;
}
.reg_form #reg{width:auto; margin: 40px 70px 0px 75px;}
.reg_form .web .page_title{font-size: 30px; line-height: 30px; padding-top: 20px; font-weight: bold; color: #343434; text-align: center; position: relative;}
.reg_form .web .page_title .back{position: absolute; left: 0px; height: 30px; line-height: 30px; font-size: 14px; color: #999; font-weight: normal;}
.reg_form .choose_type{font-weight: bold; font-size: 16px; color: #343434;}
.reg_form .choose_type span{margin-left: 5px;}
.reg_form .label{display: inline-block; width: 50px; text-align: right; margin-right: 15px;}
#reg table td{padding: 15px 0px;}
#reg table td .error{display: block; padding-left:68px; }
#reg table td input.sms{margin-left:68px; float: unset; margin-left: 0px;}
#reg table td .ver_code,.page #reg table td input.sms_button{float: unset; display: inline-block; vertical-align: middle;}
#reg table td input{outline: none;}
#reg table td input:focus{border-color: #48bdaa; box-shadow: 0px 0px 5px rgba(7,187,139,0.3);}
#reg table td .checkbox_box{width: 15px; height: 15px; position: relative; display: inline-block;}
#reg table td .checkbox_box .input_checkbox{display: inline-block; width: 15px; height: 15px; position: absolute; top: 0px; left: 0px; opacity: 0; z-index: 1}
#reg table td .checkbox_box .checkbox_on{display: inline-block; width: 13px; height: 13px; border:1px solid #999; border-radius: 2px;}
#reg table td .checkbox_box .input_checkbox:checked + .checkbox_on{width: 15px; height: 15px; border: 0px; background: url('/static/images/reg/reg_check.png') no-repeat center center;}
#reg table td .sms_box{display: inline-block; width: 412px; position: relative;}
#reg table td .sms_box .page_sms_button{position: absolute; right: 1px; top: 1px; width:114px; border:0px; height:45px; line-height: 45px; color: #878787;}
#reg table td .sms_box .ver_code{position: absolute; right: 1px; top: 1px; width:114px; border:0px; height:45px; line-height: 45px; color: #878787; font-size: 12px; background-color: #f4f4f4;}
#reg table td input.submit{margin-left: 68px;}
#reg .color_green{color: #48bdaa;}

#reg{width:800px; margin:0 auto;}
#reg h1{padding-top: 52px;text-align: center;}
#reg h1 strong{display: block;height: 80px;line-height: 80px;font-size: 30px;color: #333;font-weight: normal;}
#reg h1 span{display: block;height: 70px;line-height: 70px;font-size: 16px;color: #666;}
#reg h4{ font-size:22px; color:#48bdaa;}
#reg ul{height:170px;}
#reg ul li{height:140px; width:370px; float:left; background: #f3f8f7; border:2px solid #f3f8f7; overflow:hidden; cursor:pointer;}
#reg ul li.r{float:right;}
#reg ul li.cur{width:374px; height:144px; border:none; background:url(/static/images/jt.jpg) right bottom no-repeat #48bdaa;}
#reg ul li.cur *{color:#fff;}
#reg ul li h2{font-size:28px; color:#00bd9f; text-align:center; padding:7px;margin-top: 21px;}
#reg ul li h3{font-size:20px; color:#999999; text-align:center; padding:7px;}
#reg table{width: 525px;padding:20px 0;}
#reg table td{padding:15px; font-size:16px;}
#reg table td input{width:390px; height:45px; line-height:45px; border:1px solid #ddd; font-size:14px; padding:0 10px;-webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;outline-color:#48bdaa;}
#reg table td input.submit{ margin-left:52px; width:412px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#reg table td input.processing{ background:#919191; cursor:default;}
#reg table td input.login{ width:403px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#reg table td .error{ padding-left:53px;display: none;margin-top: 12px;font-size: 14px;color: #999;}
#reg table td .tips{float: left;width:475px; height: 0;text-align:center; border-bottom:1px solid #f1f1f1;  color:#999999;}
#reg table td .tips span{display: inline-block;padding: 0 15px;line-height: 4px;background: #fff;}
#reg table td .reg{padding-right:140px;}
#reg table td .reg a{color:#0ca577; text-decoration:underline;}
#reg table td input.sms{float:left; width:179px; margin-left:53px;}
#reg table td input.sms_button{float:left; width:198px;margin-left: 12px; background:#f4f4f4; color:#333; height:47px; cursor:pointer;border:1px solid #dddddd;border-radius: 3px;}
#reg table td .ver_code{width:198px; height:47px; border:1px #ddd solid; border-radius:3px; margin-left:12px; padding:0; float:left; color:#333; cursor:pointer;}
#reg table td.vcode a img{ height:47px;}
#reg .reg_ok{width:600px; margin:0 auto; background:url(/static/images/reg_ok.jpg) left top no-repeat; border-bottom:1px dotted #ddd; padding-bottom:30px;}
#reg .reg_ok div{text-align:left; padding-left:130px; line-height:300%; font-size:16px;}
#reg .reg_ok div font, #reg .reg_ok div font a{color:#999;}
#reg .reg_ok div span{color:#48bdaa; font-size:20px;}
#reg .btn{ width:403px; height:50px; line-height:50px; display:block; color:#fff; font-size:18px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

#reg table{ margin-top: 15px; width: 100%;}
/* end */

@media screen and (max-width: 991px){

	.reg_choose_box{margin: 5.33333vw auto;}
	.reg_choose_box .choose_item:hover{border-color: transparent; box-shadow: 0px 0px 5px rgb(0 0 0 / 3%); }
}

@media screen and (max-width: 768px){
	.reg_choose_box .choose_item{width: 100%; max-width: unset; margin-right: 0px; margin-bottom: 3%; height: auto; padding-bottom: 5.33333vw;}
	.reg_choose_box .choose_item .item_img{margin-top: 5.33333vw;}
	.reg_choose_box .choose_item .item_title{font-size: 4.8vw; line-height: 6.4vw; margin-top: 6.66667vw;}
	.reg_choose_box .choose_item .item_desc{font-size: 3.2vw; line-height: 9.6vw;}
	.reg_choose_box .choose_item .creat_btn{margin-top: 4.66667vw; width: 22.6vw; height: 8vw; line-height: 8vw; font-size: 3.2vw;}
	
}

@media screen and (max-width: 700px){
	.reg_form #reg{margin:5.33333vw 8vw 0px;}
	.reg_form .label{display: block; width: 100%; text-align: left; margin-bottom: 10px;}
	#reg table td .error{padding-left: 0px;}
	#reg table td input.submit{margin-left: 0px;}
	#reg table td input{width: 90%; padding:0 2.5%;}
	 #reg table td .sms_box{width: 95%;}
 #reg table td .sms_box input{width: 95%;}
	#reg table td .sms_box .ver_code{right: 0px;}
	#reg table td input.submit{width: 95%;}
}