@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;}
#floatingBarsG{
      position:relative;
      width:26px;
      height:33px;
      margin:auto;
    }

    .blockG{
      position:absolute;
      background-color:rgb(255,255,255);
      width:4px;
      height:10px;
      border-radius:3px 3px 0 0;
        -o-border-radius:3px 3px 0 0;
        -ms-border-radius:3px 3px 0 0;
        -webkit-border-radius:3px 3px 0 0;
        -moz-border-radius:3px 3px 0 0;
      transform:scale(0.4);
        -o-transform:scale(0.4);
        -ms-transform:scale(0.4);
        -webkit-transform:scale(0.4);
        -moz-transform:scale(0.4);
      animation-name:fadeG;
        -o-animation-name:fadeG;
        -ms-animation-name:fadeG;
        -webkit-animation-name:fadeG;
        -moz-animation-name:fadeG;
      animation-duration:1.2s;
        -o-animation-duration:1.2s;
        -ms-animation-duration:1.2s;
        -webkit-animation-duration:1.2s;
        -moz-animation-duration:1.2s;
      animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
      animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
    }

    #rotateG_01{
      left:0;
      top:12px;
      animation-delay:0.45s;
        -o-animation-delay:0.45s;
        -ms-animation-delay:0.45s;
        -webkit-animation-delay:0.45s;
        -moz-animation-delay:0.45s;
      transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
    }

    #rotateG_02{
      left:3px;
      top:4px;
      animation-delay:0.6s;
        -o-animation-delay:0.6s;
        -ms-animation-delay:0.6s;
        -webkit-animation-delay:0.6s;
        -moz-animation-delay:0.6s;
      transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
    }

    #rotateG_03{
      left:11px;
      top:1px;
      animation-delay:0.75s;
        -o-animation-delay:0.75s;
        -ms-animation-delay:0.75s;
        -webkit-animation-delay:0.75s;
        -moz-animation-delay:0.75s;
      transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
    }

    #rotateG_04{
      right:3px;
      top:4px;
      animation-delay:0.9s;
        -o-animation-delay:0.9s;
        -ms-animation-delay:0.9s;
        -webkit-animation-delay:0.9s;
        -moz-animation-delay:0.9s;
      transform:rotate(45deg);
        -o-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
    }

    #rotateG_05{
      right:0;
      top:12px;
      animation-delay:1.05s;
        -o-animation-delay:1.05s;
        -ms-animation-delay:1.05s;
        -webkit-animation-delay:1.05s;
        -moz-animation-delay:1.05s;
      transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
    }

    #rotateG_06{
      right:3px;
      bottom:3px;
      animation-delay:1.2s;
        -o-animation-delay:1.2s;
        -ms-animation-delay:1.2s;
        -webkit-animation-delay:1.2s;
        -moz-animation-delay:1.2s;
      transform:rotate(135deg);
        -o-transform:rotate(135deg);
        -ms-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        -moz-transform:rotate(135deg);
    }

    #rotateG_07{
      bottom:0;
      left:11px;
      animation-delay:1.35s;
        -o-animation-delay:1.35s;
        -ms-animation-delay:1.35s;
        -webkit-animation-delay:1.35s;
        -moz-animation-delay:1.35s;
      transform:rotate(180deg);
        -o-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
    }

    #rotateG_08{
      left:3px;
      bottom:3px;
      animation-delay:1.5s;
        -o-animation-delay:1.5s;
        -ms-animation-delay:1.5s;
        -webkit-animation-delay:1.5s;
        -moz-animation-delay:1.5s;
      transform:rotate(-135deg);
        -o-transform:rotate(-135deg);
        -ms-transform:rotate(-135deg);
        -webkit-transform:rotate(-135deg);
        -moz-transform:rotate(-135deg);
    }



    @keyframes fadeG{
      0%{
        background-color:rgba(0,0,0,0.43);
      }

      100%{
        background-color:rgb(255,255,255);
      }
    }

    @-o-keyframes fadeG{
      0%{
        background-color:rgba(0,0,0,0.43);
      }

      100%{
        background-color:rgb(255,255,255);
      }
    }

    @-ms-keyframes fadeG{
      0%{
        background-color:rgba(0,0,0,0.43);
      }

      100%{
        background-color:rgb(255,255,255);
      }
    }

    @-webkit-keyframes fadeG{
      0%{
        background-color:rgba(0,0,0,0.43);
      }

      100%{
        background-color:rgb(255,255,255);
      }
    }

    @-moz-keyframes fadeG{
      0%{
        background-color:rgba(0,0,0,0.43);
      }

      100%{
        background-color:rgb(255,255,255);
      }
    }
  </style><style>
    html,body{
      margin: 0px;
      padding: 0px;
      height: 400px;
      overflow: hidden;
    }
    div{
      box-sizing:border-box;
    }
    input {
      box-sizing:border-box;
    }
    @font-face {
      font-family: 'iconfont';
      src: url('/fonts/font_1453203805_8289611.eot'); /* IE9*/
      src: url('/fonts/font_1453203805_8289611.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/font_1453203805_8289611.woff') format('woff'), /* chrome、firefox */
url('/fonts/font_1453203805_8289611.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('/fonts/font_1453203805_8289611.svg#iconfont') format('svg'); /* iOS 4.1- */
    }
    .iconfont{
        font-family:"iconfont" !important;
        font-size:18px;
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
    }
                        
    .login_content{
      width: 356px;
      height: 400px;
      border: 1px solid #e8e8e8;
      border-radius: 5px;
      background: #f9f9f9;
      margin: auto;
      overflow: hidden;
      position: relative;
    }
    .login_header{
      width: 100%;
      height: 64px;
      font-size: 18px;
      color: #898d90;
      overflow: hidden;
      border-bottom: 1px solid #e8e8e8;
    }
	
    .login_header div{
      width: 50%;
      line-height: 60px;
      text-align: center;
      border-bottom: 4px solid transparent;
      float: left;
      cursor: pointer;
    }
   .login_header .login_type_active{
      color: #175389;
      border-bottom: 4px solid #175389;
      cursor: default;
    }
    .login_body_header{
      width: 100%;
      height: 336px;
      padding: 40px auto;
      text-align: center;
      position: relative;
    }
    .login_loading{
      position: absolute;
      width: 100%;
      height: 100%;
      text-align: center;
      background: #f9f9f9;
    }
    .loading_content{
      margin-top: 100px !important;
      margin-bottom: 20px !important;
    }
    .loading_text{
      text-align: center;
      color: #c6c6c6;
      font-size: 13px;
    }
    .login_qrcode{
      position: relative;
    }
    .login_qrcode_content{
      text-align: center;
      width: 210px;
      height: 210px;
      margin: auto;
      margin-top: 40px;
    }
    .login_qrcode_text{
      margin-top: 20px;
      text-align: center;
      color: #898d90;
      font-size: 14px;
    }
    .login_qrcode_refresh{
      position: absolute;
      top: 0px;
      left: 50%;
      width: 210px;
      height: 210px;
      background: rgba(255,255,255,0.9);
      z-index: 100;
      text-align: center;
      padding-top: 90px;
      color: #fa5b5b;
      font-size: 14px;
      margin-left: -105px;
      display: none;
    }
    .hide{
      display: none;
    }
    .login_phone{
      padding: 40px 20px;
      position: relative;
    }
    .login_input{
      width: 100%;
      display: block;
      border-radius: 4px;
      border: 1px solid #e8e8e8;
      background: #fff;
      height: 48px;
      line-height: 48px;
      padding: 0px 20px;
      font-size: 16px;
      color: #73787c;
    }
    .login_input_code{
      width: 60%;
      float: left;
    }
    .login_input_code_btn_content{
      width: 40%;
      float: left;
      padding-left: 20px;
    }
    .login_input_content{
      position: relative;
      padding-bottom: 24px;
      overflow: hidden;
    }
    .login_button{
      width: 100%;
      height: 48px;
      background: #175389;
      text-align: center;
      line-height: 48px;
      color: #fff;
      font-size: 16px;
      border-radius: 4px;
      cursor: pointer;
	  border:0px;
    }
    .login_img_code_content{
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 400px;
      background: #f9f9f9;
      padding: 24px 20px;
    }
    .login_img_code_close{
      width: 100%;
      font-size: 18px;
      color: #175389;
      text-align: right;
      cursor: pointer;
    }
    .login_img_code_text{
      width: 100%;
      padding: 40px 0px;
      color: #73787c;
      font-size: 16px;
    }
    .img_code{
      width: 120px;
      position: relative;
      top: 5px;
      float: left;
    }
    .img_code_reflash{
      float: right;
      line-height: 48px;
      color: #175389;
      cursor: pointer;
      font-size: 24px;
    }
    .toast{
      position: absolute;
      top: 0px;
      left: 0px;
      width:100%;
      height:40px;
      line-height:40px;
      text-align:center;
      opacity: 0;
    }
    .toast_success{
       background-color: #ecfeda;
       color: #73c224;
    }
    .toast_warning{
      background-color: #fefbd0;
      color: #c0b300;
    }
    .toast_error{
      background-color: #fedada;
      color: #fa5b5b;
    }
    .toast_text_success{
       /*background-color: #ecfeda;*/
       color: #73c224;
    }
    .toast_text_warning{
      /*background-color: #fefbd0;*/
      color: #c0b300;
    }
    .toast_text_error{
      /*background-color: #fedada;*/
      color: #fa5b5b;
    }