#box{
	width: 100%;
	height: calc(100vh - 0px);
	/*background: #091728;*/
	background: url('../images/bg.jpg') no-repeat left center;
	background-size: cover;
    
}
.login-pic{
	position: absolute;
	width: 500px;
	height: 438px;
    top: 50%;
    margin-top: -219px;
    left: 22%;
}
.login-pic img{
	width: 100%;
}
.login-box{
	width: 380px;
	height: 420px;
	background-color: #fff;
	opacity: 0.88;
	border-radius: 3px;
	position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-210px;
    margin-left: 30px;
}
#box h5 {
	display: inline-block;
    margin-left: -230px;
    left: 50%;
    position: absolute;
    margin-top: 5%;
}
#box h5 span{
	font-size: 32px;
	color: #fff;
	float: left;
}

#box h5 img{
	width: 55px;
	height: 55px;
	float: left;
	margin-right: 10px;
}
.login-box ol{
	padding:19px 0;
	box-sizing: border-box;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #333);
}
.login-box ol li{
	float: left;
	width: 50%;
	height: 40px;
	line-height: 40px;
	color: rgb(#333);
	font-size: 18px;
	text-align: center;
	cursor: pointer;
}
.login-box ol li:first-child{
	border-right: 1px solid rgb(185,185,185);
}
.li-navbg{
	color: rgb(#333);
	font-weight: bold;
}





.tsinfo {
    width: 314px;
    color: rgb(128,128,128);
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
}
.tsinfo img, span {
    letter-spacing: 1px;
}

.tsinfo img {
    vertical-align: middle;
    padding-right: 5px;
}
.login-div{
	padding-top:32px;
	box-sizing: border-box;
	display: none;
}
.login-div{
	padding:0 50px;
	padding-top:4px;
	box-sizing: border-box;
}
.login-div .phone,.pwd-div,.userName,.pwd{
	width: 280px;
	height: 52px;
	color: rgb(117,117,117);
	font-size: 16px;
	border: 0;
	border-bottom: 1px solid rgb(153,153,153);
	padding-left: 20px;
	padding-top:16px;
}
.validate{
	line-height: 34px;
    width: 154px;
	border:0;
}
#checkCode {
	width: 74px;
	height: 32px;
	background: #ffefdb;
	margin-left: 7px;
	display: inline-block;
	border: 0;
	cursor: pointer;
}
.pwd-div .yzm{
	float: left;
	width: 160px;
	border: 0;
	height: 35px;
	background-color:#FFF !important;
}
input.yzm:-internal-autofill-selected{
	background:#FFF !important;
}
.hqyzm{
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: linear-gradient(to right,rgb(41,107,236),rgb(26,173,250));
	float: left;
	border-radius: 4px;
	cursor: pointer;
}
.login-btn{
	
	width: 280px;
	height: 40px;
	line-height: 40px;
	text-align:center;
	border-radius: 20px;
	margin:0 auto;
    background: linear-gradient(to right,rgb(41,107,236),rgb(26,173,250));
    border:0;
    outline: none;
    color: #fff;
    display: inline-block;
    margin: 40px 0 50px;
    cursor: pointer;
}



#box p{
	font-size: 12px;
	color: rgb(240,240,240);
	/*width: 278px;*/
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -170px;
	margin-top: 10px;
}