@charset "utf-8";

.content {

  position: relative;

  overflow: hidden;

}

.article_top {

    padding-top: 178px;

    padding-bottom: 74px;

   

}

.article_line{

  border-bottom:1px solid rgba(255, 255, 255, 0.20);

}

.article_top .top_title {

    color: var(--main-color);

font-weight: 700;

line-height: 1.5;

display: inline-block;

background: var(--white-color);

background-clip: text;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

.article_top .top_time {

    padding-top: 16px;

}

.article_top .top_time span {

    color:var(--white-color);

font-size: 18px;

font-style: normal;

font-weight: 400;

}

.article_top .top_time em {

    margin-left: 8px;

    margin-right: 8px;

    color: #FFF;

    font-family: "Source Han Sans CN";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

}

.article_top .top_time .top_view {

    position: relative;

    padding-left: 19px;

    margin-left: 19px;

    color: #FFF;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: normal;

}

.article_top .top_time .top_view::before{

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

height: 11px;

background-color:#FFF;

opacity: 0.3;

}

.article_top .top_time .top_view img {

    margin-right: 8px;

}



/* share */

.news-details-content-share {

    padding-top: 48px;

}

.news-details-content-share-text{

        margin-right: 24px;

    color: #FFF;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;}

.news-details-content-share-item {

    width: 46px;

    height: 46px;

    border-radius: 50%;

    justify-content: center;

    margin-right: 16px;

    border: 1px solid rgba(255, 255, 255, 1);

  

    transition: background-color 0.3s ease-in-out;

    cursor: pointer;

  }

  

  .news-details-content-share-item:last-child {

    margin-right: 0;

  }

  

  .news-details-content-share-item img {

    width: 24px;

    height: auto;

  }

  

  .news-details-content-share-item:hover {

    background-color: var(--main-color);

    border-color: var(--main-color);

  }

 

  .x_sharecopy {

    display: none;

    position: fixed;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    background: rgba(78, 78, 78, 0.89);

    border-radius: 6px;

    backdrop-filter: blur(6px);

    font-size: 14px;

    padding: 10px 30px;

    color: var(--white-color);

    width: max-content;

    z-index: 9999;

  }

  

  .x_copyIcon {

    background: url(../images/copy_icon.svg) center center / contain no-repeat;

    width: 20px;

    height: 30px;

    float: left;

  }

  

  .x_copyDesc {

    font-size: 14px;

    padding-left: 16px;

    font-weight: 400;

    color: #FFFFFF;

    line-height: 30px;

    float: left;

  }



.article_mid {

    min-height: 50vh;



}

.article_cont {

    display: flex;

    justify-content: space-between;

    padding-top: 77px;

}



.article_left {

    flex: 1;

    position: relative;

    padding-right: 85px;

    margin-right: 42px;

}

.article_left:after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 1px;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.20);

}

.article_right {

    width: 390px;

}

.article_right>.t {

    color: var(--main-color);

font-weight: 700;

line-height: 1.5;

}

.article_right .past_swiper {

    padding-top: 24px;

}





.article_right .past_swiper>ul>li {

    position: relative;

    margin-bottom: 26px;

}



.article_left p {

    color: rgba(255, 255, 255, 0.80);

    font-size: 18px;

    line-height: 1.5;

    font-style: normal;

    font-weight: 400;

  margin-bottom: 24px;

  text-align: justify;

}



.article_left p:last-child {

  margin-bottom: 0;

}



.article_left img,.article_left video {

  display: block;

  margin: 0 auto;

  max-width: 100% !important;

  height: auto !important;

  margin-bottom: 24px;

  border-radius: 16px;

}



