*{ box-sizing: border-box;}
.section{ padding: 0; margin-bottom: 60px;}
.adv_div .content_div{ background: transparent;}
.vhost_div0{
    padding-top: 60px;
}
.vhost_div .window_width{ position: relative;}
.vhost_div .swiper-button-prev,.vhost_div .swiper-button-next{ width: 38px; height: 74px; background-size: 100% 100%; margin-top: 0;}
@media screen and (max-width: 1439px) {
    .vhost_div .swiper-button-prev,.vhost_div .swiper-button-next{
        display: none;
    }
}
.vhost_div .swiper-button-prev:focus,.vhost_div .swiper-button-next:focus{ outline:none;}
.vhost_div .swiper-button-prev{ background-image: url(/images/newpc/pc_arrow_left.png); left: calc((100% - 1200px)/2 - 106px);}
.vhost_div .swiper-button-next{ background-image: url(/images/newpc/pc_arrow_right.png); right: calc((100% - 1200px)/2 - 106px);}

.vhost_div .section_title{ margin-bottom: 60px;}
.vhost_div .g_title:before,.vhost_div .g_title:after{ background: #4796e5;}
.vhost_div .m_title:before,.vhost_div .m_title:after{ background: #f88a39;}
.vhost_div li{ position: relative; background: #fff; margin: 0 10px; width: 280px !important;}
.vhost_div .item h1{ height: 60px; line-height: 60px; font-size: 24px; background: url(/images/newpc/index/meal_bg.jpg) no-repeat; background-size: cover; color: #fff;}
.vhost_div .item .info{ color: #666; font-size: 14px; line-height: 34px; padding: 10px 0;}
.vhost_div .item_price{ padding: 10px 0 24px}
.vhost_div .item_price .price{ font-size: 30px; font-weight: bold;}
.vhost_div .item_price i{ color: #c00; display: inline-block; width: 61px; height: 19px; line-height: 19px; text-align: center; margin-left: 5px; background: url(/images/newpc/index/tipbg.png) no-repeat;}
.vhost_div .item_price .buy_btn{ display: block; width: 120px; height: 40px; line-height: 38px; color: #fff; background: #c00;  font-size: 16px; margin: 15px auto 0; cursor: pointer;}
.vhost_div .item_price .detail_btn{display: inline-block;padding: 12px 0 0px;font-size: 14px;color: #999;}
.vhost_div .item_price .detail_btn:hover{color: #c00;}

.adv_div{ margin-bottom: 50px;}
.adv_div ul{ overflow: hidden; margin-top: 50px;}
.adv_div li{ width: 280px; background: #fff; padding: 40px; margin: 10px; float: left;}
.adv_div li .img_box{ position: relative; margin: 0 auto;}
.adv_div .img_box .img_box_bg{ background: #f5f8fe; width: 100%; height: 100%; transform: rotate(-5deg); border-radius: 5px; transition: transform .3s;}
.adv_div li:hover .img_box_bg{ transform: rotate(5deg);}
.adv_div .img_box .img{ width: 64px; height: 64px; background: url(/images/newpc/vhost/adv_listimg.png) no-repeat; margin: 0 auto;}
.adv_div li .title{ font-size: 24px; margin: 30px 0 20px;}
.adv_div li p{ font-size: 14px; color: #666; }

.morelink{ margin-bottom: 50px;}
.morelink .section_title{ margin-bottom: 50px;}
.morelink .box{ overflow: hidden;}
.morelink ul{ width: 280px; background: #fff; text-align: left; float: left; margin: 10px; padding: 20px 40px;}
.morelink a{ color: #666; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 3;}
.morelink a:hover{ color: #c00;}

@media screen and (max-width: 768px) {
    .section{ margin-bottom: 10px;}
    .section_title{ font-size: 18px; padding: 0 10px;}
    .adv_div{ margin-bottom: 15px;}
    .adv_div ul{ margin-top: 10px; text-align: center; padding: 0 5px;}
    .adv_div li{ width: calc((100% - 20px)/2); padding: 20px; margin: 5px;}
    .adv_div .img_box .img{ width: 40px; height: 40px; background-size: auto 40px;}
    .adv_div li .title{ font-size: 16px; margin: 15px 0 10px;}
    .adv_div li p{ font-size: 12px; padding: 0 20px;}

    .morelink .content_div{ padding: 0 10px;}
    .morelink .section_title{ line-height: 2; margin-bottom: 15px;}
    .morelink ul{ border-bottom: 1px solid #ececec; width: 100%; margin: 5px 0;}
    .morelink a{ font-size: 12px;}
}