@charset "utf-8";

body{background:#f5f6fa;font: 14px Microsoft Yahei, Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}

/* 登录页 */
.login-container {
  width:100%;
  height:100%;
  overflow: hidden;
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
  box-sizing: border-box; /*W3C标准*/
}
.login-container *, .login-container *:before, .login-container *:after {
  box-sizing: inherit;
}
.login-container .login-left{    
	position: absolute;
    left: 0;
    right: 500px;
    height: 100%;
    overflow: hidden;
    }
.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
/* 轮询三张图片 开始*/

.slideshow-image:nth-child(1) {

  -webkit-animation-name: kenburns-1;

          animation-name: kenburns-1;

  z-index: 2;

}

.slideshow-image:nth-child(2) {

  -webkit-animation-name: kenburns-2;

          animation-name: kenburns-2;

  z-index: 1;

}

.slideshow-image:nth-child(3) {

  -webkit-animation-name: kenburns-3;

          animation-name: kenburns-3;

  z-index: 0;

}



@-webkit-keyframes kenburns-1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  48.4375% {

    opacity: 1;

  }

  51.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  98.4375% {

    opacity: 0;

    -webkit-transform: scale(1.21176);

            transform: scale(1.21176);

  }

  100% {

    opacity: 1;

  }

}



@keyframes kenburns-1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  48.4375% {

    opacity: 1;

  }

  51.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  98.4375% {

    opacity: 0;

    -webkit-transform: scale(1.21176);

            transform: scale(1.21176);

  }

  100% {

    opacity: 1;

  }

}

