.main{
			
			margin-top: 120px;
			margin-bottom: 120px;
			border-radius: 10px;
			float: none;
			width: 100%;
			position: relative;
		}
		.user_left{
		
			width: 250px;
			padding:0 20px;
			background-color: #fff;
			position: absolute;
			height: 100%;
		}
		.user_right{
		
			margin-left: 270px;
			padding: 30px 40px;
			background-color: #fff;
			border-radius: 5px;
			width: 880px;
			padding-bottom: 100px;
			min-height: 380px;
		}
		.user_img_box{
			text-align: center;
			margin-top: -80px;
		}
		.user_img{
			width: 150px;
			height: 150px;
			border-radius: 50%;
			overflow: hidden;
			display: inline-block;
			background-color: #fff;
		}
		.user_img img{
			height: 100%;
		}
		.user_nav {
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.user_nav li{
			text-align: center;
			padding: 15px ;
			border-bottom: 1px dashed    #eee;
		}
		.user_nav li a{
			color: #333;
		}
		.user_nav li a:hover{
			color: #F04848;
		}
		.user_title{
			padding: 20px 0;
			color: #999;
			font-size: 20px;
		}
			.form_grop {
				margin-left: 100px;
				margin-top: 25px;
			}
		.form_grop label{
			width: 100px;
			display: inline-block;
		}
		.form_grop .user_input{
			width: 500px;
			padding: 10px;
			border: 1px solid #E2E8FF;
			border-radius: 5px;
		}
		.button_u{
			    border-radius: 20px;
			    border: 1px solid #18cbf6;
			    background: #18cbf6;
			    color: #fff;
			    font-size: 16px;
			    font-weight: bold;
			    padding: 6px 45px;
			    letter-spacing: 1px;
			    text-transform: uppercase;
			      width: 495px;
			      margin-left: 105px;
			    cursor: pointer;
		}
		
		.layui-form-label{
			width: 110px !important;
		}
	
			
@media (min-width:640px) {
	.layui-form-item .layui-input-inline {
	    width: 580px !important;}
}	
		@media (max-width:640px) {
			.container{
				background-color: #fff;
			}
			.hloginm{
				display: none;
			}
		}
			.ac a{
				color: #F04848;
			}
			.layui-table td, .layui-table th {
			  
			    padding: 9px 5px !important;
			 
			}
			
.mheader{
	text-align: center;
	padding: 40px 0;
background-image: linear-gradient(#3FB0AC, #C5D7A1);
position: relative;
}
.signs{
	position: absolute;
	width: 100%;
	padding: 10px 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.2);
	color: #fff;
}
.mheader .img_box{
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
}
.mheader .img_box img{
	height: 100%;
}
.mheader h2{
	color: #fff;
	padding: 10px 0;
}
.m_nav {
	background-color: #fff;
}
.m_nav li{
	position: relative;
	padding:10px 15px ;
	border-bottom: 1px solid #EEEEFF;
	padding-left: 30px;
}
.m_nav li a{
	color: #000;
	font-size: 14px;
	display: block;
}
.m_nav li .ico{
	width: 33px !important;
    vertical-align: -10px;
}
.m_nav li .toright{
	width: 30px;
	position: absolute;
	right: 10px;
	top: 20px;
}
.outlogin{
	background-color: #fff;
	padding: 20px;
	margin-top: 10px;
	
}
.outlogin a{
	display: block;
	color: #1296db !important;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}