.mainBody{
	background-color: #00CCFF;
	background-repeat: no-repeat;
 	background-size: cover;
 	position: relative;
 	min-height: 800px;
}

.yk-ssr-box{
	height: 506px;
	width: 504px;
	background-color: #ffffff;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
}

.yk-f-box{
	padding-top: 5%;
	
}

.yk-record-div-box{
	padding-bottom: 31px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.yk-record-div-box a,.yk-record-div-box a:VISITED{
	font-size: 16px;
	color: #ffffff;
}

.yk-ssr-box .yk-login-title{
	font-size: 24px;
	color: #333333;
	margin-top: 47px;
	margin-bottom:34px;
	text-align: center;
}

.yk-ssr-box .input-group{
	margin-bottom: 27px;
    margin-left: 40px;
    margin-right: 40px;
    width: calc( 100% - 80px );
    width: -moz-calc( 100% - 80px );
    width: -webkit-calc( 100% - 80px );
}

.yk-ssr-box .input-group.x22{
	margin-bottom: 22px;
}

.yk-ssr-box .input-group .input-group-addon{
	border-top: none;
    border-right: none;
    border-left: none;
    width: 40px;
}

.yk-ssr-box .input-group .input-group-addon i{
    height: 20px;
    width: 20px;
    display: block;
}


.yk-ssr-box .input-group input{
	border-top: none;
    border-right: none;
    border-left: none;
}

.yk-ssr-box .input-group input:read-only{
	background-color: #ffffff;
}
.yk-ssr-box .input-group input.form-control:focus{
	border-color: #efefef !important;
}

.yk-ssr-box .input-group a{
	display: none;
}
.yk-ssr-box .input-group .yk-error-info a.yk-normal-color{
	display: inline;
}

.yk-ssr-box .input-group #vcode{
	width: 76%;
}
.yk-ssr-box .input-group img.mid.validateCode{
    height: 34px;
    border-bottom: solid 1px #efefef;
    padding-bottom: 2px;
}

.yk-ssr-box .yk-anti-row.row button.form-control{
    width: 84%;
    height: 46px;
    background-color: #2bc17b;
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
}
.yk-ssr-box .yk-anti-row.row .otherUrl{
    text-align: right;
    padding-right: 40px;
    margin-bottom: 23px;
}
.yk-ssr-box .yk-anti-row.row .otherUrl a{
	font-size: 12px;
	color: #2bc17b;
}
.yk-ssr-box .yk-anti-row.row .otherUrl a:HOVER,.yk-ssr-box .yk-anti-row.row .otherUrl a:VISITED{
	color: #2bc17b;
}

.yk-ssr-box .yk-anti-row.row .otherUrl2{
    text-align: left;
    padding-left: 40px;
    margin-bottom: 23px;
    font-size: 12px;
    color: #bfbfbf;
}
.yk-ssr-box .yk-anti-row.row .otherUrl2 a{
	font-size: 12px;
	color: #acacac;
}
.yk-ssr-box .yk-anti-row.row .otherUrl2 a:HOVER,.yk-ssr-box .yk-anti-row.row .otherUrl2 a:VISITED{
	color: #acacac;
}

.yk-ssr-box .yk-anti-row.row .otherUrl-bottom{
    text-align: center;
    margin-top:15px;
    margin-bottom: 23px;
    font-size: 12px;
    color: #b3b3b3;
}
.yk-ssr-box .yk-anti-row.row .otherUrl-bottom a{
	font-size: 12px;
	color: #629ff5;
}
.yk-ssr-box .yk-anti-row.row .otherUrl-bottom a:HOVER,.yk-ssr-box .yk-anti-row.row .otherUrl-bottom a:VISITED{
	color: #629ff5;
}


.yk-f-box .yk-logo{
	/*filter: grayscale(100%) brightness(0.5);*/
	margin-bottom: 18px;
	width:200px;
	filter:grayscale(100%) brightness(0.1) invert(100%) contrast(100%);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.yk-ssr-box .input-group input.yk-short{
	width: calc( 100% - 100px );
    width: -moz-calc( 100% - 100px );
    width: -webkit-calc( 100% - 100px );
}

.yk-ssr-box .input-group input.yk-short-vcode{
	width: calc( 100% - 84px );
    width: -moz-calc( 100% - 84px );
    width: -webkit-calc( 100% - 84px );
}

.yk-anti-row.row .input-group .yk-error-info{
    height: 34px;
    padding: 10px 0px 2px 0px;
    font-size: 12px;
    color: #e65d4b;
    border-bottom: solid 1px #efefef;
}
.yk-error-info span.yk-normal-info{
	color:#629ff5;
}
.yk-ssr-box.yk-close-box{
	display: none;
}

.yk-ssr-box .input-group input#userinfo{
	width: calc( 100% - 93px );
    width: -moz-calc( 100% - 93px );
    width: -webkit-calc( 100% - 93px );
}

.yk-ssr-box .input-group select#userInfoType{
	width: 93px;
}