/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */


/* 2026-10-11：AlimamaFangYuanTiVF 商用字体本站未部署，两个 url 一直 404，
   注释掉 @font-face。使用 "alyt" 的元素原本就已回退系统字体，视觉无变化，只是省掉 404。
@font-face {
  font-family: "alyt";src: url("./iconfont/AlimamaFangYuanTiVF-Thin.woff2") format("woff2"),
  url("./iconfont/AlimamaFangYuanTiVF-Thin.woff") format("woff");
  font-display: swap;
  
} */

.html-haibao-box .haibao-body {
    background-color: #ffffff24!important;

}

/*.html-haibao-box .haibao-body .haibao-img {*/
/*    padding: 5px 10px 0px 10px;*/
/*    height: 100%!important;*/
/*    width: 100%!important;*/
/*    max-height: 360px!important;*/
/*    overflow: hidden;*/
/*    object-fit: cover;*/
/*}*/


.tcui-loadmore_line .tcui-loadmore__tips{
    border-radius: 15px;
}

a,img {
-webkit-touch-callout:none;
}


.tcui-loadmore_line {
 
    height: 2px;
    background-color: #00a4fe70;
    border-radius: 50%;
    border-top: 1px solid transparent;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
}


.tcui-loading {
    width: 30px!important;
    height: 30px!important;
}

body {
    font-family:  'alyt','Helvetica Neue', Roboto, 'microsoft yahei'!important; 
    /*line-height: 1.2;*/
    /*max-width: 375px!important;*/
    margin: 0 auto;
    /*margin: 0 ;*/
    background: #F7F7F7;
    --wght: 450;
    --BEVL: 100;
    font-variation-settings: 'wght' var(--wght),'BEVL' var(--BEVL);
    
}


.iydclick{
    position:fixed;
    left:0;
    top:0;
    z-index:99999999;
    pointer-events:none;
}


.tc-sec.mt0 {
    /*margin-top: -15px !important;*/
}

.tcline-detail .ext-tel {
    border: none!important;
    vertical-align: middle;
    background: linear-gradient(312deg,#3F51B5,#2196F3)!important;
    padding: 4px 10px!important;
    border-radius: 20px!important;
    box-shadow: 0 1px 3px 0 #03a9f4ab;
    margin-top: -2px!important;
}

.tcline-detail .tcline-detail__hd .detail-hd__rt {
    width: 90px!important;
    max-width: 90px!important;
    text-align: right;
}
.detail-time-icon {
    /*background: #03a9f445!important;*/
    background: #f4030373!important;
    width: 26px!important;
    height: 16px!important;
    top: -2px!important;
    z-index: 10000;
    border-radius: 3px;
}

.detail-time-icon:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #ffffff;
    position: absolute;
    top: 6px;
    left: 7px;
    border-radius: 50%;
}

.detail-time-icon:after {
    content: "";
    width: 4px;
    height: 4px;
    background: #ffffff;
    position: absolute;
    top: 6px;
    left: 15px;
    border-radius: 50%;
}

@media screen and (min-width: 355px) and (max-width: 360px) {
        .popup_ads .popup_ads__pic .ads-pic__box .ads-pic__hd img {
            width: 100%;
            height: 358px!important; 
            object-fit: cover;
            object-position: bottom;
        }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
        .popup_ads .popup_ads__pic .ads-pic__box .ads-pic__hd img {
            width: 100%;
            height: 363px!important; 
            object-fit: cover;
            object-position: bottom;
        }
}
@media screen and (min-width: 376px) and (max-width: 380px) {
        .popup_ads .popup_ads__pic .ads-pic__box .ads-pic__hd img {
            width: 100%;
            height: 373px!important; 
            object-fit: cover;
            object-position: bottom;
        }
}
@media screen and (min-width: 381px) and (max-width: 390px) {
        .popup_ads .popup_ads__pic .ads-pic__box .ads-pic__hd img {
            width: 100%;
            height: 388px!important; 
            object-fit: cover;
            object-position: bottom;
        }
}
@media screen and (min-width: 391px) and (max-width: 414px) {
        .popup_ads .popup_ads__pic .ads-pic__box .ads-pic__hd img {
            width: 100%;
            height: 412px!important; 
            object-fit: cover;
            object-position: bottom;
        }
}
@media screen and (min-width: 415px) and (max-width: 430px) {
        .popup_ads .popup_ads__pic .ads-pic__box .ads-pic__hd img {
            width: 100%;
            height: 428px!important; 
            object-fit: cover;
            object-position: bottom;
        }
}
@media screen and (min-width: 370px) and (max-width: 375px) {
    .iyd{
        right: 45px!important;
    }
    .detail-link {
    
    margin-left: -43px!important;
    background: #2196f31f!important;
    border-radius: 10px;
    width: 328px!important;
    }
    
}

/*@media screen and (min-width: 389px) and (max-width: 390px) {*/
    
/*    .iyd{*/
/*        right: 43px;*/
/*    }*/
/*}*/

@media screen and (min-width: 355px) and (max-width: 360px) {
    
    .iyd{
        right: 53px!important;
    }
    .detail-link {
    
    margin-left: -43px!important;
    background: #2196f31f!important;
    border-radius: 10px;
    width: 314px!important;
}
}

/*@media screen and (min-width: 410px) and (max-width: 414px) {*/
/*    .iyd{*/
/*        right: 43px;*/
/*    }*/
    
/*}*/

