﻿body{
    background:none;
    background-color:#fff;
    position:relative;
}

/*登录-弹出框*/
.out-fixed-bg{ position:fixed; top:0; bottom:0; right:0px; left:0px; width:100%; height:100%; background-color: rgb(0, 0, 0); filter: Alpha(opacity=50);background: #000; opacity:0.5; z-index:100; }
.out-bg-1{ position:fixed; top:0; bottom:0;  right:0px; left:0px; z-index:999; }
.out-bg-loading{ display:inline-block; width:32px; height:32px; background:url(../images/loading_1.gif) no-repeat; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px; }
.out-win{ position:absolute; left:50%; top:50%; background:#fff; z-index:1000; }
.out-win frame{ border:none; }
.out-win-close{ height:40px; width:40px; background:url(../images/close-2.png) center center no-repeat; position:absolute;right:0px; top:-40px; cursor:pointer; }
.out-win-close:hover{ background:url(../images/close-1.png) center center no-repeat;}
.out-win iframe{ width:100%; height:100%; border:none; overflow:hidden; }
.out-title{ position:absolute; top:-40px; background: rgba(0, 0, 0, 0.5) !important;background: #000;filter: Alpha(opacity=0.5);width:100%; height:40px; color:#fff; font-size:14px; text-indent:0.5em; line-height:40px; cursor:move; }

.login-box{
    position:relative;
    width:850px;
    margin:70px auto;
    background:#fff;
}
.login-box .tit{ 
    font-size:25px;
    font-weight:bold;
    line-height:30px;
    position:relative;
}
.login-box-content { 
    width:100%;
    margin-top:30px;
    position:relative;
}
.login-box-left{
    width:420px;
    padding-right:90px;
    background:url(../images/icon-border_1.png) repeat-y top right;
}
.login-item-area{ 
    position:relative;
    margin-bottom:25px;
}
.login-input-area{
    position:relative;
    height:54px;
    border:1px solid #dfdfdf;
    padding-left:50px;
    padding-right:20px;
}
.login-erro-border{ 
    border-color:#e00;
}
.login-erro-font{
    display:inline-block;
    font-size:12px;
    color:#e00;
    padding-top:10px;
}
.login-input-area input[type="text"],.login-input-area input[type="password"]{ 
    display:inline-block;
    border:none;
    border-width:0px;
    height:30px;
    margin:12px 0px;
    font-size:16px;
    line-height: 30px;
    outline: none;
    width: 350px;
}
.login-icon-username {
    position:absolute;
    left:15px; 
    top:15px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-username_1.png);
}
.login-icon-password {
    position:absolute;
    left:15px; 
    top:15px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-password_1.png);
}
.login-icon-project {
    position:absolute;
    left:15px; 
    top:12px;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-project_1.png);
}
.login-icon-arrow {
    position:absolute;
    right:15px; 
    top:20px;
    display: inline-block;
    height: 8px;
    width: 14px;
    background-repeat: no-repeat;
    background-image: url(../images/icon-arrow_1.png);
}
.login-item-btn{
    margin-top:10px;
    width:100%;
    font-weight:600;
    color:#fff;
    height:50px;
    font-size:18px;
    background:#e60505;
    border:none;
    border-radius:3px;
    opacity:1;
    cursor: pointer;
}
.login-item-btn:hover{
    opacity:.8;
}
.login-item-txt{ font-size:14px; color:#999; }
.login-item-txt a{ position:absolute; right:0px; }

.login-box-right{ position:absolute; top:30px; left:590px; font-size:16px; }
.login-box-right label,.login-box-right a{ display:block; margin-bottom:15px; height:20px; }
.login-box-right a{ color:#e60505; }
.login-box-right h1{ font-weight:600; color:#666; font-size:18px; margin-top:50px; margin-bottom:30px; }
.icon-third-qq{ display:inline-block; height:54px; width:54px; background:url(../images/icon-third_1.jpg) no-repeat; background-position:0 0; cursor:pointer; }
.icon-third-weixin { display:inline-block; height:54px; width:54px; background:url(../images/icon-third_1.jpg) no-repeat; background-position:-93px 0; cursor:pointer; }
.icon-login-close{ display:inline-block!important; width:40px!important; height:40px!important; background:url(../images/icon-close_1.png) no-repeat center center!important; cursor:pointer; position:absolute; top:0px; right:5px; opacity:.8; }
.icon-login-close:hover{ opacity:1; }
.icon-nav{ height:20px; width:21px; background:url(../images/icon-nav_1.jpg) no-repeat center center; display:inline-block; }
.login-pointer{ cursor:move; }
.hide{ display:none; }

.icon-login-sel{ height:16px; width:16px; background:url(../images/login-icons-sel_1.jpg) no-repeat center center; display:inline-block; margin-bottom:-2px; }
.icon-login-unsel{ height:16px; width:16px; background:url(../images/login-icons-unsel_1.jpg) no-repeat center center; display:inline-block;margin-bottom:-2px; }

/*右上角学习中心下拉框*/
#learncenterdiv{
    width:580px;
    height:580px;
    padding-top:30px;
}

.stc-area-item{ width:550px; margin:0 auto 20px auto; padding-bottom:5px; }
.stc-item-title{ height:15px; width:100%; border-left:4px solid #d91830; position:relative; margin-bottom:10px; }
.stc-title-txt{ line-height:15px; font-size:15px; font-weight:bold; color:#000; position:absolute; top:0px; left:0px; background:#fff; padding:0 10px; }
.stc-title-line{ height:1px; width:100%; position:absolute; left:0px; top:50%; background:#dfdfdf; }
.stc-item-cnt{ height:14px; line-height:14px; margin:20px 0 0px 12px; position:relative; }
.stc-item-cnt a{ font-size: 14px; color:#434343; text-decoration:none; font-weight:400; display:inline-block; float:left; }
.stc-item-cnt a:hover{ color:#dc273d; text-decoration:none; }
.stc-item-cnt .split{ font-size:15px; color:#434343; padding:0 6px;  display:inline-block; float:left; }