.pet_mian{
    padding: 12px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.box_title{position: relative;overflow: hidden;}
.box_title h1{font-size: 18px;font-weight: 600;height: 20px;line-height: 20px;padding-left: 8px;font-weight: unset;color:white;display:inline-block;float:left;}
.box_title .ico{width: 4px;height: 18px;background-color: #3ca1f9;position: absolute;top: 1px;border-radius: 2px;}
.box_title .dian{display: inline-block;line-height: 20px;height: 5px;width: 5px;border-radius: 5px;background-color: black;position: absolute;top: 7px;left: 3.85em;}
.box_title .z{width: 1em;display: inline-block;}
.box_title .more{position: absolute;top: 1px;right: 0;font-size: 14px;color: #999;}
.box_title img{display:inline-block;float:right;margin-top:3px;}

.boxdiv{overflow: hidden;margin-bottom: 15px;}
.box_content{overflow: hidden;margin: 12px 0;}
.top_index{position:absolute;width: 100%;}
.top_index img{width:100%;}

.box1{overflow: hidden;margin-bottom: 15px;position: relative;border-radius: 5px;}
.box1 .swiper{width: 100%;height: calc((100vw - 30px) * 0.19336);margin: 0 auto;position: relative;overflow: hidden;}
.box1 .swiper .swiper-pagination-bullet{height: 5px;background-color: white;opacity: .4;width: 8px;border-radius: 5px;}
.box1 .swiper .swiper-pagination-bullet-active{width: 8px;border-radius: 5px;opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:6px;width:90%;text-align:center;left:5%;}

.yj .box1 .swiper{width: 100%;height: calc((100vw - 30px) * 0.5625)}
.yj .box1 .swiper .swiper-pagination-bullet{width: 20px;border-radius: 5px;}
.yj .box1 .swiper .swiper-pagination-bullet-active{width: 20px;border-radius: 5px;opacity: 1;}
.yj .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;width:100%;text-align:center;left:unset;}
.foot_nav_box{width: 100%;height: 56px;position: fixed;bottom: 0;left:0;z-index:9999999}
.foot_nav_box_bg{width: 100%;height: 56px;box-shadow: 0px 0px 10px #e0e0e0;position: absolute;z-index: 2;}
.foot_nav_box_bg2{position: absolute;padding: 10px;background-color: white;top: -24px;left: 50%;margin-left: -30px;box-shadow: 0px 0px 10px #e0e0e0;border-radius: 50%;height: 40px;width: 40px;z-index: 4;box-sizing: content-box;}
.font_nav_box_content{width: 100%;height: 56px;background-color: white;position: relative;z-index: 6;bottom: -1px;}
.foot_nav_box .font_nav_box_content .foot_nav_list{display: inline-block;width: 25%;float: left;text-align: center;height: 48px;margin: 4px 0;position: relative;z-index: 10;}
.foot_nav_box .font_nav_box_content .foot_nav_list img{margin: 0 auto;display: block;}
.foot_nav_box .font_nav_box_content .foot_nav_list p{text-align: center;height: 20px;line-height: 20px;display: block;margin-top: 4px;position: absolute;bottom: 0;width: 100%;text-align: center;    font-size: 14px;}

.foot_nav_box .font_nav_box_content .active p{color:#f28532;}
.foot_nav_box .font_nav_box_content .mid_img img{position: absolute;position: absolute;left: 50%;margin-left: -20px;top: -20px;}

.box2 .box_content{padding: 12px 16px ;background-color: white;border-radius: 4px;box-shadow: 0px 0px 5px #d0d0d0;display: flex;
    flex-direction: row;
    align-items: center;justify-content: space-between;    line-height: 14px;}
.box2 .box_content .list_img{
    width: 15%;
    text-align: left;
}
.box2 .box_content .list_p{
    width: 70%;
}
.box2 .box_content .list_a {
    width: 15%;
    text-align: right;
    font-size: 12px;
    color: #ccc;
}
.box2 .box_content .list_a a{

    color: #ccc;
}
.box2 .box_content .list_p p{
    width: 100%;
    white-space: nowrap; /* 防止换行 */
        overflow: hidden; /* 隐藏溢出部分 */
        text-overflow: ellipsis; /* 显示省略号 */
}
.box2 .box_content .list{width: 22%;height: calc(((100vw - 44px) - 12% ) / 4); text-align:center;border-radius: 5px;
  margin-left: 2.4%;margin-bottom:calc((100vw - 34px) * 0.024);
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  flex-direction: column;position:relative;
  float: left;
}

/*.box2 .box_content .list .list_img:before{*/
/*  content:"";*/
/*  display:inline-block;*/
/*  padding-bottom:80%;*/
/*  width:.1px;*/
/*  vertical-align:middle;*/
/*}*/
.box2 .box_content .list div{
  /*position:absolute;top:0;height:100%;*/
  width: 80%;height: calc((100vw - 6vw) * 0.22 * .8);
  box-shadow: 1px 1px 6px #cfd7ef;border-radius: 5px;margin-bottom:5px;
  display:flex;flex-direction:column;justify-content:center;}
.box2 .box_content .list:nth-child(4n){margin-right:2.4%;}
.box2 .box_content .list img{display:block;margin: 0 auto;max-height: 12vw;max-width: 12vw;}
.box2 .box_content .list .img_bg{position: relative;}
.box2 .box_content .list .img_bg:before{content: ' ';display:block;padding-bottom:100%;position: relative;background-color: white;box-shadow: 0px 0px 10px #e8e8e8;border-radius: 5px;}
.box2 .box_content .list .img_bg img{width: 60%;margin: 0;text-align: center;position: absolute;top: 20%;left: 20%;}
.box2 .box_content .list p{line-height: 20px;font-size: 16px;text-align: center;width: 100%;margin-bottom: 10px;display: inline-block;float: left; margin-top:4px;  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.box2 .box_content .nav_list{width: 49%;float: left;margin-bottom: calc((100vw - 34px) / 50);justify-content: center;display: flex;flex-direction: column;}
.box2 .box_content .nav_list:nth-child(2n){float: right;}
.box2 .box_content .nav_list img{width: 100%;}
.box2 .box_content .nav_list p{position: absolute;  font-size: 16px;  width: 5em;text-align: center;margin-left: 4vw;}

.box3{margin-top: 20px;}

.box3 .box_content{
  /*display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;*/
/*  padding: 20px 10px 20px;
  background-color: #f6f7fb;*/
  border-radius: 4px;}
/*.box3 .box_content .news_list{position: relative;overflow: hidden;min-height: 100px;margin-bottom: 20px;padding-bottom:20px; border-bottom: 1px solid #ececec;position: relative;}*/
/*.box3 .box_content .news_list:last-child{border-bottom: 0;padding-bottom:0px;margin-bottom:0px;}*/
/*.box3 .box_content .news_list .news_box{padding-right: 150px;text-align: justify;font-size: 16px;line-height: 24px;}*/
/*.box3 .box_content .news_list .img{position: absolute;width: 140px;height: 100px;right: 0;top: 0;border-radius:5px;}*/
/*.box3 .box_content .news_list .time{font-size: 16px;color: #999;margin-top: 5px; position: absolute;bottom: 20px;}*/
/*.box3 .box_content .news_list:last-child .time{bottom:0;}*/
/*.box3 .box_content .news_list .time span{margin-right: 5px}*/
.box3 .box_content .list{width:49%;display:inline-block;float:left;padding: 6px 0;}
.box3 .box_content .list:nth-child(2n){float:right;}
.box3 .box_content .list div{display:flex;flex-direction:row;text-align:center;justify-content:center;align-items: center;}
.box3 .box_content .list img{width: 100%}

.box4{
  /*display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;*/
  padding: 0px 10px 20px;background-color: white;border-radius: 4px;box-shadow: 0px 0px 5px #d0d0d0;min-height:100px;}
.box4 .news_title{overflow:hidden;padding:20px 0;}
.box4 .news_title h4{display:inline-block;float:left;width:28%;text-align:center;line-height:20px;height:20px;font-size:16px;color:#666;border-right:1px solid #dcdcdc;}
.yj .box4 .news_title h4{width:40%;margin-right:0%;}

.box4 .news_title h4:last-child{margin-right:0;border-right:0;}
.box4 .news_title h4.on{color:#000;font-size:18px;background-image:url("../style/images/nav_on_bg.png");background-size: 90% auto;background-repeat: no-repeat;background-position: 4px 16px;}
.yj .box4 .news_title h4.on{background-size: 76% auto;}

.box4 .news_content{display:block;position:relative;min-height:300px;}
.box4 .news_content .mp3_list{position: relative;overflow: hidden;min-height: 100px;margin-bottom: 10px;padding-bottom:10px; position: relative;border-bottom:1px dashed #dcdcdc;
    padding-left: 150px;}
.box4 .news_content .news_content_box .mp3_list:last-child{border-bottom: 0;margin-bottom: 0px;padding-bottom:0px;}
.box4 .news_content .mp3_list .mp3_box{text-align: justify;font-size: 16px;line-height: 24px;}
.box4 .news_content .mp3_list .mp3_box p{text-align: justify;    line-height: 22px;}
.box4 .news_content .mp3_list .img{position: absolute;width: 140px;height: 90px;left: 0;top: 0;}
.box4 .news_content .mp3_list .time{font-size: 14px;color: #999;margin-top: 5px;}
.box4 .news_content .mp3_list .time span{margin-right: 5px}
.box4 .news_content .news_more{display: block;text-align: center;font-size: 14px;line-height: 20px;border-radius: 5px;position: absolute;top: -40px;right: 0;color: #777;}


.hd_list{box-shadow: 0px 0px 10px #e8e8e8;position: relative;border-radius: 6px;margin-bottom: 20px;}
.hd_list .img{height: calc((100vw - 30px) * 0.46255);border-radius: 6px 6px 0 0;position: relative;}
.hd_list .img p{height: 34px;color: white;background-color: rgba(0,0,0,.6);line-height: 34px;bottom: 0;position: absolute;width: 100%;text-indent: .2em;}
.hd_list .hd_box{border-radius: 0 0 6px 6px;background-color: white;height: 44px;position: relative;line-height: 44px;padding:0 5px;}
.hd_list .hd_box a.baoming{display: block;position: absolute;height: 24px;width: 5em;border: 1px solid #e09326;border-radius: 6px;right: 5px;top: 50%;margin-top: -13px;line-height: 24px;text-align: center;color: #e09326;}
.hd_list .hd_box a.yibaoming{border: 1px solid #ccc;color: #ccc;}
.hd_list .hd_box p.baoming{display: block;position: absolute;height: 24px;width: 5em;border: 1px solid #ddd;border-radius: 6px;right: 5px;top: 50%;margin-top: -13px;line-height: 24px;text-align: center;color: #999;}
.hd_list .hd_box  .time .data-box{display: inline-block;color: #3ca1f9;}

.hd_list .zhuangtai {position: absolute;top: 0;left: 0;width: 3rem;height: 0.8rem;text-align: right;}
.hd_list .zhuangtai p{font-size: 14px;color: #212447;transform: rotate(315deg);position: relative;top: 1.2rem;left: -0rem;
    text-align-last: justify;}
.hd_list .zhuangtai div{width: 0;height: 0;border-bottom: 5rem solid #ffffff;border-right: 5rem solid transparent;border-left: 5rem solid transparent;transform: rotate(315deg);position: absolute;top: -0.9rem;left: -5.4rem;}
.hd_list .zhuangtai .cf4841e{color: #f4841e;}
.hd_list .zhuangtai .cce1b21{color: #3ca1f9;}




#js-container{height: auto!important;}
#js-container .msry-item .list_li{overflow: hidden;}
/*.pet_content{overflow: hidden;}*/
.mp3_list_content .msry-item{padding-left: 110px;position: relative;padding-bottom: 20px;border-bottom: 1px solid #ececec; margin-bottom: 20px;min-height: 100px;}
.mp3_list_content .msry-item:last-child{border-bottom: 0;}
.mp3_list_content .list_li .li_img{width: 100px;height: 100px;position: absolute;left: 0;top: 0;border-radius:5px;}
.mp3_list_content .list_li .li_title .title{line-height: 24px;font-size: 16px;text-align: justify;margin-bottom: 5px;}
.mp3_list_content .list_li .li_title .time{font-size: 16px;color: #999;margin-top: 5px;position: absolute;bottom: 20px;}
.mp3_list_content .list_li .li_title .time span{margin-right: 5px;}
.mp3_list_content .msry-item:last-child .time{bottom:0;}

.list_list_content{background-color: white;padding: 12px 8px 30px;}
.list_list_content .msry-item{position: relative;overflow: hidden;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;min-height:60px;}
.list_list_content .msry-item:last-child{border-bottom: 0;}
.list_list_content .msry-item_img{padding-right: 150px;height: 100px;}
.list_list_content .list_li .li_img{width: 140px;height: 90px;position: absolute;right: 0;top: 0;border-radius:3px;}
.list_list_content .list_li .li_title .title{line-height: 22px;font-size: 16px;text-align: justify;margin-bottom: 5px;}
.list_list_content .msry-item .time{margin-top: 0px;color: #999;font-size:14px;}
.list_list_content .msry-item .time .fa{margin-right: 4px;color: #999;}

.list_pic_content .msry-item{width: 49%;padding-right: 0;display: inline-block;float: left;border-bottom:0;margin-bottom: 0;}
.list_pic_content .msry-item .li_img{position: relative;width: 100%;height: calc((100vw - 34px ) / 100 * 49 * 0.72);border-radius:5px;}
.list_pic_content .msry-item .time{display: none;}
.list_pic_content .list_li .li_title .title{-webkit-line-clamp: 2;margin: 5px 0 10px;    text-align: left;    padding-left: 2px;}
.list_pic_content .msry-item:nth-child(2n){float: right;}

.list_video_content .msry-item_img{ height: calc((100vw - 34px ) / 100 * 49 * 0.72 + 63px);}


.qh_xsjb{width: 100%;box-shadow: 0px 0px 10px #e0e0e0;overflow: hidden;border-radius: 5px;margin-bottom: 20px;}
.qh_xsjb p{line-height: 20px;width: 50%;display: inline-block;float: left;text-align: center;font-size: 16px;padding: 10px 0;box-sizing: border-box;}
.qh_xsjb p.active{background-color:#3ca1f9;color: white;}

.box_w{background-color: white;box-shadow: 0px 0px 10px #e0e0e0;box-sizing: border-box;padding: 10px;border-radius: 5px;margin-bottom: 15px;}

.input-count-box{width: 100%;}

.zx_banner{margin-bottom: 30px;}

.wrap {width: 100%;box-sizing: border-box;overflow: hidden;margin: 0;padding: 20px 12px 30px;text-align: justify;margin-bottom:100px;border-radius: 6px;}
.article_contain .title {padding-bottom: 10px;border-bottom: 1px solid #ececec;margin-bottom:10px;}
.article_contain .title h3 {font-size: 20px;color: #333;font-weight: bold;margin-bottom: 10px;}
.article_contain .title h4 {font-size: 14px;color: #999;width: 100%;font-weight: unset;}
.nex_pr{border-top: 10px solid #f5f5f5;padding: 12px;margin-bottom: 100px;}
.nex_pr a {display: inline-block;color: #555;margin: 5px 0;width: 100%;text-overflow: ellipsis;overflow: hidden;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list_list_content .list_li .li_title .title{font-size:16px;}
.list_li_title .title{font-size:16px;}


/*一键拨号*/
.form_top {position: fixed;width: 100%;height: 100%;z-index: 99999999;top: 0;background-color: rgba(0, 0, 0, 0.5);padding: 20px;box-sizing: border-box;}
.form_box {border-radius: 5px;width: 90%;background-color: white;box-sizing: border-box;margin: 0 auto;position: absolute;top: 50%;margin-top: -200px;left: 50%;margin-left: -45%;overflow: hidden;}
.form_box .form_box_content {font-size: 16px;color: #666;line-height: 24px;text-align: justify;padding: 20px 15px 15px 15px;height: auto;background-color: white;}
.form_box div {height: 50px;line-height: 50px;text-align: center;font-size: 16px;letter-spacing: 2px;border-top: 1px solid #dedede;background-color: #4a9fff;color: white;}

.hd_article{border-radius: 6px;margin-bottom: 20px;}
.hd_article_contain{padding: 15px 8px 30px;}
.hd_article_contain .title {margin-bottom:10px;padding-left: 0;}
.hd_article_contain .title h3 {font-size: 18px;color: #333;font-weight: bold;}
.hd_article_contain .title h4 {font-size: 14px;color: #999;width: 100%;font-weight: unset;}
.hd_article_contain span{width: 5em;position: absolute;left: 0;top: 0;color: #777;}
.hd_article_contain div{width:100%;padding-left: 5em;font-size: 16px;margin-bottom: 5px;position: relative;line-height: 26px;}
.hd_article_contain .article_text{width:calc(100vw - 46px - 5em );}

.fixed_baoming{background-color: #3ca1f9;height: 44px;border-radius: 6px;width: calc(100vw - 20px);position: fixed;left: 10px;bottom: 100px;z-index: 99;}
.fixed_baoming a,.fixed_baoming p{font-size: 18px;height: 44px;line-height: 44px;width: 100%;color: white;text-align: center;display: inline-block;box-shadow: 0px 0px 10px #e0e0e0;}
.fixed_yibaoming{background-color: rgb(204,204,204)!important;}


/*排名页面*/
.pm_box{
        width: 100%;
    margin: 0 auto;
    border: 1px solid #ccc;
    background: rgb(255,255,255,0.8);
    border-radius: 4px;
    margin-top: 12px;
}
.pm_title {
            text-align: center;
        }

        .pm_title h4 {
            font-family: SourceHanSansCN-Medium;
            font-size: 16px;
            color: #333;
            font-weight: 500;
            padding: 10px 20px 10px;
            position: relative;
            z-index: 1;
            border-bottom: 1px solid #979797;
        }

        .pm_title h4 span {
            margin: 0 10px;
        }

        .pm_title p {
            font-size: 14px;
            font-family: Avenir, Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-align: center;
            color: #2c3e50;
            margin-top: 10px;
        }
        .pm_content_box {
        }

        .pm_nav {
            height: 50px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            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;
            border-bottom: 1px solid #979797;
        }

        .pm_nav p {
            width: 20.83333%;
            float: none;
            box-sizing: border-box;
            word-break: break-all;
            user-select: none;
            padding: 15px 0;
            font-family: PingFangSC-Regular;
            font-size: 13px;
            letter-spacing: 0;
            font-weight: 400;
            color: #999;
            text-align: center;
        }

        .pm_nav p.active {
            color: #ff5b5d;
            position: relative
        }

        .pm_nav p.active:after {
            content: "";
            position: absolute;
            bottom: 0;
            height: 3px;
            width: 30px;
            background: #ff5b5d;
            border-radius: 3px;
            left: 50%;
            -webkit-transform: translate(-50%);
            -ms-transform: translate(-50%);
            transform: translate(-50%)
        }

        .pm_content {
            height: 40vh;
            overflow-y: auto;
            padding: 0 15px 0 10px;
        }
        .pm_content_list{
            text-align: left;
            font-size: 13px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 42px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        .pm_content_list img{
            width: 30px;
        }
        .pm_content_list .mc{
            width: 50px;
            height: 42px;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
        .pm_content_list .dm{
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 42px;
            min-width: 50vw;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
        .pm_content_list .dj{
            height: 42px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .pm_content_list .dj span{
            width: 16px;
            text-align: center;
            font-size: 16px;
        }
        
        .banshi a{
          display:inline-block;width:50%;float:left;padding:1.2%;border-radius:10px;
        }
        .banshi a img{width:100%;}
        
        .toutiao{margin-bottom:20px;padding:10px;position:relative;height:54px;}
        .toutiao .img_left{position: absolute;top: 10px;left: 10px;}
        .toutiao .right{width:100%;padding-left:60px;}
.toutiao .right a{width:100%;display:block;line-height:34px;}
.toutiao .yuan_hs{width:6px;height:6px;position:absolute;border-radius:5px;background-color:#ccc;
  left: 52px;
  top: 24px;}
.yj_nav{margin-bottom:20px;padding:0px;height:calc((100vw - 40px) * 0.31 );}
.yj_nav .yj_nav_list{width:31%;margin-right:3.5%;display:inline-block;float:left;text-align:center;height:calc((100vw - 40px) * 0.31 );display:flex;flex-direction: column;
  justify-content: center;}
.yj_nav .yj_nav_list:last-child{margin-right:0;}
.yj_nav .yj_nav_list .yj_nav_img{padding:15px 0;background-color:rgb(226,235,253);border-radius:50%;height:60px;width:60px;margin:0 auto;}
.yj_nav .yj_nav_list p{width:100%;text-align:center;margin-top:5px;}