@media screen and (max-width: 600px) {
    /* 在宽度小于等于600px的设备上应用的样式 */
    /*iPhone4屏幕*/
    .iyd{
        right: 43px;
    }
    


.detail-link {
    
    margin-left: -43px!important;
    background: #2196f31f!important;
    border-radius: 10px;
    width: 332px;
}
.detail-link img {
    
    border-radius: 5px;
}


.tc-sec {
    margin-top: -1px!important;
    background: #f2f2f2!important;
    border-bottom: 0;
    max-width: 3750px!important;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 3px 9 3px;
    border-radius: 10px;
}

.tcline-item {
    
    background: url(/xxbj.png) no-repeat, linear-gradient(70deg,  #fff,#fff);
    background-size: 130%;
    /*border-bottom: 2px solid #eee0!important;*/
    border-bottom: 2px solid #35c1c28a!important;
    padding: 1em 0 0.5em;
    /*margin: 0 0 6px!important;*/
    overflow: hidden;
    /*background: #fff!important;*/
    margin-top: 6px!important;
    border-radius: 10px!important;
        /*box-shadow: 0 2px 8px rgb(95 217 255 / 53%);*/
        box-shadow: 0 2px 8px rgb(95 217 255 / 53%);  
        max-width: 3750px!important;
    margin-right: auto;
    margin-left: auto;
}



/*.user-wrap-nobg {*/
/*    background: none!important;*/
/*    overflow: hidden!important;*/
/*    position: relative!important;*/
/*    padding-bottom: 0!important;*/
/*    overflow-x: scroll;*/
/*    max-width: 430px!important;*/
/*}*/



/*.user-wrap-nobg .blur10 {*/
    /*position: absolute!important;*/
    /*width: 100%!important;*/
    /*height: 100%!important;*/
    /*z-index: -1!important;*/
    /*top: 0!important;*/
    /*left: 0!important;*/
/*    object-fit: cover!important;*/
/*}*/

.user-wrap {
    /*height: 12em!important;*/
    padding-top: 1.7em!important;
    
}


.user-wrap-nobg .user-avatar-extend {
    
    top: 4.8em!important;
    
}
    
.iyd{
    background: #f2f2f2;
    border-radius: 10px;
    padding: 5px;
    width: 324px;
    /*height: 324px;*/
    position: relative;
    /*right: 53px;*/
    
}
.iyd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.one a .play {
    position: absolute;
    top: 18px;
    left: 80px;
    
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 178px;
    height: 178px;

}
.video-cover{
    position: absolute;
    top: 5px;
   
}
.one {
    /*display: flex!important;*/
    justify-content: flex-start!important;
    align-items: flex-start;
    margin-bottom: 5px!important;
    border-radius: 5px!important;
    max-width: 324px;
    max-height: 214px;
    height: 214px;
    /*border-radius: 10px!important;*/
    flex-direction: row;
}
.one a{
    display: block;
    float: left;
    width: calc((100vw - 85px)/ 0)!important;
    height: calc((100vw - 85px)/ 0)!important;
    max-width: 324px!important;
    max-height: 214px!important;
}
.one img{
    /*width: 100%;*/
    /*height: 100%;*/
    width: 324px;
    height: 214px;
    object-fit: cover;
    border-radius: 5px!important;
}


.video-one{
    display: block;
    object-position: center center;
    height: 214px;
    object-fit: cover;
    width: 324px;
    border-radius: 5px;
}



/*.video-container {*/
/*position: relative;*/
/*width: 100%;*/
/*padding-bottom: 56.25%; */
/*设置为16:9宽高比，可以根据需要调整 */
/*}*/

.video-one .video-photo-1 {
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.video-two{
    display: block;
    object-position: center center;
    height: 159px;
    object-fit: cover;
    width: 159px;
    border-radius: 5px;
}

.video-two .video-photo-2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.video-three{
    display: block;
    object-position: center center;
    height: 159px!important;
    object-fit: cover;
    width: 159px!important;
    margin-top: 5px!important;
    border-radius: 5px;
    
    
}
.video-three .video-photo-3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-four{
    display: block;
    object-position: center center;
    height: 104px;
    object-fit: cover;
    width: 104px;
    border-radius: 5px;
}



.two{
    display: flex!important;
    align-items: center;
    
    /*margin-right: -9px;*/
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.two a{
    display: block;
    float: left;
    width: calc((100vw - 85px)/ 1)!important;
    height: calc((100vw - 85px)/ 1)!important;
    max-width: 159px!important;
    max-height: 159px!important;
}
.two img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px!important;
}


.three {
			  display: flex;
			  flex-wrap: wrap;
			  justify-content: space-between;
			  align-items: flex-start;
			  max-width: 324px;
			  height: 379px;
			}
			
			.three img.photo-1 {
			  width: 324px;
			  height: 214px;
			}
			
			.three img:not(.photo-1) {
			  width: 159px;
			  height: 159px;
			  margin-top: 5px;
			  object-fit: cover;
			}









.four {
  width: 324px;
}

.four img {
  max-width: 100%;
}

.four .photo-1 {
  width: 324px;
  height: 214px;
  margin-bottom: 6px;
}

.four a {
  display: inline-block;
  
}

.four .photo-2,
.four .photo-3,
.four .photo-4 ,.iydvideo{
  width: 104px;
  height: 104px;
  margin-right: 6px;
}

.four .photo-4 ,.iydvideo{
  margin-right: 0;
}




.four a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
}


.two a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 30px;
}

.three a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 255px;
}
.five a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 255px;
}
.six a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 225px;
}
.seven a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 335px;
}
.eight a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 280px;
}
.nine a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 0px;
}





.five {
  width: 324px;
  height: 379px;
  position: relative;
  padding: 5px;
}
.five img {
  
  border-radius: 10px;
}

/* 图一尺寸为214*214，在左上角 */
.five .photo-1 {
  width: 214px;
  height: 214px;
  position: absolute;
  top: 0;
  left: 0;
}


.five .photo-2,
.five .photo-3 {
  width: 104px;
  height: 104px;
  position: absolute;
  top: 0;
  left: 220px; /* 214px图一的宽度 + 6px间距 */
}

.five .photo-3 {
  top: 110px; /* 104px的高度 + 6px间距 */
}


.five .photo-4,
.five .photo-5 {
  width: 159px;
  height: 159px;
  position: absolute;
  top: 220px; /* 图一的高度 + 6px间距 */
  left: 0;
}

