.opc-fixed-top.nav-fixed-top.nav-fixed-bg{
    background-color: #6b29f0!important;
    border: none;
}
.section-title-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 64px;
    margin-bottom: 24px;
}
.section-title-cont .section-title-text{
    font-family: PingFang-SC;
    text-align: left; width: 100%;
}
.section-title{
    font-size: 36px;
    font-weight: 400;
    color: #000000;
    line-height: 51px;
    text-align: left;
    margin-top: 0;
}
.section-desc{
    font-size: 16px;
    margin-top: 8px;
    line-height: 23px;
    text-align: left;
    color: rgba(101, 112, 139, 0.8);
}
.btn.btn-cm{
    font-size: 16px;line-height: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    border-radius: 2px;
    background-size: 100%;
}
.btn-cm:hover, .btn-cm:focus {
    cursor: pointer;
    -webkit-box-shadow: 0 5px 10px rgba(242,93,36,20%);
            box-shadow: 0 5px 10px rgba(242,93,36,20%);
    background-size: 180%;
}

section.c-bg{background-color: #F9F6FF;}


.banner-section{
    position: relative; margin-bottom: 50px;
}
.banner-cont{
    height: 480px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 1240px;
    background-color: #9142fc;
    background-image: url(/public/img/media_pub_banner-bg.png);
}
.banner-title{
    font-size: 60px;
    font-family: fz;
    font-weight: 400;
    color: #fff;
    text-shadow: 0px 4px 5px rgba(40,17,82,50%);
    margin: 178px 0 28px;
    line-height: 1;
}
.banner-desc{
    font-size: 24px;
    color: #fff;
    text-shadow: 0px 4px 5px rgba(40,17,82,50%);
    line-height: 1;
}
.banner-r-cont{
    padding: 36px 48px;
    background-color: #fff;
    border-radius: 24px;
    margin-top: 88px;
}
.banner-r-cont > .banner-form-tt{
    font-size: 18px;
    color: #E84F40;
    margin-bottom: 24px;
    font-weight: 600;
}
.banner-r-cont .banner-r-form{
    width: 100%;
}
.banner-r-cont .banner-line{
    width: 300px;
    height: 40px;
    border-radius: 24px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.banner-r-cont .banner-r-form input{
    border: 1px solid #DADADA;
    padding: 12px 20px;
    line-height: 16px;
    font-size: 12px;
    color: #444;
    outline: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    border-radius: 24px;
}
/* 不能合写 */
.banner-r-cont .banner-r-form input::-webkit-input-placeholder {
    color: #999999;
}
.banner-r-cont .banner-r-form input:-moz-placeholder {
    color: #999999;
}
.banner-r-cont .banner-r-form input::-moz-placeholder {
    color: #999999;
}
.banner-r-cont .banner-r-form input:-ms-input-placeholder {
    color: #999999;
}
.banner-r-cont .banner-r-form input:hover,
.banner-r-cont .banner-r-form input:focus{border-color: #FE7E3A;}
.banner-r-cont .banner-r-form input[name="captcha"]{
    border-radius: 24px 0 0 24px;
    margin-right: -16px;
}
.banner-r-cont .btn-captcha{
    min-width: 120px;
    line-height: 1;
    font-size: 14px;
    padding: 13px 12px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, right top, from(#FE7E3A), to(#E84F40));
    background-image: linear-gradient(90deg, #FE7E3A 0%, #E84F40 100%);
    color: #fff;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
    border: none;
    border-radius: 24px;
}  
.banner-r-cont .banner-btn{
    height: 40px;
    margin: 24px 0 0;
    line-height: 40px;
    border-radius: 24px;
    background-color: #f7faff;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#FE7E3A), to(#E84F40));
    background-image: linear-gradient(90deg, #FE7E3A 0%, #E84F40 100%);
}
.banner-r-cont .login-tip {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    text-align: center;
}

.banner-cont-b{
    position: absolute;
    bottom: -52px;
    left: 0; right: 0;
    margin: auto;
    width: 1240px;
    border: 2px solid;
    -o-border-image: linear-gradient(0deg, #FFFFFF, #FFFFFF) 10 10;
    border-image: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#FFFFFF)) 10 10;
    border-image: linear-gradient(0deg, #FFFFFF, #FFFFFF) 10 10;
    background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#F3F5F8));
    background: linear-gradient(0deg, #FFFFFF 0%, #F3F5F8 100%);
    -webkit-box-shadow: 0px 10px 10px 0px rgba(213,210,222,0.1);
            box-shadow: 0px 10px 10px 0px rgba(213,210,222,0.1);
    border-radius: 0px;
}
.banner-b-inner{
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.banner-b-item{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 36px;
    height: 46px;
    border-left: 1px solid rgba(218, 218, 218, 0.5);
}
.banner-b-item:nth-child(1){border: none;}
.banner-b-img-cont{
    width: 42px;
    height: 42px;
    margin-right: 12px;
}
.banner-b-img-cont .img{display: block;width: 42px;}
.banner-b-title{
    font-size: 18px;
    color: #000000;
    line-height: 1;
    margin-bottom: 12px;
    display: block;
}
.banner-b-text{
    font-size: 14px;
    color: #666666;
    line-height: 1;
}

.btn-section-btm{
    width: 300px;
    height: 47px;
    opacity: 1;
    border-radius: 40px;
    background: linear-gradient(110.94deg, rgba(254, 132, 80, 1) 0%, rgba(250, 69, 52, 1) 100%);
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    background-size: 100%;
    transition: background-size ease .2s;
    color: #fff; margin: auto;
}
.section-title-btnLink{
    width: 164px;
    height: 42px;
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(156, 44, 255, 1) 0%, rgba(102, 50, 189, 1) 100%);
    font-size: 16px;
    font-weight: 600;
    line-height: 42px;
    color: #fff;
    background-size: 100%;
    text-align: center;
    transition: background-size ease .2s;
}
.section-title-btnLink:hover,
.btn-section-btm:hover{
    background-size: 150%;
}

.media-com-section{
    padding-bottom: 64px;
}
.media-com-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 -15px;
}
.media-com-item{
    position: relative;
    margin: 0 15px 28px;
    width: 287px;
    -webkit-transition: -webkit-box-shadow ease .2s;
    transition: -webkit-box-shadow ease .2s;
    transition: box-shadow ease .2s;
    transition: box-shadow ease .2s, -webkit-box-shadow ease .2s;
}
.media-com-item:hover{
    -webkit-box-shadow: 2px 3px 5px 0px rgb(102 49 189 / 71%);
            box-shadow: 2px 3px 5px 0px rgb(102 49 189 / 71%);
}
.media-item-cm-body::after{
    content: "";
    position: absolute;
    width: 74px;
    height: 66px;
    right: -2px;
    top: -2px;
    background: url(data:image/png;base64,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) no-repeat center / 100% 100%;
    z-index: 20;
}
.media-item-cm-body::before{
    content: attr(data-tip);
    position: absolute;
    color: #fff;
    -webkit-transform: rotate(43deg);
            transform: rotate(43deg);
    right: 0;
    z-index: 30;
    width: 74px;
    text-align: center;
    top: 15px;
    right: -10px;
}
.media-com-item-footer{
    background-color: #6831BE;
    background-repeat: no-repeat;
    padding: 18px 16px;
    background-size: contain;
}
.media-com-item-footer .media-com-item-tag-list{
    margin-bottom: 12px;
}
.media-com-item-footer .media-com-item-tag{
    margin-right: 6px; vertical-align: middle;
    font-size: 12px; line-height: 1; display: inline-block;
    padding: 5px 8px; border-radius: 2px; border: 1px solid #FFD2B1;
}
.media-com-item-footer .media-com-item-tag.media-com-item-tag-type-1{
    color: #4E1D1D; background-color: #FFD2B1;
}
.media-com-item-footer .media-com-item-tag.media-com-item-tag-type-2{
    color: #FFD2B1;
}
.media-com-item-footer .media-com-item-price-now{
    font-size: 12px;
    color: #FFD2B1;
    line-height: 24px;
    margin-right: 12px;
}
.media-com-item-footer .media-com-item-price-now i{
    font-size: 24px;
    font-style: normal;
}
.media-com-item-footer .media-com-item-price-before{
    font-size: 12px;
    text-decoration: line-through;
    color: #FFFFFF;
    line-height: 24px;
}
.media-com-item-footer .media-com-item-button{
    width: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#FE7E3A), to(#E84F40));
    background-image: linear-gradient(90deg, #FE7E3A 0%, #E84F40 100%);
    border-radius: 2px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 1;
    margin-top: 18px;
    padding: 12px 0;
}

.media-com-main-ms .media-com-item-footer{
    background-image: url(/public/img/f6efda8860df14efcc761656e0aec4b1e337b0fb58d50-tyv4iP.jpg);
}
.media-com-main-set .media-com-item-footer{
    background-image: url(/public/img/10f03c6fc50ecd407430302d54387a26be6f087b1786c-3Rn0jP.jpg);
}
.media-com-main-xs .media-com-item-footer{
    background-image: url(/public/img/02f34c2383c997f3cb48898046e81040378f5e0462e43-BO4vaY_fw1200.jpg);
}

.media-item-al-body{
    border-radius: 2px 2px 0 0;
    border: 2px solid #F3EEFF;
    padding: 24px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -2px;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ECE2FF));
    background: linear-gradient(0deg, #fff 0%, #ECE2FF 100%);
}
.media-item-al-body .media-item-al-img{
    display: block;
    width: 80px; height: 80px;
    border-radius: 12px;
    object-fit: contain;
    margin-right: 18px;
}
.media-item-al-body .media-item-al-title{
    font-size: 18px;
    color: #000000;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 156px;
}
.media-item-al-body .media-item-al-desc{
    font-size: 16px;
    color: #65708B;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 156px;
}
.media-item-al-body .media-item-al-tag{
    background-color: #ECE2FF;
    border-radius: 12px;
    padding: 6px 12px;
    font-size: 12px;
    color: #65708B;
    display: inline-block;
    line-height: 1;
}

.media-item-set-body{
    border-radius: 2px 2px 0 0;
    border: 2px solid #F3EEFF;
    padding: 24px 18px;
    margin-bottom: -2px;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ECE2FF));
    background: linear-gradient(0deg, #fff 0%, #ECE2FF 100%);
}
.media-item-set-body .media-item-set-title{
    font-size: 18px;
    color: #000000;
    line-height: 1;
}
.media-item-set-body .media-item-set-tag{
    display: inline-block;
    background-color: #ECE2FF;
    border-radius: 12px;
    padding: 6px 12px;
    font-size: 12px;
    color: #65708B;
    vertical-align: middle;
    line-height: 1;
    margin: 12px 0 24px;
}
.media-item-set-body .media-item-set-info{
    font-size: 16px;
    color: #000000;
    line-height: 1;
    margin-bottom: 4px;
}
.media-item-set-body .media-item-set-media{
    margin-top: 12px;
    font-size: 14px;
    color: #666666;
    line-height: 1;
    padding-left: 14px;    width: 79px;
    display: inline-block;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    background: url(/public/img/media_pub_arr_btm.png) no-repeat left center / 8px auto;
}



.countdown{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(101, 112, 139, 0.8);
    line-height: 18px;
    flex-shrink: 0;
    margin-left: 32px;
}
.countdown .tt{display: inline;}
.countdown .countdownNum{
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: #6632BD;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.9);
    line-height: 36px;
    margin: 0 12px;
}

.media-xs-section .filter-tags .tag{
    padding: 1px 8px;
    margin: 8px 12px 0 0;
    min-width: 80px; text-align: center;
    background: rgba(249, 246, 255, 1);
    font-size: 16px; display: inline-block;
    font-weight: 400;
    line-height: 23px; cursor: pointer;
    color: rgba(102, 50, 189, 1);
    transition: all ease .2s;
}
.media-xs-section .filter-tags .tag.active{
    background-color: rgba(102, 50, 189, 1);
    color: rgba(249, 246, 255, 1);
}
.media-xs-section .filter-tags .tag:hover{
    background-color: rgba(102, 50, 189, 0.8);
    color: rgba(249, 246, 255, 1);
}



.navTg{flex-shrink: 0;}
.media-section .navToggleItm{
    width: 120px;
    height: 42px;
    background-image: -webkit-gradient(linear, left top, right top, from(#9C2CFF), to(#680ADC));
    background-image: linear-gradient(90deg, #9C2CFF 0%, #680ADC 100%);
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 42px;
    margin-left: 24px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background-size: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.media-section .navToggleItm:hover{
    background-size: 200%;
}
.media-section .table-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    border-bottom: 1px solid #DACAFC;
    margin-bottom: 64px;
}
.media-section .table-main .table-m-column{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.media-section .table-main .table-m-title{
    position: relative;
    height: 64px;
    background-color: #6632BD;
    border: 1px solid #6632BD;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 60px;
    margin-bottom: 1px;
}
.media-section .table-main .table-m-title::after{
    content: "";
    position: absolute;
    width: 1px; height: 64px;
    background-color: #fff;
    left: 0; top: -1px;
}
.media-section .table-main .table-m-title.rec::before{
    position: absolute;
    content: "\65b0\5ba2\4e13\4eab";
    width: 108px;
    height: 36px;
    right: 0;
    top: -10px;
    background: url(/public/img/media_pub_rc_bg.png) no-repeat center / cover;
    line-height: 36px;
    padding-left: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 20;
}
.media-section .table-main .table-m-column:nth-child(1) .table-m-title::after{
    content: none;
}
.media-section .table-main .table-m-r-cell{
    position: relative;
    height: 48px;
    background: #F9F6FF;
    border-top: 1px solid #DACAFC;
    border-right: 1px solid #F9F6FF;
    border-left: 1px solid #F9F6FF;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #333333;
    line-height: 46px;
}
.media-section .table-main .table-m-r-cell::after{
    content: "";
    position: absolute;
    width: 1px; height: 48px;
    background-color: #DACAFC;
    left: 0; top: -1px;
}
.media-section .table-main .table-m-column:nth-child(1) .table-m-cell{
    border-left: 1px solid #DACAFC;
}
.media-section .table-main .table-m-column:nth-child(1) .table-m-cell::after{
    content: none;
}
.media-section .table-main .table-m-column:nth-last-child(1) .table-m-r-cell{
    border-right: 1px solid #DACAFC;
}

.media-section .table-main .table-m-column.active{position: relative;}
.media-section .table-main .table-m-column.active::after {
    position: absolute;
    content: "";
    border: 2px solid #FF0000;
    top: -1px;
    left: 1px;
    right: -1px;
    z-index: 10;
    bottom: -1px;
}
.media-section .table-main .table-m-column.active .table-m-title {
    background-color: #9C2CFF;
    border: 1px solid #9C2CFF;
}
.media-section .table-main .table-m-column.active .table-m-r-cell {
    height: 48px;
    background: #fff;
    border-top: 1px solid #D8C8F9;
    border-right: 1px solid #D8C8F9;
    border-left: 1px solid #D8C8F9;
    color: #7B4CED;
}
.media-section .table-main .table-m-r-cell .btn-link{
    width: 100px;
    height: 32px;
    background: -webkit-gradient(linear, left top, right top, from(#FE7E3A), to(#E95040));
    background: linear-gradient(90deg, #FE7E3A 0%, #E95040 100%);
    border-radius: 2px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 32px;
    margin: 8px auto;    background-size: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.media-section .table-main .table-m-r-cell .btn-link:hover{
    background-size: 200%;
}

.ys-main{
    width: 100%;
}
.ys-nav-cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.ys-show-img-cont {
    width: 600px;
}

.ys-show-img-cont .ys-show-img {
    width: 100%;
}
.ys-nav-item{
    width: 280px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F9F6FF;
    border-radius: 6px;
    color: #6632BD;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.ys-nav-item.active,.ys-nav-item:hover{
    background-color: rgba(156, 44, 255, 1); color: #fff;
    background-image: linear-gradient(90deg, rgba(156, 44, 255, 1) 0%, rgba(102, 50, 189, 1) 100%);
}
.ys-item-img-cont{
    width: 42px;
    height: 100%;
    margin-right: 18px;
}
.ys-item-img-h{
    position: absolute;
    width: 42px;
    top: 39px;
    z-index: -99;
}
.ys-item-img-s{
    position: absolute;
    top: 39px;
    width: 42px;
    z-index: 99;
}
.ys-nav-item:hover .ys-item-img-h,
.ys-nav-item.active .ys-item-img-h{
    z-index: 99;
}
.ys-nav-item:hover .ys-item-img-s,
.ys-nav-item.active .ys-item-img-s{
    z-index: -99;
}
.ys-item-title{
    font-size: 18px;
    line-height: 24px;
}
.ys-show-item{
    z-index: -99;
    position: absolute;
}
.ys-show-item.active{
    z-index: 10;
}
.ys-show-cont{
    height: 360px;
    position: relative;
    margin-top: 48px;
}
.ys-show-item{
    padding: 0; width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.ys-show-item:nth-child(even){
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.ys-show-item-title{
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 29px;
}
.ys-show-text-cont{
    margin: 0 40px;
}
.ys-show-item-desc{
    width: 490px;
    height: 120px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 28px;
}
.ys-show-item-tag{
    float: left;
    font-size: 14px;
    color: #6632BD;
    line-height: 1;
    padding: 8px 10px;
    border: 1px solid #6632BD;
    border-radius: 6px;
    margin-right: 12px;
    margin-bottom: 12px;
}
.ys-show-item .btn{
    width: 120px;
    margin-top: 36px;
    display: block;
    padding: 11px 0;
    font-size: 14px;
    line-height: 20px;
    background: linear-gradient(90deg, #9C2CFF 0%, #6632BD 100%);
}
.ys-show-item .btn:hover{
    -webkit-box-shadow: 0 5px 10px rgba(156 ,44 ,255, 20%);
    box-shadow: 0 5px 10px rgba(156 ,44 ,255, 20%);
}


.adv-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 64px;
}
.adv-item{
    width: 393px;
    background-color: #F9F6FF;
}
.adv-line-top{
    height: 120px;
    padding: 48px;
    line-height: 1;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #6631bd;
    background-position: right;
}
.adv-line-top-name{
    font-size: 24px;

}
.adv-line-top-img{
    margin-right: 18px;
    height: 24px; width: 24px;
    background-repeat: no-repeat;
    background-size: contain;
}
.adv-item:nth-child(1) .adv-line-top{
    background-image: url(/public/img/004c94c8f23640a9f58ef415ef8d4440adfc0b118848-XphyLT_fw1200.jpg);
}
.adv-item:nth-child(1) .adv-line-top .adv-line-top-img{
    background-image: url(/public/img/adv-line-top-img1.png);
}
.adv-item:nth-child(2) .adv-line-top{
    background-image: url(/public/img/374ad5cb46e8340275d9010bfc96f34b8fae516d8ba2-ywC9G0_fw1200.jpg);
}
.adv-item:nth-child(2) .adv-line-top .adv-line-top-img{
    background-image: url(/public/img/adv-line-top-img2.png);
}
.adv-item:nth-child(3) .adv-line-top{
    background-image: url(/public/img/374ad5cb46e8340275d9010bfc96f34b8aae516d8ba2-ywC9G0_fw1200.jpg);
}
.adv-item:nth-child(3) .adv-line-top .adv-line-top-img{
    background-image: url(/public/img/adv-line-top-img3.png);
}
.adv-info-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 18px;
    padding: 18px 48px 48px;
    text-align: center;
}
.adv-info-img{
    width: 46px; height: 46px;
    display: block;
    margin: 0 auto 24px;
    margin-top: 30px;
}
.adv-item:nth-child(1) .adv-info-item{
    width: 50%;
}
.adv-item:nth-child(2) .adv-info-item{
    width: 30%;
}
.adv-item:nth-child(3) .adv-info-list{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.adv-item:nth-child(3) .adv-info-item{
    width: 32%;
}


.source-main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 34px;
}
.source-main .source-item{
    width: 393px; margin: 0 15px 30px;
    padding: 36px 36px 0;
    position: relative;
    height: 230px;
    background-repeat: no-repeat;
    background-size: cover;
}
.source-main .source-title{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 1;
}
.source-main .source-desc{
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    margin-top: 20px;
}
.source-main .btn{
    position: absolute;
    padding: 16px 0;
    text-align: center;
    background-color: #6632BD;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #FEFEFE;
    line-height: 1;
    bottom: 0;left: 0;right: 0;
    cursor: pointer;
    -webkit-transition: background-color ease .2s;
    transition: background-color ease .2s;
}
.source-main .btn:hover{
    background-color: #794ccb;
}
.source-item:nth-child(1){
    background-image: url(/public/img/e950f181aa854a26c4e5bc1b1ce07e2f8e979cfae2cc-PjDORd.png);
}
.source-item:nth-child(2){
    background-image: url(/public/img/0d41639a85eedacf08ec5acf729bd007be20b1f75c8c-dgamHV_fw1200.png);
}
.source-item:nth-child(3){
    background-image: url(/public/img/10f03c6fc50ecd407430302d54387a26be6f087b1786c-3Rn0jQ.png);
}
.source-item:nth-child(4){
    background-image: url(/public/img/a6b2cd92a1191249a72c60e32549ff720a909960638d-JENGnZ_fw1200.png);
}
.source-item:nth-child(5){
    background-image: url(/public/img/c9b5966ddd5014fffd9ebedb42d7cb6ac530a2a55f60-M8lGuv_fw1200.png);
}
.source-item:nth-child(6){
    background-image: url(/public/img/3c4e0a93f66b5371b1dc3f547c4c008fcb545b8659a8-cGKlgp.png);
}
.source-item:nth-child(7){
    background-image: url(/public/img/2c2cd23d95992e3fc9f0abf57ca0c1268bfdea6e578f-6ARpym_fw1200.png);
}
.source-item:nth-child(8){
    background-image: url(/public/img/c0cc866beff0b05cdc5cd9522f4c9f1b07f1e9625d34-AH6q4q_fw1200.png);
}
.source-item:nth-child(9){
    background-image: url(/public/img/8a15e4b2289b9a801ee72fcefb1e7828af2826e553fc6-BLT1m3.png);
}



.company-section{
    padding-bottom: 64px;
}
.company-section .company-main{
    border: 1px solid #DACAFC;padding: 0 10px;
}
.company-section ul{
    display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.company-section ul li {
    width: 126px;
    height: 100px;
    margin: 2px 4px;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
    position: relative;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.company-section ul li img {
    width: 126px;
    height: 72px;
}
.company-section ul li:hover img {
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 12px rgb(162 162 162 / 16%);
            box-shadow: 0px 0px 12px rgb(162 162 162 / 16%);
    position: absolute;
    z-index: 1;
}



@media (max-width: 768px){
    body{
        background-color: #F9F9F9;
    }

    .section-title-cont{
        margin-top: 46px;
        margin-bottom: 24px;
    }
    .section-title-cont.countBox{
        flex-direction: column;
    }
    .section-title{
        font-size: 24px; line-height: 34px;
    }
    .section-desc{
        font-size: 14px;
        line-height: 20px;
        margin-top: 8px;
    }
    .btn.btn-cm{
        font-size: 14px;
    }
    


    .banner-section{
        margin-bottom: 62px;
    }
    .banner-cont{
        height: 570px;
        min-width: auto;
        background-image: url(/public/img/media_pub_banner-bg_m.png);
        background-position: bottom;
    }
    .banner-cont .float_l{
        float: none;
        width: 100%;text-align: center;
    }
    .banner-title{
        font-size: 36px;
        text-shadow: 0px 2px 3px rgba(40,17,82,50%);
        margin: 94px 0 15px;
        line-height: 1;
    }
    .banner-desc{
        font-size: 15px;
        text-shadow: 0px 2px 3px rgba(40,17,82,50%);
    }
    .banner-r-cont{
        width: 320px;
        padding: 40px;
        border-radius: 12px;
        margin: 32px auto;
        float: none;
    }
    .banner-r-cont > .banner-form-tt{
        font-size: 15px;
        margin-bottom: 18px;
    }
    .banner-r-cont .banner-line{
        width: 240px;
        height: 32px;
        margin-bottom: 10px;
    }
    .banner-r-cont .banner-r-form input{
        padding: 8px 16px;
        line-height: 16px;
    }
    .banner-r-cont .btn-captcha{
        min-width: 96px;
        font-size: 12px;
        padding: 10px 12px;
    }  
    .banner-r-cont .banner-btn{
        height: 32px;
        margin: 18px 0 0;
        line-height: 32px;
        font-size: 12px;
    }
    .banner-r-cont .login-tip {
        font-size: 12px;
        margin-top: 7px;
    }
    
    .banner-cont-b{
        position: absolute;
        bottom: -64px;
        left: 0; right: 0;
        width: 92%;
        border-bottom: none;
    }
    .banner-b-inner{
        height: 84px;
    }
    .banner-b-item{
        display: block;
        padding: 0;
        height: 54px;
    }
    .banner-b-img-cont{
        width: 24px;
        height: 24px;
        margin: 0 auto 12px;
    }
    .banner-b-img-cont .img{display: block;width: 24px;}
    .banner-b-title{
        font-size: 12px;
        margin-bottom: 0;
        text-align: center;
    }
    .banner-b-text{
        display: none;
    }
    
    


        
    .media-com-section{
        padding-bottom: 32px;
    }
    .media-com-main{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0;
    }
    .media-com-item{
        margin: 0 0 28px;
        width: 92%;
    }
    .media-com-item-footer{
        background-position: right;
        padding: 24px 20px;
    }
    .media-com-item-footer .media-com-item-tag-list{
        margin-bottom: 14px;
    }
    .media-com-item-footer .media-com-item-tag{
        margin-right: 4px; font-size: 14px; 
        padding: 8px 11px;
    }
    .media-com-item-footer .media-com-item-price-now{
        font-size: 14px;
        line-height: 30px;
        margin-right: 18px;
    }
    .media-com-item-footer .media-com-item-price-now i{
        font-size: 30px;
    }
    .media-com-item-footer .media-com-item-price-before{
        font-size: 14px;
        line-height: 30px;
    }
    .media-com-item-footer .media-com-item-button{
        font-size: 14px;
        margin-top: 24px;
        padding: 16px 0;
    }


    
    .media-item-al-body{
        border: 1px solid #F3EEFF;
        padding: 32px 18px;
    }
    .media-item-al-body .media-item-al-img{
        width: 86px; height: 86px;
        border-radius: 6px;
        margin-right: 24px;
    }
    .media-item-al-body .media-item-al-desc{
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        white-space: normal;
        width: auto;
    }
    .media-item-al-body .media-item-al-tag{
        padding: 6px 16px;
    }


    .media-item-set-body{
        padding: 32px 20px;
    }
    .media-item-set-body .media-item-set-tag{
        padding: 6px 18px;
        margin: 15px 0 32px;
    }
    .media-item-set-body .media-item-set-info{
        font-size: 15px;
    }
    .media-item-set-body .media-item-set-media{
        margin-top: 12px;
        font-size: 12px;
        width: 32%;
        display: inline-block;
        background-size: 6px auto;
    }

    .btn-section-btm{
        margin-bottom: 16px;
    }
    .section-title-btnLink{
        width: 90px; height: 36px; font-size: 14px;
        font-weight: 400; flex-shrink: 0;
        line-height: 36px;
    }    

    .countdown{
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        text-align: center;
        padding: 24px 0;
        background-color: rgba(249, 246, 255, 1);
        margin-top: 20px; margin-left: 0;
    }
    .countdown .tt{
        color: rgba(102, 50, 189, 1);
        margin-bottom: 12px; display: block;
    }
    /* .countdown br{display: block;} */
    .countdown .countdownNum{
        width: 36px;
        height: 32px;
        font-size: 14px;
        line-height: 32px;
    }
    .media-xs-section .filter-tags{
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
        margin-top: 8px;
    }
    .media-xs-section .filter-tags .tag{
        padding: 1px 4px;
        margin: 8px 10px 0 0;
        min-width: 64px; 
        font-size: 14px; 
        line-height: 20px; 
    }


    .media-section .navToggleItm{
        width: 90px;
        height: 36px;
        border-radius: 3px;
        font-size: 14px;
        line-height: 36px;
        margin-left: 4px;
    }
    .media-section .table-main{
        margin-bottom: 46px;
    }
    .media-section .table-main .table-m-title{
        height: 40px;
        font-size: 13px;
        line-height: 40px;
    }
    .media-section .table-main .table-m-title::after{
        height: 40px;
    }
    .media-section .table-main .table-m-title.rec::before{
        content: "\65b0\5ba2";
        width: 36px;
        height: 18px;
        font-size: 12px;
        line-height: 18px;
        padding-left: 3px;
        top: -5px;
    }
    .media-section .table-main .table-m-r-cell{
        height: 32px;
        font-size: 12px;
        line-height: 32px;
        overflow: hidden;
    }
    .media-section .table-main .table-m-r-cell::after{
        height: 32px;
    }
    .media-section .table-main .table-m-column.active .table-m-r-cell {
        height: 32px;
    }
    .media-section .table-main .table-m-r-cell .btn-link{
        width: 60px;
        height: 24px;
        font-size: 12px;
        line-height: 24px;
        margin: 4px auto;
    }
    

    .media-ys-section .section-title,
    .media-ys-section .section-desc{
        text-align: center;
    }
    
    .ys-nav-cont{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .ys-nav-item{
        width: 48%;
        height: 60px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        border-radius: 3px;
        margin-bottom: 4px;
    }
    .ys-item-img-cont{
        width: 21px;
        height: 100%;
        margin-right: 12px;
        margin-left: 18px;
    }
    .ys-item-img-cont .img{
        width: 21px;
    }
    .ys-item-img-h{
        top: 19px;
    }
    .ys-item-img-s{
        top: 19px;
    }
    .ys-item-title{
        font-size: 12px;
        line-height: 15px;
    }
    .ys-show-cont{
        height: auto;
        position: relative;
        margin-top: 0;
    }
    .ys-show-item{
        padding: 0; width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        position: initial;
        display: none;
    }
    .ys-show-item:nth-child(even){
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .ys-show-item.active{display: -webkit-box;display: -ms-flexbox;
        display: flex;
        background-color: #f9f9f9;
        margin-top: 24px;
        padding: 0;}
    .ys-show-img-cont,.ys-show-img{
        width: 100%;
    }
    .ys-show-text-cont{
        margin: 0;
    }
    .ys-show-text-bg{
        width: 100%;
        height: auto;
        background: #F9F6FF;
        border-radius: 24px;
        padding: 30px 24px 30px;
        margin-top: 15px;
    }
    .ys-show-item-title{
        padding-bottom: 16px;
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 26px;
        position: relative;
    }
    .ys-show-item-title::after{
        content: "";
        position: absolute;
        width: 40px;
        height: 4px;
        background: #6632BD;
        border-radius: 2px;
        bottom: 0;left: 0;
    }
    .ys-show-item-desc{
        width: 100%;
        height: auto;
        padding-bottom: 24px;
        font-size: 12px;
        line-height: 17px;
        margin-left: 0;
    }
    .ys-show-item-tag{
        font-size: 12px;
        padding: 3px 8px;
        line-height: 17px;
        border-radius: 3px;
        margin-right: 8px;
        margin-bottom: 8px;
    }
    .ys-show-item .btn{
        width: 300px;
        margin: 18px auto 0;
        font-size: 16px;
        border-radius: 30px;
        line-height: 23px;
        font-weight: 400;
        padding: 13px 0;
    }
    

    


    .adv-main{
        padding-bottom: 30px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .adv-item{
        margin-bottom: 15px;
        width: 92%;
    }
    .adv-line-top{
        height: 90px;
        padding: 36px 24px;
    }
    .adv-line-top-name{
        font-size: 18px;
    }
    .adv-line-top-img{
        margin-right: 12px;
        height: 18px; width: 18px;
    }
    .adv-info-list{
        font-size: 14px;
        padding: 15px 42px 45px;
    }
    .adv-info-img{
        width: 32px; height: 32px;
        margin: 30px auto 15px;
    }


    
    .source-main{
        margin: 0 ;
        padding-bottom: 30px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .source-main .source-item{
        width: 100%;
        max-width: 350px; margin: 0 0 15px;
        padding: 32px 24px 0;
        height: 180px;
    }
    .source-main .source-title{
        font-size: 15px;
    }
    .source-main .source-desc{
        font-size: 13px;
        line-height: 20px;
        margin-top: 12px;
    }
    .source-main .btn{
        padding: 13px 0;
        font-size: 13px;
    }

    .company-section{
        padding-bottom: 40px;
    }
    .company-section ul::after{content: "";    width: calc(20% - 4px);}
    .company-section ul li {
        width: calc(20% - 4px);
        height: 92px;
    }
    .company-section ul li img {
        width: 100%; height: auto;
    }
    .company-section ul li:hover img {
        border-radius: 4px;
    }
    
}




/* 无数据 */
.media-item-al-temp .media-item-al-body .media-item-al-img,
.media-item-al-temp .media-item-al-body .media-item-al-title,
.media-item-al-temp .media-item-al-body .media-item-al-desc,
.media-item-al-temp .media-item-al-body .media-item-al-tag,
.media-item-al-temp .media-item-cm-body .media-item-set-title,
.media-item-al-temp .media-item-cm-body .media-item-set-tag,
.media-item-al-temp .media-item-cm-body .media-item-set-media,
.media-item-al-temp .media-com-item-footer .media-com-item-price-before{
    color: transparent;
    background-color: rgba(102,49,189,53%);
}