body{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
        .w100 {
    width: 100%;
}
        .center {
    margin: 0 auto;
}
.w1200 {
    width: 1200px;
}
.lf {
    float: left;
}
.rt {
    float: right;
}
.clear {
    clear: both;
}
.HLogin {
    border-right: 1px solid #ddd;
}
.Hbtn {
    padding: 0px 10px;
}
a {
    color: #555;
    text-decoration: none;
}
.ww_HDLogin p{
    font-size:16px
}
.HRegister{
       font-size:16px
}
.absolute{
    position:absolute;
}
.relative{
    position:relative;
}
/*section*/
section{
    width:100%;
    /*height:807px;*/
}
section .bg{
    background:url('../IMG/login/login_bg2.png') no-repeat center center;
    background-size:cover;
    width:100%;
    /*height:807px;*/
}
section .bg .mid{
    width:1200px;
    margin:0 auto;
    padding:40px 0 74px 0;
    overflow:hidden;
  
}
section .bg .mid .mid_L{
    float:left;
    margin-top:160px;
    position:relative;
    margin-left: 45px;
}
section .bg .mid .mid_L .xlky img{
    width:364px;
    height:86px;
}
section .bg .mid .mid_L .cloud{
    position:absolute;
    top:-2px;
    right:-110px;
}
section .bg .mid .mid_L .cloud img{
    width:124px;
    height:55px;
}
section .bg .mid .mid_L p{
    font-size:26px;
    color:#fff;
    margin-top:20px;
}
section .bg .mid .mid_R{
    width:534px;
    height:463px;
    float:right;
    position:relative;
}
section .bg .mid .mid_R .last{
    width:460px;
    height:463px;
    border-radius:15px;
    background-color:#fff;
   filter:alpha(opacity=45); 
   -moz-opacity:0.45; 
   opacity:0.45;
   z-index:0;
   position:absolute;
   bottom:0;
   left:37px;
}
section .bg .mid .mid_R .middle{
    width:502px;
    height:445px;
    border-radius:15px;
    background-color:#fff;
    filter:alpha(opacity=45); 
   -moz-opacity:0.45; 
    opacity:0.45;
    z-index:1;
    position:absolute;
    bottom:0;
    left:14px;
}
section .bg .mid .mid_R .first{
    width:480px;
    height:373px;
    z-index:2;
    position:absolute;
    bottom:0;
    border-radius:15px;
    background-color:#fff;
    padding:28px 26px;
      -webkit-box-shadow:0px 5px 10px rgba(24, 65, 104, .5);  
   -moz-box-shadow:0px 5px 10px rgba(24, 65, 104, .5);  
   box-shadow:0px 5px 10px rgba(24, 65, 104, .5);  
}
section .bg .mid .mid_R .first h4{
    font-size:22px;
    font-weight:normal;
    color:#767676;
}
section .bg .mid .mid_R .first .form_info{
    width:100%;
    background-color:lightblue;
    margin-top:2px;
}
section .bg .mid .mid_R .first .form_info .form_info_L{
    width:314px;
    padding-top:12px;
    padding-right:26px;
    border-right:1px dashed #c8c8c8;
    float:left;
}
 section .bg .mid .mid_R .first .form_info .form_info_L .form_login li.on{
     background-color:#54b3f3;
     color:#fff;
}
section .bg .mid .mid_R .first .form_info .form_info_L .form_login li{
    width:156px;
    height:48px;
    line-height:48px;
    text-align:center;
    color:#767676;
    display:inline-block;
    font-size:16px;
    float:left;
}
section .bg .mid .mid_R .first .form_info .form_info_L .form_list{
    margin-top:70px;

}
    section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li{
        height:44px;
        position:relative;
    }
    section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li input {
        width: 274px;
        height: 44px;
        border: 1px solid #ffffff;
        border-radius: 4px;
        font-size: 14px;
        font-weight: normal;
        color: #666666;
     
        
    }
        section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li input.one{
        background:url('../IMG/login/head.png') no-repeat center center;
        background-size:26px 26px;
        padding-left:40px;
        background-position: 9px 9px;
        background-color:#e8e7e7;
        }
  section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li input.two{
        background:url('../IMG/login/pw.png') no-repeat center center;
        background-size:26px 26px;
        padding-left:40px;
        background-position: 9px 9px;
         background-color:#e8e7e7;
        }
    section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li input.three{
         width: 170px;
         background:url('../IMG/login/code.png') no-repeat center center;
        background-size:26px 20px;
        padding-left:40px;
        background-position: 9px 12px;
         background-color:#e8e7e7;
    }
    .code{
        width:100px;
        line-height:44px;
        text-align:center;
        background-color:#54b3f2;
        height:44px;
        float:right;
        font-size:14px;
        color:#fff;
        -moz-user-select: none;
       -khtml-user-select: none;
        user-select: none;
        border:1px solid #54b3f2;
        border-radius:4px
    }
        .code2{
        width:102px;
        line-height:46px;
        text-align:center;
        height:46px;
        float:right;
        font-size:14px;
        color:#fff;
        -moz-user-select: none;
       -khtml-user-select: none;
        user-select: none;
    }
.phone_error{
    position:absolute;
    bottom:-20px;
    display:inline-block;
    margin-left:40px;
    color:#ff514d;

    }
 section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li input[type="checkbox"] {
  width:16px;
  height:16px;
  margin-right: 4px;
}
 .check{
     float:right;
 }
  section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li.no_password{
      padding:4px 0;
      height:16px;
      line-height:16px;
      color:#767676;
  }
section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li.no_password p{
      float:left;
  }
section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li.no_password span{
        text-align:center;
        font-size:12px;
        margin-bottom:2px;
        display:inline-block;
         
    }
section .bg .mid .mid_R .first .form_info .form_info_L .form_list .form_list_info li input.go_login{
        width:314px;
        background-color:#54b3f2;
        font-size:18px;
        color:#fff;
        border-radius:5px;
    }
.form_info_R{
        float:right;
        padding:12px 0 0 0px;
    }
.form_info_R .form_info_R_T{
    padding:0px 0 14px 6px;
}
.form_info_R .form_info_R_T p:nth-child(1){
    font-size:14px;
    color:#767676;
}
.form_info_R .form_info_R_T p.p2{
    font-size:16px;
    color:#54b3f2;
    margin-top:4px;
}
.form_info_R .form_info_R_M {
    padding-left:6px;
}
.form_info_R .form_info_R_M p{
      font-size:14px;
    color:#767676;
}
.form_info_R .form_info_R_M img{
    margin-top:6px;
    width:104px;
    height:26px;
}
.form_info_R .form_info_R_B{
    margin-top:30px;
}
.form_info_R .form_info_R_B img{
    width:117px;
    height:117px;
}
.none{
    display:none;
}
/*.............................loading.......................*/
.spinner {
  margin: 330px auto;
  width: 100px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color: #67CF22;
  height: 100%;
  width: 6px;
  display: inline-block;
   
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.loading{
    top:0;
    left:0;
    z-index:111;
    width:100%;
    height:1000px;
    background-color:rgba(256,256,256,0.8);
}

/*尾部*/
.foot { width:100%; margin:0; text-align:left;}
.foot03 { width:1200px; margin:0 auto; padding:35px 0;}
.foot03 p { font-size:12px; font-weight:normal; color:#666; display:block; text-align:center; line-height:24px;}
.foot03 p a { color:#666;}
.foot03 p a:hover { color:#ff6600;}
.foot03 p img { text-align:center; margin:0 auto; margin-top:20px;}