.share-shadow-flex{
  width:100%;
  height:100%;
}
.share-shadow{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  display:none;
}
.share-shadow-content{
  background-color: #dcd8d8;
}
.share-shadow-content-top{
  background-color: #9d0909;
  padding:7px 10px 6px clamp(10px,1.4vw,14px);
  border-radius: 5px 5px 0 0;
}
.share-shadow-content{
  border-radius: 5px;
  box-shadow: 0px 0px 7px 2px 
		rgba(0,0,0,0.3);
}
.share-shadow-content-top-bottom{
  border-radius: 0 0 5px 5px;
  background-color: #dcd8d8;
  padding:10px clamp(10px,1.4vw,14px) clamp(10px,1.9vw,19px) clamp(10px,3.1vw,31px);
}
.share-shadow-content-top-bottom-left-qrcode{
  background-color:#ffffff;
}
.share-shadow-content-top-bottom-left-qrcode canvas{
  width:clamp(100px,15.1vw,151px);
  height:clamp(100px,15.1vw,151px);
}
.share-shadow-content-top-bottom-left-title{
  font-size: clamp(6px,1.4vw,14px);
  margin-top:6px;
  text-align:center;
}
.share-shadow-content-top-bottom-left{
  flex:none;
}
.share-shadow-content-top-bottom-line{
  width: 1px;
  height: clamp( 150px,21.2vw,212px );
  background-color: #ffffff;
  margin:0 clamp(10px,2.1vw,21px) 0 clamp(10px,2.5vw,25px);
  flex:none;
}
.share-shadow-content-top-bottom-right{
  display:flex;
  flex:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.share-shadow-content-top-bottom-right-share{
  flex:none;
  display:flex;
  align-items:center;
}
.share-shadow-content-top-bottom-right-share .share-box-unit{
  width:clamp(15px,4.1vw,41px);
  margin-left:10px;
}
.share-shadow-content-top-bottom-right-link{
  display:flex;
  align-items:center;
  border-radius: 5px;
  height:clamp(20px,3.5vw,35px);
  flex:none;
  overflow:hidden;
  margin-top:clamp(10px,3.6vw,36px);
}
.share-shadow-content-top-bottom-right-link-input{
  width:clamp( 100px,17.3vw,173px );
  height:100%;
  line-height:clamp(20px,3.5vw,35px);
  color: #6e6e6e;
  font-size: clamp(6px,1.4vw,14px);
  padding:0 clamp(10px,1.4vw,14px);
  background-color: #ffffff;
}
.share-shadow-content-top-bottom-right-link-button{
  padding:0 clamp(10px,1.5vw,15px);
  line-height:clamp(20px,3.5vw,35px);
  color:#ffffff;
  font-size: clamp(10px,1.8vw,18px);
  background-color: #929292;
  cursor:pointer;
}
.share-shadow-content-top-left-img{
  width:clamp(10px,2.5vw,25px);
}
.share-shadow-content-top-left-title{
  font-size: clamp(10px,1.6vw,16px);
  color: #ffffff;
  margin-left:7px;
}
.share-shadow-content-top-close{
  width:15px;
  cursor:pointer;
}
.index-first-box-right-swiper-slide-list-unit-point{
  height: clamp(16px, 1.2vw, 24px);
  margin-right:clamp(5px,0.9vw,9px);
}
.index-first-box-right-swiper-slide-list-unit .index-first-box-right-swiper-slide-list-unit-title{
  height:unset;
}
.index-first-box-right-swiper-slide-list-unit-point-inner{
  width:clamp(3px, 0.6vw, 6px);
  height:clamp(3px, 0.6vw, 6px);
  border-radius:50%;
  background-color: #b5020e;
}
.index-first-box-right-swiper-slide-list-unit{
  margin-top:10px;
}
.index-first-box-right-swiper-slide-list-unit:first-of-type{
  margin-top:0px;
}
.index-first-box{
  padding-top:1px;
}
.index-first-box-left{
  width:calc( 946 / 1440 * 100% );
  display:flex;
  flex-direction:column;
}
.hot-title{
  width:100%;
  flex:none;
}
.hot-title img{
  width:100%;
}
.index-first-box-right{
  width:calc( 467 / 1440 * 100% );
  margin-top:clamp(10px,2.1vw,21px);
}
.index-first-box-right-swiper,.index-first-box-right-swiper .swiper-wrapper,.index-first-box-right-swiper .swiper-slide{
  height:unset;
}
.index-first-box-right-swiper{
  margin-top:clamp(10px,1.6vw,16px);
}
.index-first-box-right-swiper-slide-title{
  background-color: #ad0000;
  font-size: clamp(10px,1.8vw,18px);
  color: #ffffff;
  padding-left:clamp(10px,2.4vw,24px);
  line-height:clamp( 20px,4.5vw,45px );
}
.index-first-box-right-swiper-slide-list{
  width:calc( 100% - clamp( 10px,1.6vw,16px ) );
  margin:clamp( 10px,1.6vw,16px ) auto 0;
  max-height:calc( clamp(16px, 1.2vw, 24px) * 8 * 2 + 10px * 7 );
  overflow-y:auto;
}
.index-first-box-left-top-left{
  width:calc( 325 / 946 * 100% );
  display:flex;
  flex-direction:column;
}
.index-first-box-left-top-right{
  width:calc( 601 / 946 * 100% );
  margin-top:clamp(10px,2.8vw,28px)
}

.index-first-box-left-top-right-swiper,.index-first-box-left-top-right-swiper .swiper-wrapper,.index-first-box-left-top-right-swiper .swiper-slide{
  height:unset;
}
.index-first-box-left-top-right-swiper-slide{
  position:relative;
  padding-top:calc( 996 / 601 * 100% );
}
.index-first-box-left-top-right-swiper-slide>a{
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.index-first-box-left-top-right-swiper-slide-img{
  width:100%;
  height:100%;
  object-fit: contain;
  object-position: 50% 0;
}

.index-first-box-left-tool{
  margin-top:clamp( 10px,4.2vw,42px );
  align-items:center;
}
.index-first-box-left-tool-img{
  width:clamp( 15px,2.7vw,27px );
  height:clamp( 15px,2.7vw,27px );
  object-fit: contain;
}
.index-first-box-left-tool-input{
  background-color: #ca1621;
  border-radius: 5px;
  width: clamp(50px,8.4vw,84px);
  height: clamp(20px,3.2vw,32px);
  text-align:center;
  line-height: clamp(20px,3.2vw,32px);
  font-size: clamp(8px,1.5vw,15px);
  color:#ffffff;
}
.index-first-box-bottom-swiper-slide{
  cursor:pointer;
}
.index-first-box-bottom-swiper-slide-top{
  padding-top:calc( 291 / 176 * 100% );
  position:relative;
}
.index-first-box-bottom{
  margin-top:clamp(10px,4.8vw,48px);
  padding: clamp(10px,2.4vw,24px) 0;
  background-image: linear-gradient(to right,rgba(0,0,0,0),#cbcbcb 10%,#cbcbcb 90%,rgba(0,0,0,0));
  border-radius: 5px;
}
.index-first-box-bottom-swiper{
  width:calc( 100% - clamp( 10px,2.4vw,24px ) * 2 );
  padding-right:clamp(50px,17.6vw,176px);
}
.index-first-box-bottom-swiper-shadow{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:calc( clamp(50px,17.6vw,176px) + clamp( 10px,2.4vw,24px ) );
  z-index:5;
  background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(255,255,255,0.7));
}
.index-first-box-bottom-swiper-next,.index-first-box-bottom-swiper-prev{
  height:unset;
  margin-top:0;
  transform:translateY(-100%);
  width:clamp(15px,3.7vw,37px);
}
.index-first-box-bottom .index-first-box-bottom-swiper-next.swiper-button-disabled,.index-first-box-bottom .index-first-box-bottom-swiper-prev.swiper-button-disabled{
  opacity:0;
}
.index-first-box-bottom-swiper-next{
  right:5px;
}
.index-first-box-bottom-swiper-prev{
  left:5px;
}
.index-first-box-left-top-right-swiper-slide-top-img{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  object-fit:contain;
}
.index-first-box-left-top-right-swiper-slide-title{
  text-align:center;
  font-size: clamp(12px, 1vw, 16px);
  margin-top:4px;
}
@media (min-width:992px){
  @-moz-document url-prefix() {
    .index-first-box-right-swiper-slide-list{
      scrollbar-width: thin;
      scrollbar-color: #ad0000 transparent;
    }
  }
  .index-first-box-right-swiper-slide-list::-webkit-scrollbar{
    width:5px;
    height:5px;
  }
  .index-first-box-right-swiper-slide-list::-webkit-scrollbar-button{
    display:none;
  }
  .index-first-box-right-swiper-slide-list::-webkit-scrollbar-track{
    background-color:rgba(0,0,0,0);
  }
  .index-first-box-right-swiper-slide-list::-webkit-scrollbar-thumb{
    background: #ad0000;
  }
}
@media (max-width:992px){
  .index-first-box-right-swiper-slide-list{
    max-height: clamp(50px, 23vw, 300px);
  }
}
@media (max-width:576px){
  body .index-first-box-top,body .index-first-box-left-top{
    display:block;
  }
  .index-first-box-left,.index-first-box-right,.index-first-box-left-top-left,.index-first-box-left-top-right{
    width:100%;
  }
  .hot-title{
    width:clamp(1px,37.85vw,180px);
    margin-top:clamp(1px,2.43vw,15px);
  }
  .index-first-box-left-tool-input{
    width:clamp(1px,15.28vw,88px);
    height:clamp(1px,5.9vw,34px);
    line-height:clamp(1px,5.9vw,34px);
    font-size: clamp(1px, 2.75vw, 16px);
  }
  .index-first-box-bottom-swiper-shadow{
    display:none;
  }
  .index-first-box-bottom-swiper{
    padding-right:0;
  }
  .index-first-box-bottom-swiper-next, .index-first-box-bottom-swiper-prev{
    transform:translateY(0);
    width:clamp(1px,6.03vw,29px);
    top:calc( 100% + 7px );
  }
  .index-first-box-bottom-swiper-next{
    right:calc(50% - clamp(1px,6.03vw,29px) - 8px);
  }
  .index-first-box-bottom-swiper-prev{
    left:calc(50% - clamp(1px,6.03vw,29px) - 8px);
  }
  .index-first-box-bottom .index-first-box-bottom-swiper-next.swiper-button-disabled, .index-first-box-bottom .index-first-box-bottom-swiper-prev.swiper-button-disabled{
    opacity:0.35;
  }
  .index-first-box .nav-link-box,.index-first-box-top,.index-first-box-bottom,.index-first-box-bottom,.index-first-box-right{
    padding-left: clamp(1px, 1.87vw, 20px);
    padding-right: clamp(1px, 1.87vw, 20px);
  }
  .index-first-box-right-swiper-slide-title{
    font-size: clamp(1px,5vw,28px);
    line-height:clamp(1px,8.85vw,51px);
  }
  .index-first-box-right-swiper-slide-list{
    max-height:unset;
  }
  body #date-area{
    width:calc(100% - clamp(1px, 1.87vw, 20px)*2);
  }
  .index-first-box-bottom-swiper{
    width:100%;
  }
  .index-first-box-right{
    margin-top: calc( clamp(5px, 5.73vw, 33px) + 7px + clamp(1px,6.03vw,29px) );
  }
  .index-first-box-right-swiper-slide-list-unit-point-inner{
    width:clamp(1px,2.26vw,13px);
    height:clamp(1px,2.26vw,13px);
  }
  .share-shadow-content-top-bottom-right-share .share-box-unit{
    width: clamp(15px, 7.1vw, 41px);
  }
  .share-shadow-content-top-bottom-right-link-input{
    font-size: clamp(6px, 3vw, 14px);
  }
  .share-shadow-content-top-bottom-left-title{
    font-size: clamp(6px, 3.4vw, 14px);
  }
  .share-shadow-content-top-left-title{
    font-size: clamp(10px, 3.6vw, 16px);
  }
  .share-shadow-content-top-left-img{
    width: clamp(10px, 4.5vw, 25px);
  }
  .share-shadow-content-top-bottom-left-qrcode canvas{
    width:19vw;
    height:19vw;
  }
  .share-shadow-content-top-bottom-right-link-button{
    font-size: clamp(10px, 3vw, 18px);
  }
  .share-shadow-content-top-bottom-line{
    height: clamp(111px, 21.2vw, 212px);
  }
}