.main{padding: 60px 60px 30px;background: #F8F8F9;}
.main .bg{width: 100%;top: 0;left: 0;height: 210px;background: linear-gradient(139deg, #006CFF 0%, #014DA1 100%);z-index: 0;}
.main .left{position: relative;padding: 30px;background-color: #fff;margin-right: 30px;min-width: 62.5%;box-sizing: content-box;}
.main .left .cover{max-width: 100%;margin-right: 50px;}
.main .left .cover img.pic{width: 100%;}
.main .left .info .pc-view{margin-right: 36px;margin-top: 13px;}
.main .left .nth_title{margin-top: 49px;margin-bottom: 15px;font-size: 24px;font-weight: 600;color: #014DA1;line-height: 33px;}
.main .left .nth_title .tags{margin-left: 10px;padding: 2px 6px;font-size: 14px;font-weight: 400;color: #014DA1;background: #FEE101;width: 40px;height: 24px;line-height: 24px;text-align: center;box-sizing: content-box;}
.main .left .data_info {margin-top: 12px;margin-bottom: 30px;}
.main .left .data_info .dt{margin-right: 20px;font-size: 14px;font-weight: 400;color: #657180;}
.main .left .data_info .dt:last-child{margin-right: 0;}
.main .left .headlines_title{margin-bottom: 20px;padding-left: 10px;border-left: 4px solid #014DA1;font-size: 18px;font-weight: 600;color: #014DA1;line-height: 1;}
.main .left .headlines_list {list-style-type: disc;list-style-position: inside;}
.main .left .headlines_list li::marker {color: #DCDEE2;}
.main .left .headlines_list li:hover::marker {color: #014DA1;}
.main .left .headlines_list li {margin-bottom: 21.3px;}
.main .left .headlines_list li:nth-child(10){margin-bottom: 0;}
.main .left .headlines_list li a{display: inline-block;width: 94%;font-size: 15px;font-weight: 400;color: #464C5B;line-height: 1;}
.main .left .headlines_list li a:hover{font-weight: 600;color: #014DA1;}
.main  .btn-group .btn{margin-bottom: 20px;display: flex;align-items: center;justify-content: center; width: 168px;height: 46px;border-radius: 4px;border: none;}
.main  .btn-group .btn.dark_blue{background: #014DA1;}
.main .left .btn-group .btn.dark_blue{margin-top: 20px;}
.main  .btn-group .btn.yellow{background: #FEE101;}
.main .left .btn-group .btn .icon{margin-right: 10px;width: 24px;height: 24px;}
.main .left .btn-group .btn .icon+img{height: 18px;width: auto;}

.main .right{position: relative;padding: 43px 28px 30px 30px;background-color: #fff;box-sizing: content-box;min-width: 29.6875%;}
.main .right .title_bkjj{margin-bottom: 32px;}
.main .right .paragraph{margin-bottom: 15px;font-size: 15px;font-weight: 400;color: #17233D;line-height: 26px;}
.main .right .guid{margin-bottom: 30px;padding: 10px 15px;border: 1px solid #657180;color: #17233d;font-size: 15px;font-weight: 400;}
.main .right .guid li{line-height: 29px;}
.main .right .guid .labels{color: #657180;margin-bottom: 5px;}
.main .right .support_title{margin-bottom: 20px;padding-left: 10px;border-left: 4px solid #014DA1;font-size: 18px;font-weight: 600;color: #014DA1;line-height: 1;}
.main .right .support{margin-bottom: 30px;}
.main .right .support li{margin-right: 50px;}
.main .right .support li:last-child{margin-right: 0;}
.main .right .tel{margin-bottom: 144px;height: 45px;background: #014DA1;display: flex;align-items: center;font-size: 16px;font-weight: 400;color: #FFFFFF;}
.main .right .tel .icon{position: relative;width: 70px;height: 45px;line-height: 44px;background: #FEE101;text-align: center;}
.main .right .tel .icon::before{background-color: #fee101;content: "";border: 1px solid #fee101;border-bottom: none;border-left: none;height: 32px;width: 32px;position: absolute;display: block;top: 6px;right: -17px;z-index: 10;transform:rotate(45deg);} 
.main .right .tel .text{margin-left: 40px;}
.main .right .btn-group .btn{margin-bottom: 0;}
.main .btn-group .btn.booking{margin-right: 46px;}
/* 合作品牌 */
.co_branding {padding: 0 3.125% 4%;background-color: #fff;overflow: hidden;background: url('/static/almonthly/images/hzpp_bg_brand.png') top center no-repeat;}
.co_branding .title{margin: 27px auto 40px; text-align: center;}
.co_branding .swiper-container .swiper-slide img{height: 300px;object-fit: cover;}
.co_branding .swiper-slide{width: auto !important;}
.co_branding .swiper-container .swiper-wrapper{padding-bottom: 2%;}
.co_branding .swiper-button-prev,.co_branding .swiper-button-next{position:absolute;z-index:4;display:block;width: 50px;height: 50px;top:50%;margin-top:-20px;left: 0;cursor:pointer;background:rgba(0,0,0,0.5) url('../images/banner_previous.png') center center no-repeat;}
.co_branding .swiper-button-prev:hover{background:rgba(1,77,161,1) url('../images/banner_previous.png') center center no-repeat;}
.co_branding .swiper-button-next:hover{background:rgba(1,77,161,1) url('../images/banner_next.png') center center no-repeat;}
.co_branding .swiper-button-next{left:auto;right: 0;background:rgba(0,0,0,0.5) url('../images/banner_next.png') center center no-repeat;}
.co_branding .swiper-slide .text{margin-top: 10px;padding: 0 7.125% 0;font-size: 14px;font-weight: 600;color: #17233D;text-align: center;}
.co_branding .bg{width: 100%;height: 100%;bottom: 0;left: 0;background: url('/static/almonthly/images/hzpp_bg_brand.png') top center no-repeat;z-index: 0;}
.co_branding .swiper-container-horizontal>.swiper-pagination-bullets,.co_branding .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
.co_branding .swiper-pagination-bullet-active{background-color: #014DA1;}
/* 历期专题 */
.special {padding: 0 3.125% 4%;overflow: hidden;}
.special .bg{width: 100%;top: 0;left: 0;height: 400px;background: url('/static/almonthly/images/bg_lqzk.png') top center no-repeat;}
.special ul{flex-wrap: wrap;margin: 0 auto;margin-top: 175px;}
.special ul li{margin-bottom: 25px;}
.special ul li:nth-child(4n){margin-right: 0;}
.special ul li a{text-decoration: none;display: inline-block;height: auto;-webkit-transition: all .4s;transition: all .4s;text-align: center;}
.special ul li a:hover{background: #FFFFFF;-webkit-box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);-webkit-transition: all .4s;transition: all .4s;}
.special ul li a{background: #FFFFFF;-webkit-box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);box-shadow: 0px 8px 12px 0px rgba(0, 80, 168, 0.1);-webkit-transition: all .4s;transition: all .4s;}
.special ul .cover{-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.special ul .tags_name{top: 10px;left: 10px;padding: 3px 15px;font-size: 12px;font-weight: 400;color: #FFFFFF;background: rgba(0, 0, 0, 0.5);border-radius: 12px;line-height: 17px;z-index: 1;}
.special ul .cover_pic{max-width: 100%;margin: 0 auto;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;/* transform: translate(0,-50%)scale(1); *//* -webkit-transform: translate(0,-50%)scale(1); */-moz-transform: translate(0,-50%)scale(1);-ms-transform: translate(0,-50%)scale(1);-o-transform: translate(0,-50%)scale(1);}

.special ul .cover .icon{right: 0;bottom: 0;width: 25px;height: 25px;z-index: 1;}
.special ul .title{margin: 20px auto 0 !important; height: auto; -webkit-line-clamp: 3;line-clamp: 3;font-size: 18px;font-weight: 500;color: #13233F;line-height: 25px;}
.special ul .bottom{margin-top: 10px;font-size: 14px;font-weight: 400;color: #9CA7B5;line-height: 20px;}
.special ul .portrait{margin-right: 5px;}
.special ul .separated{margin: 0 10px;width: 3px;height: 17px;font-size: 12px;font-weight: 400;color: #DCDEE2;line-height: 17px;}
.special ul .icon_browse{margin-right: 5px;}
.special ul .bottom{opacity: 0; margin-top: 10px;padding-bottom: 7%;}
.special ul a:hover .bottom{opacity: 1;}
.special ul a .bottom{opacity: 1;}
.special .more_btns{display: block;width: 160px;height: 41px;margin: 0 auto;line-height: 41px;text-align: center; background: #014DA1;border-radius: 2px;font-size: 15px;font-weight: 400;color: #fff;}
.special .cover .read_online{opacity: 0; bottom: 5.2%;left: 0;right: 0;margin: auto; width: 45.4545%;height: 10%;background: rgba(0, 0, 0, 0.5);border-radius: 19px;font-size: 15px;font-weight: 400;color: #fff;}
.special .cover .read_online .icon{margin-right: 1.1px;}
.special .cover .read_online .text{line-height: 1;}
.special ul a:hover .cover .read_online{opacity: 1;}

#qrcodes{display: none; position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 100%;height: 100vh;background: #0000007a;z-index: 99;}
#qrcodes img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;text-align: center;margin: auto;border: 10px solid rgb(252, 252, 252);}


@media ( min-width : 769px) and (max-width: 1790px) {
    .main{flex-wrap: wrap;}
    .main .left{flex-wrap: nowrap;min-width: 100%;margin-right: 0;box-sizing: border-box;}
    .main .right{padding: 1%;margin-top: 1%;box-sizing: border-box;min-width: 100%;}
}

@media  (max-width:768px) {
    .main .left .cover{margin-right: 0;margin-bottom: 3%;}
    .main{flex-wrap: wrap;}
    .main .left{flex-wrap: wrap;min-width: 100%;margin-right: 0;box-sizing: border-box;}
    .main .right{padding: 1%;margin-top: 1%;box-sizing: border-box;min-width: 100%;}
}


@media ( max-width : 499px){
    .main{padding: 5.5% 20px 5.5%;background: #fff;}
    .main .left{padding: 3%;}
    .main .left .cover img{max-width: 100%;}
    .main .left .data_info{margin-top: 0;margin-bottom: 4%;}
    .main .left .nth_title{font-size: 18px;}
    .main .left .nth_title .tags{font-size: 13px;}
    .main .left .btn-group{margin: 0 0 15px;display: flex;}
    .main .left .btn-group.pc-view{display: none;}
    .main .btn-group .btn.dark_blue{margin-right: 5%;}
    .main .left .info li{display: flex;}
    .main .left .headlines_list li a{display: flex;justify-content: space-between;width: 100%;}
    .main .left .info li{margin-bottom: 11px;padding-bottom: 11px;border-bottom: 1px solid #F2F2F2;}
    .main .left .info li .list_left .rows {-o-text-overflow: -o-ellipsis-lastline;text-overflow: -o-ellipsis-lastline;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;display: -ms-flexbox;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
    .main .left .info li .list_left{display: flex;flex-direction: column;justify-content: space-between;width: 100%;margin-right: 4%;}
    .main .left .info li .list_right{width: 45%;}
    .main .left .info li .list_right .pic{width: 100%;height: 100%;object-fit: cover;}
    .main .left .info li .list_left .rows{margin-bottom: 20px;font-weight: 600;color: #191919; line-height: 21px;}
    .main .left .info li .list_left .views{font-size: 12px;font-weight: 400;color: #9EA7B4;line-height: 17px;}
    .main .no_more {margin-top: 15px;}
    .main .no_more .text{margin-left: 3px;font-size: 14px;font-weight: 400;color: #C3CBD6;line-height: 1;}
    .main .btn-group .btn.yellow{margin-top: 20px;}
    .main .btn-group .btn{width: 150px;margin: 20px 6px;}
}