/*普通用户验证码*/

	.code11{
		 /*background:url(code_bg.jpg);*/
		 font-family:Arial;
		 font-style:italic;
		 color:blue;
		 font-size:30px;
		 border:1px solid #fff;
		 letter-spacing:3px;
		 font-weight:bolder;
		 float:left;
		 cursor:pointer;
		 width:100px;
		 height:42px;
		 text-align:center;
		 vertical-align:middle;
		 margin: 0 5px;
		 line-height: 35px;
		}
	.code:hover{
		border:1px solid #ccc;
		border-radius:4px ;
	}	
	.sty_a{
		 text-decoration:none;
		 font-size:14px;
		 color:#288bc4;
		 line-height: 44px;
		 cursor: pointer;
	}
	.sty_a:hover {
		 text-decoration:underline;
	}
	/*普通用户验证码结束*/

.wrp_code{
	position: relative;
}
/* 刷新按钮 */
.wrpreloadbtn{
	display: none;
	position: absolute;
	width: 99px;
	height: 32px;
	top: 44%;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}
.wrpreloadbtn img{
	width: 100%;
	height: 100%;
}


.sm_login_center_box{
	background-color: #f6f7fa;
	width: 100vw;
	height: calc(100vh - 190px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.sm_login_center_container{
	height: 420px;
	border-radius: 13px;
	overflow: hidden;
}

.clear_fix::after ,.clear_fix::before{
	content: "";
	display: table;
	clear: both;
}

.sm_login_center_left{
	width: 310px;
	/* background-image: url(../../../ActivityPc/img/login_center_left_bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat; */
	height: 100%;
	float: left;
	position: relative;
}

.sm_login_center_right{
	width: 490px;
	float: left;
	height: 100%;
}

.sm_login_center_left_logo{
	width: 122px;
	margin-top: 36px;
	margin-left: 34px;
}

.sm_login_center_left_tip_1{
	font-size: 24px;
	color: #ffffff;
	position: absolute;
	top: 70px;
	left: 50px;
}

.sm_login_center_left_tip_2{
	font-size: 24px;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
	line-height: 36px;
	margin-left: 34px;
}

.sm_login_center_left_describe_img{
	width:100%;
	/* margin-top: 8px;
	margin-left: 34px; */
}

.sm_login_center_right{
	background-color: #ffffff;
	position: relative;
}

.sm_login_center_right_yuan{
	width: 450px;
	height: 450px;
	border-radius: 50%;
	border: 1px solid #cddaff;
	background-color: #e6edff;
	position: absolute;
	bottom: -404px;
	right: -191px;
}

.sm_login_center_form_area{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 55px;
}
.sm_login_center_form_title{
	display: flex;
	align-items: center;

}
.sm_login_center_form_title img{
	width: 25px;
	height: 25px;
	margin-right: 5px;
}

/*.sm_login_center_form_title::before{*/
/*	content: "";*/
/*	display: inline-block;*/
/*	width: 3px;*/
/*	height: 20px;*/
/*	background: #6167ff;*/
/*	border-radius: 2px 0px 0px 2px;*/
/*	position: absolute;*/
/*	top: 0px;*/
/*	left: 3px;*/
/*}*/

.sm_login_center_form_title{
	font-size: 20px;
	font-weight: 700;
	color: #30344e;
	padding-left: 8px;
	position: relative;
	margin-bottom: 36px;
}

.sm_login_center_form_item{
	width: 370px;
	height: 43px;
	background-color: #ffffff;
	position: relative;
	margin-bottom: 17px;
}

.sm_login_center_form_item_input{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-left: 44px;
	font-size: 14px;
	border: 1px solid #e1e3e6;
	border-radius: 3px;
}
.hand{
	cursor:pointer;
}

.sm_login_center_form_item_input:focus{
	border: 1px solid #e1e3e6 !important;
	outline: none;
}

.sm_login_center_form_item_input:focus-visible{
	border: 1px solid #e1e3e6 !important;
	outline: none;
}

.sm_login_center_form_item_input::-webkit-input-placeholder {
	color: #bfbfbf;
}
.sm_login_center_form_item_input::-moz-input-placeholder {
	color: #bfbfbf;
}
.sm_login_center_form_item_input::-ms-input-placeholder {
	color: #bfbfbf;
}

.sm_login_center_form_item_line{
	position: relative;
}
.sm_login_center_form_item_line::after{
	width: 1px;
	height: 10px;
	opacity: 1;
	background-color: #efefef;
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 36px;
}

.sm_login_center_form_item_type_icon{
	position: absolute;
	width: 10px;
	top: 14px;
	left: 18px;
}

.sm_login_center_form_main_btn{
	width: 370px;
	height: 43px;
	background-color: #4f3ffb;
	border-radius: 5px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	line-height: 39px;
	outline: none;
	border: none;
	font-size: 16px;
}


.vp-lo-colorxg{
	background: #ff6918;
}

.vp-lo-colorquan{
	background: #4f3ffb;
}

.vp-lo-color99{
	background: #f54914;
}


.sm_login_center_tip_text{
	font-size: 12px;
	font-weight: 400;
	color: #585b6f;
	z-index: 2;
	position: relative;
}

.sm_login_center_right_switch_btn{
	position: absolute;
	right: 0;
	top: 0;
	width: 65px;
	cursor: pointer;
}

.sm_login_center_right_switch_btn_2{
	position: absolute;
	right: 9px;
	top: 10px;
	width: 53px;
	cursor: pointer;
}

.sm_login_center_form_item_check_code{
	width: 100px;
    height: 38px;
	position: absolute;
	right: 59px;
	top: 4px;
}

.sm_login_center_form_item_check_code_switch_btn{
	font-size: 12px;
	font-weight: 400;
	color: #4f3ffb;
	position: absolute;
	right: 13px;
	top: 12px;
	border: none;
	background: transparent;
}

[v-cloak]{
	display: none;
}

.sm_login_center_tip_div{
	position: absolute;
	right: 67px;
	top: 20px;
	width: 114px;
	height: 30px;
	background: #ffffff;
	box-shadow: 0px 1px 10px 0px rgb(222,225,234, 0.72);
	border: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sm_login_center_tip_div_triangle{
	position: absolute;
	right: -6px;
	top: 10px;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 6px solid #ffffff;
	border-bottom: 3px solid transparent;
}

.sm_login_center_qr_box{
	width: 270px;
	height: 270px;
	margin: 0 auto;
}

.sm_login_center_tip_div_text{
	font-size: 12px;
	font-weight: 400;
	color: #8a8c9e;
}

.sm_login_center_tip_div_icon{
	height: 14px;
	margin-right: 5px;
}

.sm_login_center_agreement{
	font-size: 12px;
	font-weight: 400;
	color: #585b6f;
	vertical-align: 3px;
}

.v-tposi{
	top: 110px;
	font-size: 18px;
}

 .impowerBox {
	 line-height: 1.6;
	 position: relative;
	 display: inline-block;
	 *display: inline;
	 *zoom: 1;
	 width: 100%;
	 vertical-align: middle;
	 z-index: 1;
	 text-align: center;
 }
.impowerBox .title {
	text-align: center;
	font-size: 20px;
}
.impowerBox .info {
	width: 280px;
	margin: 0 auto;
	margin-top: 10px;
}
.impowerBox .status.status_browser {
	text-align: center;
}
.impowerBox .status {
	padding: 7px 14px;
	text-align: left;
}
.impowerBox .qrcode {
	width: 150px;
	margin-top: 15px;
}