*{
    box-sizing: inherit;
    -webkit-box-sizing: inherit; 
}
body{
    background: #FFF;
    margin: 0 auto !important;
}
.logo {
      
    position: relative;
    width: 900px;
    float:left;
    font-size: 18px;
    padding-left: 20px;
}
.font_family{position: absolute;top: 90px;
    font-size: 48px;
    font-weight: 600;
    color: #FFF;
    line-height: 60px;
    font-style: oblique;
    text-shadow: #444 1px 1px 1px;
    letter-spacing: 2px;
    -moz-user-select: none;
    -webkit-user-select:none;-ms-user-select: none;/*IE10*/-khtml-user-select: none;/*早期浏览器*/user-select: none;
}
.font_family span{
    font-weight: 300;
    font-size: 32px;
}
.logo img{
    vertical-align: middle;
}
.distinguish_line{
    display: inline-block;
    width: 1px;
    height: 30px;
    background: #CCC;
    position: relative;
    top: 9px;
    margin-right: 16px;
    margin-left: 6px;
}
.logo .welcome-login{font-size: 18px;color: #444;}
.logo .welcome-login .hotline{color: #FF3333;margin-left: 10px;margin-right: 2px;}
.logo .welcome-login .hotline img{vertical-align: middle;position: relative;top: -2px;margin-right: 4px;}
input{
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.04); /*放大1.1倍*/
    }
    50%{
        transform: scale(1.08);
    }
    75%{
        transform: scale(1.04);
    }
    100%{
        transform: scale(1); 
    }
}
.ballon{
    width: 100%;
    height: 600px;
    /* background: url("__STATIC__/index/image/banner.jpg");
    background-size: 100%; */
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 46s; /*动画所花费的时间*/
}
.welcome-login {
   display: inline;
    position: absolute;
    margin-left: 15px;
    color: rgb(51, 51, 51);
}
 
.questions {
    position: relative;
    float: right;
    text-decoration: none;
    color: #999;
    font-size: 14px;
    outline: rgb(109, 109, 109) none 0px;
    padding-right: 20px;
}
a{
    text-decoration: none;
    color: #333;
}
input{
    outline: none;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    color: #333;
}
a:hover {
    color: #f00;
    text-decoration: underline;
}
 
.background-img {
    position: relative;
    width: 102%;
    margin-left: -8px;
}
 
.login-form {
    position: absolute;
    margin-top: 180px;
}
.login-wrap{
    position:relative;

    z-index:5px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 10px 10px -10px #444, inset 0px -10px 10px -10px #444;
}
.w{
    /* width:1140px; */
    margin: 0 auto;
    height: 100%;
    max-width: 1140px;
    width: 80%;
}
.ws{width:100%;
    height: 80px;
    line-height: 80px;
    background: #FFF;
}
#content{
    clear: both;
    position: relative;
}
 
.login-wrap .login-form{
    float:right;
    top:-120px;
    background-color :rgba(255,255,255,0.8);
}
.login-form{
    position:relative;
    z-index:4;
    overflow:visible;
    width:345px;
}
.login-form .login-tab{
    margin-top:15px;
    height:32px;
    font-size:18px;
    font-family:"microsoft yahei";
    /* border-bottom:1px solid #f4f4f4; */
    position: relative;
    display:block;

}
.login-tab{
    position:relative;
    
}
.login-form .login-tab-r{
    right:0;
}
.login-form .login-tab-l, .login-form .login-tab-r .f-title{
   padding-left: 25px;
   font-size: 16px;
   color: #333;
}

