@charset uft-8;

a {color: #666; outline: none;}
a:hover, a:focus {color: #ec6616; text-decoration: none; outline: none;}
ul,ol,li {list-style: none; outline: none; padding-left: 0;}
ul {margin-bottom: 0;}
em {font-style: normal;}
body {overflow-x: hidden; font-size: 14px;  color: #666; font-family: Microsoft Yahei;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}
.btn-warning {border-color: #ec6616;}

.fl {float:left;}
.fr {float:right;}
.o {overflow: hidden;}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}
.pbt1{padding-top:1em}
.pbt2{padding-top:2em}
.pbt3{padding-top:3em}
.pbb1{padding-bottom:1em}
.pbb2{padding-bottom:2em}
.pbb3{padding-bottom:3em}


.login-bg {position: fixed;  top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: url(../img/login/bg.jpg);}

.login-box {
    position: absolute;
    top: 50%;
    left: 50%; background: rgba(255,255,255,0.9);
    width: 440px; z-index: 100;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}
.logo {padding: 2em 0; text-align: center;}
.login-third {text-align: center; padding: 2em 0 0;}
.login-third a {display: inline-block; margin: 0 1.8em;}
.login-third a > img {width: 50px; cursor: pointer;}

.formBox {padding:0 4em 3em;}
.formBox .hd {padding: 1em 0;}
.formBox .hd ul {text-align: center;}
.formBox .hd ul li {display: inline-block; font-size: 16px; padding: 0.6em 1em; margin: 0 2em; cursor: pointer;}
.formBox .hd ul li.active {border-bottom: 2px solid #ec6616;}
.formBox .bd {overflow: hidden; padding: 1.5em 0 0;}
.formBox .btn-warning {border-radius: 0; border-width: 2px; background: none; color: #333; font-size: 16px; text-shadow: 0 0 0 transparent;}
.formBox .checkbox {padding: 0.7em 0;}
.formBox .form-control {border-top: none; border-left: none; border-right: none; box-shadow: none; background-color: transparent; font-size: 15px;}

.formBox .smscode {position: relative;}
.formBox .smscode a {display: inline-block; padding: 0.4em 1.3em; border-radius: 5px; background-color: #ec6616; color: #fff; position: absolute; top: 0px; right: 0;}
.formBox .btnsend {padding: 0.2em 0;}







/* 手机端 */
@media (max-width:767px) {

  .login-box {width:100%;}
  .formBox {
    padding: 0 2em 3em;
}
  
  .formBox .hd ul li {margin: 0 1em;}

}
/* 手机端 */







@media (min-width:769px) and (max-width:992px;){
}
@media (min-width:1200px) {

}