body{
	width: 100%;
	height: 100%;
}
.login-bg{
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #4d84e2;
	background: linear-gradient(#4d84e2, #4d6de2);
	position: fixed;
    top: 0;
    left: 0;
	z-index: -1;
}
.login-bg-img{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background: url(/assets/idm/szwmV2/images/login/bg-d74a5e1328b9ff3d4e6ea1508adc9660.png) no-repeat;
	background-size: 97% auto;
	background-position: center center;
	background-attachment: fixed;
}
.login-wrap{
	height: 890px;
	overflow: hidden;
}
a{text-decoration: none;}
.clear:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.login-title{
	color: #fff;
	text-align: center;
	margin: 8% auto 4%;
}
.login-title span,.login-title img{
	vertical-align: middle;
}
.login-title img{
	margin-right: 20px;
}
.login-title span{
	font-size: 48px;
	text-shadow: 0 5px 5px rgba(4,0,0,0.2);
}
.login-box{
	width: 900px;
	display: block;
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
}
.login-box >img{
	float: left;
	border-radius: 10px 0 0 10px;
}
.login-main{
	float: left;
	padding: 45px 75px;
	position: relative;
}
.login-main h3{
	color: #888;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 7px;
	margin-bottom: 40px;
}
.lg-inp-item{
	width: 298px;
	height: 48px;
    line-height: 48px;
	border: 1px solid #ccc;
	border-radius: 5px;
	position: relative;
	padding: 0 0 0 10px;
	margin-bottom: 15px;
	box-sizing: border-box;
	float: left;
}
.lg-inp-item img,.lg-inp-item input{
	display: inline-block;
	vertical-align: middle;
	position: relative;
    top: -3px;
}
.lg-inp-item input{
	border: none;
	outline: none;
	margin-left: 6px;
	width: 200px;
	height: 20px;
	line-height: 20px;
}
.code-item .lg-inp-item{
	width: 198px;
}
.code-item .lg-inp-item input{
	width: 136px;
}
.code-item > img{
	margin: 2px 0 0 7px;
	width: 90px;
	height: 44px;
}
.lg-inp-item input::-webkit-input-placeholder{
	color: #888888;
}
.lg-inp-item input::-moz-placeholder{
	color: #888888;
}
.lg-inp-item input::-ms-input-placeholder{
	color: #888888;
}
.login-btn{
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background: #6fba2d;
	font-size: 20px;
	color: #fff;
	text-align: center;
	letter-spacing:10px;
	margin-top: 22px;
	border: 0;
	cursor: pointer;
	outline: 0;

}
.error-tips{
	color: #ff756b;
	font-size: 14px;
	margin-top: 10px;
	display: inline-block;
}

.copyRight{
	color: #fff;
	text-align: center;
	font-size: 12px;
	margin: 86px 0 20px;
}
.circle{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	opacity: .2;
	background: rgb(77,179,226);
	position: absolute;
	top: 100%;
	left: 0;
	animation: circleTop 25s ease-out;	
	-webkit-animation: circleTop 25s ease-out;
    animation: circleTop 25s ease-out;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}
.circle-wrap div:nth-child(1) {
    left: 10%;
    width: 120px;
	height: 120px;
    -webkit-animation-delay: 1s;
    animation-delay:1s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.circle-wrap div:nth-child(2) {
    left: 30%;
    width: 350px;
	height: 350px;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.circle-wrap div:nth-child(3) {
    left: 40%;
    width: 400px;
	height: 400px;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.circle-wrap div:nth-child(4) {
    left: 3%;
    width: 300px;
	height: 300px;
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.circle-wrap div:nth-child(5) {
    left: 60%;
    width: 160px;
	height: 160px;
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
}
.circle-wrap div:nth-child(6) {
    left: 12%;
    width: 320px;
	height: 320px;
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
    -webkit-animation-duration: 14s;
    animation-duration: 14s;
}
.circle-wrap div:nth-child(7) {
    left: 96%;
    width: 260px;
	height: 260px;
    -webkit-animation-delay:9s;
    animation-delay: 9s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.circle-wrap div:nth-child(8) {
    left: 66%;
    width: 160px;
	height: 160px;
    -webkit-animation-delay: 16s;
    animation-delay: 16s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.circle-wrap div:nth-child(9) {
    left: 57%;
    width: 230px;
	height: 230px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.circle-wrap div:nth-child(10) {
    left:80%;
    width: 200px;
	height: 200px;
    -webkit-animation-delay: 14s;
    animation-delay: 14s;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}
.circle-wrap div:nth-child(11) {
    left: 85%;
    width: 130px;
	height: 130px;
    -webkit-animation-delay: 11.5s;
    animation-delay:  11.5s;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
}
.circle-wrap div:nth-child(12) {
    left: 24%;
    width: 80px;
	height: 80px;
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
@keyframes circleTop{
	0%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(-1500px);
	}
}
.lg-inp-wrap{
	overflow: hidden;
}

.checkbox-primary{
	vertical-align: middle;
}
.checkbox-primary:after{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	border: 2px solid #ccc;
	position: relative;
	top: 1px;
	box-sizing: border-box;
	float: left;
	margin-right: 5px;
}
.checkbox-primary.checked:after{
	background: url(/assets/idm/szwmV2/images/checked-06d9e247fdd1b348a902c8f0f654fefa.png) no-repeat center center;
	background-size: 100% 100%;
	border: 0;
}
.remember{
	color: #333;
	font-size: 15px;
	user-select: none;
}
.app-download{
	position: absolute;
	bottom: 8px;
	left: 50%;
	margin-left: -38px;
}
.app-download span{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
.app-download-cont{
	position: relative;
	cursor: pointer;
}
.app-download-cont:hover span{
	text-decoration: underline;
}
.app-download-cont .qrcode-bg{
	display: none;
}
.app-download-cont:hover .qrcode-bg{
	display: block;
}
.phone-icon{
	display: inline-block;
	width: 8px;
	height: 14px;
	background: url(/assets/idm/szwmV2/images/app-5394bd137bfd7ca5c7952fd08500bb4b.png) no-repeat center center;
	background-size: 100% 100%;
	margin-right: 4px;
	vertical-align: middle;
}
.qrcode-bg{
	width: 109px;
	height: 120px;
	background: url(/assets/idm/szwmV2/images/QRcode_bg_i-db782459d851d200bac2c0d671b7f490.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 22px;
	left: -10px;
	text-align: center;
}
.qrcode-bg img{
	margin-top: 27px;
	margin-left: 1px;
	width: 80px;
	height: 80px;
}