.clearfix::before, .clearfix::after {
    content: '';
    display: table;
    clear: both;
  }
  html {
    font-size: 13.33333vw;
}
  body{
    font-size: 0.28rem;
  }
  a{
    text-decoration:none;
  }
  *{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  .summary .season-li-wrap{
    width: 50%;
  }
  .season-li-wrap{
    width: 33.33%;
    margin-bottom: 0.36rem;
  } 
  .fuli-wrap{
    margin-top: 0.29rem;
  }
  .mianfei-play{
    /* margin-top: 0.16rem; */
  }
  .fuli-wrap .mianfei-outer .strategy-inner:first-of-type,.fuli-wrap .youhui-outer .strategy-inner:first-of-type{
    margin-top: 0;
    border-radius: 0 0 0.19rem 0.19rem;
  }
  .btn-wrap{

    background-color: #fff;
    height: 1.19rem;
    padding: 0 0.26rem;
    border-radius: 0.19rem 0.19rem 0 0;
  }
  .btn-inner-wrap{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    border-bottom: 0.01rem solid rgb(252,226,221);
  }
  .mianfei-outer{
    display: none;
  }
  .youhui-outer{
    display: none;
  }
  .span-style{
    display: none;
  }


  .city {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    padding: 0.08rem 0.16rem 0.08rem 0.3rem;
    border-radius: 0.21rem;
    font-size: 0.23rem;
    background-color: #ffffff;
}

.city img {
    width: 0.14rem;
    height: 0.09rem;
    margin-left: 0.1rem;
    margin-bottom: 0.02rem;
    vertical-align: middle;
}

  #pro,#city{
    color: rgba(144,144,144,1);
    font-size: 0.28rem;
    font-weight: 500;
    width:1.4rem;
    height: 0.56rem;
    line-height: 0.56rem;
    border: none;
    outline: none;
  }
  .select-wrap {
    position: relative;
    margin-left: 0.7rem;
}
  .select-wrap i{
    position: absolute;
    margin-top: 0.08rem;
    right: -0.10rem;
    font-size: 0.40rem;
  }
  .select-wrap img{
    width: 0.14rem;
    height: 0.09rem;
    margin-left: 0.1rem;
    margin-bottom: 0.02rem;
    vertical-align: middle;
  }
  .opt{
    display: inline-block;
    justify-content: center;
    font-size: 0.12rem;
    color: #000;
    font-weight: 400;
    text-align: center;
  }
  .select-style{
    display: inline-block;
    justify-content: center;
    font-size: 0.10rem;
    color: #000;
    font-weight: 400;
    text-align: center;
  }

  /* 注意这里是样式更改 */
  select{
    padding: 0 5%;
    margin: 0;
    text-align: center;
    text-align-last: center;
  }
  #city {
    padding: 0 4%;
  }
  #city option{
    font-size: 0.10rem;
  }
  /* 注意这里是样式更改结束 */

  select {
    /* min-width: 1.3rem;
    max-width: 2rem; */
    /* font-size: 0.281rem;
    padding: 0.1rem 0.3rem; */
    /* margin-left: 0.4rem;
    border: 0;
    background: url(http://imgbdb3.bendibao.com/whbdb/20202/26/20200226162105_59108.png) no-repeat scroll right 0.26rem transparent;
    -webkit-appearance: none;
    background-size: 0.16rem 0.08rem;
    outline: none; */
}

  /* 顶部图片 */
  .index-wrap {
    position: relative;
    background-color: rgb(245, 245, 245);
  }
  
  .index-wrap .banner {
    box-sizing: border-box;
    /* height: 3.4rem; */
    /* background: #c2c2c2; */
  }
  
  .index-wrap .banner img {
    width: 100%;
    /* height: 3.4rem; */
  }
  
  /* 切换城市 */
  
  .switch-city {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0.2rem;
    top: 2.8rem;
    width: 7rem;
    height: 1.27rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 0.19rem;
  }
  
  .switch-city .switch-title {
    /* position: absolute; */
    font-style: normal;
    font-size: 0.28rem;
    font-weight: 500;
    margin-left: 0.46rem;
    /* margin: 0.44rem 0 0 0.46rem; */
  }
  
  .index-wrap .title-wrap {
    display: flex;
    align-items: center;
    font-size: 0.3rem;
    font-weight: 700;
    height: 0.42rem;
    box-sizing: border-box;
  }
  
  .line {
    height: 0.32rem;
    width: 0.08rem;
    border-radius: 0.3rem;
  }
  
  .line1 {
    margin-left: 0.3rem;
    background-color: #3372FD;
  }
  
  .line2 {
    margin-left: 0.26em;
    margin-right: 0.20rem;
    background-color: #8da3d4;
  }
  .top-style{
    margin-top: 1.01rem!important;
  }
  .lastnews-title-wrap {
    margin-top: 1.01rem;
  }
  
  .lastnews-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 7rem;
    border-radius: 0.19rem;
    background: rgba(255,255,255,1);
    /* margin-left: 0.25rem; */
    margin: 0 auto;
    margin-top: 0.3rem;
    padding:0 0.26rem 0 0.26rem;
  }
  
  .lastnews-wrap .news-line {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    height: 1rem;
    padding:0 0.24rem;
    box-sizing: border-box;

    color: rgba(34,34,34,1);
    font-size: 0.28rem;
    font-weight: 500;
    /* border-bottom: 0.01rem solid rgba(238, 239, 240, 1); */
    border-bottom: 0.01rem solid #e0e0e0;;
  }
  /* 不显示查看更多时去除尾部的下划线 */
  .lastnews-wrap .news-style{
    border: none;
  }
  .check-more {
    margin: 0.23rem 0 0.24rem 0;

    width: 0.96rem;
    height: 0.34rem;
    line-height: 0.34rem;
    color: rgb(83, 78, 236,1);
    font-size: 0.24rem;
    font-weight: 500;
  }
  /* 游玩攻略 */
  .youhui-play{
    /* display: none; */
  }
  .strategy-title-wrap {
    margin-top: 0.34rem;
  }
  .strategy-wrap{
    margin: 0 auto;
    margin-top: 0.34rem;
    margin-left: 0.25rem;
    width: 7rem;
  }
  .strategy-wrap .strategy-nav {
    display: flex;
    margin-left: 0.52rem;
    line-height: 0.38rem;
    color: rgba(102,102,102,1);
    font-size: 0.27rem;
    font-weight: 700;
  }
  .strategy-wrap .strategy-inner{
    width: 7rem;
border-radius: 0.19rem;
opacity: 1;
background: rgba(255,255,255,1);
  }
  .nav-style{
    color:#3372FD;
  }
  .nav-style::after{
    position: absolute;
    left: 50%;
    bottom: -0.29rem;
    transform: translate(-50%);
    content: '';
    height: 0.07rem;
    background-color: #3372FD;
    width: 50%;
    border-radius: 0.50rem;
  }
  .strategy-wrap .strategy-nav .strategy-nav-li {
    position: relative;
    height: 0.38rem;
    margin-right: 0.9rem;
  }
  /* .strategy-wrap .strategy-nav .strategy-nav-li:hover{
    color:#3372FD;
  }
  .strategy-wrap .strategy-nav .strategy-nav-li:hover::after {
    position: absolute;
    left: 50%;
    bottom: -0.29rem;
    transform: translate(-50%);
    content: '';
    height: 0.07rem;
    background-color: #3372FD;
    width: 50%;
    border-radius: 0.50rem;
  } */
  
  .play-btn {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 3.34rem;
    height: 0.71rem;
    background: rgb(157, 146, 252,1);
    border-radius: 0.29rem;
    color: rgba(255,255,255,1);
    font-size: 0.26rem;
    font-weight: 500;
    padding: 0.08rem;
  }
  
  .play-btn .play {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 500;
    background:  rgb(157, 146, 252,1);
    color: rgba(255,255,255,1);
    width: 1.52rem;
    height: 0.55rem;
    border-radius: 0.22rem;
  }
  
  /* .play-btn .play:hover {
    background: #fff;
    color: rgb(83, 78, 236,1);
    font-weight: 500;
  } */
  .play-btn .play-style{
    background: #fff;
    color: rgb(83, 78, 236,1);
    font-weight: 500;
  }
  .play-btn .free {
    margin-right: 0.14rem;

  }

  .strategy-inner{
    margin-top: 0.29rem;
    box-sizing: border-box;
    width: 7rem;
    /* height: 6.58rem; */
    border-radius: 0.19rem;
    padding: 0.36rem 0.26rem 0 0.26rem;
  }
  .activity{
    box-sizing: border-box;

  
  background: #FFFFFF;
  border-bottom: 0.01rem solid #e0e0e0;
  }
  .activity-style{
    border-top: none!important;
    border-bottom: none;
  }
  .activity .activity-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .detail-style{
    padding-top: 0.36rem;
    padding-bottom: 0.36rem;
  }
  .activity .acttitle-style{
    margin-top:0;
  }
  .activity .activity-title .title{
    color: rgba(34,34,34,1);
    font-size: 0.32rem;
    font-weight: 700;
  }
  .activity .activity-title i{
    margin-right: 0.10rem;
    font-size: 0.30rem;
  }
  .activity .f1{
    display: inline-block;
    /* float: left; */
    width: 1.12rem;
    /* height: 0.39rem; */
    /* height: 100%; */
    color: rgba(153,153,153,1);
    font-size: 0.28rem;
    font-weight: 500;
    margin-right: 0.89rem;
  }
  .activity .f2{
    /* float: left; */
    color: rgba(34,34,34,1);
    font-size: 0.28rem;
    font-weight: 500;
  }
  .time-wrap{
    display:flex;
    border-bottom: 0.01rem dashed #e0e0e0;
    padding: 0.38rem 0;
  }
  .time-wrap .time-title{
    white-space: nowrap;
  }
  .obj-wrap{
    display:flex;

    height: 1.15rem;
    border-bottom: 0.01rem dashed #e0e0e0;
    padding: 0.38rem 0;

  }
  .obj-wrap .obj-title{
    white-space: nowrap;
  }
  .location-wrap{
    display:flex;
    height: 1.47rem;
    padding-top: 0.38rem;

  }
  .location-wrap .location-title{
    display:inline-block;
    /* height: 1.47rem; */
    white-space: nowrap;
  }
  .enter{
    padding: 0 0.22rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    /* 样式更改：加了这句 */
    justify-content: space-between;
    height: 0.85rem;
    color: rgba(85,85,85,1);
    font-size: 0.27rem;
    font-weight: 500;
  }
  .line-style::after{
    content: '';
    position: absolute;
    right: 0;
    top: -0.02rem;
    width: 0.01rem;
    height: 0.55rem;
    background-color: #e0e0e0;
  }
  .enter .enter-inner{
    width: 1.82rem;
    display: flex;
    justify-content: space-between;
  }
  .enter a{
    color: rgba(85,85,85,1);
  }
  .enter a:hover{
    color: rgba(85,85,85,1);
  }
  .enter a:visited{
    color: rgba(85,85,85,1);
  }
  .enter .enter-li{
    position: relative;
    display: flex;
    align-items: center;
  }
  .enter .enter-li span{
    margin-right:0.02rem;
    white-space: nowrap;
  }
  .enter .enter-li i{
    font-size: 0.24rem;
  }
  .enter .line{
    width: 0.01rem;
    height: 0.55rem;
    background-color: #e0e0e0;
    /* margin: 0 0.35rem 0 0.25rem;  */
  }
  .activity-hidden{
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 0.18rem;
  
  background: #FFFFFF;

  width: 7rem;
height: 1.17rem;
border-radius: 0.19rem;
padding:0 0.4rem 0 0.3rem;
/* padding: 0.36rem  0.3rem; */
  }
  .activity-hidden span{
    display: inline-block;
    color: rgba(34,34,34,1);
    font-size: 0.32rem;
    font-weight: 700;
  }
  .more{
    display: flex;
    align-items: center;
    margin-top: 0.18rem;
    width: 7rem;
    height: 0.69rem;
  
  background: #FFFFFF;
  border-radius: 0.19rem;
  }
  .more span{
    margin-left: 3.15rem;
    margin-right: 0.10rem;
    color: rgb(83, 78, 236,1);
    font-size: 0.24rem;
    font-weight: 500;
  }
  .activity-hidden .down{
    width: 0.28rem;
    height: 0.16rem;
    font-size: 0.30rem!important;
    transform: translateY(-0.04rem);
  }
  .more .down{
    font-size: 0.24rem!important;
    color: rgb(83, 78, 236,1);
    transform: translateY(0.02rem);
  }

  
  .ticket-wrap{
    display:flex;
    height: 1.15rem;
    border-bottom: 0.01rem dashed #e0e0e0;
    padding: 0.38rem 0;
  }
  /* 全民免费 */
  .mianfei-wrap{
    display: none;
  }
  .strategy-wrap  .mianfei-wrap .strategy-inner{
    /* height: 4.29rem; */
    padding-top: 0.36rem;
  }
  .strategy-wrap  .mianfei-wrap .activity{
    border-top: none;
  }
  .strategy-wrap  .mianfei-wrap .activity .activity-title{
    margin-top: 0;
  }
  .mianfei-wrap .enter{
    /* padding-left: 0.77rem; */
  }
  .mianfei-wrap .enter .line{
    margin-left: 0.92rem;
    margin-right: 1.02rem;
  }

  /* 其他优惠 */
  .qita-wrap{
    display: none;
  }
  .strategy-wrap  .qita-wrap .strategy-inner{
    /* height: 5.44rem; */
  }
  .qita-wrap .strategy-inner{
    padding-top: 0.36rem;
  }
  .strategy-wrap  .qita-wrap .activity{
    border-top: none;
  }
  .strategy-wrap  .qita-wrap .activity .activity-title{
    margin-top: 0;
  }
  .qita-wrap .enter{
    /* padding: 0; */
  }
  .qita-wrap .enter .enter-li span{
    white-space: nowrap;
  }
  .qita-wrap .enter .enter-li span {
    margin-right: 0.05rem;
  }
  .qita-wrap .enter .line {
    /* width: 0.01rem;
    height: 0.55rem;
    background-color: #e0e0e0;
    margin: 0px 0.10rem 0 0.10rem; */
}
  /* 常用出行工具 */
  .recommend1{
    display: none;
  }
  .summary{
    display: none;
  }
  .travel-tools-wrap .epi-service{
    display: none;
  }
  .appointment-inner,.service-inner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .tarvel-tools-title{
    margin-top: 0.34rem;
  }
  .travel-tools-wrap{
    margin: 0 auto;
    margin-top: 0.3rem;
    width: 7rem;
    /* margin-left: 0.25rem; */
    background: rgba(255,255,255,1);
    border-radius: 0.19rem;
  }
  .travel-tools-wrap .tools-nav{
    padding: 0 0.16rem;
    margin-top: 0.38rem;
    /* display: flex; */
    color: rgba(255,255,255,1);
    font-size: 0.28rem;
    font-weight: 500;
  }
  .travel-tools-wrap .tools-nav .tools-nav-li{
    position: relative;
    /* flex-shrink: 0; */
    float: left;
    text-align: center;
    margin-right: 0.1rem;
    box-sizing: border-box;
  
    color: rgba(102,102,102,1);
    border-radius: 0.45rem;
    width: 1.57rem;
    height: 0.57rem;
    line-height: 0.57rem;

  }
  .travel-tools-wrap .tools-nav .tools-style{
    opacity: 1;
    background: rgb(157, 146, 252, 1);;
    color: #fff;
  }

  .travel-tools-wrap .tools-nav .tools-style::after{
    vertical-align: top;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.08rem;
    border: 0.09rem solid transparent;
    border-bottom: none;
    border-top-color: rgb(157, 146, 252, 1);;
    content: '';
  }

  /* .travel-tools-wrap .tools-nav .tools-nav-li:hover::after{
    vertical-align: top;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.08rem;
    border: 0.09rem solid transparent;
    border-bottom: none;
    border-top-color: rgb(157, 146, 252, 1);;
    content: '';

  }
  .travel-tools-wrap .tools-nav .tools-nav-li:hover{
    opacity: 1;
    background: rgb(157, 146, 252, 1);;
    color: #fff;
  }
   */
  .appointment{
    box-sizing: border-box;
    padding: 0 0.28rem; 
    margin-top: 0.4rem;
  background: #FFFFFF;
  /* display: flex; */
  /* justify-content: space-between; */
  /* flex-wrap: wrap; */
  }
  .appointment .spot-name{
    /* 为什么不设置margin-bottom也会有间距 */
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.1rem;
    height: 0.73rem;
    border-radius: 0.14rem;
  
  background: #FFFFFF;
  color: rgb(83, 78, 236,1);
  border: 0.01rem solid #3372FD;
  font-size: 0.26rem;
  font-weight: 500;
  }

  /* 景点推荐 */
  .recommend{
    padding: 0 0.51rem;
    padding-bottom: 0.36rem;
  }
  .spring{
    margin-top: 0.36rem;
  }
  .season-title-wrap{
    display: flex;
    align-items: center;
    color: rgba(51,51,51,1);
    font-size: 0.26rem;
    font-weight: 500;
  }
  .season-title-wrap img{
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 0.16rem;
  }
  .season-activity{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.22rem;
  }