.five .photo-5 {
  left: 165px; /* 159px的宽度 + 6px间距 */
}




.six {
  width: 324px;
  height: 324px;
  position: relative;
    padding: 5px;
}

.six img {
  position: absolute;
  border-radius: 10px;
}

.six.photo-1 {
  width: 214px;
  height: 214px;
  top: 0;
  left: 0;
}

.six.photo-2 {
  width: 104px;
  height: 104px;
  top: 0;
  left: 220px;
}

.six.photo-3 {
  width: 104px;
  height: 104px;
  top: 110px;
  left: 220px;
}

.six.photo-4 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 0px;
}

.six.photo-5 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 110px;
}

.six.photo-6 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 220px;
  /*display: contents;*/
}

.six.photo-6 img {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 220px;
}








.seven {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 6px;
  justify-content: space-between;
}

.seven.photo-1 {
  width: 324px;
  height: 214px;
  margin-bottom: 6px;
}

.seven.photo-2,
.seven.photo-3,
.seven.photo-4,
.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  width: 104px;
  height: 104px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.seven.photo-2:nth-child(3n + 1),
.seven.photo-3:nth-child(3n + 1),
.seven.photo-4:nth-child(3n + 1),
.seven.photo-5:nth-child(3n + 1),
.seven.photo-6:nth-child(3n + 1),
.seven.photo-7:nth-child(3n + 1) {
  margin-right: 0;
}

.seven.photo-1,
.seven.photo-2,
.seven.photo-3 {
  order: 1;
}

.seven.photo-4,
.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  order: 2;
}

.seven.photo-1,
.seven.photo-2,
.seven.photo-3,
.seven.photo-4 {
  flex-basis: calc((100% - 18px) / 3);
}

.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  flex-basis: calc((100% - 18px) / 3);
}




.eight {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 6px;
  justify-content: space-between;
}

.eight.photo-1,.eight.photo-2 {
  width: 159px;
  height: 159px;
  margin-bottom: 6px;
}

.eight.photo-3,
.eight.photo-4,
.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  width: 104px;
  height: 104px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.eight.photo-2:nth-child(4n + 1),
.eight.photo-3:nth-child(4n + 1),
.eight.photo-4:nth-child(4n + 1),
.eight.photo-5:nth-child(4n + 1),
.eight.photo-6:nth-child(4n + 1),
.eight.photo-7:nth-child(4n + 1),
.eight.photo-8:nth-child(4n + 1) {
  margin-right: 0;
}

.eight.photo-1,
.eight.photo-2,
.eight.photo-3 {
  order: 1;
}

.eight.photo-4,
.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  order: 2;
}

.eight.photo-1,
.eight.photo-2,
.eight.photo-3,
.eight.photo-4 {
  flex-basis: calc((100% - 18px) / 4);
}

.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  flex-basis: calc((100% - 18px) / 4);
  
}
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  
  margin-bottom: 0px!important;
}




.nine {
    width: 324px;
    height: 324px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
  }

  .nine a {
    width: 104px;
    height: 104px;
    overflow: hidden;
    position: relative;
    display: block;
  }

  .nine img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }



















.iydtext {
    display: inline-block;
    background-color: #03a9f445;
    border-radius: 12.5px;
    height: 25px;
    width: 85px;
    text-align: center;
    line-height: 25px;
    padding-left: 20px;
    text-decoration: none;
    color: #999999;
    position: inherit;
    margin-top: 10px;
    margin-left: -40px;
    
    /*background: url(iyd.png) no-repeat, #f2f2f2;*/
    /*background-size: 20px;*/
    /*background-position: left 5px bottom 2px;*/
    
    
    
}

.detail-dingwei {
    font-size: 13px;
    color: #97abd1;
    position: relative;
    margin: 10px 0;
    margin-left: -40px!important;
    padding-right: 100px;
}
.detail-time {
    font-size: 13px;
    position: relative;
    margin: 10px 0;
    margin-left: -0px!important;
}

.detail-cmt-wrap {
    margin: 0 15px 0 0;
    margin-left: -40px!important;
   
}
.detail-cmt {
    position: relative;
    padding: 0px 5px 0px 12px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 6px;
}

.detail-cmtr{
    display: none!important;
}
.plugin-item:before {
    display: none!important;
}

.detail-tags span {
    margin-right: 5px!important;
    padding: 0 8px!important;
    display: block;
    float: left;
    letter-spacing: 0;
    margin-bottom: 5px!important;
    border-radius: 10px 5px 10px 5px!important;
    right: -5px;
    /* padding-left: 6px; */
    position: relative;
    /* padding-right: 8px; */
}



.container {
      position: relative;
      /*width: 40px; */
      /*height: 40px; */
}
    .circle-1, .circle-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
    }
    
    .circle-1 {
      width: 16px; /* 直径为 20px 的圆形 */
      height: 16px; /* 直径为 20px 的圆形 */
      background-color: #03a9f445; /* 填充颜色为黑色 */
      margin-left: -35px;
    }
    
    .circle-2 {
      width: 7px; /* 直径为 5px 的圆形 */
      height: 7px; /* 直径为 5px 的圆形 */
      background-color: #2196f300; /* 填充颜色为黑色 */
      border: 2px solid white; /* 白色描边宽度为 3px */
      margin-left: -35px;
    }
.iydtext1 {
    color: #f8f8f8!important;
    text-decoration: none;
}




















































}



