/* @media only screen and (max-width: 768px) {} */
@charset "utf-8";
@media (max-width: 768px) {
	html,body{
	width:100%;
	}
	.cbl {
		display:none !important;
	}
	.headermain {
		width:100% !important;
	}
	.logo{
		width:50%;
	}
	.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%;
	}
	.head_title_div {
		margin-top:0 !important;
		display:block !important;
		width:100%;
		background:unset !important;
		background-image: linear-gradient(180deg, #6B81EB 0%, #4256B4 99%) !important;
	}
	.biaoti {
		width:50% !important;
		margin-left:10% !important;
	}
	.nav_center {
		width:90% !important;
	}
	.tip_div {
		width:100%;
		font-size:1rem !important;
		padding:10% 10% 5% !important;
	}
	.layui-form {
		width:100%;
		margin-left:0 !important;
	}
	.register_top {
		width:80%;
		margin-top:7% !important;
		margin-left:10% !important; 
		padding:0;
	}
	.register_way_div {
		width:100%;
		min-height:150px;
		height:auto;
	}
	.layui-form-item {
		background:unset !important;
		margin-left:5% !important;
		width:90% !important;
		height: auto !important;
		
	}
	.data_item {
	border-radius:16px;
	background-color:#F1F7FF !important;
		margin-bottom:0 !important;
		margin-top:20px;
		width:100%;
		padding-right:5% !important;
		padding-left:5% !important;
		min-height:200px;
		height:auto !important;
	}
	.register_way_lidiv {
		width:100% !important;
		float:unset !important;
		height:auto !important;
	}
	.register_way_img{
		float:left;
		width:65% !important;
	}
	.pc_regwaytip,.pc_button_div {
		display:none !important;
	}
	.mobile_button_div {
		margin-top:20px;
		padding-top:0 !important;
		width:30%;
		display:block !important;
		height:auto !important;
	}
	.mobile_regtip {
		display:block !important;
		width:100%;
		height:auto !important;
	}
	.register_way_tip {
		width:100% !important;
		height:auto !important;
	}
	
	.footer2020 {
		display:none !important;
	}
	.button_div {
	position:absolute;
	width:40%;
	padding-top:0 !important;
	}
	.btns {
		width:100% !important;
		background:#4280ee;
	}
	
	
	
	
	
	.step {
		display:none !important;
	}
	/* ²½Öèͼ */
	.findpwd_stephead {
		z-index:100;
		margin-top:5%;
		position: absolute;
		width:90%;
		min-height:15%;
		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;
	}
	.connection_line {
		display:block !important;
		z-index:90;
		position:absolute;
		margin-top:10%;
		text-align:center;
		margin-left:9.5%;
		width:70%;
		height:4px;
	}
	
	.connection_line div {
		float:left;
		width:33%;
		height:2px;
		background-color:#CCCCCC;
	}
	.line_active {
		background-color: #1677FF !important;
	}
	.layui-form {
		margin-top:10px !important;
	}
	.layui-layer-page {
		width:90% !important;
		left:5% !important;
		height:50% !important;
	}
	#back {
		background-color:white !important;
		color:#1677FF !important;
		border:1px solid #1677FF !important;
	}
	
}