

.headlines{
    text-align: center;
    margin-bottom: .10rem;
}
.headlines > .top-headline{
    display: block;
    font-size: .22rem;
    font-weight: 700;
    color: #EF681F;
    margin-bottom: .05rem;
}
.headlines > div {
    color: #434343;
    /* display:flex; */
}
.headlines > div > a {
    /* flex:1; */
    font-size: .14rem;
    color: #434343;
    /* display: inline-block;
    width: 33%;
    vertical-align: text-top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 1%; */
}

.headlines > div > a:last-child:after{
    display: none;
}
.newsList ul{
    display: inline-block;
    width: 4.04rem;
    vertical-align: top;
}
.newsList ul:first-child{
    margin-right: .2rem;
}
.newsList ul li{
    margin-bottom: .07rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsList ul li:last-child{
    margin-bottom: 0;
}
.newsList ul li a:nth-child(1){
     color:#EF681F;
    font-size: .16rem;
}
.newsList ul li a {
    color:#272727;
    font-size: .16rem;
}
.newsList ul li span{
    color:#EF681F;
    font-size: .16rem;
}

.wrapper-50{
    font-size: 0;
    margin-top: .10rem;
    margin-bottom: .10rem;
}
.wrapper-50>div{
    display: inline-block;
    width: 4.28rem;
    vertical-align: top;
    margin-right: .20rem;
}
.wrapper-50>div:last-child{
    margin-right: 0;
}

.list li{
    margin-bottom: 0.07rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.list li:last-child{
    margin-bottom: 0;
}
.list li a {
    color:#272727;
    font-size: .16rem;
}
.list li .cate{
    color:#EF681F;
}

.list li a span{
    color:#272727;
    font-size: .16rem;
}
.list .adv-tag{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}
.list .adv-tag div{
    display: inline-block;
    width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.list .adv-tag .tag{
    display: inline-block;
    padding: .01rem .03rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .12rem;
    color: #C3C3C3;
    border:1px solid #C3C3C3;
    border-radius: .03rem;
    vertical-align: middle;
    width:auto;
}
.adv-list-3{
    font-size: 0;
    margin: .15rem 0 .15rem;
}
.adv-list-3 a{
    display: inline-block;
    width: 1.37rem;
    height: .98rem;
    background: #FFFFFF;
    border-radius: .07rem;
    overflow: hidden;
    margin-right: .10rem;
}
.adv-list-3 a:last-child{
    margin-right: 0;
}
.adv-list-3 a img{
    width: 1.37rem;
    height: .76rem;
}
.adv-list-3 a p{
    font-weight: 400;
    font-size: .12rem;
    color: #333333;
    text-align: center;
}
.gaokao-all-nav {
    margin-bottom:.10rem
}
.gaokao-all-nav .card{
    height: 1.06rem;
}
.gaokao-all-nav .card .months{
    background-image: url("../image/haokaodaohang-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.gaokao-all-nav .card .months li{
    display: inline-block;
    background: #EF681F;
    border-radius: .07rem;
    padding:.06rem;
    font-weight: 400;
    font-size: .13rem;
    color: #FFFFFF;
    margin: 0 .10rem;
}
.gaokao-all-nav .card .months li:last-child{
    margin-right: 0;
}

.gaokao-all-nav .card .months .active{
    display: inline-block;
    width: .73rem;
    position: relative;
}
.gaokao-all-nav .card .months .active .dot-wrapper .dot{
    display: inline-block;
    width: .07rem;
    height: .07rem;
    background: #EF681F;
    border-radius: .04rem;
    margin-right: .03rem;
}
.gaokao-all-nav .card .months .active .dot-wrapper .ac{
    background-image: url("../image/haokaodaohang-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: .07rem .07rem;
}
.gaokao-all-nav .card .months .active .ac-text{
    position: absolute;
    top: .20rem;
    left: -.36rem;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    font-size: .14rem;
    color: #EF681F;
}
.gaoxiaozhitongche {
    margin-top: .10rem;
}
.gaoxiaozhitongche > .title  span strong{
    font-size: .2rem;
    color: #EF681F;
}

.gaoxiaozhitongche .title .search-box{
    float: right;
}
.gaoxiaozhitongche .title .search-box input{
    width: 2.63rem;
    height: .30rem;
    font-size: .15rem;
    color: #000000;
    border-radius: 0.20rem 0 0 0.20rem;
    background-image: url("../image/search.png");
    background-repeat: no-repeat;
    background-position: .1rem center;
    padding-left: .3rem;
    vertical-align: middle;
    margin-right: -0.05rem;
}
.gaoxiaozhitongche .title .search-box button{
    width: .86rem;
    height: .30rem;
    line-height: .30rem;
    font-size: .15rem;
    color: #fff;
    border-radius: 0 0.20rem 0.20rem 0;
    vertical-align: middle;
    text-align: center;
    background-image: url("../image/search-btn.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.gaoxiaozhitongche > .card ul {
    font-size: 0;
}
.gaoxiaozhitongche > .card ul li {
    display: inline-block;
    width: 25%;
    font-size: .16rem;
    color: #000000;
    /* line-height: 35px; */
    margin-bottom: .07rem;
}
.gaoxiaozhitongche > .card ul li a{
    font-size:.16rem;
}
.gaoxiaozhitongche > .card ul .hot{
    color:#EF681F;
}
.gaoxiaozhitongche > .card ul .hot:after{
    content: "";
    display: inline-block;
    width: .16rem;
    height: .15rem;
    background-image: url("../image/hot.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    margin-left: .10rem;
    margin-top: -.03rem;
    vertical-align: middle;
}

.video-list{
    margin-top: .10rem;
    margin-bottom: .10rem;
}
.video-list ul {
    font-size: 0;
}
.video-list ul li{
    display: inline-block;
    background: #FFFFFF;
    width: 2.1rem;
    height: 1.42rem;
    margin-right: .10rem;
    border-radius: .07rem;
    overflow: hidden;
    position: relative;
}
.video-list ul li:last-child{
    margin-right: 0;
}
.video-list ul li a img{
    width: 2.1rem;
    height: 1.16rem;
    object-fit: cover;
}
.video-list ul li .play{
    width: .23rem;
    height: .23rem;
    position: absolute;
    bottom: .35rem;
    left: .1rem;
}
.video-list ul li p {
    font-size: .12rem;
    color: #272727;
    line-height: .24rem;
    text-align: center;
    vertical-align: middle;
}
.video-list ul li p img{
    width: .17rem;
    height: .17rem;
    border-radius: 50%;
    vertical-align: middle;
}

.adv-list-4,
.adv-list-5,
.adv-list-7{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: .10rem 0;
}
.adv-list-4 a,
.adv-list-5 a,
.adv-list-7 a{
    display: inline-block;
    width: 1.37rem;
    height: .98rem;
    background: #FFFFFF;
    border-radius: .07rem;
    overflow: hidden;
    position: relative;
}
/* .adv-list-4 a:after,
.adv-list-5 a:after,
.adv-list-7 a:after{
    content: "广告";
    display: inline-block;
    font-size: .1rem;
    color: #FFFFFF;
    position: absolute;
    top: .04rem;
    left: .04rem;
    opacity: 0.7;
} */
.adv-list-4 a img,
.adv-list-5 a img,
.adv-list-7 a img{
    width: 1.37rem;
    height: .76rem;
}
.adv-list-4 a p,
.adv-list-5 a p,
.adv-list-7 a p{
    font-weight: 400;
    font-size: .12rem;
    color: #333333;
    text-align: center;
}

.adv-list-4-pagination,
.adv-list-5-pagination,
.adv-list-6-pagination,
.adv-list-7-pagination,
.adv-list-pagination{
    text-align: center;
    margin-bottom: .25rem;
}
.adv-list-4-pagination .swiper-pagination-bullet,
.adv-list-5-pagination .swiper-pagination-bullet,
.adv-list-6-pagination .swiper-pagination-bullet,
.adv-list-7-pagination .swiper-pagination-bullet,
.adv-list-pagination .swiper-pagination-bullet{
    width: .37rem;
    height: .06rem;
    background: #D9D9D9;
    border-radius: .03rem;
    margin: 0 .05rem;
}
.adv-list-4-pagination .swiper-pagination-bullet-active,
.adv-list-5-pagination .swiper-pagination-bullet-active,
.adv-list-6-pagination .swiper-pagination-bullet-active,
.adv-list-7-pagination .swiper-pagination-bullet-active,
.adv-list-pagination .swiper-pagination-bullet-active{
    background: #EF681F;
}

.adv-list-4  a .blank_4{
    width: 1.37rem;
    height: .76rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: .12rem;
    line-height: .24rem;
    text-align: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-direction: column;
    transition: all .4s ease-in-out;
    opacity: 0;
}
.adv-list-4  a .blank_4 p{
    font-size: .12rem;
    line-height: .20rem;
    color: #fff;
}
.adv-list-4 a:hover .blank_4{
   opacity: 1;
}

.adv-list-6{
    font-size: 0;
    margin-top: .23rem;
    margin-bottom: .23rem;
    overflow: hidden;
}
.adv-list-6 a{
    display: inline-block;
    width: 2.1rem;
    height: 1.1rem;
    vertical-align: top;
    border-radius: .07rem;
    position: relative;
    overflow: hidden;
}
/* .adv-list-6 a:before{
    content: "广告";
    display: block;
    position: absolute;
    bottom: 0.05rem;
    left: 0.05rem;
    font-size:.1rem;
    color: #CCCCCC;
} */
.adv-list-6 a:hover div{
    top:0;
    background-color: rgba(0, 0, 0, 0.4); 
}
.adv-list-6 a:hover div h4{
    margin-top: .10rem;
    font-size: .16rem;
    font-weight: 600;
}
.adv-list-6 a:last-child{
    margin-right: 0;
}
.adv-list-6 a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.adv-list-6 a div{
    position: absolute;
    top:  .82rem;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: .12rem;
    color: #fff;
    font-weight: 600;
    transition: all .3s ease-in-out;
}
.adv-list-6 a div h4{
    text-align: center;
    font-size: .14rem;
    font-weight: 400;
    margin-bottom: .05rem;
    margin-top: .05rem;
}
.adv-list-6 a div p{
    font-size: .12rem;
    text-align: center;
    margin-bottom: .05rem;
}


.adv-list-num{
    font-size: 0;
    margin-top: .10rem;
    margin-bottom: .10rem;
    overflow: hidden;
}
.adv-list-num a{
    display: block;
    /* width: 2.1rem; */
    height: 1.0rem;
    vertical-align: top;
    border-radius: .07rem;
    position: relative;
    overflow: hidden;
}
/* .adv-list-num a:before{
    content: "广告";
    display: block;
    position: absolute;
    bottom: 0.05rem;
    left: 0.05rem;
    font-size:.1rem;
    color: #CCCCCC;
} */
/* .adv-list-num a:hover div{
    top:0;
    background-color: rgba(0, 0, 0, 0.4); 
}
.adv-list-num a:hover div h4{
    margin-top: .10rem;
    font-size: .16rem;
    font-weight: 600;
    padding-bottom: .0rem;
    background: transparent;
} */
.adv-list-num a:last-child{
    margin-right: 0;
}
.adv-list-num a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.adv-list-num a > h4{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: .14rem;
    font-weight: 400;
    padding:.05rem .02rem;
    text-align: center;
    color:#fff;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    transition: all .3s ease-in-out;
}
.adv-list-num a div{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top:  100%;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: .12rem;
    color: #fff;
    font-weight: 600;
    transition: all .3s ease-in-out;
}
.adv-list-num a:hover div{
    top:0;
    background-color: rgba(0, 0, 0, 0.4); 
}
.adv-list-num a:hover div h4{
    margin-top: .10rem;
    font-size: .16rem;
    font-weight: 600;
    padding-bottom: .0rem;
    background: transparent;
    text-align: center;
}
.adv-list-num a:hover>h4{
    opacity: 0;
}

.adv-list-num a div p{
    font-size: .12rem;
    text-align: center;
    margin-bottom: .05rem;
}


.list-type-dot li{
   margin-bottom: .07rem;
}
.list-type-dot li:last-child{
    margin-bottom: 0;
}
.list-type-dot li a {
    display: inline-block;
    width: 100%;
    color:#272727;
    font-size: .16rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.list-type-dot .img-text a::before{
    display: none;
}
.list-type-dot li:first-child a img{
    width: 1.59rem;
    height: .86rem;
    background: linear-gradient(180deg, #FF8E2A 0%, #EF681F 100%);
    border-radius: .07rem;
    vertical-align: middle;
    /* object-fit: cover; */
}
.list-type-dot .img-text a div{
    width: 2.14rem;
    height: .43rem;
    display: inline-block;
    font-size: .16rem;
    color: #272727;
    line-height: .27rem;
    vertical-align: middle;
    
}
.list-type-dot .img-text a p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space:normal;
    font-size: .16rem;
}
.list-type-dot .img-text a p:hover{
    color: #EF681F;
}
.list-type-dot li a::before{
    content: "";
    display: inline-block;
    width: .06rem;
    height: .06rem;
    background: #C7C7C7;
    border-radius: 50%;
    margin-right: .05rem;
    vertical-align: middle;
}
.list-type-dot li a span{
    color:#EF681F;
    font-size: .16rem;
}
.list-type-dot .img-box{
    position: relative;
    width: 3.91rem;
    height: .96rem;
    border-radius: .08rem;
    overflow: hidden;
}
.list-type-dot .img-box img{
    width: 3.91rem;
    height: .96rem;
    object-fit: cover;
}
.list-type-dot .img-box .t{
    width:.4rem;
    height: .96rem;
    cursor: pointer;
    /* position: absolute;
    top: 0;
    left: 0; */
}
.list-type-dot .img-box a{
    display: inline-block;
    width: calc(100% - .5rem);
    height: 100%;
    border-radius: .08rem;
    overflow: hidden;
    position: relative;
}
.list-type-dot .img-box a:before{
    content: "";
    display: none;
}
.list-type-dot .img-box > a > img{
    width: 100% !important;
    height: 100% !important;
}
.list-type-dot .img-box > a > p {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: .12rem;
    color: #fff;
    padding: .05rem .05rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list-type-dot .adv-tag{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}
.list-type-dot .adv-tag div{
    display: inline-block;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.list-type-dot .adv-tag .tag{
    display: inline-block;
    padding: .01rem .03rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: .12rem;
    color: #C3C3C3;
    border:1px solid #C3C3C3;
    border-radius: .03rem;
    vertical-align: middle;
    width:auto;
}



.baokaozhinan .card > div{
    width:3.91rem;
    display: inline-block; 
    vertical-align: top;
    margin-right: .37rem;
}
.baokaozhinan .card > div:last-child{
    margin-right: 0;
}





.timeline-wrap {
    position: relative;
    background-image: url(../image/haokaodaohang-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.month-timeline {
    display: flex;
    align-items: center;
    padding: .12rem .16rem;
    /* background: #fff4ee; */
    border-radius: .08rem;
    overflow: hidden;
}

.month-item {
    display: flex;
    align-items: center;
    margin-right: .14rem;
    cursor: pointer;
}

.month-label {
    background: #f97316;
    color: #fff;
    font-size: .14rem;
    padding: .04rem .1rem;
    border-radius: .08rem;
    white-space: nowrap;
}

.month-item.active .month-label {
    background: #ff6a00;
}

.month-item.active .dots {
    display: flex;
}

.dots {
    display: none;
    margin-left: .08rem;
}

.dot {
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: #EF681F;
    margin: 0 .05rem;
    cursor: pointer;
    opacity: 0.6;
}

.dot.active {
    background-image: url(../image/haokaodaohang-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    transform: scale(1.3);
}

/* ===== 跟随文案 ===== */
.dot-content {
    position: absolute;
    top: .52rem;
    font-size: .14rem;
    color: #EF681F;
    white-space: nowrap;
    display: none;
    border-bottom: .02rem solid #EF681F;
    padding-bottom: .04rem;
}

.dot-content::before {
    content: '';
    position: absolute;
    width: .15rem;
    height: .09rem;
    background-image: url(../image/haokaodaohang-icon1.png);
    background-repeat: no-repeat;
    background-position: center center;
    top: -.1rem;
    left: 50%;
    transform: translateX(-50%);
}

.lazy-img {
    background: #f5f5f5;  
}