@-webkit-keyframes kenburns-2 {

  48.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  51.5625% {

    opacity: 1;

  }

  73.4375% {

    opacity: 1;

  }

  76.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@keyframes kenburns-2 {

  48.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  51.5625% {

    opacity: 1;

  }

  73.4375% {

    opacity: 1;

  }

  76.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@-webkit-keyframes kenburns-3 {

  73.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  76.5625% {

    opacity: 1;

  }

  98.4375% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

@keyframes kenburns-3 {

  73.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  76.5625% {

    opacity: 1;

  }

  98.4375% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

/* 轮询三张图片 结束*/

/* 轮询四张图片 开始*/

/* .slideshow-image:nth-child(1) {

  -webkit-animation-name: kenburns-1;

          animation-name: kenburns-1;

  z-index: 3;

}

.slideshow-image:nth-child(2) {

  -webkit-animation-name: kenburns-2;

          animation-name: kenburns-2;

  z-index: 2;

}

.slideshow-image:nth-child(3) {

  -webkit-animation-name: kenburns-3;

          animation-name: kenburns-3;

  z-index: 1;

}

.slideshow-image:nth-child(4) {

  -webkit-animation-name: kenburns-4;

          animation-name: kenburns-4;

  z-index: 0;

}



@-webkit-keyframes kenburns-1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  1.5625% {

    opacity: 1;

  }

  23.4375% {

    opacity: 1;

  }

  26.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  98.4375% {

    opacity: 0;

    -webkit-transform: scale(1.21176);

            transform: scale(1.21176);

  }

  100% {

    opacity: 1;

  }

}



@keyframes kenburns-1 {

  0% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  1.5625% {

    opacity: 1;

  }

  23.4375% {

    opacity: 1;

  }

  26.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  98.4375% {

    opacity: 0;

    -webkit-transform: scale(1.21176);

            transform: scale(1.21176);

  }

  100% {

    opacity: 1;

  }

}

@-webkit-keyframes kenburns-2 {

  23.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  26.5625% {

    opacity: 1;

  }

  48.4375% {

    opacity: 1;

  }

  51.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@keyframes kenburns-2 {

  23.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  26.5625% {

    opacity: 1;

  }

  48.4375% {

    opacity: 1;

  }

  51.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@-webkit-keyframes kenburns-3 {

  48.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  51.5625% {

    opacity: 1;

  }

  73.4375% {

    opacity: 1;

  }

  76.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@keyframes kenburns-3 {

  48.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  51.5625% {

    opacity: 1;

  }

  73.4375% {

    opacity: 1;

  }

  76.5625% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

}

@-webkit-keyframes kenburns-4 {

  73.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  76.5625% {

    opacity: 1;

  }

  98.4375% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

@keyframes kenburns-4 {

  73.4375% {

    opacity: 1;

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  76.5625% {

    opacity: 1;

  }

  98.4375% {

    opacity: 1;

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

} */

/* 轮询四张图片 结束*/
.login-container .login-right{
	position: absolute;
    width: 500px;
    height: 100%;
    right: 0;
    overflow: hidden;
    background-color: #f7f7fc;
    }
.login-container .login-right .footer-rights{position: absolute;bottom: 0;width:100%;}
.login-container .login-right .footer-rights span{
    display: block;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    line-height: 66px;
    color: #999;
    font-size: 14px;
    border-top: 1px solid #e1e1e1;
}
.login-container .main-container {    
	position: absolute;
    width: 100%;
    height: 66%;
}
.login-container .login-right .login-welcome{
    color: #0e1a47;
    font-size: 16px;
    display: block;
    margin-top: 10px;
	}
.login-container .login-right .login-title{    
    display: block;
    margin: 10px 0 40px;
    color: #0e1a47;
    font-size: 36px;
    font-family: 'Eras Bold ITC';
    }
.login-container .login-right .login-type{position: absolute;width: 100%;top: 66%;}
.login-container .login-type .login-other{text-align: center;font-size: 14px;color: #999;}
.login-container .login-type .type-list{width: 357px;overflow: hidden;margin: 30px auto 0;}
.login-container .login-type .type-list li{float: left;width:89px;text-align:center;}
.login-container .type-list .type-item div{cursor:pointer;width:49px;height: 49px;margin:0 20px;line-height: 49px;text-align: center;border-radius:50%;background-color: #ddd;}
.login-container .type-list .type-item div i{font-size: 25px;color: #fff;}
.login-container .type-list .type-item span{font-size: 14px;color: #777;line-height: 38px;}
.login-container .type-list .type-item .login-msg:hover,.login-container .login-type .type-list .type-msg .type-active {background-color:#ffa13d}
.login-container .type-list .type-item .login-code:hover,.login-container .login-type .type-list .type-code .type-active {background-color: #e37f93
}
.login-container .type-list .type-item .login-pwd:hover,.login-container .login-type .type-list .type-pwd .type-active {background-color: #1890ff}
.login-container .type-list .type-item .login-weixin:hover,.login-container .login-type .type-list .type-weixin .type-active {background-color:#66d75e}
.login-container .login-main{
	position: absolute;
    width: 400px;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    height: 382px;
    margin-top: -181px;
}
.login-container .login-main .login-btn{
  display: inline-block;
  width: 100%;
  height:50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 3px;
  /*  text-align: center;*/
  /*  color: #fff;*/
  /*background: #017aff;*/
  /*background: -webkit-linear-gradient(to bottom,#6982ff,#5e9bff); !* Safari 5.1-6.0 *!*/
  /*background: -o-linear-gradient(to bottom,#6982ff,#5e9bff); !* Opera 11.1-12.0 *! */
  /*background: -moz-linear-gradient(to bottom,#6982ff,#5e9bff); !* Firefox 3.6-15 *!*/
  /*background: linear-gradient(to bottom,#6982ff,#5e9bff); !* 标准语法 *!*/
}
.login-container .login-main .login-btn:hover{opacity: 0.9;cursor: pointer;}
.login-container .login-main input{height: 50px;padding-left: 54px;margin-bottom: 25px;line-height: 50px;}
.login-container .login-main .user-icon,.login-container .login-main .pwd-icon{float:left;margin:-62px 0 0 16px;color: #787878;font-size: 22px;}
.login-container .login-main .forget-pwd{float: right;margin-bottom: 25px;color: #5e9bff;}
.login-container .login-main .forget-pwd:hover{cursor: pointer;color: #1890ff;}
.login-container .login-main .suncnui-form-checkbox i{margin-top: 1px;}
.login-container .pwd-main{display: block;}
.login-container .msg-main{display: none;}
.login-container .code-main{display: none;}
.login-container .msg-main .code-input{
	float: left;
    width: 255px;
    display: inline-block;
}
.login-container .msg-main .code-btn{float:right;width:130px;text-align: center;height: 50px;line-height: 50px;color: #1890ff;border: 1px solid #1890ff;border-radius: 4px;cursor: pointer;background-color: #fff;}
.login-container .msg-main .code-btn:hover{background-color: #f3f6ff;}
.login-container .msg-main .login-btn{margin-top: 25px;}
.login-container .msg-main .row-code{position: relative;}
.login-container .msg-main .row-code .code-icon{position: absolute;left:16px;top:13px;color: #787878;font-size: 22px;}
.login-container .code-main .code-tips{
	/* margin: 20px auto 0;
    width: 228px;
    height: 228px;
    border: 1px solid #e5e5e5;
    background: url(../images/code_img.png) no-repeat center; */
    text-align: center;
}
.login-container .code-main .login-title{text-align: center;}
.login-container .code-main .code-img{margin:20px auto 0;width: 228px;height: 228px;border: 1px solid #e5e5e5;}
/*首页结束*/


.login-container .msg-main .code-unable{
  border: 1px solid #d9d9d9;
  background-color: #f5f5f5;
  cursor: not-allowed;
  color: #666;
}
.login-container .msg-main .code-unable:hover{
  background-color: #f5f5f5;
}