@media screen and (min-width: 601px) and (max-width: 1024px) {

.iyd {
    right: 43px!important;
}


.iydtext {
    display: inline-block;
    background-color: #03a9f445;
    border-radius: 12.5px;
    height: 25px;
    width: 85px;
    text-align: center;
    line-height: 25px;
    padding-left: 20px;
    text-decoration: none;
    color: #999999;
    position: inherit;
    margin-top: 10px;
    margin-left: -40px;
    
    /*background: url(iyd.png) no-repeat, #f2f2f2;*/
    /*background-size: 20px;*/
    /*background-position: left 5px bottom 2px;*/
    
    
    
}

.detail-dingwei {
    font-size: 13px;
    color: #97abd1;
    position: relative;
    margin: 10px 0;
    margin-left: -40px!important;
    padding-right: 100px;
}
.detail-time {
    font-size: 13px;
    position: relative;
    margin: 10px 0;
    margin-left: -0px!important;
}

.detail-cmt-wrap {
    margin: 0 15px 0 0;
    margin-left: -40px!important;
   
}
.detail-cmt {
    position: relative;
    padding: 0px 5px 0px 12px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 6px;
}

.detail-cmtr{
    display: none!important;
}
.plugin-item:before {
    display: none!important;
}

.detail-tags span {
    margin-right: 5px!important;
    padding: 0 8px!important;
    display: block;
    float: left;
    letter-spacing: 0;
    margin-bottom: 5px!important;
    border-radius: 10px 5px 10px 5px!important;
    right: -5px;
    /* padding-left: 6px; */
    position: relative;
    /* padding-right: 8px; */
}



.container {
      position: relative;
      /*width: 40px; */
      /*height: 40px; */
}
    .circle-1, .circle-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
    }
    
    .circle-1 {
      width: 16px; /* 直径为 20px 的圆形 */
      height: 16px; /* 直径为 20px 的圆形 */
      background-color: #03a9f445; /* 填充颜色为黑色 */
      margin-left: -35px;
    }
    
    .circle-2 {
      width: 7px; /* 直径为 5px 的圆形 */
      height: 7px; /* 直径为 5px 的圆形 */
      background-color: #2196f300; /* 填充颜色为黑色 */
      border: 2px solid white; /* 白色描边宽度为 3px */
      margin-left: -35px;
    }
.iydtext1 {
    color: #f8f8f8!important;
    text-decoration: none;
}


.detail-link {
    
    margin-left: -43px!important;
    background: #2196f31f!important;
    border-radius: 10px;
    width: 332px;
}
.detail-link img {
    
    border-radius: 5px;
}


.tc-sec {
    margin-top: 20px!important;
    background: #f2f2f2!important;
    border-bottom: 0;
    max-width: 3750px!important;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 3px 9 3px;
}

.tcline-item {
    
    background: url(/xxbj.png) no-repeat, linear-gradient(700deg,  #fff,#fff);
    background-size: 100%;
    border-bottom: 0px solid #eee0!important;
    padding: 1em 0 0.5em;
    /*margin: 0 0 6px!important;*/
    overflow: hidden;
    /*background: #fff!important;*/
    margin-top: 6px!important;
    border-radius: 10px!important;
        box-shadow: 0 2px 8px rgb(95 217 255 / 53%);
        
        max-width: 3750px!important;
    margin-right: auto;
    margin-left: auto;
}



/*.user-wrap-nobg {*/
/*    background: none!important;*/
/*    overflow: hidden!important;*/
/*    position: relative!important;*/
/*    padding-bottom: 0!important;*/
/*    overflow-x: scroll;*/
/*    max-width: 430px!important;*/
/*}*/



/*.user-wrap-nobg .blur10 {*/
    /*position: absolute!important;*/
    /*width: 100%!important;*/
    /*height: 100%!important;*/
    /*z-index: -1!important;*/
    /*top: 0!important;*/
    /*left: 0!important;*/
/*    object-fit: cover!important;*/
/*}*/

.user-wrap {
    height: 12em!important;
    padding-top: 1.7em!important;
    
}


.user-wrap-nobg .user-avatar-extend {
    
    top: 4.8em!important;
    
}
    
.iyd{
    background: #f2f2f2;
    border-radius: 10px;
    padding: 5px;
    width: 324px;
    /*height: 324px;*/
    position: relative;
    /*right: 53px;*/
    
}
.iyd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.one a .play {
    position: absolute;
    top: 18px;
    left: 80px;
    
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 178px;
    height: 178px;

}
.one {
    /*display: flex!important;*/
    justify-content: flex-start!important;
    align-items: flex-start;
    margin-bottom: 5px!important;
    border-radius: 5px!important;
    max-width: 324px;
    max-height: 214px;
    height: 214px;
    /*border-radius: 10px!important;*/
    flex-direction: row;
}
.one a{
    display: block;
    float: left;
    width: calc((100vw - 85px)/ 0)!important;
    height: calc((100vw - 85px)/ 0)!important;
    max-width: 324px!important;
    max-height: 214px!important;
}
.one img{
    /*width: 100%;*/
    /*height: 100%;*/
    width: 324px;
    height: 214px;
    object-fit: cover;
    border-radius: 5px!important;
}


.video-one{
    display: block;
    object-position: center center;
    height: 214px;
    object-fit: cover;
    width: 324px;
    border-radius: 5px;
}



/*.video-container {*/
/*position: relative;*/
/*width: 100%;*/
/*padding-bottom: 56.25%; */
/*设置为16:9宽高比，可以根据需要调整 */
/*}*/

.video-one .video-photo-1 {
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.video-two{
    display: block;
    object-position: center center;
    height: 159px;
    object-fit: cover;
    width: 159px;
    border-radius: 5px;
}

.video-two .video-photo-2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.video-three{
    display: block;
    object-position: center center;
    height: 159px!important;
    object-fit: cover;
    width: 159px!important;
    margin-top: 5px!important;
    border-radius: 5px;
    
    
}
.video-three .video-photo-3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-four{
    display: block;
    object-position: center center;
    height: 104px;
    object-fit: cover;
    width: 104px;
    border-radius: 5px;
}



.two{
    display: flex!important;
    align-items: center;
    
    /*margin-right: -9px;*/
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.two a{
    display: block;
    float: left;
    width: calc((100vw - 85px)/ 1)!important;
    height: calc((100vw - 85px)/ 1)!important;
    max-width: 159px!important;
    max-height: 159px!important;
}
.two img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px!important;
}


.three {
			  display: flex;
			  flex-wrap: wrap;
			  justify-content: space-between;
			  align-items: flex-start;
			  max-width: 324px;
			  height: 379px;
			}
			
			.three img.photo-1 {
			  width: 324px;
			  height: 214px;
			}
			
			.three img:not(.photo-1) {
			  width: 159px;
			  height: 159px;
			  margin-top: 5px;
			  object-fit: cover;
			}









.four {
  width: 324px;
}

.four img {
  max-width: 100%;
}

.four .photo-1 {
  width: 324px;
  height: 214px;
  margin-bottom: 6px;
}

.four a {
  display: inline-block;
  
}

.four .photo-2,
.four .photo-3,
.four .photo-4 ,.iydvideo{
  width: 104px;
  height: 104px;
  margin-right: 6px;
}

.four .photo-4 ,.iydvideo{
  margin-right: 0;
}




.four a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
}


.two a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 30px;
}

