.ws-none{
			display: none!important;
		}
		.ws-mb{
			margin-bottom: 30px;
		}
		.ws-mb-lg{
			margin-bottom: 50px;
		}
		.ws-flex{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.ws-flex-between{
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.ws-solid-bottom{
			border-bottom: 1px solid #e1e1e1;
		}
		.ws-solid{
			border: 1px solid #e1e1e1;
		}
		input:focus{
		    outline: none;
		}
		input::-webkit-input-placeholder{
			color: #B4B4B4;
		}
		select:focus{
		    outline: none;
		}
		a{
			text-decoration: none;
		}
		*{
			padding: 0;
			margin: 0;
		}
		.logging-header{
			height: 90px;
			line-height: 90px;
			padding-left: 20%;
			color:#ee0f66;
			font-size:20px;
			font-weight:bold;
		}
		.logging-header-phone{
			height: 90px;
			line-height: 90px;
			text-align:center;
			color:#ee0f66;
			margin-top:20px;
			font-size:20px;
			font-weight:bold;
		}
		.logging-center{
			background-image: url("../i/logging-bg.jpg");
			background-size: 100% 100%;
			position: relative;
			box-sizing: border-box;
			padding-top: 70px;
			height: 710px;
			width: 1920px;
			margin: 0 auto;
		}
		.content-box{
			background-color: #fff;
			width: 520px;
			height: 550px;
			margin-left: 1000px;
			padding: 30px;
			box-sizing: border-box;
		}
		.content-top{
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}
		.content-top img{
			width: 60px;
			height: 60px;
		}
		.wx-login-title{
			font-size: 0.4rem;
			padding: 6px 18px;
			background-color: #f1f1f1;
			color: #aaa;
			margin-right: 10px;
		}
		.content-content{
			/*margin-top: 10px;*/
			padding: 10px 40px;
		}
		.login-type{
			display: flex;
			justify-content: center;
			align-content: center;
			text-align: center;
			color: #989898;
			font-size: 20px;
		}
		.login-type>div{
			width: 50%;
		}
		.active-type{
			font-weight: bold;
			color: #000;
		}
		.active-type>.active-bottom{
			width: 40px;
			height: 3px;
			border-radius: 6px;
			background-color: #EA0001;
			margin: 0 auto;
			margin-top: 10px;
		}
		.login-input{
			height: 40px;
			width: 100%;
			border: 0;
			font-size: 18px;
		}
		#eye-password{
			cursor: pointer;
		}
		.password-login-foot{
			margin-top: 10px;
			font-size: 14px;
			color: #b4b4b4;
		}
		.code-login-btn{
			height: 50px;
			line-height: 50px;
			width: 100%;
			border-radius: 50px;
			text-align: center;
			background-color: #EA0001;
			color: #fff;
		}
		.code-login-btn input{
			background:transparent;
			border:0;
			width:100%;
			font-size:20px;
			color: #fff;
		}
		.content-foot{
			width: 100%;
			text-align: center;
			/*display: flex;
			justify-content: space-between;
			align-items: center;*/
			font-size: 14px;
			color: #b4b4b4;
			padding: 0 40px;
			box-sizing: border-box;
		}
		.content-foot-phone{
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 14px;
			color: #b4b4b4;
			padding: 0 40px;
			box-sizing: border-box;
		}
		.content-foot a{
			color: #EA0001;
		}
		.content-foot-phone a{
			color: #EA0001;
		}
		.content-top>div{
			cursor: pointer;
		}

		.content-content-02{
			padding: 10px 40px;
			text-align: center;
		}
		.login-QR-code{
			font-size: 15px;
			color: #b1b1b1;
		}
		.QR-code-box{
			width: 200px;
			height: 200px;
			margin: 20px auto;
			padding: 10px;
			box-sizing: border-box;
		}
		.QR-code-box>img{
			width: 180px;
			height: 180px;
		}


		.get-code{
			font-size: 16px;
			width: 120px;
			color: #EA0001;
			text-align: center;
			cursor: pointer;
		}
		.select-phone-header{
			width: 70px;
			margin-right: 10px;
			border: 0;
			font-size:15px;
			height: 30px;
			/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
			/*border: solid 1px #000;*/
			/*很关键：将默认的select选择框样式清除*/
			appearance: none;
			-moz-appearance: none;
			-webkit-appearance: none;
			/*在选择框的最右侧中间显示小箭头图片*/
			background: url("../i/arrows_down.png") no-repeat scroll right center transparent;
			/*为下拉小箭头留出一点位置，避免被文字覆盖*/
			padding-right: 10px;
			background-size: 18px 10px;
		}
		.logging-footer{
			text-align: center;
			margin-top: 30px;
			font-size: 14px;
		}
		.footer-text-01{
			font-size: 15px;
		}
		.footer-text-01>a{
			color: #000;
		}
		.footer-text-02{
			margin-top: 10px;
			color: #999;
		}
	@media only screen and (max-width: 1000px) {
		.ws-mb-lg{
			margin-bottom: 2rem;
		}
	    .logging-header{
	    	text-align: center;
	    	padding: 0;
	    }
	    .content-top{
	    	display: none;
	    }
	    .logging-center{
	    	padding: 0;
			background-image: none;
			background-size: 100% 100%;
			position: relative;
			box-sizing: border-box;
			width: 100%;
			height: auto;
			margin: 0 auto;
		}
		.content-box{
			background-color: #fff;
			width: 100%;
			max-width: 500px;
			height: 550px;
			margin: 0 auto;
			padding: 0;
			box-sizing: border-box;
		}
		.logging-footer{
			display: none;
		}
	}