.article_left h2 {

  padding-bottom: 10px;

  color: var(--main-color);

font-size:24px;

font-style: normal;

font-weight: 700;

line-height: 1.5; 

display: inline-block;

    background: linear-gradient(83deg, #68B82E 30.76%, #6FB932 34.27%, #ABC553 66.94%, #D7CE6B 94.73%, #F2D37A 116.25%, #FCD57F 128.89%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.article_left h3 {

  padding-bottom: 15px;

  color: var(--main-color);

font-size: 24px;

font-style: normal;

font-weight: 700;

line-height: 1.5; 

}



.article_bottom {

    position: relative;

    padding-top: 36px;

    z-index: 1;

}

@media (max-width:1279px) {

    .article_left {

        padding-right: 45px;

        margin-right: 30px;

    }

    .article_right {

        width: 340px;

    }

}

@media (max-width:991px) {

    .article_top {

        padding-top: 150px;

        padding-bottom: 74px;

    }

    .article_top .top_title {

        line-height: 1.3;

    }

    .article_right {

        width: 260px;

    }



}



@media (max-width:767px) {

    .article_top {

        padding-top: 120px;

        padding-bottom: 30px;

    }

    .news-details-content-share-item {

        width: 40px;

        height: 40px;

    }

    .news-details-content-share-item img {

        width: 20px;

    }

    .article_right {

        display: none;

    }

    .article_top .top_time {

        flex-wrap: wrap;

    }

    .article_top .top_time .top_view {

        /* padding-left: 0; */

        /* padding-top: 10px; */

        /* width: 100%; */

        /* margin-left: 0; */

       padding-left: 10px;

       margin-left: 10px;



    }

    .article_top .top_time .top_view::before { 

        /* display: none; */

    }

    .news-details-content-share-text {

        margin-right: 16px;

        font-size: 16px;

    }

    .article_cont {

        padding-top: 30px;

    }

    .article_left {

        flex: inherit;

        width: 100%;

        margin-right: 0;

        padding-right: 0;

    }

    .article_left::after {

        display: none;

    }

    .article_left h2 {

    font-size: 20px;

    }

    .article_left h3 {

    font-size: 22px;

    }

    .article_left p {

      font-size: 17px;

      margin-bottom: 20px;

    }

}











/* 上一篇 下一篇 */

.me-3 {

    margin-right: 16px;

  }

  

  .ms-3 {

    margin-left: 16px;

  }

  

  .news-details-more {

    padding: 48px 0;

    font-size: 16px;

    border-top: 1px solid  rgba(255, 255, 255, 0.30);;

  }

  

  .news-details-more a {

    color: var(--white-color);

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

  }

  

  .news-details-more .news-details-more-all {

    position: relative;

    color: var(--white-color);

    padding: 0 24px 0 0;

    border-radius: 16px;

  

  }

  

  .news-details-more-all-icon {

    width: 50px;

    height: 50px;

    margin-right: 10px;

    justify-content: center;

  

  }

  

  .news-details-arrow-icon {

    width: 32px;

    height: auto;

  }

  

  .news-details-more-icon {

    width: 26px;

    height: auto;

  }

  

  .news-details-arrow-icon {

    position: relative;

    width: 32px;

    height: 32px;

    overflow: hidden;

  }

  

  .news-details-arrow-icon img {

    position: absolute;

    left: 0;

    width: 100%;

    transition: all 0.3s ease-in-out;

  }

  



  

  .news-details-arrow-icon img:nth-child(2) {

    left: -100%;

    opacity: 1;

  }

 

  .prev .news-details-arrow-icon img:nth-child(2) {

    left: 100%;

  }

 

  

  .prev:hover .news-details-arrow-icon img:nth-child(2) {

    left: 0;

  }

  

  .prev:hover .news-details-arrow-icon img:nth-child(1) {

    left: -100%;

  }

  

  .next:hover .news-details-arrow-icon img:nth-child(2) {

    left: 0;

  }

  

  .next:hover .news-details-arrow-icon img:nth-child(1) {

    left: 100%;

  }

  

  .news-details-more-all::before {

    content: "";

    position: absolute;

    left: 0;

    width: 50px;

    height: 100%;

    border-radius: 70px;

    background: rgba(255, 255, 255, 0.30);

    -moz-transition: width 0.4s ease;

    -webkit-transition: width 0.4s ease;

    transition: width 0.4s ease;

    -o-transition: width 0.4s ease;

  }

  

  @media (min-width:768px) {

  

    .news-details-more-all:hover::before {

      width: 100%;

    }

  

  }

  @media (max-width:767px) {

    .me-3 {

        margin-right: 5px;

      }

    

      .ms-3 {

        margin-left: 5px;

      }

      .news-details-more {

        padding: 16px 0;

      }

  .news-details-arrow-icon {

    width: 16px;

    height: 16px;

  }



  .news-details-more-all-icon {

    width: 36px;

    height: 36px;

    justify-content: center;



  }



  .news-details-more-all::before {

    width: 36px;

  }



  .news-details-more-icon {

    width: 22px;

  }

  .news-details-more .news-details-more-all {

    padding-right: 0;

  }

  .article_top .top_title {

    font-size: 20px;

  }

  .article_top .top_time span,

  .news-details-more a {

    font-size: 14px;

  }

  .article_left p {

    

  }



}