a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em,
 fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, 
 li, ol, p, pre, small, span, strong, u, ul, var {
    margin: 0;
    padding: 0;
}
.msg-wrap{
    width:306px;
    margin-left: 20px;
}
.msg-warn{
    color:#666;
    border: solid 1px ;
    border-color:orange;
    background-color: #FFEEDD;
    margin-top: 60px;
    text-align: center;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom:3px;
}
.form{
    margin: 0 auto;
    width:300px;
    margin-top: 10px;
    font-size: 20px;
}
.item .item-fore1 .item .item-fore2{
    border:1px solider #bdbdbd;
 
}
.form .item-fore1{
    z-index:6;
}
.form .item{
    position:relative;
    /* margin-bottom:20px; */
    padding-bottom:25px;
} 
.item .item-fore2{
    margin-top:10px;
    
}
.form .itxt {
   line-height:18px;
   height:35px;
   padding:0 10px;
   width:300px;
   float:none;
   overflow:hidden;
   font-size:14px;

}
#loginsubmit:hover,#loginsubmit:active{
    text-decoration:none;
}
.item-fore4{
    font-size:12px;
    margin-top: 10px;
    height: 18px;
    /* width: 306px; */
}
.font_fore .correct{
    color: green;
}
.forgetPassword{
/* 	margin-left:182px; */
    position:absolute;
    right:0;
    top:0;
    margin:0;
}
.jdcheckbox{
    float: none;
    vertical-align: middle;
    margin:0 3px 0 0;
    padding:0;
}
.form .item-fore5{
    text-align: center;
    padding: 0;
}
.form .item-fore4{
    padding: 0;
    margin-bottom: 20px;   
}
.font_fore font{
    font-size: 12px;
    color: #FF3333;
    display:block;
    position: absolute;
}
.login-form .login-box .login-btn {
    /* border:1px solid #cb2a2d; */
    width:100%;
    position:relative;
    height:38px;
}
.login-form .login-box .login-btn .btn-img{
    /* border:1px solid #e85356; */
    background: #e4393c;
    width:100%;
    font-size: 16px;
    color:#fff;
    display:block;
    height:38px;
    line-height:38px;
    font-family:'Micraosoft YaHei';
    text-decoration: none;
}
 a.btn-img:hover{
    color:#000;
    text-decoration: none;
}
a.ss:hover{
    color:red;
    /* text-decoration: none;  */
}
.main-img{
   width: 100%;
   /* position: absolute;
   top: 0;
   left: 0; */
   min-width: 1200px;
   /* min-height: 450px; */
   height: 100%;
   width: 1920px;
   display: block;
}
 
 
element.style {
    background-color: #041422;
}
/**图片样式*/
.login-banner{
    background-color: #94ACB8;
    /* background: #C3C7C6; */
    position: relative;
    width: 100%;
    margin-top: 0px;
    overflow: hidden;
    height: 600px;
}
 
/* 底部链接*/
#footer{
    text-align:center;
    font-size:12px;
    color:#666;
}
.copyright{
    margin-top:10px;
}
.write_code{
    width: 185px;
    height: 35px;
    /* _height: 34px; */
    float: left;
    border: solid 1px #ccc;
    padding-left:10px;
    color: #666;
    font-size: 14px;
}
.code_show{
    width: 100px;
    height: 35px;
    line-height: 35px;
    float: right;
    
}
.code_show img{
    width: 100%;
    height: 35px;
    vertical-align: top;
}
.clear{
    clear: both;
}
.form .item-fore5{
    margin-bottom: 0;
}
.safe{text-align: right;}
.safe a{padding-left: 5px;}
/* 公共底部 start */
#footer{text-align:center;font-size:12px;color:#666;}
#footer .clear{clear: both;}
#footer .footer{width:100%;height:50px;text-align:center;margin-top: 18px;}
#footer .footer .footer_bg{height:50px;margin:0 auto;}
#footer .footer .footer_inner{height:20px;line-height:20px;margin:auto;margin-top:0px;position:relative;text-align: center;}
#footer .footer_inner .telephone_number{height:20px;line-height:20px;font-size:12px;color:#787878;}
#footer .footer .copyright{height:20px;line-height:20px;font-size:12px;color:#787878;clear:both;margin-top:3px;}
#weixin_show{display: inline-block;position: relative;margin-left: 8px;}
#footer .footer_inner .sina a img{border:none;}
#footer #weixin_show img{    vertical-align: middle;}
#footer .show_er{ width:128px;height:128px; border:solid 1px #ccc; display:none; position:absolute;top: -135px;left: -55px; background:url(../image/weixintub.png) no-repeat;z-index:1;}
.content_img{max-width: 100%;display: block;margin: 0 auto}