.three a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 255px;
}
.five a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 255px;
}
.six a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 225px;
}
.seven a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 335px;
}
.eight a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 280px;
}
.nine a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 0px;
}






.five {
  width: 324px;
  height: 379px;
  position: relative;
  padding: 5px;
}
.five img {
  
  border-radius: 10px;
}


.five .photo-1 {
  width: 214px;
  height: 214px;
  position: absolute;
  top: 0;
  left: 0;
}


.five .photo-2,
.five .photo-3 {
  width: 104px;
  height: 104px;
  position: absolute;
  top: 0;
  left: 220px; 
}

.five .photo-3 {
  top: 110px; /* 104px的高度 + 6px间距 */
}


.five .photo-4,
.five .photo-5 {
  width: 159px;
  height: 159px;
  position: absolute;
  top: 220px; /* 图一的高度 + 6px间距 */
  left: 0;
}

.five .photo-5 {
  left: 165px; /* 159px的宽度 + 6px间距 */
}




.six {
  width: 324px;
  height: 324px;
  position: relative;
    padding: 5px;
}

.six img {
  position: absolute;
  border-radius: 10px;
}

.six.photo-1 {
  width: 214px;
  height: 214px;
  top: 0;
  left: 0;
}

.six.photo-2 {
  width: 104px;
  height: 104px;
  top: 0;
  left: 220px;
}

.six.photo-3 {
  width: 104px;
  height: 104px;
  top: 110px;
  left: 220px;
}

.six.photo-4 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 0px;
}

.six.photo-5 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 110px;
}

.six.photo-6 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 220px;
  /*display: contents;*/
}

.six.photo-6 img {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 220px;
}








.seven {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 6px;
  justify-content: space-between;
}

.seven.photo-1 {
  width: 324px;
  height: 214px;
  margin-bottom: 6px;
}

.seven.photo-2,
.seven.photo-3,
.seven.photo-4,
.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  width: 104px;
  height: 104px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.seven.photo-2:nth-child(3n + 1),
.seven.photo-3:nth-child(3n + 1),
.seven.photo-4:nth-child(3n + 1),
.seven.photo-5:nth-child(3n + 1),
.seven.photo-6:nth-child(3n + 1),
.seven.photo-7:nth-child(3n + 1) {
  margin-right: 0;
}

.seven.photo-1,
.seven.photo-2,
.seven.photo-3 {
  order: 1;
}

.seven.photo-4,
.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  order: 2;
}

.seven.photo-1,
.seven.photo-2,
.seven.photo-3,
.seven.photo-4 {
  flex-basis: calc((100% - 18px) / 3);
}

.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  flex-basis: calc((100% - 18px) / 3);
}







.eight {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 6px;
  justify-content: space-between;
}

.eight.photo-1,.eight.photo-2 {
  width: 159px;
  height: 159px;
  margin-bottom: 6px;
}

.eight.photo-3,
.eight.photo-4,
.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  width: 104px;
  height: 104px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.eight.photo-2:nth-child(4n + 1),
.eight.photo-3:nth-child(4n + 1),
.eight.photo-4:nth-child(4n + 1),
.eight.photo-5:nth-child(4n + 1),
.eight.photo-6:nth-child(4n + 1),
.eight.photo-7:nth-child(4n + 1),
.eight.photo-8:nth-child(4n + 1) {
  margin-right: 0;
}

.eight.photo-1,
.eight.photo-2,
.eight.photo-3 {
  order: 1;
}

.eight.photo-4,
.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  order: 2;
}

.eight.photo-1,
.eight.photo-2,
.eight.photo-3,
.eight.photo-4 {
  flex-basis: calc((100% - 18px) / 4);
}

.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  flex-basis: calc((100% - 18px) / 4);
  
}
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  
  margin-bottom: 0px!important;
}




.nine {
    width: 324px;
    height: 324px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
  }

  .nine a {
    width: 104px;
    height: 104px;
    overflow: hidden;
    position: relative;
    display: block;
  }

  .nine img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }



















.iydtext {
    display: inline-block;
    background-color: #03a9f445;
    border-radius: 12.5px;
    height: 25px;
    width: 85px;
    text-align: center;
    line-height: 25px;
    padding-left: 20px;
    text-decoration: none;
    color: #999999;
    position: inherit;
    margin-top: 10px;
    margin-left: -40px;
    
    /*background: url(iyd.png) no-repeat, #f2f2f2;*/
    /*background-size: 20px;*/
    /*background-position: left 5px bottom 2px;*/
    
    
    
}

.detail-dingwei {
    font-size: 13px;
    color: #97abd1;
    position: relative;
    margin: 10px 0;
    margin-left: -40px!important;
    padding-right: 100px;
}
.detail-time {
    font-size: 13px;
    position: relative;
    margin: 10px 0;
    margin-left: -0px!important;
}

.detail-cmt-wrap {
    margin: 0 15px 0 0;
    margin-left: -40px!important;
   
}
.detail-cmt {
    position: relative;
    padding: 0px 5px 0px 12px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 6px;
}

