@charset "utf-8";

@font-face {
    font-family: 'FZXiaoBiaoSong-B05S';
    src: url('../fonts/FZXBSJW.TTF');
    src: url('../fonts/FZXBSJW--GB1-0.eot');
    src: url('../fonts/FZXBSJW--GB1-0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FZXBSJW--GB1-0.woff2') format('woff2'),
        url('../fonts/FZXBSJW--GB1-0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

header {
    background: #b00c1d;
    z-index: 2;
}

.subBody {
    padding-bottom: 160rem;
    padding-top: 45px;
    background: #f5f5f5 url(../images/sub_bg.png) no-repeat center bottom;
    background-size: 100% auto;
    position: relative;
}

.subBody::before {
    content: '';
    width: 100%;
    height: 0;
    padding-bottom: 8.6%;
    background: #b00c1d;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.subContent {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 60rem 40rem 0;
    box-sizing: border-box;
}

.subContent>.flex {
    align-items: center;
    padding-bottom: 30rem;
    border-bottom: 1rem solid rgba(0, 0, 0, 0.08);
}

.curChannel {
    font-family: 'Noto Serif SC';
    color: #b00c1d;
    font-weight: 800;
    line-height: 1;
}

.bread {
    position: relative;
}

.bread i {
    color: #b00c1d;
    margin-right: 5rem;
}

.bread a, .bread span {
    color: #999;
}

.bread a:hover {
    color: #b00c1d;
}

.pageCon ul {
    min-height: 200px;
}

/* 图片新闻 */
.newsList li {
    margin-top: 40rem;
    transition: all 0.35s ease;
}

.newsList li:hover {
    transform: translateY(-8px);
}

.newsList .imgBox {
    width: 444rem;
    flex-shrink: 0;
}

.newsList .infoBox {
    width: calc(100% - 444rem);
    padding-left: 20rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.newsList .gp-img-responsive {
    padding-bottom: 56.25%;
}

.newsList .date {
    color: #b00c1d;
    position: relative;
}

.newsList .date i {
    margin-right: 10rem;
    font-size: 15rem;
}

.newsList .title {
    font-weight: bold;
    line-height: 1;
    margin-top: 19rem;
}

.newsList li:nth-child(1) .title {
    color: red;
}

.newsList .summary {
    line-height: 26rem;
    color: #999;
    margin-top: 25rem;
}


/*分页*/
.pages {
    padding: 40rem 0;
}

.gp-page {
    padding: 0;
    color: #999;
    font-size: 0rem;
}

.gp-page:after, .gp-page:before {
    content: " ";
    display: table
}

.gp-page>a, .gp-page>span {
    display: inline-block;
    color: #999;
    font-family: 'Calibri';
    background: #fff;
    cursor: pointer;
    width: 66rem;
    height: 66rem;
    line-height: 66rem;
    border-radius: 50%;
    font-size: 16rem;
    border: 1rem solid rgba(0, 0, 0, 0.06);
    position: relative;
    text-align: center;
    margin-bottom: 0rem;
    margin-left: 10rem;
    vertical-align: top;
    box-sizing: border-box;
    *display: inline;
    *zoom: 1;
}

.gp-page-select {
    height: 32rem;
    line-height: 32rem;
    min-width: 50rem;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

/* .gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {width: auto;padding:0 24rem;} */
.gp-page .gp-page-prev {
    margin-left: 0;
    margin-right: 30rem;
}

.gp-page .gp-page-next {
    margin-left: 40px;
}

.gp-page .gp-page-start {
    margin: 0 5rem;
}

.gp-page .gp-page-end {
    margin: 0 10rem;
}

.gp-page>span {
    border: none
}

.gp-page>a:hover, .gp-page>a.active {
    background-color: #b00c1d;
    color: #fff;
}

.gp-m-page {
    display: none;
}

.gp-m-page a {
    display: inline-block;
    margin: 0 10rem
}

/*居中*/
.gp-page-centered {
    text-align: center
}

/*右对齐*/
.gp-page-right {
    text-align: right
}

.gp-page .omit {
    cursor: not-allowed;
}

.selectDiv {
    display: inline-block;
    margin-right: 0rem;
    margin-left: 10rem;
    position: relative;
}

.selectDiv+span {
    margin-left: 0;
    border: 1rem solid #b00c1d;
    border-left: none;
}

.selectDiv>span {
    display: inline-block;
    border: 1rem solid #b00c1d;
    height: 46rem;
    line-height: 46rem;
    width: 68rem;
    padding: 0 24rem;
    background: #fff;
    text-align: left;
    position: relative;
}

.selectDiv>span::before {
    content: '';
    display: block;
    width: 8rem;
    height: 4rem;
    background: url(../images/page-down.png) no-repeat center/cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10rem;
    transition: all 0.25s ease;
}

.selectDiv>span:hover::before {
    transform: translateY(-50%) rotateZ(180deg);
}

.selectDiv dl {
    display: none;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    background: #ebf0fa;
    border-radius: 4rem;
    border-bottom: 4rem solid #fff;
}

.selectDiv dl a {
    display: block;
}

.selectDiv:hover dl {
    display: block;
}

.selectDiv a {
    display: inline-block;
    line-height: 30rem;
}

.selectDiv dd:hover {
    background: #b00c1d;
}

.selectDiv dd:hover a {
    color: #fff;
}

.pageInput {
    width: 32rem;
    height: 32rem;
    border: none;
    outline: none;
    background: #F2F2F2;
    text-align: center;
}


.gp-article {
    padding: 40rem 0 60rem;
    width: calc(100% - 310rem);
    padding-right: 60rem;
    position: relative;
}

.gp-article::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    max-height: 1330px;
    background: rgba(0, 0, 0, 0.06);
    position: absolute;
    top: 85rem;
    right: 30rem;
}

.gp-title {
    font-weight: bold;
    color: #333;
    text-align: left;
    line-height: 44rem;
    padding: 0rem 100rem;
}

.gp-info {
    text-align: left;
    font-size: 0;
    padding: 0 100rem 20rem;
    margin-top: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.gp-info span {
    display: inline-block;
    color: #999;
    line-height: 1;
    margin-right: 30rem;
    vertical-align: middle;
}

.gp-info span:last-child {
    margin-right: 0rem;
}

.gp-content {
    width: calc(100% - 100rem);
    margin: 44rem 0 0;
}

.gp-content p {
    line-height: 30rem;
    margin-bottom: 30rem;
}

.gp-content p:last-child {
    margin-bottom: 0rem;
}

.hotList {
    width: 310rem;
    flex-shrink: 0;
    margin-top: 40rem;
}

.hotTil {
    font-family: 'Noto Serif SC';
    color: #b00c1d;
    font-weight: 800;
    line-height: 1;
}

.hotTil i::before {
    font-size: 24rem;
    margin-right: 5rem;
    font-weight: 200;
}

.hotList .gp-img-responsive {
    padding-bottom: 56.25%;
}

.hotList .gp-img-responsive {
    margin-bottom: 16rem;
}

.hotList .title {
    line-height: 28rem;
    transition: all 0.35s ease;
}

.hotList .date {
    margin-top: 15rem;
    color: #b00c1d;
    line-height: 1;
    transition: all 0.35s ease;
}

.hotList a:hover .title, .hotList a:hover .date {
    transform: translateX(8rem);
}

.hotList li {
    padding-top: 20rem;
}

.hotList li a {
    display: block;
    padding-bottom: 30rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* share */
.share {
    width: 60rem;
    flex-shrink: 0;
    margin-top: 20rem;
}

.share .lable {
    color: #999;
    text-align: center;
    line-height: 1;
}

.share_btn {
    float: left;
    line-height: 33rem;
    font-weight: normal;
}

.share .bdsharebuttonbox>a {
    display: block;
    width: 60rem;
    height: 60rem;
    line-height: 60rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.04);
    padding-left: 0;
    text-indent: 0;
    text-align: center;
    font-size: 24rem;
    margin-top: 20px;
}

.share .bdsharebuttonbox>a.bds_weixin {
    color: #50b674;
}

.share .bdsharebuttonbox>a.bds_tsina {
    color: #e83437;
    font-size: 30rem;
}

.share .bdsharebuttonbox>a.bds_qzone {
    color: #ffcd00;
    font-size: 28rem;
}

.share .bdsharebuttonbox>a.bds_more {
    color: #004098;
}

.shareBox {
    width: 260rem;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -150rem 0 0 -130rem;
    z-index: 9998;
    height: 310rem;
    border: 6rem solid #8F8F8F;
    border-radius: 8rem;
    box-shadow: 0 0 7rem #aaa;
    display: none;
}

.shareBox {
    font-size: 14rem;
}

.shareBox .title {
    background: #f6f6f6;
    font-size: 14rem;
    font-weight: bold;
    padding: 10rem 15rem !important;
}

.shareClose {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 18rem;
    width: 20rem;
    ;
}

.sharelist {
    position: static;
    height: 250rem;
    overflow-y: auto;
    padding-left: 17rem !important;
}

.sharelist li {
    float: left;
    width: 130rem;
    padding: 2rem;
    margin-left: 6rem;
    _margin-left: 3rem;
    height: 28rem;
    overflow: hidden;
    list-style: none;
}

.sharelist li a {
    color: #565656;
    font: 12rem '宋体';
    display: block;
    text-decoration: none;
    border: 1rem solid #fff;
    line-height: 18rem;
    width: auto;
    height: auto;
    text-indent: 0;
}

.weChatBox {
    width: 280rem;
    min-height: 300rem;
    background-color: #fff;
    border: solid 1rem #d8d8d8;
    padding: 10rem;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -150rem 0 0 -140rem;
    z-index: 9998;
    display: none;
    box-shadow: 0 0 10rem rgba(0, 0, 0, 0.25);
}

.weChatBox .w-title {
    font-size: 12rem;
    font-weight: bold;
    padding: 0 0 10rem 0;
}

.w-close {
    width: 20rem;
    height: 20rem;
    line-height: 20rem;
    text-align: center;
    font-size: 20rem;
    position: absolute;
    right: 0;
    top: 0;
    color: #333;
    cursor: pointer;
}

.qrcode {
    width: 200rem;
    height: 200rem;
    margin: 15rem auto;
    background: #ccc;
}

.w-footer {
    font-size: 12rem;
    line-height: 1.5;
    color: #999;
}

#qrodeText {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    visibility: hidden;
}

.bdshare_dialog_bg {
    position: fixed;
    _position: absolute;
    width: 312rem;
    height: 341rem;
    z-index: 9999;
    overflow: hidden;
    display: none
}

.bdshare_dialog_box {
    position: fixed;
    _position: absolute;
    width: 300rem;
    border: 6rem solid #8F8F8F;
    height: 329rem;
    z-index: 10000;
    text-align: left;
    box-shadow: 0 0 7rem #aaa;
    -webkit-box-shadow: 0 0 7rem #aaa;
    -moz-box-shadow: 0 0 7rem #aaa;
    border-radius: 5rem;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    overflow: hidden;
    background: #f6f6f6;
    display: none
}

.bdshare_dialog_top, .bdshare_popup_top {
    height: 28rem;
    color: #626262;
    overflow: hidden;
    font-weight: bold;
    font-size: 14rem;
    line-height: 28rem;
    padding: 0 5rem
}

.bdshare_dialog_close {
    width: 22rem;
    height: 23rem;
    background: url(../images/pop_c.gif?v=2d7108c8.gif) no-repeat 0 0;
    float: right;
    display: block;
    margin-top: 2rem
}

.bdshare_dialog_list {
    margin: 0;
    padding: 10rem 0;
    height: 256rem;
    background: #fff;
    overflow: auto;
    overflow-x: hidden
}

.bdshare_dialog_bottom {
    height: 25rem;
    line-height: 25rem;
    font-size: 12rem;
    text-align: right;
    padding: 0 10rem
}

.bdshare_dialog_bottom a {
    color: #999;
    text-decoration: none
}

.bdshare_dialog_bottom a:hover {
    color: #00a9e0
}

.bdshare_dialog_list li {
    float: left;
    width: 130rem;
    padding: 2rem;
    margin-left: 6rem;
    _margin-left: 3rem;
    height: 28rem;
    overflow: hidden;
    list-style: none
}

.bdshare_dialog_list a, .bdshare_popup_list a, .bdshare_popup_bottom a {
    color: #565656;
    font: 12rem '宋体';
    display: block;
    background-image: url(../images/icons_0_16.png?v=ba7acbd3.png);
    background-repeat: no-repeat;
    padding: 5rem 0 5rem 28rem;
    text-decoration: none;
    border: 1rem solid #fff;
    line-height: 18rem
}

.bdshare_dialog_list a:hover, .bdshare_popup_list a:hover {
    background-color: #f3f3f3;
    border: 1rem solid #eee;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem
}

.popup_qzone {
    background-position: 4rem -47rem
}

.popup_tsina {
    background-position: 4rem -99rem
}

.popup_renren {
    background-position: 4rem -203rem
}

.popup_tqq {
    background-position: 4rem -255rem
}

.popup_kaixin001 {
    background-position: 4rem -307rem
}

.popup_tqf {
    background-position: 4rem -359rem
}

.popup_hi {
    background-position: 4rem -411rem
}

.popup_douban {
    background-position: 4rem -463rem
}

.popup_tieba {
    background-position: 4rem -723rem
}

.popup_hx {
    background-position: 4rem -983rem
}

.popup_fx {
    background-position: 4rem -1035rem
}

.popup_ty {
    background-position: 4rem -1191rem
}

.popup_fbook {
    background-position: 4rem -1347rem
}

.popup_twi {
    background-position: 4rem -1399rem
}

.popup_linkedin {
    background-position: 4rem -1659rem
}

.popup_meilishuo {
    background-position: 4rem -1711rem
}

.popup_mogujie {
    background-position: 4rem -1763rem
}

.popup_diandian {
    background-position: 4rem -1815rem
}

.popup_huaban {
    background-position: 4rem -1867rem
}

.popup_duitang {
    background-position: 4rem -2023rem
}

.popup_youdao {
    background-position: 4rem -2075rem
}

.popup_wealink {
    background-position: 4rem -2179rem
}

.popup_copy {
    background-position: 4rem -2283rem
}

.popup_mail {
    background-position: 4rem -2335rem
}

.popup_print {
    background-position: 4rem -2387rem
}

.popup_mshare {
    background-position: 4rem -2439rem
}

.popup_sqq {
    background-position: 4rem -2647rem
}

.popup_sdo {
    background-position: 4rem -2699rem
}

.popup_qingbiji {
    background-position: 4rem -2751rem
}

.popup_people {
    background-position: 4rem -2803rem
}

.popup_xinhua {
    background-position: 4rem -2907rem
}

.popup_yaolan {
    background-position: 4rem -2959rem
}

.popup_thx {
    background-position: 4rem -2491rem
}

.popup_bdhome {
    background-position: 4rem -151rem
}

.popup_bdxc {
    background-position: 4rem -2543rem
}

.popup_more {
    background-position: 4rem 5rem
}

.popup_bdysc {
    background-position: 4rem -3063rem
}

.popup_isohu {
    background-position: 4rem -3011rem
}

.popup_ibaidu {
    background-position: 4rem -3115rem
}

.popup_weixin {
    background-position: 4rem -1607rem
}

.popup_iguba {
    background-position: 4rem -1295rem
}

.popup_h163 {
    background-position: 4rem -3156rem
}

.bdshare_popup_bg {
    position: absolute;
    display: none;
    z-index: 9997
}

.bdshare_popup_box {
    position: absolute;
    display: none;
    z-index: 9998;
    text-align: left;
    background: #f6f6f6;
    border: solid 1rem #e9e9e9
}

.bdshare_popup_list {
    margin: 0;
    padding: 5rem 0;
    background: #fff;
    overflow: auto;
    overflow-x: hidden;
    _zoom: 1
}

.bdshare_popup_bottom {
    clear: both;
    height: 30rem;
    font-size: 12rem;
    text-align: right;
    padding: 0 10rem
}

.bdshare_popup_bottom a {
    color: #999;
    text-decoration: none;
    border: 0;
    float: right
}

.bdshare_popup_bottom a:hover {
    color: #00a9e0
}

.bdshare_popup_list li {
    float: left;
    width: 100rem;
    padding: 2rem;
    margin-left: 6rem;
    _margin-left: 3rem;
    height: 28rem;
    overflow: hidden;
    list-style: none
}

.popup_tsohu, .popup_tfh, .popup_baidu, .popup_qq, .popup_msn, .popup_sohu, .popup_qy, .popup_leho, .popup_ifeng, .popup_ff, .popup_tuita, .popup_ms, .popup_deli, .popup_s51, .popup_t163, .popup_share189, .popup_xg, .popup_s139 {
    display: none
}

.bdshare_dialog_box, .bdshare_dialog_list a:hover, .bdshare_popup_list a:hover {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.popup_evernotecn {
    background-position: 4rem -3180rem;
}


.Annex {
    line-height: 20rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Annex h3 {
    margin-top: 20rem;
    padding-bottom: 20rem;
    line-height: 1;
    color: #444;
    position: relative;
}

.Annex h3::before {
    content: '';
    display: block;
    width: 30rem;
    height: 30rem;
    position: absolute;
    top: 0;
    left: 0;
}

.Annex ul {
    min-height: unset;
}

.Annex li {
    margin-bottom: 20rem;
    line-height: 1;
}

.Annex li:last-child {
    margin-bottom: 0;
}

.Annex li::marker {
    content: '';
}

.Annex li a {
    display: block;
    color: #999;
    position: relative;
    transition: all 0.35s ease;
}

.Annex li a:hover {
    color: #b00c1d;
}

.textList ul {
    margin: 0 -30rem;
}

.textList li {
    font-weight: bold;
}

.textList ul a {
    display: block;
    line-height: 1;
    margin: 0 30rem;
    padding: 40rem 0;
    padding-left: 32rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.textList .mediaName {
    color: #999;
    height: 14rem;
    position: relative;
    transition: all 0.35s ease;
}

.textList .mediaName::before {
    content: '';
    display: none;
    width: 10rem;
    height: 2rem;
    background: #e0c67e;
    position: absolute;
    top: 6rem;
    left: -20px;
}

.textList .mediaName i {
    font-style: normal;
    position: absolute;
    left: -32px;
    color: #e0c67e;
}

.textList .mediaName2 i {
    font-size: 48px;
    opacity: 0.3;
    z-index: -1;
    font-family: 'FZXiaoBiaoSong-B05S';
}

.textList .title {
    margin-top: 20rem;
    transition: all 0.35s ease;
}

.textList .date {
    color: #999;
    margin-top: 19rem;
    transition: all 0.35s ease;
}

.textList a:hover .mediaName, .textList a:hover .title, .textList a:hover .date {
    transform: translateY(-8rem);
}

.videoList ul {
    margin: 0 -15rem;
    padding-top: 10rem;
}

.videoList ul li {
    margin-top: 30rem;
}

.videoList ul a {
    display: block;
    margin: 0 15rem;
}

.videoList .gp-img-responsive {
    padding-bottom: 56.25%;
    position: relative;
}

.videoList .infoBox {
    min-height: 98rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-top: none;
    padding-top: 16rem;
    position: relative;
}

.videoList .infoBox::before {
    content: '';
    display: block;
    width: 100%;
    height: 0%;
    background: #b00c1d;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.35s ease;
}

.videoList a:hover .infoBox::before {
    height: 100%;
}

.videoList .title {
    line-height: 28rem;
    text-align: center;
    max-width: 380rem;
    margin: 0 auto;
    transition: all 0.35s ease;
}

.videoList a:hover .title {
    color: #fff;
}

.videoList .video {
    width: 38rem;
    height: 38rem;
    line-height: 38rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    font-size: 28rem;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 20rem;
    left: 20rem;
    z-index: 2;
    transition: all 0.35s ease-out;
}

.videoList a:hover .video {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

/* 响应式样式 */
@media screen and (max-width:1600px) {}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1280px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:1100px) {}

@media screen and (max-width:1024px) {
    .hotList {
        display: none;
    }

    .gp-article {
        width: 100%;
        padding-right: 0;
    }

    .gp-article::before {
        display: none;
    }

    .gp-title {
        padding: 0;
    }
}

@media screen and (max-width:997px) {
    .pages {
        padding: 30rem 0;
    }

    .gp-page {
        display: none;
    }

    .gp-m-page {
        display: block;
    }

    .gp-title {
        line-height: 38rem;
        font-size: 28rem;
    }

    .gp-info {
        padding: 10rem 0;
    }

    .gp-content {
        margin: 30rem 0;
    }

    .gp-content p {
        margin-bottom: 20rem;
    }

    .subContent {
        padding: 30rem 20rem 0;
    }

    .textList ul {
        margin: 0;
    }

    .textList ul a {
        margin: 0;
    }

    .Annex li {
        line-height: 1.25;
        margin-bottom: 10rem;
    }
}

@media screen and (max-width:767px) {
    .subBody {
        padding: 30rem 0 50rem;
    }

    .gp-m-page>a {
        width: 45rem;
        height: 45rem;
        line-height: 45rem;
    }

    .newsList li {
        margin-top: 20rem;
    }

    .newsList .imgBox {
        width: 280rem;
    }

    .newsList .infoBox {
        width: calc(100% - 280rem);
        padding-left: 10rem;
    }

    .newsList .title {
        margin-top: 10rem;
    }

    .newsList .summary {
        margin-top: 10rem;
        line-height: 22rem;
    }

    .gp-content {
        width: calc(100% - 70rem);
    }

    .textList .title {
        word-wrap: break-word;
        overflow: visible;
        white-space: wrap;
        line-height: 1.5;
    }
}

@media screen and (max-width:540px) {
    .pages {
        padding: 20rem 0;
    }

    .subBody {
        padding-bottom: 40rem;
    }

    .newsList li a {
        flex-direction: column;
    }

    .newsList .imgBox, .newsList .infoBox {
        width: 100%;
    }

    .newsList .infoBox {
        margin-top: 10rem;
        padding-bottom: 10rem;
    }

    .gp-article {
        padding: 30rem 0;
    }

    .gp-article>.flex {
        flex-direction: column-reverse;
    }

    .gp-content {
        width: 100%;
        margin: 20rem 0 0;
    }

    .share {
        width: 100%;
    }

    .share .lable {
        text-align: left;
    }

    .share .bdsharebuttonbox>a {
        display: inline-block;
        margin-top: 10rem;
    }
}

@media screen and (max-width:478px) {
    .videoList .infoBox {
        min-height: unset;
        padding: 15rem 0;
    }
}

@media screen and (max-width:414px) {
    .textList ul a {
        padding: 20rem 0;
    }

    .videoList ul li {
        margin-top: 20rem;
    }

    .gp-title {
        font-size: 20rem;
        line-height: 24rem;
    }

    .gp-content p {
        line-height: 24rem;
    }

    .subContent {
        padding: 20rem 15rem 0;
    }

    .subContent>.flex {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 20rem;
    }

    .bread {
        width: 100%;
        text-align: right;
    }

    .curChannel {
        font-size: 24rem;
    }
}

@media screen and (max-width:414px) {
    html {
        font-size: calc(100vw / 400);
    }

    .gp-container, .gp-container-2 {
        width: 360rem;
    }

    .logo {
        width: 200rem;
    }

    .textList .mediaName2 i {
        left: -10rem;
        top: -5rem;
        font-size: 40rem;
    }
}

@media screen and (max-width:370px) {}