@charset "utf-8";

.icon-wrap {
    height: 82px;
    width: 82px;
    float: left;
    line-height: 115px;
    text-align: center;
    color: #fff;
    margin-right: 15px;
    margin-left: 80px;
}
.ico-bg { background: url("../img/reg-success.png") no-repeat;
    background-size: contain;
}

.btn.btn-info-success {
    background-color: #00be85;
    border: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 14px;
    color: white;
}
.btn.btn-info-success:hover,
.btn.btn-info-success:active,
.btn.btn-info-success.hover {
    background-color: #00B07B;
    border: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.wraplogin { 
	  
    margin:80px auto; 
    margin-top:-200px;
    width:540px; 
    overflow:hidden; 
} 
.loginForm { 
    /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, 0.2);*/
    position:absolute; 
    z-index:0; 
    background-color:#FFF; 
    border-radius:4px; 
    /*// height:400px; */
    padding-bottom: 40px;
    width:540px; 
    background: -webkit-gradient(linear, left top, left 24, from(#EEE), color-stop(4%, #FFF), to(#EEE)); 
    background: -moz-linear-gradient(top, #EEE, #FFF 1px, #EEE 24px); 
    background: -o-linear-gradient(top, #EEEEEE, #FFFFFF 1px, #EEEEEE 24px); 
} 
.loginForm:before { 
    content:''; 
    position:absolute; 
    z-index:-1; 
    border:1px dashed #CCC; 
    top:5px; 
    bottom:5px; 
    left:5px; 
    right:5px; 
    box-shadow: 0 0 0 1px #FFF; 
} 
.loginForm h1 { 
    -text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5); 
    text-transform:uppercase; 
    text-align:center; 
    color:#666; 
    /*// line-height:3em; */
    /*// margin:16px 0 20px 0; */
    padding-top: 10px;
    /*// letter-spacing: 4px; */
    font:normal 20px/1 Microsoft YaHei, sans-serif; 
} 
fieldset { 
    border:none; 
    padding:10px 10px 0; 
} 
fieldset input[bgname=username] { 
    background:url(../img/ico_login.png) 0px 8px no-repeat; 
} 
fieldset input[bgname=password] { 
    background:url(../img/ico_login.png) 0px -54px no-repeat; 
}
fieldset select[bgname=company] { 
    background:url(../img/ico_login.png) 0px -54px no-repeat; 
    padding-left:30px;
}
fieldset input[bgname=validateCode] { 
    background:url(../img/ico_login.png) 0px -24px no-repeat; 
}
fieldset input[type=text], fieldset input[type=password] { 
    width:100%; 
    line-height:2em; 
    font-size:12px; 
    height:32px; 
    border:none; 
    padding:3px 4px 3px 10px; 
    width:498px; 
} 

fieldset input[bgname=username], fieldset input[bgname=password], fieldset input[bgname=validateCode] {
	width:100%; 
    line-height:2em; 
    font-size:12px; 
    height:32px; 
    border:none; 
    padding:3px 4px 3px 34px;
    width:500px; 
}

input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid  {
  box-shadow: none;
  -moz-box-shadow: none;
}

/*
fieldset input[bgname=text2] { 
    text-align:center; 
    padding:2px 228px; 
    line-height:2em; 
    border:1px solid #FF6900; 
    border-radius:3px; 
    background: -webkit-gradient(linear, left top, left 24, from(#FF6900), color-stop(0%, #FF9800), to(#FF6900)); 
    background: -moz-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px); 
    background: -o-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900')"; 
    height:36px; 
    cursor:pointer; 
    letter-spacing: 4px; 
    margin-left:10px; 
    color:#FFF; 
    font-weight:bold; 
}
*/

.text2div{
	margin:0 10px 0 10px;
}

fieldset input[bgname=text2] { 
    text-align:center; 
    /*//padding:2px 228px; */
    line-height:2em; 
    border:1px solid #FF6900; 
    border-radius:3px; 
    background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #ff6900), color-stop(1, #ff9800));
    background:-moz-linear-gradient(top, #ff6900 5%, #ff9800 100%);
    background:-o-linear-gradient(top, #ff6900 5%, #ff9800 100%);
    background:-ms-linear-gradient(top, #ff6900 5%, #ff9800 100%);
    background:linear-gradient(to bottom, #ff6900 5%, #ff9800 100%);
    background:-webkit-linear-gradient(top, #ff6900 5%, #ff9800 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6900', endColorstr='#ff9800',GradientType=0);
    height:36px; 
    cursor:pointer; 
    letter-spacing: 4px; 
    /*//margin-left:10px;*/
    width:100%; 
    color:#FFF; 
    font-weight:bold; 

}

fieldset input[bgname=text7] { 
    text-align:center; 
    padding:2px 184px; 
    line-height:2em; 
    border:1px solid #FF1500; 
    border-radius:3px; 
    background: -webkit-gradient(linear, left top, left 24, from(#FF6900), color-stop(0%, #FF9800), to(#FF6900)); 
    background: -moz-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px); 
    background:-o-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900')"; 
    height:36px; 
    cursor:pointer; 
    letter-spacing: 4px; 
    margin-left:10px; 
    color:#FFF; 
    font-weight:bold; 
} 

fieldset input[bgname=text3] { 
    text-align:center; 
    padding:2px 184px; 
    line-height:2em; 
    border:1px solid #FF1500; 
    border-radius:3px; 
    background: -webkit-gradient(linear, left top, left 24, from(#FF6900), color-stop(0%, #FF9800), to(#FF6900)); 
    background: -moz-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px); 
    background:-o-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900')"; 
    height:36px; 
    cursor:pointer; 
    letter-spacing: 4px; 
    margin-left:10px; 
    color:#FFF; 
    font-weight:bold; 
} 
/*
fieldset input[type=submit]:hover { 
    background: -webkit-gradient(linear, left top, left 24, from(#FF9800), color-stop(0%, #FF6900), to(#FF9800)); 
    background: -moz-linear-gradient(top, #FF9800, #FF6900 0, #FF9800 24px); 
    background:-o-linear-gradient(top, #FF6900, #FF6900 0, #FF9800 24px); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6900', endColorstr='#FF9800'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6900', endColorstr='#FF9800')"; 
}
*/

fieldset input[type=submit]:hover { 
  background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #ff9800), color-stop(1, #ff6900));
  background:-moz-linear-gradient(top, #ff9800 5%, #ff6900 100%);
  background:-o-linear-gradient(top, #ff9800 5%, #ff6900 100%);
  background:-ms-linear-gradient(top, #ff9800 5%, #ff6900 100%);
  background:linear-gradient(to bottom, #ff9800 5%, #ff6900 100%);
  background:-webkit-linear-gradient(top, #ff9800 5%, #ff6900 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9800', endColorstr='#ff6900',GradientType=0);
}
	

.inputWrap { 
    background: -webkit-gradient(linear, left top, left 24, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 24px); 
    background: -o-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 24px); 
    border-radius:3px; 
    border:1px solid #CCC; 
    margin:10px 10px 0; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF')"; 
} 
fieldset input[type=checkbox] { 
    margin-left:10px; 
    vertical-align:middle; 
} 
/*
fieldset a { 
    color:blue; 
    font-size:12px; 
    margin:6px 0 0 10px; 
    text-decoration:none; 
} 
*/
fieldset a:hover { 
    text-decoration:underline; 
} 
fieldset span { 
    font-size:12px; 
}

fieldset.kjLogin a:hover {
    text-decoration: none;
}

.otherlogin {width:100%; border-top:1px solid #CFD5D9}
/*.qqimg { float:left;margin-left: 200px;width:36px;height:36px;background: url(../img/qq.png) 0 0px no-repeat;background-size: 36px auto;}
.qqimg:hover {background: url(../img/qq2.png) 0 0px no-repeat;background-size: 36px auto;}
.weixinimg { float:left;margin-left: 20px;width:36px;height:36px;background: url(../img/weixin.png) 0 0px no-repeat;background-size: 36px auto;}
.weixinimg:hover {background: url(../img/weixin2.png) 0 0px no-repeat;background-size: 36px auto;}*/
.otherLogin{-font-size: 2.4rem;color:#fff;display: inline-block;padding: 8px 8px;background-color: #2a6496;-border: 1px solid;border-radius: 30px;text-decoration: none; }
.otherLogin:hover{background-color: #ccc; color:#429b7e;}

/* 注册页面优化 2017-02-14 */
.dyy-reg-btn{
    font-size: 14px; 
    display: inline-block; 
    padding: 3px 30px; 
    color: #fff; 
    text-align: center;
    border-radius: 3px; 
    background-color: #00be85;
    margin-left: 10px;
    margin-right: 10px;
    border: none;
    transition: all 0.3s ease;
}
.dyy-reg-btn:hover{
    background-color: #00B07B;
}
.Bdisabled{
    background-color: #c3c3c3;
}
.Bdisabled:hover{
    background-color: #c3c3c3;
}
.dyy-reg-btn-orange{
    font-size: 14px; 
    display: inline-block; 
    padding: 3px 30px; 
    color: #fff; 
    margin: 0 auto;
    text-align: center;
    border-radius: 3px; 
    margin-left: 10px;
    margin-right: 10px;
    border: none;
    transition: all 0.3s ease;
    background-color: #ff6900;
}

.reg-list{
    display: block;
    margin-top: 10px;
    padding: 0 20px;
}
.reg-list input[type=text], .reg-list input[type=password]{
    width: 100%;
    border-radius:3px; 
    border:1px solid #CCC; 
    font-size: 12px;
    padding: 5px;
    height: 32px;
    color: #666;
}
.reg-list .left{
    float: right;
    width: 38%;
    margin-right: 0;
    margin-left: 0;
}
.reg-info{
    color: #ff6900;
    padding: 10px 10px 10px 20px;
}

/*修改后*/
.text-white {
    color: #fff !important;
}
.margin-right-60px {
    margin-right: 60px;
}
.nav-logo {
    height: 30px;
    margin-right: 16px;
    vertical-align: -8px;
}
.navbar-toggle {
    border: none;
}
.navbar-toggle:hover, .navbar-toggle:active {
    background: transparent !important;
    border: none;
}
.navbar-brand  {
    font-size: 22px;
} 
.login-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 0px;
    border: none;
    color: #fff;
    padding-right: 40px;
    z-index: 999;
    border-radius: 0px;
    background: transparent;
}
.login-nav .navbar-nav li{
    margin-right: 20px;
}
.login-nav .navbar-nav li:nth-child(5) {
    margin-right: 5px;
}
.login-btn {
    border-radius: 5px;
    border: 1px solid #fff;
    margin: 12px 5px;
    padding: 3px 20px !important;
    transition: all .3s ease;
    background: transparent;
}
.login-btn:hover {
    background: #00be85 !important;
    border-color: #00be85;
}
.code-img {
    width: 118px;
    height: 32px;
}
@media (max-width: 980px) {
    .loginForm h1 {
        font-size: 16px;
    }
    .loginForm_content h4 {
        font-size: 14px;
    }
    .nav-logo {
        margin-right: 6px;
    }
    .navbar-brand {
        font-size: 16px;
    }
    .login-nav {
        margin-top: 0px;
        padding-right: 0px;
    }
    .login-nav .navbar-nav li {
        margin-right: 0;
    }
    .login-nav .navbar-nav li a {
        width: 15%;
        margin:2px; 
        padding: 0px;
        float: left;
        font-size: 12px;
        text-align: center;
    }
    .login-nav .navbar-nav li a.margin-right-60px {
        margin-right: 10px;   
    }
     .login-nav .navbar-nav .login-btn {
         padding: 0px !important;
     }
    .navbar-toggle {
        margin-top: 14px;
    }
    .loginForm {
        width: 345px;
        left: 50%;
        transform: translateX(-50%);
        top: 24%;
    }
    .inputWrap input {
        width: 100% !important;
    }
    .validateCode {
        width: 200px !important;
    }
    .code-img {
        width: 82px;
    }
    #telphoneValBtn {
        padding: 0px !important;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
    }

    .icon-wrap {
        margin-left: 0px;
        height: 48px;
        width: 48px;
    }
    .content {
        margin-left: 0px!important;
    }
    .ico-bg {
        background-size: contain;

    }
    .validateInput {
        width: 50% !important;
    }
    .validateInput2 {
        width: 128px!important;
    }

}