.detail-cmtr{
    display: none!important;
}
.plugin-item:before {
    display: none!important;
}

.detail-tags span {
    margin-right: 5px!important;
    padding: 0 8px!important;
    display: block;
    float: left;
    letter-spacing: 0;
    margin-bottom: 5px!important;
    border-radius: 10px 5px 10px 5px!important;
    right: -5px;
    /* padding-left: 6px; */
    position: relative;
    /* padding-right: 8px; */
}



.container {
      position: relative;
      /*width: 40px; */
      /*height: 40px; */
}
    .circle-1, .circle-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
    }
    
    .circle-1 {
      width: 16px; /* 直径为 20px 的圆形 */
      height: 16px; /* 直径为 20px 的圆形 */
      background-color: #03a9f445; /* 填充颜色为黑色 */
      margin-left: -35px;
    }
    
    .circle-2 {
      width: 7px; /* 直径为 5px 的圆形 */
      height: 7px; /* 直径为 5px 的圆形 */
      background-color: #2196f300; /* 填充颜色为黑色 */
      border: 2px solid white; /* 白色描边宽度为 3px */
      margin-left: -35px;
    }
.iydtext1 {
    color: #f8f8f8!important;
    text-decoration: none;
}

    
    
    
}

@media screen and (min-width: 1025px) {
    /* 在宽度大于等于1025px的设备上应用的样式 */
    .iyd{
        right: 43px!important;
    }
    
 
.detail-link {
    
    margin-left: -43px!important;
    background: #2196f31f!important;
    border-radius: 10px;
    width: 332px;
}
.detail-link img {
    
    border-radius: 5px;
}


.tc-sec {
    margin-top: 20px!important;
    background: #f2f2f2!important;
    border-bottom: 0;
    max-width: 3750px!important;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 3px 9 3px;
}

.tcline-item {
    
    background: url(/xxbj.png) no-repeat, linear-gradient(70deg,  #fff,#fff);
    background-size: 130%;
    border-bottom: 0px solid #eee0!important;
    padding: 1em 0 0.5em;
    /*margin: 0 0 6px!important;*/
    overflow: hidden;
    /*background: #fff!important;*/
    margin-top: 6px!important;
    border-radius: 10px!important;
        box-shadow: 0 2px 8px rgb(95 217 255 / 53%);
        
        max-width: 3750px!important;
    margin-right: auto;
    margin-left: auto;
}



/*.user-wrap-nobg {*/
/*    background: none!important;*/
/*    overflow: hidden!important;*/
/*    position: relative!important;*/
/*    padding-bottom: 0!important;*/
/*    overflow-x: scroll;*/
/*    max-width: 430px!important;*/
/*}*/



/*.user-wrap-nobg .blur10 {*/
    /*position: absolute!important;*/
    /*width: 100%!important;*/
    /*height: 100%!important;*/
    /*z-index: -1!important;*/
    /*top: 0!important;*/
    /*left: 0!important;*/
/*    object-fit: cover!important;*/
/*}*/

.user-wrap {
    height: 12em!important;
    padding-top: 1.7em!important;
    
}


.user-wrap-nobg .user-avatar-extend {
    
    top: 4.8em!important;
    
}
    
.iyd{
    background: #f2f2f2;
    border-radius: 10px;
    padding: 5px;
    width: 324px;
    /*height: 324px;*/
    position: relative;
    /*right: 53px;*/
    
}
.iyd img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.one a .play {
    position: absolute;
    top: 18px;
    left: 80px;
    
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 178px;
    height: 178px;

}
.one {
    /*display: flex!important;*/
    justify-content: flex-start!important;
    align-items: flex-start;
    margin-bottom: 5px!important;
    border-radius: 5px!important;
    max-width: 324px;
    max-height: 214px;
    height: 214px;
    /*border-radius: 10px!important;*/
    flex-direction: row;
}
.one a{
    display: block;
    float: left;
    width: calc((100vw - 85px)/ 0)!important;
    height: calc((100vw - 85px)/ 0)!important;
    max-width: 324px!important;
    max-height: 214px!important;
}
.one img{
    /*width: 100%;*/
    /*height: 100%;*/
    width: 324px;
    height: 214px;
    object-fit: cover;
    border-radius: 5px!important;
}


.video-one{
    display: block;
    object-position: center center;
    height: 214px;
    object-fit: cover;
    width: 324px;
    border-radius: 5px;
}



/*.video-container {*/
/*position: relative;*/
/*width: 100%;*/
/*padding-bottom: 56.25%; */
/*设置为16:9宽高比，可以根据需要调整 */
/*}*/

.video-one .video-photo-1 {
 position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.video-two{
    display: block;
    object-position: center center;
    height: 159px;
    object-fit: cover;
    width: 159px;
    border-radius: 5px;
}

.video-two .video-photo-2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.video-three{
    display: block;
    object-position: center center;
    height: 159px!important;
    object-fit: cover;
    width: 159px!important;
    margin-top: 5px!important;
    border-radius: 5px;
    
    
}
.video-three .video-photo-3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-four{
    display: block;
    object-position: center center;
    height: 104px;
    object-fit: cover;
    width: 104px;
    border-radius: 5px;
}



.two{
    display: flex!important;
    align-items: center;
    
    /*margin-right: -9px;*/
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}
.two a{
    display: block;
    float: left;
    width: calc((100vw - 85px)/ 1)!important;
    height: calc((100vw - 85px)/ 1)!important;
    max-width: 159px!important;
    max-height: 159px!important;
}
.two img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px!important;
}


.three {
			  display: flex;
			  flex-wrap: wrap;
			  justify-content: space-between;
			  align-items: flex-start;
			  max-width: 324px;
			  height: 379px;
			}
			
			.three img.photo-1 {
			  width: 324px;
			  height: 214px;
			}
			
			.three img:not(.photo-1) {
			  width: 159px;
			  height: 159px;
			  margin-top: 5px;
			  object-fit: cover;
			}









.four {
  width: 324px;
}

.four img {
  max-width: 100%;
}

.four .photo-1 {
  width: 324px;
  height: 214px;
  margin-bottom: 6px;
}

.four a {
  display: inline-block;
  
}

.four .photo-2,
.four .photo-3,
.four .photo-4 ,.iydvideo{
  width: 104px;
  height: 104px;
  margin-right: 6px;
}

.four .photo-4 ,.iydvideo{
  margin-right: 0;
}




.four a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
}


.two a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 30px;
}

