body {
    background-color: #f8f8f8;
}

.header {
    width: 100%;
    height: 120px;
    background: linear-gradient(#136dbf, #06ccfb);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*.headerNav {*/
/*    height: 42px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

.searchChose {
    width: 100px;
    height: 40px;
}

.searchChose p {
    margin: unset;
}

.headerSearch {
    width: 40%;
    height: 40px;
}

.searchTxt {
    height: 37px;
}

.searchBtn {
    width: 100px;
    height: 40px;
    border: none;
    background-color: #0165df;
    font-size: 19px;
    color: #fff;
    border-radius: 0 30px 30px 0;
}

a:hover {
    text-decoration: none;
    /*color: #A50007;*/
    color: #337ABA;
}

.footerCopy .gongan img {
    margin: -4px 0 0 0;
}

.headerUser .vip-img {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: auto 0;
}

.openVip {
    width: 250px;
}

.openVip img {
    width: 100%;
    /*height: 60px;*/
    border-radius: unset;
    margin: 0 0 0 10px;
}

.vip-img_box {
    width: 20px;
}

.vip-img_box .vip-img {
    width: 20px;
    height: 20px;
    margin: unset;
}

.join_vip_alert {
    display: block;
    position: absolute;
    z-index: 999;
    cursor: pointer;
}

.join_vip_alert img {
    border-radius: unset;
    width: 300px;
    height: auto;
    margin: auto;
}

.point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: red;
}

/*直播回放*/
.indSec4_list_2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*margin-top: 10px;*/
}
.indSec4_list_2 li {
    width: calc((100% - 60px) / 5);
    background-color: #fff;
    /*margin-right: 10px;*/
    border-radius: 5px;
    box-shadow: 2px 2px 3px #ccc;
}
.indSec4_list_2 a {
    position: relative;
}
.indSec4_list_2 .indSec4_img {
    overflow: hidden;
    border-radius: 5px;
}
.indSec4_txt_box {
    color: #FFFFFF;
}
.indSec4_txt_box h6 {
    position: absolute;
    left: 1%;
    bottom: 1%;
}
.indSec4_txt_box .category_name {
    /*position: absolute;*/
    /*bottom: 1%;*/
    /*left: 1%;*/
    background-color: rgb(94, 90, 90, 0.2);
    padding: 0px 5px;
}
.indSec4_txt_box .price {
    /*position: absolute;*/
    /*bottom: 1%;*/
    /*right: 1%;*/

    display: block;
    /* margin-top: 10px; */
    margin-top: 5px;
    /*font-size: 24px;*/
    /*color: #fe3b03;*/
    font-weight: bold;
    text-align: right;
    background-color: rgb(94, 90, 90, 0.2);
    padding: 0px 5px;
}
.indSec4_txt_box .play_num_box {
    /*position: absolute;*/
    /*right: 1%;*/
    /*top: 1%;*/
    display: flex;
    align-items: baseline;
    background-color: rgb(94, 90, 90, 0.2);
    padding: 0px 5px;
}
.indSec4_txt_box .play_num_box img {
    width: 11px;
}
.indSec4_txt_box .play_num_box .play_num {
    font-size: 14px;
}
/*视频四个角样式*/
.right_top {
    position: absolute;
    right: 1%;
    top: 1%;
}
.left_bottom {
    position: absolute;
    bottom: 1%;
    left: 1%;
}
.right_bottom {
    position: absolute;
    bottom: 1%;
    right: 1%;
}
.position_relative {
    position: relative;
}
.flex {
    display: flex;
    align-items: baseline; /* 添加垂直居中 */
}
/*视频四个角样式*/
/*会员免费标签*/
.member-label {
    display: inline-block;
    padding: 1px 4px;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    /* 背景：从左到右金色渐变（保持原样） */
    background: linear-gradient(to right, #ffeddc, #fff4eb, #ffd2a8);
    /* 文字容器设置 */
    color: transparent; /* 必须设为透明才能显示文字渐变 */
    text-shadow: none; /* 移除原text-shadow避免干扰 */
    border-radius: 3px 0 0 0;
    box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden; /* 确保渐变效果被裁剪到圆角内 */
}
/* 文字渐变层（新增） */
.member-label span {
    display: block;
    background: linear-gradient(to bottom, #c96355, #bd5400, #be4800);
    -webkit-background-clip: text;
    background-clip: text;
    position: relative;
    z-index: 2; /* 确保文字在背景上方 */
}
/* 文字阴影层（替代原text-shadow效果） */
.member-label::after {
    content: attr(data-text);
    position: absolute;
    top: 3px;
    left: 12px;
    color: transparent;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    z-index: 1;
}
/*会员免费标签*/
@media (max-width: 768px) {
    .indSec4_list_2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .indSec4_list_2 li {
        width: calc(50% - 5px);
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .indSec4_list_2 li:nth-child(2n) {
        margin-right: 0;
    }
}
/*直播回放*/

/*分类栏*/
.courseClassify {
    margin: 20px 0;
    padding: 10px;
    background-color: #fff;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
}
.courseClassify .courseForm_label {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.courseClassify .courseForm_label li {
    padding: 5px 15px;
    margin: 5px;
    font-size: 20px;
    color: #999;
    text-align: center;
    cursor: pointer;
}
.courseClassify .courseForm_label li.on {
    border-bottom: 2px solid #0165df;
}
.courseClassify .courseForm_label li.on a {
    color: #0165df;
}
.courseClassify .courseForm_label2 li {
    font-size: 18px;
}
/*开通会员*/

@media (max-width: 768px) {

    .headerSearch {
        width: 96%;
    }
}