* {
		box-sizing: border-box;
	}
	
	body {
		background: #f5fafe;
	}
	
	#login .custom-input .el-form-item__content {
		width: calc(100% - 17.2%);
	}
	/*.upload-img .el-upload--picture-card{
		width: 120px;
		height: 120px;
		line-height: 125px;
	}*/
	
	.enter-btn {
		position: absolute;
		right: 50px;
		top: 15px;
		/*box-shadow: 0px 3px 6px rgba(151,0,43,0.4);*/
	}
	
	.enter-btn span {
		font-size: 14px;
		padding: 0 8px;
		color: #97002b;
		cursor: pointer;
	}
	
	.enter-btn span.is-active {
		color: #97002b;
	}
	
	@media (min-width:320px) {
		#login .login-cont {
			height: 430px;
			width: 420px;
			margin: -200px auto 0;
			/*background: #fff;*/
			border: 1px solid #eeeeee;
			position: relative;
			/*top: 50%;*/
			/*left: 50%;*/
			/*transform: translate(-50%,-50%);*/
		}
		#login .login-cont .el-image img {
			width: 100px;
		}
		#login .title {
			color: #97002b;
			font-size: 22px;
			font-weight: normal;
			text-align: center;
			margin: 10px 0 20px;
		}
		#login .title span {
			color: #666;
			font-size: 20px;
			margin-left: 5px;
		}
		#login .login-cont .el-form-item__content {
			width: 100%;
		}
		#login .login-cont .el-form-item {
			margin: 0;
		}
		#login .login-cont .el-input--small .el-input__inner {
			height: 42px;
			margin: 10px 0;
			font-size: 16px;
			background: #f7f7f7;
		}
		#login .login-cont .el-button {
			margin-top: 30px;
		}
		#login .login-cont .el-button span {
			font-size: 16px;
		}
		#login .login-cont:before,
		.login-cont:after {
			position: absolute;
			content: "";
			box-shadow: 0 -21px 7px 20px rgba(221, 233, 242, 0.5);
			left: 10px;
			bottom: 0px;
			height: 102px;
			width: auto;
			z-index: -1;
			-webkit-transform: rotate(-10deg);
			-moz-transform: rotate(-10deg);
			transform: rotate(-10deg);
		}
		#login .login-cont:after {
			-webkit-transform: rotate(10deg);
			-moz-transform: rotate(10deg);
			transform: rotate(10deg);
			right: 10px;
			left: auto;
		}
		#login .login-cont .el-form-item__error {
			top: 95%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#login .footer {
			text-align: center;
			margin-top: 4%;
			color: #999999;
		}
		.enter-tab {
			height: 56px;
		}
		.enter-tab span {
			display: block;
			width: 50%;
			background: rgba(151, 0, 43, 0.12);
			color: #97002b;
			float: left;
			text-align: center;
			height: 100%;
			line-height: 56px;
			font-size: 18px;
			cursor: pointer;
		}
		.enter-tab span.is-active {
			background: #97002b;
			color: #fff;
		}
		.enter-cont {
			height: 100%;
			background: #fff;
			padding: 40px;
		}
	}
	
	@media (min-width:767px) {
		#login .login-cont {
			height: 430px;
			width: 420px;
			margin: -200px auto 0;
			/*background: #fff;*/
			border: 1px solid #eeeeee;
			position: relative;
			/*top: 50%;*/
			/*left: 50%;*/
			/*transform: translate(-50%,-50%);*/
		}
		#login .login-cont .el-image img {
			width: 100px;
		}
		#login .title {
			color: #97002b;
			font-size: 22px;
			font-weight: normal;
			text-align: center;
			margin: 10px 0 20px;
		}
		#login .title span {
			color: #666;
			font-size: 20px;
			margin-left: 5px;
		}
		#login .login-cont .el-form-item__content {
			width: 100%;
		}
		#login .login-cont .el-form-item {
			margin: 0;
		}
		#login .login-cont .el-input--small .el-input__inner {
			height: 42px;
			margin: 10px 0;
			font-size: 16px;
			background: #f7f7f7;
		}
		#login .login-cont .el-button {
			margin-top: 30px;
		}
		#login .login-cont .el-button span {
			font-size: 16px;
		}
		#login .login-cont:before,
		.login-cont:after {
			position: absolute;
			content: "";
			box-shadow: 0 -21px 7px 20px rgba(221, 233, 242, 0.5);
			left: 10px;
			bottom: 0px;
			height: 102px;
			width: auto;
			z-index: -1;
			-webkit-transform: rotate(-10deg);
			-moz-transform: rotate(-10deg);
			transform: rotate(-10deg);
		}
		#login .login-cont:after {
			-webkit-transform: rotate(10deg);
			-moz-transform: rotate(10deg);
			transform: rotate(10deg);
			right: 10px;
			left: auto;
		}
		#login .login-cont .el-form-item__error {
			top: 95%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#login .footer {
			text-align: center;
			margin-top: 4%;
			color: #999999;
		}
		.enter-tab {
			height: 56px;
		}
		.enter-tab span {
			display: block;
			width: 50%;
			background: rgba(151, 0, 43, 0.12);
			color: #97002b;
			float: left;
			text-align: center;
			height: 100%;
			line-height: 56px;
			font-size: 18px;
			cursor: pointer;
		}
		.enter-tab span.is-active {
			background: #97002b;
			color: #fff;
		}
		.enter-cont {
			height: 100%;
			background: #fff;
			padding: 40px;
		}
	}
	
	@media (min-width:970px) {
		#login .login-cont {
			height: 430px;
			width: 420px;
			margin: -240px auto 0;
			/*background: #fff;*/
			border: 1px solid #eeeeee;
			position: relative;
			/*top: 50%;*/
			/*left: 50%;*/
			/*transform: translate(-50%,-50%);*/
		}
		#login .login-cont .el-image img {
			width: 100px;
		}
		#login .title {
			color: #97002b;
			font-size: 22px;
			font-weight: normal;
			text-align: center;
			margin: 10px 0 20px;
		}
		#login .title span {
			color: #666;
			font-size: 20px;
			margin-left: 5px;
		}
		#login .login-cont .el-form-item__content {
			width: 100%;
		}
		#login .login-cont .el-form-item {
			margin: 0;
		}
		#login .login-cont .el-input--small .el-input__inner {
			height: 42px;
			margin: 10px 0;
			font-size: 16px;
			background: #f7f7f7;
		}
		#login .login-cont .el-button {
			margin-top: 30px;
		}
		#login .login-cont .el-button span {
			font-size: 16px;
		}
		#login .login-cont:before,
		.login-cont:after {
			position: absolute;
			content: "";
			box-shadow: 0 -21px 7px 20px rgba(221, 233, 242, 0.5);
			left: 10px;
			bottom: 0px;
			height: 102px;
			width: auto;
			z-index: -1;
			-webkit-transform: rotate(-10deg);
			-moz-transform: rotate(-10deg);
			transform: rotate(-10deg);
		}
		#login .login-cont:after {
			-webkit-transform: rotate(10deg);
			-moz-transform: rotate(10deg);
			transform: rotate(10deg);
			right: 10px;
			left: auto;
		}
		#login .login-cont .el-form-item__error {
			top: 95%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#login .footer {
			text-align: center;
			margin-top: 4%;
			color: #999999;
		}
		.enter-tab span {
			display: block;
			width: 50%;
			background: rgba(151, 0, 43, 0.12);
			color: #97002b;
			float: left;
			text-align: center;
			height: 100%;
			line-height: 56px;
			font-size: 18px;
			cursor: pointer;
		}
		.enter-tab span.is-active {
			background: #97002b;
			color: #fff;
		}
		.enter-cont {
			height: 100%;
			background: #fff;
			padding: 40px;
		}
	}
	
	@media (min-width:1100px) {
		#login .login-cont {
			height: 455px;
			width: 440px;
			margin: -340px auto 0;
			/*background: #fff;*/
			border: 1px solid #eeeeee;
			position: relative;
			/*top: 50%;*/
			/*left: 50%;*/
			/*transform: translate(-50%,-50%);*/
		}
		#login .login-cont .el-image img {
			width: 120px;
		}
		#login .title {
			color: #97002b;
			font-size: 26px;
			font-weight: normal;
			text-align: center;
			margin: 10px 0 35px;
		}
		#login .title span {
			color: #666;
			font-size: 20px;
			margin-left: 5px;
		}
		#login .login-cont .el-form-item__content {
			width: 100%;
		}
		#login .login-cont .el-form-item {
			margin: 0;
		}
		#login .login-cont .el-input--small .el-input__inner {
			height: 42px;
			margin: 10px 0;
			font-size: 16px;
			background: #f7f7f7;
		}
		#login .login-cont .el-button {
			margin-top: 30px;
		}
		#login .login-cont .el-button span {
			font-size: 16px;
		}
		#login .login-cont:before,
		.login-cont:after {
			position: absolute;
			content: "";
			box-shadow: 0 -21px 7px 20px rgba(221, 233, 242, 0.5);
			left: 10px;
			bottom: 0px;
			height: 102px;
			width: auto;
			z-index: -1;
			-webkit-transform: rotate(-10deg);
			-moz-transform: rotate(-10deg);
			transform: rotate(-10deg);
		}
		#login .login-cont:after {
			-webkit-transform: rotate(10deg);
			-moz-transform: rotate(10deg);
			transform: rotate(10deg);
			right: 10px;
			left: auto;
		}
		#login .login-cont .el-form-item__error {
			top: 95%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#login .footer {
			text-align: center;
			margin-top: 5%;
			color: #999999;
		}
		.enter-tab {
			height: 56px;
		}
		.enter-tab span {
			display: block;
			width: 50%;
			background: rgba(151, 0, 43, 0.12);
			color: #97002b;
			float: left;
			text-align: center;
			height: 100%;
			line-height: 56px;
			font-size: 18px;
			cursor: pointer;
		}
		.enter-tab span.is-active {
			background: #97002b;
			color: #fff;
		}
		.enter-cont {
			height: 100%;
			background: #fff;
			padding: 40px;
		}
	}
	
	@media (min-width:1440px) {
		#login .login-cont {
			height: 560px;
			width: 514px;
			margin: -460px auto 0;
			/*background: #fff;*/
			border: 1px solid #eeeeee;
			position: relative;
			/*top: 50%;*/
			/*left: 50%;*/
			/*transform: translate(-50%,-50%);*/
		}
		#login .login-cont .el-image img {
			width: 140px;
		}
		#login .title {
			color: #97002b;
			font-size: 28px;
			font-weight: normal;
			text-align: center;
			margin: 30px 0 35px;
		}
		#login .title span {
			color: #666;
			font-size: 20px;
			margin-left: 5px;
		}
		#login .login-cont .el-form-item__content {
			width: 100%;
		}
		#login .login-cont .el-form-item {
			margin: 0;
		}
		#login .login-cont .el-input--small .el-input__inner {
			height: 42px;
			margin: 18px 0;
			font-size: 16px;
			background: #f7f7f7;
		}
		#login .login-cont .el-button {
			margin-top: 60px;
		}
		#login .login-cont .el-button span {
			font-size: 16px;
		}
		#login .login-cont:before,
		.login-cont:after {
			position: absolute;
			content: "";
			box-shadow: 0 -21px 7px 20px rgba(221, 233, 242, 0.5);
			left: 10px;
			bottom: 0px;
			height: 102px;
			width: auto;
			z-index: -1;
			-webkit-transform: rotate(-10deg);
			-moz-transform: rotate(-10deg);
			transform: rotate(-10deg);
		}
		#login .login-cont:after {
			-webkit-transform: rotate(10deg);
			-moz-transform: rotate(10deg);
			transform: rotate(10deg);
			right: 10px;
			left: auto;
		}
		#login .login-cont .el-form-item__error {
			top: 95%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#login .footer {
			text-align: center;
			margin-top: 6%;
			color: #999999;
		}
		.enter-tab {
			height: 56px;
		}
		.enter-tab span {
			display: block;
			width: 50%;
			background: rgba(151, 0, 43, 0.12);
			color: #97002b;
			float: left;
			text-align: center;
			height: 100%;
			line-height: 56px;
			font-size: 18px;
			cursor: pointer;
		}
		.enter-tab span.is-active {
			background: #97002b;
			color: #fff;
		}
		.enter-cont {
			height: 100%;
			background: #fff;
			padding: 40px;
		}
	}
	
	@media (min-height:870px) {
		#login .clause-cont {
			height: 540px;
		}
	}