.three a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 255px;
}
.five a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 30px;
    top: 255px;
}
.six a .play {
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 225px;
}
.seven a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 335px;
}
.eight a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 280px;
}
.nine a .play{
    position: absolute;
   
    background-image: url(icon_play2.png?v=2);
    background-size: contain;
    width: 100px;
    height: 100px;
    right: 5px;
    top: 0px;
}






.five {
  width: 324px;
  height: 379px;
  position: relative;
  padding: 5px;
}
.five img {
  
  border-radius: 10px;
}


.five .photo-1 {
  width: 214px;
  height: 214px;
  position: absolute;
  top: 0;
  left: 0;
}


.five .photo-2,
.five .photo-3 {
  width: 104px;
  height: 104px;
  position: absolute;
  top: 0;
  left: 220px; 
}

.five .photo-3 {
  top: 110px; 
}


.five .photo-4,
.five .photo-5 {
  width: 159px;
  height: 159px;
  position: absolute;
  top: 220px; 
  left: 0;
}

.five .photo-5 {
  left: 165px; 
}




.six {
  width: 324px;
  height: 324px;
  position: relative;
    padding: 5px;
}

.six img {
  position: absolute;
  border-radius: 10px;
}

.six.photo-1 {
  width: 214px;
  height: 214px;
  top: 0;
  left: 0;
}

.six.photo-2 {
  width: 104px;
  height: 104px;
  top: 0;
  left: 220px;
}

.six.photo-3 {
  width: 104px;
  height: 104px;
  top: 110px;
  left: 220px;
}

.six.photo-4 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 0px;
}

.six.photo-5 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 110px;
}

.six.photo-6 {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 220px;
  /*display: contents;*/
}

.six.photo-6 img {
  width: 104px;
  height: 104px;
  top: 220px;
  left: 220px;
}








.seven {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 6px;
  justify-content: space-between;
}

.seven.photo-1 {
  width: 324px;
  height: 214px;
  margin-bottom: 6px;
}

.seven.photo-2,
.seven.photo-3,
.seven.photo-4,
.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  width: 104px;
  height: 104px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.seven.photo-2:nth-child(3n + 1),
.seven.photo-3:nth-child(3n + 1),
.seven.photo-4:nth-child(3n + 1),
.seven.photo-5:nth-child(3n + 1),
.seven.photo-6:nth-child(3n + 1),
.seven.photo-7:nth-child(3n + 1) {
  margin-right: 0;
}

.seven.photo-1,
.seven.photo-2,
.seven.photo-3 {
  order: 1;
}

.seven.photo-4,
.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  order: 2;
}

.seven.photo-1,
.seven.photo-2,
.seven.photo-3,
.seven.photo-4 {
  flex-basis: calc((100% - 18px) / 3);
}

.seven.photo-5,
.seven.photo-6,
.seven.photo-7 {
  flex-basis: calc((100% - 18px) / 3);
}







.eight {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 6px;
  justify-content: space-between;
}

.eight.photo-1,.eight.photo-2 {
  width: 159px;
  height: 159px;
  margin-bottom: 6px;
}

.eight.photo-3,
.eight.photo-4,
.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  width: 104px;
  height: 104px;
  margin-right: 6px;
  margin-bottom: 6px;
}

.eight.photo-2:nth-child(4n + 1),
.eight.photo-3:nth-child(4n + 1),
.eight.photo-4:nth-child(4n + 1),
.eight.photo-5:nth-child(4n + 1),
.eight.photo-6:nth-child(4n + 1),
.eight.photo-7:nth-child(4n + 1),
.eight.photo-8:nth-child(4n + 1) {
  margin-right: 0;
}

.eight.photo-1,
.eight.photo-2,
.eight.photo-3 {
  order: 1;
}

.eight.photo-4,
.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  order: 2;
}

.eight.photo-1,
.eight.photo-2,
.eight.photo-3,
.eight.photo-4 {
  flex-basis: calc((100% - 18px) / 4);
}

.eight.photo-5,
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  flex-basis: calc((100% - 18px) / 4);
  
}
.eight.photo-6,
.eight.photo-7,
.eight.photo-8 {
  
  margin-bottom: 0px!important;
}




.nine {
    width: 324px;
    height: 324px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
  }

  .nine a {
    width: 104px;
    height: 104px;
    overflow: hidden;
    position: relative;
    display: block;
  }

  .nine img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }



















.iydtext {
    display: inline-block;
    background-color: #03a9f445;
    border-radius: 12.5px;
    height: 25px;
    width: 85px;
    text-align: center;
    line-height: 25px;
    padding-left: 20px;
    text-decoration: none;
    color: #999999;
    position: inherit;
    margin-top: 10px;
    margin-left: -40px;
    
    /*background: url(iyd.png) no-repeat, #f2f2f2;*/
    /*background-size: 20px;*/
    /*background-position: left 5px bottom 2px;*/
    
    
    
}

.detail-dingwei {
    font-size: 13px;
    color: #97abd1;
    position: relative;
    margin: 10px 0;
    margin-left: -40px!important;
    padding-right: 100px;
}
.detail-time {
    font-size: 13px;
    position: relative;
    margin: 10px 0;
    margin-left: -px!important;
}

