main{
    min-width: 1240px;
    background-color: #F9F9F9;
    background-image: url(/public/img/media_details_banner.png);
    background-repeat: repeat-x;
    background-position: top;
    background-size: auto 300px;
    padding-top: 146px;
}
.com_crumb{
    margin-bottom: 24px;
}


.info-main{margin-bottom: 36px;}
.info-mob-cont{display: none;}
.info-cont{
    width: 920px;
    height: 290px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 48px; float: left;
}
.media_info_top{
    padding-left: 74px;padding-bottom: 24px;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 36px; 
    background: no-repeat left top / 48px;
}
.media_type1 .media_info_top{background-image: url(/public/img/media_list-icon1.png);}
.media_name{
    font-size: 24px;
    font-weight: bold;
    color: #000000;margin-bottom: 12px;
    line-height: 1;
}
.media_tips{
    flex-shrink: 0;
}
.media_tip,.media_link{
    font-size: 16px;
    color: #010101;
    line-height: 24px;
    margin-left: 48px;
    padding-left: 32px;
    background: no-repeat left center/18px;
}
.media_link:hover{color: var(--theme-color);}
.media_tip_kf{background-image: url(/public/img/icon-media-kf.png);}
.media_tip_jy{background-image: url(/public/img/icon-media-jy.png);}
.media_tip_tk{background-image: url(/public/img/icon-media-tk.png);}
.media_link{background-image: url(/public/img/icon-media-link.png);}
.media_tip_fb{background-image: url(/public/img/icon-media-fb.png);}
.media_tag{
    padding: 4px 6px;
    background-color: #FFFFFF;
    border: 1px solid #3269FF;
    border-radius: 2px;float: left;
    font-size: 14px; color: #3269FF;
    line-height: 1; margin-right: 12px;
}

.info-price-cont{display: flex;justify-content: space-between;}
.info-price-cont .price-item{
    width: 190px; padding-top: 16px;
    height: 74px; text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #3269FF;
    border-radius: 6px;
}
.price-item-type{
    font-size: 14px; margin-bottom: 10px;
    color: #999999;line-height: 1;
}
.price-item-num{
    font-size: 24px; font-family: Microsoft YaHei;
    font-weight: bold;
    color: var(--theme-color); line-height: 1;
}

.info-connect-cont{
    width: 300px; position: relative;
    height: 290px; float: right;
    background-color: var(--theme-color);
    border-radius: 12px;
}
.info-connect-tab{
    position: absolute;z-index: -1;
    width: 100%; height: 100%;
}
.info-connect-tab.active{z-index: 10;}
.info-toggle-btn{
    position: absolute;
    top: 0;right: 0; cursor: pointer;
    padding: 10px 10px 30px 30px;background-color: #fff;
    overflow: hidden;
}
.info-toggle-btn img{height: 32px;width: auto;display: block;}
.info-toggle-btn::after{
    content: "";
    position: absolute;
    width: 110px;
    height: 80px;
    top: 0;
    left: -46px;
    background-color: var(--theme-color);
    transform: skew(45deg);
    transition: all ease .2s;
}  
.info-toggle-btn:hover::after{left: -72px;}
.info-connect-main{
    display: flex; align-items: center;
    flex-direction: column; height: 100%;
    justify-content: center;
    color: #FFFFFF;
}
.info-connect-main .info-connect-code-cont{
    width: 150px;
    height: 150px;padding: 6px;
    background-color: #ffffff4d;
    border-radius: 6px;
}
.info-connect-main .info-connect-code-cont img{
    width: 138px; height: 138px;
    background-color: #FFFFFF;
    border-radius: 2px;
}
.info-connect-text{
    font-size: 18px;margin-top: 23px;
    font-weight: bold;
    line-height: 24px;
}
.info-connect-main .info-connect-title{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 1; margin-bottom: 22px;
}
.info-connect-main .info-connect-line{
    font-size: 16px;
    font-weight: bold;
    line-height: 32px; width: 180px;
}
.info-connect-line-left{
    text-align: right;
    width: 56px;
    display: inline-block;
}
.info-connect-qq{
    padding-right: 20px;
    background: url(/public/img/icon-qq.png) no-repeat right center / 12px;
}
.info-connect-main .btn.btn-connect{
    margin-top: 28px;font-size: 16px;
    width: 120px; line-height: 1;padding: 16px 0;
}

