/* Cubic Bezier Transition */
/***
Login page
***/
body{font-family:"Microsoft YaHei";}
body,html{height:100%;}
.loginBg{background:#fafafb url(../images/loginBg.jpg) no-repeat center center; background-size:100% auto;}
.logo{position:absolute; left:85px; top:-80px;}
.logo img{height:40px;}
.contentBox{text-align:center; width:862px; height:496px; background:url(../images/conBg.png) no-repeat; margin:0 auto; position:relative; top:50%; margin-top:-248px;}
.loginBox{max-width:380px; margin:0 auto;}
.formTitle{color:#445063; line-height:1; margin-top:60px; margin-bottom:15px;}
.formTitle span{font-size:26px; font-weight:bold; position:relative;}
.formTitle span:before{content:""; display:block; width:20px; height:2px; background-color:#445063; position:absolute; top:18px; left:-30px;}
.formTitle span:after{content:""; display:block; width:20px; height:2px; background-color:#445063; position:absolute; top:18px; right:-30px;}
.formTitle small{font-size:12px; display:block; margin-top:8px;}
.form-group{border-bottom:1px solid #dfe3ea; padding:8px 0; margin:0;}
.form-group .input-group-addon{background:none; border:0; padding:0;}
.form-group .formIcon{width:32px; height:32px; display:block;}
.form-group .formUser{background:url(../images/icon_user.png) no-repeat center center;}
.form-group .formPsw{background:url(../images/icon_psw.png) no-repeat center center;}
.form-group .formCode{background:url(../images/icon_code.png) no-repeat center center;}
.form-group .formInput{border:0; box-shadow:none;}
.form-group .formInput:focus{box-shadow:none;}
.form-group .btnCode{border-radius:18px; color:#fff; background-color:#5bdab8;}
.form-group .btnCode:hover{background:#46cbc0;}
.formButton{margin-top:20px;}
.formButton .linkBtn{text-align:left;}
.formButton .linkBtn a{color:#45cbbf; margin-right:10px; margin-top:10px; display:inline-block;}
.formButton .btnSubmit{color:#fff; border-radius:25px; border:0; padding:10px 40px; box-shadow:3px 3px 8px rgba(68,202,192,.4);
background:-webkit-linear-gradient(top,#5ddcb7, #44cac0);
background:-moz-linear-gradient(top,#5ddcb7, #44cac0);
background:-ms-linear-gradient(top,#5ddcb7, #44cac0);
background:-o-linear-gradient(top,#5ddcb7, #44cac0);
background:linear-gradient(top,#5ddcb7, #44cac0);
background-color: #5bdab8;
}
.formButton .btnSubmit:hover{background:#46cbc0;}
.formButton .btnBack{box-shadow:3px 3px 8px rgba(0,0,0,.04); background:none; border:1px solid #5bdab8; color:#5bdab8;}
.formButton .btnBack:hover{background:#f5f5f5;}
.formBot{margin-top:45px; max-width:280px; margin-left:auto; margin-right:auto;}
.formBot .title{position:relative; margin-bottom:8px;}
.formBot .title:before{content:""; display:block; width:100%; border-top:1px solid #dfe3ea; position:absolute; top:18px; left:0;}
.formBot .linkItem{background-color:#fff; padding:0 15px; position:relative; z-index:1; display:inline-block;}
.formBot .linkItem a{width:36px; height:36px; line-height:36px; text-align:center; display:inline-block; background-color:#e0e0e0; color:#fff; border-radius:50%; margin:0 5px;}
.formBot .linkItem a.qq{background-color: #009fff;}
.formBot .linkItem a.weixin{background-color: #00d255;}
.formBot .linkItem a.weibo{background-color: #fd5151;}
.formBot .linkItem a.qq:hover{background-color:#018de2;}
.formBot .linkItem a.weibo:hover{background-color:#ec3c3c;}
.formBot .linkItem a.weixin:hover{background-color:#01b94c;}
.formAgreen{text-align:left; margin-top:20px;}
.formAgreen input{margin-right:5px; margin-top:3px; float:left;}
.formAgreen a{color:#45cbbf;}
@media screen and (max-width: 768px) {
    .contentBox{max-width:370px; width:auto; background:#fff;}
    .loginBox{max-width:auto; padding:0 25px;}
}
@media screen and (max-width: 400px) {
	.logo{margin-top:15px;}
    .contentBox{margin-left:15px; margin-right:15px;}
}