@charset "UTF-8";
/*$defaultSize:0.875em;
$size24:1.5em;
$size20:1.25em;
$size18:1.125em;
$size17:1.0625em;
$size16:1em;
$size15:0.9375em;
$size14:0.875em;
$size12:0.75em;
$size5:0.3125em;
$size1:0.0625em;*/
input::-webkit-input-placeholder{font-family:微软雅黑;color:#aaa;font-size:16px}
input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px white inset; 
}
.f-tac {
  text-align: center !important; }

.f-pb30 {
  padding-bottom: 30px; }

.color2 {
  color: #333; }

.login_shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #000;
  opacity: .4;
  filter: alpha(opacity=0.4); }

.UnauthHomePage {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  -o-filter: blur(2px);
  filter: blur(2px); }

.login_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0;
  background-color: rgba(12, 12, 12, 0.4); }

.login_containters {
  width: 100%;
  height:100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  overflow:auto;
  text-align: center;
  z-index:10000
  /*  animation:fadeIn 1.5s;
    -webkit-animation:fadeIn 1.5s; !* Safari 和 Chrome *!*/ }
  .login_containters:after, .login_containters:before {
    content: "";
    display: table; }
  .login_containters:after {
    clear: both; }
  .login_containters > .loginBlock, .login_containters .registerBlock {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-color: #FCFCFC;
    z-index: 99;
    width: 550px;
    padding:30px 75px;
    margin: 0 auto;
    text-align: left;
    border-radius: 5px;
    margin-top: 60px;
    position: relative; }
    .login_containters > .loginBlock{padding-bottom:50px}

    .login_containters form{margin: 0 20px}

    .login_containters > .loginBlock > h3, .login_containters .registerBlock p{
      text-align: center;
      padding-bottom:5px}
      .login_containters > .loginBlock > h3, .login_containters .registerBlock p a{color:#E55927}
     /* .login_containters > .loginBlock > h3 span, .login_containters .registerBlock > h3 span {
        font-size: 24px;
        color: #333;
        letter-spacing: 1em;
        padding-left: 1em; }*/
    .login_containters > .loginBlock > .close, .login_containters .registerBlock > .close {
      position: absolute;
      right: 12px;
      top: 8px;
      font-size: 16px;
      color: #aaa;
      cursor: pointer; }
      .login_containters > .loginBlock > .close:hover, .login_containters .registerBlock > .close:hover {
        color: #f01414; }
    /*.login_containters > .loginBlock > form, .login_containters > .loginBlock .tab, .login_containters .registerBlock > form, .login_containters .registerBlock .tab {
      margin: 0 94px; }*/
      .login_containters > .loginBlock > form > .input-group, .login_containters > .loginBlock .tab > .input-group, .login_containters .registerBlock > form > .input-group, .login_containters .registerBlock .tab > .input-group {
        position: relative;
        min-height: 1px;
        /*     padding-right: 15px;
             padding-left: 15px;*/
        margin-top: 20px; }
        .login_containters > .loginBlock > form > .input-group > .errorInos, .login_containters > .loginBlock .tab > .input-group > .errorInos, .login_containters .registerBlock > form > .input-group > .errorInos, .login_containters .registerBlock .tab > .input-group > .errorInos {
          color: #fe9643;
          font-size: 12px; }
        .login_containters > .loginBlock > form > .input-group > .input-item, .login_containters > .loginBlock .tab > .input-group > .input-item, .login_containters .registerBlock > form > .input-group > .input-item, .login_containters .registerBlock .tab > .input-group > .input-item {
          position: relative;
          left: 0;
          height: 56px;
          line-height: 56px; }
          .login_containters > .loginBlock > form > .input-group > .input-item > .iconfont, .login_containters > .loginBlock .tab > .input-group > .input-item > .iconfont, .login_containters .registerBlock > form > .input-group > .input-item > .iconfont, .login_containters .registerBlock .tab > .input-group > .input-item > .iconfont {
            color: #aaa;
            position: absolute;
            left:12px;
            z-index: 3;
            width: 16px;
            height: 26px;
            line-height:26px;
            top:15px;
            font-size: 16px;
            padding-right: 10px;
            border-right: 1px solid #aaa;
            -webkit-font-smoothing: antialiased; }

            .login_containters > .loginBlock > form > .input-group > .yzmIn > .iconfont, .login_containters > .registerBlock > form > .input-group > .yzmIn > .iconfont{top:13px}


            .login_containters > .loginBlock > form > .input-group > .input-item > .iconfont + .input-item-tips, .login_containters > .loginBlock .tab > .input-group > .input-item > .iconfont + .input-item-tips, .login_containters .registerBlock > form > .input-group > .input-item > .iconfont + .input-item-tips, .login_containters .registerBlock .tab > .input-group > .input-item > .iconfont + .input-item-tips {
              right: 8px;
              float: right; }
            .login_containters > .loginBlock > form > .input-group > .input-item > .iconfont + .error, .login_containters > .loginBlock .tab > .input-group > .input-item > .iconfont + .error, .login_containters .registerBlock > form > .input-group > .input-item > .iconfont + .error, .login_containters .registerBlock .tab > .input-group > .input-item > .iconfont + .error {
              color: #f01414; }
            .login_containters > .loginBlock > form > .input-group > .input-item > .iconfont + .true, .login_containters > .loginBlock .tab > .input-group > .input-item > .iconfont + .true, .login_containters .registerBlock > form > .input-group > .input-item > .iconfont + .true, .login_containters .registerBlock .tab > .input-group > .input-item > .iconfont + .true {
              color: #1AAB8A; }
          .login_containters > .loginBlock > form > .input-group > .input-item > .input-area, .login_containters > .loginBlock .tab > .input-group > .input-item > .input-area, .login_containters .registerBlock > form > .input-group > .input-item > .input-area, .login_containters .registerBlock .tab > .input-group > .input-item > .input-area {
            display: block;
            box-sizing: border-box;
            font-family: 微软雅黑;
            width: 100%;
            outline: none;
            height: 56px;
            padding: 6px 10px 6px 50px;
            line-height: 1.42857143;
            background-image: none;
            border-radius: 4px;
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            font-size: 16px;
            font-weight: normal;
            color: #333;
            background-color: #fff;
            border: 1px solid #ddd;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px; }

          .login_containters > .loginBlock > form > .input-group > .yzmIn > .input-area, .login_containters .registerBlock > form > .input-group > .yzmIn > .input-area{height:50px}



          .login_containters > .loginBlock > form > .input-group > .input-item:after, .login_containters > .loginBlock .tab > .input-group > .input-item:after, .login_containters .registerBlock > form > .input-group > .input-item:after, .login_containters .registerBlock .tab > .input-group > .input-item:after {
            clear: both;
            display: table;
            content: ""; }
          .login_containters > .loginBlock > form > .input-group > .input-item.yzmIn, .login_containters > .loginBlock .tab > .input-group > .input-item.yzmIn, .login_containters .registerBlock > form > .input-group > .input-item.yzmIn, .login_containters .registerBlock .tab > .input-group > .input-item.yzmIn {
            width: 210px;
            height:50px;
            display: inline-block; }
          .login_containters > .loginBlock > form > .input-group > .input-item.yzmOut, .login_containters > .loginBlock .tab > .input-group > .input-item.yzmOut, .login_containters .registerBlock > form > .input-group > .input-item.yzmOut, .login_containters .registerBlock .tab > .input-group > .input-item.yzmOut {
            width: 140px;
            height: 48px;
            display: inline-block;
            border: 1px solid #ddd;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px; }
            .login_containters > .loginBlock > form > .input-group > .input-item.yzmOut > img, .login_containters > .loginBlock .tab > .input-group > .input-item.yzmOut > img, .login_containters .registerBlock > form > .input-group > .input-item.yzmOut > img, .login_containters .registerBlock .tab > .input-group > .input-item.yzmOut > img {
              width: 100%;
              height: 100%; }
        .login_containters > .loginBlock > form > .input-group > .forget, .login_containters > .loginBlock .tab > .input-group > .forget, .login_containters .registerBlock > form > .input-group > .forget, .login_containters .registerBlock .tab > .input-group > .forget {
          text-align: right;
          color: #E55927;
          font-size: 14px;
          cursor: pointer; }
        .login_containters > .loginBlock > form > .input-group > .subBtn, .login_containters > .loginBlock .tab > .input-group > .subBtn, .login_containters .registerBlock > form > .input-group > .subBtn, .login_containters .registerBlock .tab > .input-group > .subBtn {
          width: 100%;
          height: 56px;
          border: 1px solid #E55927;
          border-radius: 5px;
          color: #fff;
          font-size: 18px;
          background-color: #E55927; }
        .login_containters > .loginBlock > form > .input-group > .tab-item, .login_containters > .loginBlock .tab > .input-group > .tab-item, .login_containters .registerBlock > form > .input-group > .tab-item, .login_containters .registerBlock .tab > .input-group > .tab-item {
          font-size: 14px;
          margin-bottom: 18px;
          cursor: pointer; }
          .login_containters > .loginBlock > form > .input-group > .tab-item > a, .login_containters > .loginBlock .tab > .input-group > .tab-item > a, .login_containters .registerBlock > form > .input-group > .tab-item > a, .login_containters .registerBlock .tab > .input-group > .tab-item > a {
            color: #E55927;
            margin-left: 14px; }
            .login_containters > .loginBlock > form > .input-group > .tab-item > a > .iconfont, .login_containters > .loginBlock .tab > .input-group > .tab-item > a > .iconfont, .login_containters .registerBlock > form > .input-group > .tab-item > a > .iconfont, .login_containters .registerBlock .tab > .input-group > .tab-item > a > .iconfont {
              font-size: 12px;
              line-height: 12px; }
        .login_containters > .loginBlock > form > .input-group > .toCards, .login_containters > .loginBlock .tab > .input-group > .toCards, .login_containters .registerBlock > form > .input-group > .toCards, .login_containters .registerBlock .tab > .input-group > .toCards {
          width: 100%;
          height: 56px;
          border: 1px solid #E55927;
          border-radius: 5px;
          background-color: #fff;
          font-size: 18px;
          color: #E55927; }
  .login_containters > .registerBlock > h3 {
    padding: 30px 0 22px 0; }
    .login_containters > .registerBlock > h3 > font {
      margin-left: 75px;
      margin-top: 10px;
      font-size: 12px;
      position: absolute; }
      .login_containters > .registerBlock > h3 > font > a {
        color: #E55927;
        cursor: pointer; }
  .login_containters > .registerBlock > h4 {
    text-align: center;
    padding: 0 0 36px 0; }
    .login_containters > .registerBlock > h4 > span {
      font-size: 14px;
      color: #333;
      padding-left: 1em; }
      .login_containters > .registerBlock > h4 > span > a {
        color: #E55927;
        cursor: pointer; }
  .login_containters > .registerBlock > form > .input-group > .yzmOut > .sendBtn {
    width: 100%;
    height: 100%;
    background-color: #fff;
    color: #E55927;
    border-radius:4px;
    border: 1px solid #E55927;
    font-size: 16px;
   }

    .loginTitle{font-size:20px;text-align:center}
    .loginTitle > div{float:left;width:45%;line-height:20px;border-bottom:1px solid #ddd;padding:5px 0 25px 0;cursor:pointer}
    .loginTitle > div:first-child{width:100%}
    .loginTitle .active{color:#E55927;border-color:#E55927;cursor:default}

    .thirdPartyLogin > div:first-child{margin:20px;margin-top:26px;height:200px;background:url("../img/goLogin.png") no-repeat;background-size:contain;cursor:pointer}
    .thirdPartyLogin a{float:left;color:#999}
    .thirdPartyLogin p{float:right}
    .thirdPartyLogin p span{color:#999;cursor:pointer}

    .goLogin{position:absolute;right:48px;top:44px;font-size:12px}
    .goLogin a{color:#E55927;cursor:pointer}

    .loginBottom{text-align:center;margin-top:20px}
    .loginBottom a{color:#E55927;margin-left:10px}

    .registTitle{font-size: 24px;margin-bottom: 22px;text-align: center}
.isVisible {
  position: relative;
  z-index: 5; }

.isSelect {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-animation: cd-rotate 0.5s;
  -moz-animation: cd-rotate 0.5s;
  animation: cd-rotate 0.5s; }

.isHidden {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-animation: cd-rotate-inverse 0.5s;
  -moz-animation: cd-rotate-inverse 0.5s;
  animation: cd-rotate-inverse 0.5s;
  opacity: 0; }

@-webkit-keyframes cd-rotate {
  0% {
    -webkit-transform: perspective(800px) rotateY(0); }
  70% {
    -webkit-transform: perspective(800px) rotateY(200deg);
    /* this creates the bounce effect */ }
  100% {
    -webkit-transform: perspective(800px) rotateY(180deg); } }
@-moz-keyframes cd-rotate {
  0% {
    -moz-transform: perspective(800px) rotateY(0); }
  70% {
    -moz-transform: perspective(800px) rotateY(200deg);
    /* this creates the bounce effect */ }
  100% {
    -moz-transform: perspective(800px) rotateY(180deg); } }
@keyframes cd-rotate {
  0% {
    -webkit-transform: perspective(800px) rotateY(0);
    -moz-transform: perspective(800px) rotateY(0);
    -ms-transform: perspective(800px) rotateY(0);
    -o-transform: perspective(800px) rotateY(0);
    transform: perspective(800px) rotateY(0); }
  70% {
    -webkit-transform: perspective(800px) rotateY(200deg);
    -moz-transform: perspective(800px) rotateY(200deg);
    -ms-transform: perspective(800px) rotateY(200deg);
    -o-transform: perspective(800px) rotateY(200deg);
    transform: perspective(800px) rotateY(200deg);
    /* this creates the bounce effect */ }
  100% {
    -webkit-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -o-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg); } }
@-webkit-keyframes cd-rotate-inverse {
  0% {
    -webkit-transform: perspective(800px) rotateY(-180deg); }
  70% {
    -webkit-transform: perspective(800px) rotateY(20deg);
    /* this creates the bounce effect */ }
  100% {
    -webkit-transform: perspective(800px) rotateY(0); } }
@-moz-keyframes cd-rotate-inverse {
  0% {
    -moz-transform: perspective(800px) rotateY(-180deg); }
  70% {
    -moz-transform: perspective(800px) rotateY(20deg);
    /* this creates the bounce effect */ }
  100% {
    -moz-transform: perspective(800px) rotateY(0); } }
@keyframes cd-rotate-inverse {
  0% {
    -webkit-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg); }
  70% {
    -webkit-transform: perspective(800px) rotateY(20deg);
    -moz-transform: perspective(800px) rotateY(20deg);
    -ms-transform: perspective(800px) rotateY(20deg);
    -o-transform: perspective(800px) rotateY(20deg);
    transform: perspective(800px) rotateY(20deg);
    /* this creates the bounce effect */ }
  100% {
    -webkit-transform: perspective(800px) rotateY(0);
    -moz-transform: perspective(800px) rotateY(0);
    -ms-transform: perspective(800px) rotateY(0);
    -o-transform: perspective(800px) rotateY(0);
    transform: perspective(800px) rotateY(0); } }

/*# sourceMappingURL=login.css.map */