/* 雪碧图 */
.coll,.coll-active,.drop,.drop-active,.news,.news-active,.news-ico,.news-ico-active,.search-active,.setting,.setting-active,
.upload-active,.works,.works-active{background:url(../../images/common/login.png)  no-repeat;}
.coll{height:16px;width:17px;background-position:0 0;}
.coll-active{height:16px;width:17px;background-position:-27px 0;}
.drop{height:16px;width:16px;background-position:-53px 0;}
.drop-active{height:16px;width:16px;background-position:-80px 0;}
.news{height:16px;width:14px;background-position:-105px 0;}
.news-active{height:16px;width:14px;background-position:-129px 0;}
.news-ico{height:24px;width:24px;background-position:-154px 0;}
.news-ico-active{height:24px;width:25px;background-position:-187px 0;}
.search-active{height:22px;width:22px;background-position:-222px 0;}
.setting{height:16px;width:16px;background-position:-253px 0;}
.setting-active{height:16px;width:16px;background-position:-278px 0;}
.upload-active{height:22px;width:29px;background-position:-302px 0;}
.works{height:16px;width:16px;background-position:-342px 0;}
.works-active{height:16px;width:16px;background-position:-368px 0;}
/* 顶部 */
.topHeader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:35;
    font-size:14px;
    box-shadow:10px 0px 8px rgba(0,0,0,0.15);
    background-color:#fff;
}
.topbar-box .box{
    position:relative;
    min-width:1445px;
    height:60px;
    margin:0 70px;
}
.topbar-box .logo{
    position:absolute;
    top:0;
    left:0;
    padding:18px 0;
}
.topbar-box .logo img{
    width:214px;
    height:22px;
}
/* 搜索框弹出默认状态 */
.search-input-hull{
    position:relative;
    width:600px;
    height:60px;
    margin:0 auto;
    z-index:19;
}
.search-input-hull .search-in{
    display:inline-block;
    position:absolute;
    left:0;
    top:18px;
    width:22px;
    height:22px;
    background:url("../../images/common/search-in.png") no-repeat;
    z-index:1;
    cursor:pointer;
}
.search-input-hull input{
    position:absolute;
    width:540px;
    height:56px;
    padding-left:35px;
    border:0;
    outline:0;
    line-height:30px;
    font-size:14px;
    color:#333;  
}
.search-input-hull .search-close{
    display:inline-block;
    position:absolute;
    right:0;
    top:18px;
    width:20px;
    height:21px;
    background:url("../../images/common/search-close.png") no-repeat;
    cursor:pointer;
}
.search-content{
    
    overflow:hidden;   
}
.all-model-wrap{
    width:100%;
    height:100%;  
}
.all-modal-bg{
    position:fixed;
    top:60px;
    left:0;
    width:100%;
    height:100%;
    background:rgba(19,19,19,0.5);
}
.search-input-hull .search-content .search-content-list{
    position:absolute;
    top:63px;
    width:600px;
    margin:0 auto;
    border-radius:0 0 4px 4px;
    box-shadow:4px 0px 10px rgba(0,0,0,0.04);
    background:#fff;
    overflow:hidden;
}
.search-input-hull .search-content-list .title{
    height:40px;
    margin:0;
    padding-left:20px;
    line-height:40px;
    color:#ccc;
}
.search-input-hull .search-list,.topbar-box .search-input-hull .result-list{
    height:40px;
    line-height:40px;
}
.search-input-hull .search-content-list a{
    display:inline-block;
    width:100%;
    padding:0 20px;
    font-size:14px;
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.search-input-hull .search-content-list a:hover{
    background:#f8f8f8;
}
.search-input-hull .search-content-list .result-list a:hover{
    color:#333;
}
.search-input-hull .search-content-list .result-list a span{
    color:#FF8041;
}
.search-input-hull .search-content-list .result-list:hover{
    background:#f8f8f8;
}
.topbar-box .whole{
    height:60px;
    margin:0  auto;
}
.topbar-box .whole .nav-box-con{
    text-align:center;
}
.topbar-box .whole .nav-box{
    height:60px;
    margin:0 auto;
    display:inline-block;
}
.topbar-box .whole .nav-box li{
    float:left;
    position:relative;
    text-align:center;
}
.topbar-box .whole .nav-box li a{
    display:block;
    width:auto;
    height:40px;
    padding:22px 30px 0;
}
.topbar-box .whole .nav-box li a:hover{
    color:#fff;
    background-color:#2F343A;
}
.topbar-box .whole .nav-box li .on{
    color:#fff;
    background-color:#2F343A;
}
.topbar-box .whole .nav-box li img{ 
    position:absolute; 
    top:42px;
    right:48px;
}
.topbar-box .whole .nav-box  li:last-child img{
    right:40px;
}
.topbar-box .whole .nav-box li:hover img{
    position:absolute;
    width:8px;
    height:4px;
    background:url("../../images/common/s-more.png") no-repeat;
}
.topbar-box .whole .nav-box .re:hover{
    background-color:#2F343A;
}
.topbar-box .whole .nav-box .re:hover .inner-menu{
	display:block;
}
.topbar-box .whole .nav-box .re:hover .tit{
    color:#fff;
}
.topbar-box .whole .nav-box .inner-menu{
    position:absolute;  
	display:none;
    top:62px;
    left:0;
    z-index:19;
    width:100%;
    height:auto;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.04);
    background-color:#fff;
}
.topbar-box .whole .nav-box .re:hover .inner-menu{
    display:block;
}
.topbar-box .whole .nav-box .inner-menu a{
    display:block;
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px;
    padding:0;
}
.topbar-box .whole .nav-box .inner-menu a:hover{
    color:#FF8041;
    background-color:#F8F8F8;
}
.topbar-box .whole .nav-box .current ul li a{
    height:40px;
    line-height:40px;
}
/* 右边 */
.topbar-box .right-panel{
    position: absolute;
    top:0;
    right: 0;
    width:272px;
    height:60px;   
}
.right-panel .panel{
    float:left;
    width:68px;
    height:22px;
    padding:20px 0;
    text-align:center;
}
.right-panel .panel:hover{
   background:#2F343A;
}
.right-panel .search{
    position:absolute;
    left:21px;
    width:22px;
    height:22px;
    background:url("../../images/common/search.png") no-repeat;
}
.right-panel .panel:hover .search{
    background:url("../../images/common/search-active.png") no-repeat;
}
.right-panel .on,.right-panel .on:hover,.right-panel .on .search,.right-panel .on .search:hover{
    background:#fff;
}
.right-panel .upload{
    position:absolute;
    left:87px;
    width:29px;
    height:22px;
    background:url("../../images/common/upload.png") no-repeat;
}
.right-panel .panel:hover .upload {
    background: url("../../images/common/upload-active.png") no-repeat;
}
.right-panel .login-re {
    overflow: hidden;
}
.right-panel .login-re .login {
    float: left;
    display: block;
    padding: 0px 20px 0px 19px;
    margin-top: 5px;
    border-right: 1px solid #333;
}
.right-panel .login-re .register {
    float: left;
    display: block;
    padding: 5px 20px 0px 19px;
}
.login-re .panel:hover .login, .login-re .panel:hover .register {
    color: #fff;
}
/*登录后用户信息状态 */
.login-tab {
    overflow: hidden;
}