.season-activity .season-li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* line-height: 0.67rem; */
  width: 90%;
  height: 100%;
  border-radius: 0.14rem;
  opacity: 1;
  border: 0.01rem solid #3372FD;
  color: rgb(83, 78, 236,1);
  font-size: 0.26rem;
  font-weight: 500;
  /* display: inline-block; */
}
  .summary .season-activity .season-li {
    flex-shrink: 0;
    line-height: 0.4rem;
    padding: 0.14rem 0;
}
  /* 资讯 */
  .epidemic{
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 0.25rem;
    margin-bottom: 0.4rem;
    /* margin-left: 0.25rem; */
    width: 7rem;
/* height: 4.9rem; */
    border-radius: 0.19rem;
    background: rgba(255,255,255,1);
  }
  
  .epidemic-nav{
    display: flex;
    justify-content: space-between;
    height: 0.98rem;
    padding:0 0.4rem 0 0.26rem;
    border-bottom: 0.01rem solid rgb(252,226,221)
  }
  .epidemic-li{
    position: relative;
    flex-shrink: 0;
    /* width: 1.08rem; */
    height: 0.38rem;
    margin-top: 0.31rem;
    margin-right: 0.78rem;
    color: rgba(102,102,102,1);
    font-size: 0.27rem;
    font-weight: 700;
  }
  .information-style{
    color: rgba(34,34,34,1);
    font-size: 0.27rem;
    font-weight: 700;
  }
  .information-style::after{
    position: absolute;
    left: 50%;
    bottom: -0.29rem;
    transform: translate(-50%);
    content: '';
    height: 0.07rem;
    background-color: #3372FD;
    width: 50%;
    border-radius: 0.50rem;
  }

  .epidemic-li .more-icon{
    font-size: 0.20rem;
  }
  /* .info-li:hover .info-more{
    display: block;
  }
  .info-li:hover .info-more::after{
    display: block;
  } */
  .info-li{
    height: 0.38rem;
  }
  .epidemic-nav,.epidemic-li{
    z-index: 999;
    position: relative;
  }
  .info-li .info-more{
    display: none;
    position: absolute;
    top: 0.58rem;
    left: -1.55rem;
    width: 2.4rem;
    padding: 0 0.26rem;
    box-shadow: 0 0 0.1rem 0 rgba(184,177,177,0.25);
    z-index: 9999;
    border-radius: 0.19rem;
    background-color: #fff;
  }
  /* .info-li .info-more::after{
    display: none;
    transform: translateY(-100%);
    content: '';
    position: absolute;
    right: 0.50rem;
    top: 0;
    border: 0.14rem solid transparent;
    border-top: none;
    border-bottom-color: #fff;
    background-color: #fff;

  } */
  .info-li .more-style::after{
    /* display: none; */
    transform: translateY(-100%);
    content: '';
    position: absolute;
    right: 0.50rem;
    top: 0;
    border: 0.14rem solid transparent;
    border-top: none;
    border-bottom-color: #fff;
    background-color: #fff;
  }
  .info-li .info-more .info-line{
    text-align: center;
    padding: 0.25rem 0;
    color: rgba(68,68,68,1);
    font-size: 0.26rem;
    font-weight: 500;
    border-bottom: 0.01rem solid #e0e0e0;
  }
  .epidemic-msg-wrap{
    display: none;
    position: relative;
    z-index: 99;
    box-sizing: border-box;
    padding: 0 0.26rem;
  }
  .epidemic-msg-wrap .msg-line{
    display: flex;
    flex-direction: column;
    padding:0.29rem 0 0.22rem 0;
    border-bottom: 0.01rem solid #e0e0e0;
  }
  .epidemic-msg-wrap .msg{
    line-height: 0.45rem;
    color: rgba(34,34,34,1);
    font-size: 0.3rem;
    font-weight: 700;
  }
  .epidemic-msg-wrap .msg-time{
    margin-top: 0.16rem;
    color: rgba(153,153,153,1);
    font-size: 0.22rem;
    font-weight: 500;
  }
  .check-all{
    margin: 0.24rem auto;
    width: 1.2rem;
    height: 0.34rem;
    color: rgb(83, 78, 236,1);
    font-size: 0.24rem;
    font-weight: 500;
  }
  .tip{
    position: relative;
    line-height: 0.45rem;
    box-sizing: border-box;
    margin-top: 0.21rem;
    width: 7.5rem;
height: 1.68rem;
background-color: #fff;
font-size: 0.3rem;
    padding: 0.15rem 0.17rem;
  }