@charset "utf-8";
/* @media only screen and (max-width: 768px) {} */
@media (max-width: 768px) {
	html,body{
	width:100%;
	}
	body {
		background-color:#F5F5F5;
	}
	.cbl {
		display:none !important;
	}
	.headermain {
		width:100% !important;
	}
	.logo{
		width:50%;
	}
	@media (max-width: 480px) {
	.logo>img{
		width:100%;
	}
	}
	
	.logo2 {
		margin:3% !important;
	}
	.switch {
		font-size:1.1rem !important;
		width:42% !important; 
		font-weight:600;
		text-align:center;
	}
	.top_nav,.search {
		display:none;
	}
	
	.nav {
		width:100% !important;
	}
	.bgimg {
		margin-top:0 !important;
		display:block !important;
		width:100%;
		height:150px !important;
		background:unset !important;
		background-image: linear-gradient(180deg, #6B81EB 0%, #4256B4 99%) !important;
	}
	/* 标题 */
	.biaoti {
		line-height:50px !important;
		padding-top:30px !important;
		height:80% !important;
		width:36% !important;
		text-align:center !important;
		color:white;
		font-size:1.5rem !important;
		font-weight: 500;
		margin-left:0 !important;
	}
	
	.step {
		display:none !important;
	}
	
	/* 步骤图 */
	.findpwd_stephead {
		z-index:100;
		margin-top:5%;
		position: absolute;
		width:90%;
		min-height:8%;
		display:block !important;
		font-size:0.75rem;
	}
	.findpwd_stephead div {
		text-align:center;
		float:left;
		width:25%;
		height:70px;
		border:0;
	}
	.findpwd_stephead img {
		width: 40%;
		height:auto;
		padding-bottom:10px;
	}
	.connection_line {
		display:block !important;
		z-index:90;
		position:absolute;
		margin-top:10%;
		text-align:center;
		margin-left:9.5%;
		width:81%;
		height:4px;
	}
	
	.connection_line div {
		float:left;
		width:28%;
		height:2px;
		background-color:#CCCCCC;
	}
	.line_active {
		background-color: #1677FF !important;
	}
	.nav {
		margin-top:-15%;
		background:none;
		padding-top:0 !important;
		
	}
	.nav_center {
		padding:0;
		width:90% !important;
		border-radius:16px;
		margin-top:5%  !important;
	}
	.layui-form {
		margin-top:0 !important;
		padding-top:25% !important;
	}
	.layui-form-item {
		
		margin-left:0 !important;
		
	}
	.input_label {
		display:none;
	}
	.layui-input-block {
		min-height:45px !important;
		width:90%;
		margin-left:5% !important;
	}
	.layui-input-block>input {
		border:1px solid white;
		border-bottom:1px solid #E5E5E5;
		width:100% !important;
	}
	.layui-btn {
		border-radius:8px;
		width:40% !important;
	}
	#next {
		margin-left:5% !important;
		background-color: #1677FF !important;
	}
	#back{
		border:1px solid #1677FF;
		color:#1677FF;
		background-color: white !important;
		float:right;
		margin-right:5% !important;
	}
	.footer2020 {
		display:none;
	}
	#isOpenCode {
		width:100% !important;
		margin-left:0 !important;
	}
	.div_type {
		padding-top:25%;
		font-size:1rem;
	}
	.div_type>div {
	text-align:center;
		width:100%;
		margin-left:0 !important;
	}
	.div_type>p {
		width:90% !important;
		margin-left:5% !important;
		min-height:130px !important;
		height:auto !important;
	}
	.away {
	width:70% !important;
		margin-left:0 !important;
	}
	.div_type>div {
		width:90% !important;
	}
	#mobileFin {
		margin-bottom:20px !important;
	}
	.primary {
		margin-top:3% !important;
	}
	#zwfw1>div {
	width:90% !important;
	margin-left:5% !important;
	}
	.QR_COD_img {
		width:100% !important;
		margin-left:0 !important;
	}
	.tsspan {
		width:80% !important;
	}
	
	#mobilecode {
		min-height:150px !important;
		height:auto !important;
	}
	
	#mobilecode>div {
		width:90% !important;
		margin-left:5% !important;
	}	
	.next_btn {
	background-color: #1677FF !important;
	}
	.layui-input-inline  {
		width:90% !important;
		margin-left:5% !important;
	}
	.layui-input {
		width:100% !important;
		border:1px solid white !important;
		border-bottom:1px solid #E5E5E5 !important; 
	}
	.tishi {
		width:90% !important;
		margin-left:5% !important;
	}
	.one,.two,.three{
		width:30% !important;
	}
	#pweak {
		margin-left:5% !important;
	}
	#finish_step {
		margin-left:5% !important;
		background-color: #1677FF !important;
	}
	
	/* .nav_four {
		margin-top:-20%;
	} */
	.success_tip_div {
		margin-top:0 !important;
		padding-top:10% !important;
	}
	.success_tip_div>div>img{
		width:25%;
		height:auto;
	}
	.msg_code_div {
		width:100% !important;
		margin-left:0 !important;
		border-bottom:1px solid #E5E5E5 !important;
	}
	.fhxzfs {
		line-height:45px;
	}
	.steptwo_next {
		margin-top:5px !important;
		width:60% !important;
		margin-left:20% !important;
	}
	.switch_type_a {
		margin-top:15px !important;
		margin-left:0 !important;
		text-align:center;
	}
}