.icon{
    display: inline-block;
    width:28px;
    height:28px;
}
.col-space{
    position: absolute;
    right: 500px;
}

.top_icon{
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/header_top.png);
    margin: 0 auto;
}
.user li .sahixaun{
    background-position: 0 0;
}
.user li .bofangjilu{
     background-position: 0 -25px;
}
.user li .shoucang{
     background-position: 0 -50px;
}
.user li:hover>a{
    color:#fff;
}
.user li:hover .sahixaun{
    background-position: 0 -79px;
}
.user li:hover .bofangjilu{
     background-position: 0 -104px;
}
.user li:hover .shoucang{
     background-position: 0 -129px;
}
.user a{
    color:#B8B8B8;
    font-size:10px;
    min-width: 40px;
    height: 40px;
    display: inline-block;
    
    text-align: center;
    line-height:20px;
}
.user li:first-of-type{
    width: 38px;
    height: 38px;
    border-radius: 52px;
    opacity: 1;
        position: relative;
    top:0px;
}
.user li:first-of-type>a{
    display: block;
    font-size: 16px;
    height:100%;
    min-width:40px;
    padding:0px 10px;
}
.user li:first-of-type>a:hover{
    color:#fff;
}
.videoContainer{
    height:100%;
}
.cover-img img{
    width:178px;
    height:240px;
    border-radius: 10px;
}
   /* 登录弹窗 */
        .modal-overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.7);
            display: flex; align-items: center; justify-content: center;
            z-index: 99999; opacity: 0; visibility: hidden; transition: .3s;
            
        }
        .modal-overlay.show { opacity: 1; visibility: visible; }
        .login-modal {
            width: 100%; max-width: 760px; height: 480px;
            
            background: radial-gradient(111% 73% at 49% 0%, #666A84 0%, #3A404A 100%);
            border-radius: 12px; display: flex; overflow: hidden;
        }
        .modal-left {
            flex: 0 0 280px; 
            position: relative;
            background: url(../image/login_left.webp) center/cover;
        }
        .modal-left::after {
            content: ''; position: absolute; inset: 0;
           /*background: linear-gradient(to top, #000 0%, transparent 60%);*/
            
        }
        .modal-right { flex: 1; padding: 40px 45px; position: relative; }
        .modal-close {
            position: absolute; right: 20px; top: 20px;
            font-size: 22px; color: #999; cursor: pointer;
        }
        .login-tab { display: flex; gap: 30px; margin-bottom: 30px; }
        .tab-item { font-size: 18px; color: #999; cursor: pointer; }
        .tab-item.active { color: #fff; border-radius: 8px;opacity: 1;display: flex;flex-direction: column;background: rgba(59, 59, 59, 0.9);border: 0.4px solid #4C4C4C;     padding-left: 10px; padding-right: 10px;}
        .input-item {
            width: 100%; height: 48px; background: #333;
            border-radius: 8px; padding: 0 15px; border: none;
            color: #fff; margin-bottom: 16px; outline: none;
        }
        .code-box { display: flex; gap: 10px; }
        .code-input { flex: 1; }
        .code-btn {
            width: 120px; height: 48px; background: #1677ff;
            color: #fff; border: none; border-radius: 8px; cursor: pointer;
        }
        .login-submit {
            width: 100%; height: 48px; background: #1677ff;
            color: #fff; border: none; border-radius: 8px; font-size: 16px;
            margin-top: 10px; cursor: pointer;
        }
        .other-login { text-align: center; margin-top: 25px; }
        .other-tit { font-size: 13px; color: #888; margin-bottom: 12px; }
        .wx-btn {
            width: 40px; height: 40px; border-radius: 50%;
            background: #07c160; color: #fff; border: none;
            font-size: 20px; cursor: pointer;
        }
        .agreement {
            text-align: center; font-size: 12px; color: #888;
            margin-top: 20px;
        }
        .agreement a { color: #1677ff; text-decoration: none; }
        
         .tab-nav {
            display: flex;
            gap: 20px;
            margin-bottom: 25px;
            font-size: 15px;
        }

        .tab-item {
            cursor: pointer;
            padding: 5px 0;
            color: #999;
        }

        .tab-item.active {
            color: #fff;
        }