.detail-cmt-wrap {
    margin: 0 15px 0 0;
    margin-left: -40px!important;
   
}
.detail-cmt {
    position: relative;
    padding: 0px 5px 0px 12px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 6px;
}

.detail-cmtr{
    display: none!important;
}
.plugin-item:before {
    display: none!important;
}

.detail-tags span {
    margin-right: 5px!important;
    padding: 0 8px!important;
    display: block;
    float: left;
    letter-spacing: 0;
    margin-bottom: 5px!important;
    border-radius: 10px 5px 10px 5px!important;
    right: -5px;
    /* padding-left: 6px; */
    position: relative;
    /* padding-right: 8px; */
}



.container {
      position: relative;
      /*width: 40px; */
      /*height: 40px; */
}
    .circle-1, .circle-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
    }
    
    .circle-1 {
      width: 16px; /* 直径为 20px 的圆形 */
      height: 16px; /* 直径为 20px 的圆形 */
      background-color: #03a9f445; 
      margin-left: -35px;
    }
    
    .circle-2 {
      width: 7px; /* 直径为 5px 的圆形 */
      height: 7px; /* 直径为 5px 的圆形 */
      background-color: #2196f300; 
      border: 2px solid white; 
      margin-left: -35px;
    }
.iydtext1 {
    color: #f8f8f8!important;
    text-decoration: none;
}













.iydtext {
    display: inline-block;
    background-color: #03a9f445;
    border-radius: 12.5px;
    height: 25px;
    width: 85px;
    text-align: center;
    line-height: 25px;
    padding-left: 20px;
    text-decoration: none;
    color: #999999;
    position: inherit;
    margin-top: 10px;
    margin-left: -40px;
    
    /*background: url(iyd.png) no-repeat, #f2f2f2;*/
    /*background-size: 20px;*/
    /*background-position: left 5px bottom 2px;*/
    
    
    
}

.detail-dingwei {
    font-size: 13px;
    color: #97abd1;
    position: relative;
    margin: 10px 0;
    margin-left: -40px!important;
    padding-right: 100px;
}
.detail-time {
    font-size: 13px;
    position: relative;
    margin: 10px 0;
    margin-left: -0px!important;
}

.detail-cmt-wrap {
    margin: 0 15px 0 0;
    margin-left: -40px!important;
   
}
.detail-cmt {
    position: relative;
    padding: 0px 5px 0px 12px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 6px;
}

.detail-cmtr{
    display: none!important;
}
.plugin-item:before {
    display: none!important;
}

.detail-tags span {
    margin-right: 5px!important;
    padding: 0 8px!important;
    display: block;
    float: left;
    letter-spacing: 0;
    margin-bottom: 5px!important;
    border-radius: 10px 5px 10px 5px!important;
    right: -5px;
    /* padding-left: 6px; */
    position: relative;
    /* padding-right: 8px; */
}



.container {
      position: relative;
      /*width: 40px; */
      /*height: 40px; */
}
    .circle-1, .circle-2 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
    }
    
    .circle-1 {
      width: 16px; /* 直径为 20px 的圆形 */
      height: 16px; /* 直径为 20px 的圆形 */
      background-color: #03a9f445; 
      margin-left: -35px;
    }
    
    .circle-2 {
      width: 7px; /* 直径为 5px 的圆形 */
      height: 7px; /* 直径为 5px 的圆形 */
      background-color: #2196f300; /* 填充颜色为黑色 */
      border: 2px solid white; /* 白色描边宽度为 3px */
      margin-left: -35px;
    }
.iydtext1 {
    color: #f8f8f8!important;
    text-decoration: none;
}

    
    
    
    
}




































































            .index-newmenus__box .index-newmenus__list {
                height: 24px;
                /*width: 760px;*/
                max-width: 760px;
                padding-top: 10px!important;
                /*background: #c4e9faf2!important;*/
                    background: #fffffff2!important;          
                min-height: 35px!important;
                z-index: 1;
                overflow-x: scroll;
                -webkit-overflow-scrolling: touch;
                white-space: nowrap;
                border-radius: 5px;
                margin-bottom: 6px;
            }
		
		    .index-newmenus__box .index-newmenus__list .index-newmenus__item {
		        width: 80px;
		        font-weight: 600;
                font-size: 1.05em;
                cursor: pointer;
                position: relative;
                text-align: center;
                padding: 0px 10px;
                height: 24px;
                line-height: 24px;
                display: inline-block;
                transition: all 0.3s ease-in-out; /* 添加过渡效果 */
		    }
		
		    .index-newmenus__box .index-newmenus__list .index-newmenus__item:first-child {
		        margin-left: 5px;
		    }
		
		    .index-newmenus__box .index-newmenus__list .index-newmenus__item.active {
		        font-size: 1.25em;
		        transform: scale(1.1); /* 由小到大的弹出效果 */
		    }
		
		    .index-newmenus__box .index-newmenus__list .index-newmenus__item.active a:after {
                content: '';
                width: 92px;
                position: absolute!important;
                height: 27px!important;
                bottom: -5px!important;
                background-size: contain!important;
                background-color: rgb(255 0 0 / 0%)!important;
                border-radius: 15px!important;
                left: -7px!important;
                border-bottom: 1px solid #ffffffa8;
                border-right: 1px solid #ffffffa8;
                background-image: linear-gradient(to bottom, #ffffff42, #ffffff42)!important;
            }
		
		    .index-newmenus__box .index-newmenus__list .index-newmenus__item.active a:after:hover {
		        background-color: rgba(255, 0, 0, 0.5); 
		    }
            .index-newmenus__item a{
                /*color: #2196f3!important;*/
                color: #999b9c94!important;
            }
            
            .index-newmenus__box .index-newmenus__list .index-newmenus__item.active a {
                color: black!important;
                z-index: 999;
            }
            
            
            @keyframes bounce {
                0% {
                    transform: translateY(0);
                }
                50% {
                    transform: translateY(-5px);
                }
                100% {
                    transform: translateY(0);
                }
            }