.num-section .container{background-color: #fff;border-radius: 12px;padding: 42px 48px 48px;}
.num-section .flag{
	display:none;
}
.num-title{
    padding-left: 38px;
    font-size: 24px;
    /* font-weight: bold; */
    color: #000000;
    line-height: 42px;
    background: url(/public/img/icon-media_num.png) no-repeat left center/ 24px;
}
.num-fg-btn{
    width: 120px;padding: 14px 0;
    font-size: 14px; line-height: 1;
    background-color:  var(--theme-color);
    border-radius: 6px;
}
.num-main{margin-top: 24px;display: flex;justify-content: space-between;}
.num-show-item{
    width: 361px; height: 312px; 
    background: #F9F9F9; text-align: center;
    border-radius: 12px; position: relative;
}
.num-show-item canvas{
    margin: 36px auto; display: block;
}
.num-show-title{
    font-size: 36px; width: 100%;
    font-family: Microsoft YaHei;
    font-weight: bold; top: 127px;
    color: #3269FF;position: absolute;
    line-height: 1;margin-bottom: 12px;
}
.num-show-text{
    font-size: 14px; width: 100%;
    color: #3269FF; top: 171px;
    line-height: 1;position: absolute;
}


.news-section .container{background-color: #fff;border-radius: 12px;padding: 48px 48px 12px;margin-top: 36px;margin-bottom: 36px;}
.news-title{
    padding-left: 38px;
    font-size: 24px; margin-bottom: 36px;
    /* font-weight: bold; */
    color: #000000;
    line-height: 24px;
    background: url(/public/img/icon-media_news.png) no-repeat left center/ 24px;
}
.news-list-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news-list{
    margin-bottom: 36px;
    width: 360px;
}
.news-list-img-cont{
    height: 225px;
    border-radius: 6px;
    overflow: hidden;
}
.news-list-img{
    display: block;
    width: 100%;
}
.news-list-title{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    margin: 18px 0 12px;
    white-space: nowrap;
    overflow: hidden; display: block;
    text-overflow: ellipsis;
}
.news-list-title:hover{color: var(--theme-color);}
.news-list-desc{
    font-size: 14px;
    color: #999999;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-list-date {
    font-size: 15px;
    color: #999999;
    line-height: 1;
    margin: 12px auto;
    text-align: right;
}
.news-section .btn-cm{
    margin: 12px auto 64px;
    width: 160px;
}

.media-section .container{background-color: #fff;border-radius: 12px;padding: 48px 48px 12px;margin-top: 36px;margin-bottom: 36px;}
.media-title{
    padding-left: 38px;
    font-size: 24px; margin-bottom: 36px;
    /* font-weight: bold; */
    color: #000000;
    line-height: 24px;
    background: url(/public/img/icon-media_news.png) no-repeat left center/ 24px;
}
.media-list-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.media-list{
    margin-bottom: 36px;
    width: 360px;
    background-color: #f9f9f9;
    padding-bottom: 20px;
    border-radius: 12px;
}
.media-list-img-cont{
    height: 225px;
    border-radius: 6px;
    overflow: hidden;
}
.media-list-img{
    display: block;
    width: 100%;
}
.media-list-title{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 1;
    margin: 18px 0 12px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    text-align: center;
}
.media-list-title:hover{color: var(--theme-color);}
.media-list-desc{
    font-size: 14px;
    color: #999999;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.media-list-date {
    font-size: 15px;
    color: #999999;
    line-height: 1;
    margin: 12px auto;
    text-align: right;
}
.media-section .btn-cm{
    margin: 12px auto 64px;
    width: 160px;
}
.media-main .media_tag {
    background: #f9f9f9;
}
.media-section .media_tags {
    display: flex; 
    justify-content: center;
}



@media screen and (max-width: 768px){
    main{
        min-width: auto;
        background-size: auto 210px;
        padding-top: 114px;
    }
    .com_crumb{
        margin-bottom: 12px;
    }
    .info-main{margin-bottom: 12px;}
    .info-mob-cont{display: block;}
    .info-pc-cont,.info-connect-cont{display: none;}
    .info-cont{
        width: 100%;
        height: auto;
        border-radius: 3px;
        padding: 24px;
    }
    .info-mob-cont .flex-ju-sb{
        align-items: center;margin-bottom: 20px;
    }
    .media_name{
        font-size: 18px;margin-bottom: 0;
        line-height: 34px;padding-left: 56px;
        background: no-repeat left top / auto 34px;
    }
    .media_type1 .media_name{background-image: url(/public/img/media_list-icon1.png);}
    .media_tip,.media_link{
        font-size: 12px;
        line-height: 12px;
        margin-left: 0;
        padding-left: 16px;
        background-size: 12px;
        height: 12px;word-break: keep-all;
    }
    .media_tags{display: flex; margin: 0 -7px 18px;}
    .media_tag{
        padding: 6px 8px;margin: 0 7px; flex: 1;
        border-radius: 2px; text-align: center;
        font-size: 12px;margin-right: 0;
    }
    .info-price-cont {
        padding: 20px 0 18px; margin-bottom: 20px;
        border-top: 1px solid #DADADA;
        border-bottom: 1px solid #DADADA;
    }
    .info-price-cont .price-item {
        width: auto; flex: 1;
        padding-top: 0;
        height: auto;
        border: none;
    }
    .price-item-type {
        font-size: 12px;
    }
    .price-item-num {
        font-size: 15px;
    }
    .media_tips{display: flex; justify-content: space-between;}
    

    .num-section .container{border-radius: 3px;padding: 24px;}
    .num-title{
        padding-left: 32px;
        font-size: 18px;
        line-height: 1;
        background-size: 18px;
    }
    .num-fg-btn.mob-btn{
        width: 90px;padding: 10px 0;
        font-size: 12px; 
        border-radius: 3px;    margin: 18px auto 0;
        display: block!important;
    }
    .num-main{
        margin-top: 18px;border-radius: 6px; overflow: hidden;
    }
    .num-show-item{
        width: auto; height: 124px; 
        border-radius: 0; flex: 1;
    }
    .num-show-title{
        font-size: 18px; top: 44px;margin-bottom: 16px;
    }
    .num-show-text{
        font-size: 12px; top: 77px;
    }
    .num-time-item .num-show-title{ margin-left: 22px; margin-top: 10px; font-size: 14px;}
    #show-cav-31{    background: no-repeat center / 32px;
        width: 32px;
        height: 32px;
        margin: 36px auto;
    }
    .media_type1 #show-cav-31{background-image: url(/public/img/icon_media-num-time.png);}
    .media_type2 #show-cav-31{background-image: url(/public/img/icon_media-num-user.png);}

    .news-section{
        min-width: 355px;
    }
    .news-section .container {
        border-radius: 3px;
        padding: 24px;
        margin-top: 18px;
        margin-bottom: 32px;
    }
    .news-title {
        padding-left: 32px;
        font-size: 18px;
        line-height: 1;
        background-size: 18px;
    }
    .news-list-cont{
        justify-content: center;
    }
    .news-list{
        margin-bottom: 24px;
        width: 297px;
    }
    .news-list-img-cont{
        height: 169px;
        border-radius: 3px;
    }
    .news-list-title{
        font-size: 15px;
        margin: 18px 0 12px;
    }
    .news-list-desc{
        font-size: 12px;
    }
    .news-section .btn-cm{
        margin: 8px auto 10px;
        width: 90px;
    }
    .media-section{
        min-width: 355px;
    }
    .media-section .container {
        border-radius: 3px;
        padding: 24px;
        margin-top: 18px;
        margin-bottom: 32px;
    }
    .media-title {
        padding-left: 32px;
        font-size: 18px;
        line-height: 1;
        background-size: 18px;
    }
    .media-list-cont{
        justify-content: center;
    }
    .media-list{
        margin-bottom: 24px;
        width: 297px;
    }
    .media-list-title{
        font-size: 15px;
        margin: 18px 0 12px;
    }
    .media-list-desc{
        font-size: 12px;
    }
    .media-section .btn-cm{
        margin: 8px auto 10px;
        width: 90px;
    }
    .media-section .media_tags {
        margin: 0 10px;
    }


}




.nowTemp .news-list-img-cont {
    background-color: aliceblue;
}

.nowTemp a.news-list-title {
    height: 18px;
    background-color: aliceblue;
    width: 50%;
}

.nowTemp p.news-list-desc {
    height: 14px;
    background-color: aliceblue;
    /* width: 50%; */
}

.nowTemp p.news-list-date {
    height: 15px;
    background-color: aliceblue;
    width: 30%;
    float: right;
}
.nowTempsp{
    min-width: 64px;
    height: 12px; display: block;
    background-color: aliceblue;
}