html,
 body {
     padding: 0;
     margin: 0;
     background-color: #fff;

 }

 [v-cloak] {
     display: none;
 }

 #appMain {
     min-height: 100vh;
     background-image: url('../../images/2026/ljdh/bg.jpg');
     background-size: cover;
     background-position: top left;
 }

 img {
     display: block;
 }

 .w1300 {
     width: 1300px;
     margin: 0 auto;
 }
 a{
    text-decoration: none;
    color: #333;
 }
 .content .titleTop {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 2.6rem  0 .45rem 0;
     position: relative;
     margin-bottom: .45rem;
 }
 .content .titleTop::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 1px;
     background: #BCDCFF;
 }
  .content .titleTop::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translate(-50%, 0);
     width: 1.78rem;
     height: 2px;
     background: #0286E9;
 }
 .content .titleTop .head {
     width: 2.27rem;
 }


 .content .timeBox {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .content .timeBox .time {
     font-size: .24rem;
     color: #3A87E8;
     margin: 0 .4rem;
     padding: .1rem .8rem;
     border-radius: 100rem;
     border: 1px solid #3A87E8;
     box-sizing: border-box;
     cursor: pointer;
     -ms-overflow-style: none;
     /* IE/Edge */
     /* 移除容器的点击高亮 */
     -webkit-tap-highlight-color: transparent;
     tap-highlight-color: transparent;
 }

 .content .timeBox .time.on {
     background: #3A87E8;
     color: #fff;
 }

 .content .timeList {
     padding: .8rem 0;
 }

 .content .timeList .listItem {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    position: relative;
    padding: 0 1rem .7rem 1rem;
 }
  .content .timeList .listItem1::after{
    content: '';
    position: absolute;
    bottom: -.9rem;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../images/2026/ljdh/i2.png');
    background-size: 100% 100%;
  }
  .content .timeList .listItem2::after{
    content: '';
    position: absolute;
    bottom: -.88rem;
    left: 0;
    width: calc(100% - 1.1rem);
    height: 100%;
    background-image: url('../../images/2026/ljdh/i3.png');
    background-size: 100% 100%;
  }
  .content .timeList .listItem3::after{
    content: '';
    position: absolute;
    bottom: -.85rem;
    right: 0;
    width: calc(100% - 1.1rem);
    height: 100%;
    background-image: url('../../images/2026/ljdh/i4.png');
    background-size: 100% 100%;
  }
  .content .timeList .listItem4::after{
    content: '';
    position: absolute;
    bottom: -.83rem;
    left: 0;
    width: calc(100% - 1.1rem);
    height: 100%;
    background-image: url('../../images/2026/ljdh/i5.png');
    background-size: 100% 100%;
  }
 .content .timeList .listItem5::after{
    content: '';
    position: absolute;
    bottom: -.80rem;
    right: 0;
    width: calc(100% - 1.1rem);
    height: 100%;
    background-image: url('../../images/2026/ljdh/i4.png');
    background-size: 100% 100%;
  }
.content .timeList .listItem6::after{
      content: '';
    position: absolute;
    bottom: -.79rem;
    left: 0;
    width: calc(100% - 1.1rem);
    height: 100%;
    background-image: url('../../images/2026/ljdh/i5.png');
    background-size: 100% 100%;
  }

  .content .timeList .listItem .box .boxT{
    position: relative;
    z-index: 9;
 }
 .content .timeList .listItem .box .tagBox{
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .content .timeList .listItem .box .tagBox .t{
    font-size: .13rem;
    background: linear-gradient(270deg, #5EAEFF 0%, #7CBEFF 100%);
    text-align: center;
    border-radius: 100rem;
    color: #fff;
    padding: .04rem .14rem;
 }
 .content .timeList .listItem .box .title{
    font-size: .2rem;
    margin-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
 }
 .content .timeList .listItem .box .imgBox{
    margin-top: .5rem;
    position: relative;
    border-radius: .08rem;
    overflow: hidden;
 }
 .content .timeList .listItem .box .imgBox .i{
    width: 100%;
 }
 .content .timeList .listItem .box .lineTime{
    display: none;
 }
  .content .timeList .listItem1 .box .imgBox::after{
    content: '';
    position: absolute;
    top: -.35rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .18rem;
    height: .18rem;
    background-color: #fff;
    border-radius: 100%;
    z-index: 1;
 }
  .content .timeList .listItem1 .box .imgBox::before{
    content: '';
    position: absolute;
    top: -.32rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .12rem;
    height: .12rem;
    background-color: #0286E9;
    border-radius: 100%;
    z-index: 2;
 }
 .content .timeList .listItem2 .box .imgBox::after{
    content: '';
    position: absolute;
    top: -.36rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .18rem;
    height: .18rem;
    background-color: #fff;
    border-radius: 100%;
    z-index: 1;
 }
  .content .timeList .listItem2 .box .imgBox::before{
    content: '';
    position: absolute;
    top: -.33rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .12rem;
    height: .12rem;
    background-color: #0286E9;
    border-radius: 100%;
    z-index: 2;
 }
 .content .timeList .listItem3 .box .imgBox::after{
    content: '';
    position: absolute;
    top: -.39rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .18rem;
    height: .18rem;
    background-color: #fff;
    border-radius: 100%;
    z-index: 1;
 }
  .content .timeList .listItem3 .box .imgBox::before{
    content: '';
    position: absolute;
    top: -.36rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .12rem;
    height: .12rem;
    background-color: #0286E9;
    border-radius: 100%;
    z-index: 2;
 }
 .content .timeList .listItem4 .box .imgBox::after{
    content: '';
    position: absolute;
    top: -.41rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .18rem;
    height: .18rem;
    background-color: #fff;
    border-radius: 100%;
    z-index: 1;
 }
  .content .timeList .listItem4 .box .imgBox::before{
    content: '';
    position: absolute;
    top: -.38rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .12rem;
    height: .12rem;
    background-color: #0286E9;
    border-radius: 100%;
    z-index: 2;
 }
  .content .timeList .listItem5 .box .imgBox::after{
    content: '';
    position: absolute;
    top: -.43rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .18rem;
    height: .18rem;
    background-color: #fff;
    border-radius: 100%;
    z-index: 1;
 }
  .content .timeList .listItem5 .box .imgBox::before{
    content: '';
    position: absolute;
    top: -.4rem;
    left: 50%;
    transform: translate(-50%,0);
    width: .12rem;
    height: .12rem;
    background-color: #0286E9;
    border-radius: 100%;
    z-index: 2;
 }
 @media screen and (max-width: 700px) {
     .w1300 {
         width: 100%;
     }
     .content .titleTop .head{
        width: 2.52rem;
     }
     .content .titleTop{
        padding: .7rem 0;
        margin: 0 .32rem;
        width: auto;
        padding-top: 2rem;
     }
    .content .timeList .listItem{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding: 0 .32rem;
        gap: 0;
    }
    .content .timeList .listItem::after{
        display: none;
    }
    .content .timeList .listItem .box .imgBox::before{
        display: none;
    }
    .content .timeList .listItem .box .imgBox::after{
        display: none;
    }
    .content .timeList .listItem .box .tagBox{
        display: none;
    }
    .content .timeList .listItem .box .title{
        font-size: .3rem;
        text-align: left;
        margin-top: 0;
    }
    .content .timeList .listItem .box .boxT{
        padding-bottom: .6rem;
    }
    .content .timeList .listItem .box .imgBox{
        margin-top: .28rem;
    }
    .content .timeList .listItem .box{
        display: flex;
       
    }
    .content .timeList .listItem .box .lineTime{
        position: relative;
        margin-right: .48rem;
        padding-left: .3rem;
        display: block;
    }
    .content .timeList .listItem .box .lineTime::after{
        content: '';
        position: absolute;
        top: 2%;
        left: 0;
        width: .06rem;
        height: 100%;
        background-color: rgba(120, 90, 255, 0.5);
    }
    .content .timeList .listItem .box .lineTime::before{
        content: '';
        position: absolute;
        top: 2%;
        left: 0;
        width: .06rem;
        height: 12%;
        background-color: #0074CA;
        border-radius: 30rem;
    }
    .content .timeList .listItem .box .lineTime .t{
        font-size: .24rem;
        color: #0074CA;
        font-weight: 700;
    }
    .content .timeList .listItem .box .lineTime .tt{
        font-size: .24rem;
        color: #0074CA;
        margin-top: .03rem;
    }
 }