.login-rear .news-ico {
    display: block;
    position: absolute;
    margin-left: 20px;
}

.login-rear .news-ico span {
    position: absolute;
    top: -9px;
    display: inline-block;
    margin-left: 9px;
    padding: 2px;
    border-radius: 6px;
    font-size: 9px;
    color: #fff;
    background: #FF4A3B;
}

.login-tab .panel:hover .news-ico {
    background-position: -187px 0;
}
/* 登录后用户状态 */
.user img{
    width:32px;
    height:32px;
    margin-top:-8px;
    border-radius:50%;
}
.user .point{
    position:absolute;
    top:15px;
    right:15px;
    display:block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#FF4A3B;
}
/* 用户下拉信息 */
.user-info-wrap{
    display:none;
    position:absolute;
    top:62px;
    right:0;
    width:300px;
    height:361px;
    padding-top:1px;
    background:#fff;
    z-index:111111;
}
.user-info{
    height:360px;
    border-radius:0 0 4px 4px;
    border-top:2px solid #333;
    box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.login-tab .user-box:hover .user-info-wrap{
    display:block;
}
.user-info .avatar{
    padding:20px 33px;
    border-bottom:1px solid #eee;
    overflow:hidden;
}
.user-info .avatar img{
    float:left;
    width:60px;
    height:60px;
    border-radius:50%;
}
.user-info .avatar .right{
    float:left;
    margin-left:20px;
}
.user-info .avatar .right .name{
    width:152px;
    font-size:14px;
    text-align: left;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.user-info .avatar .right .inte{
    margin-top:16px;
    text-align: left;
    color:#999;
}
.user-info .info-tab li{
   height:14px;
   padding:18px 34px;
   overflow:hidden;
}
.user-info .info-tab li:hover{
    background:#FAFAFA;
}
.user-info .info-tab li:last-child{
    border-top:1px solid #eee;
}
.user-info .info-tab i{
    float:left;
}
.user-info .info-tab a{
    float:left;
    margin:2px 0 0 21px;
    font-size:14px;
    color:#666;
}
.user-info .info-tab span{
    display:inline-block;
    margin-right:110px;
    padding:2px;
    border-radius:6px;
    -webkit-text-size-adjust: none;
    font-size:9px;
    color:#fff;
    background:#FF4A3B;
}
.user-info .info-tab li:hover a{
    color:#FF8041;
}
.user-info .info-tab li:hover .works{
    background-position:-368px 0;
}
.user-info .info-tab li:hover .coll{
    background-position:-27px 0;
}
.user-info .info-tab li:hover .news{
    background-position:-129px 0;
}
.user-info .info-tab li:hover .setting{
    background-position:-278px 0;
}
.user-info .info-tab li:hover .drop{
    background-position:-80px 0;
}

/* 面包屑 */
.global{
    width:100%;
    height:12px;
    margin-top:60px;
    padding:20px 0 18px;
}
.global .wrapper{
    height:20px;
}
.global .wrapper a{
    float:left;  
    color:#999;
}
.global .wrapper .gl-more{
    float:left;
    width:6px;
    height:9px;
    margin:2px 8px;
    background:url("../../images/common/gl-more.png") no-repeat;
}
.global .wrapper span{
    float:left;  
}