.vohk-box-pad,.vohk-box-wap{
  display:none;
}
.vohk-box .column-title-box{
  position:relative;
  z-index:10;
}
.vohk-box-swiper-slide-bottom{
  display:flex;
  justify-content:space-between;
  flex:none;
  align-items:center;
}
.vohk-box{
  height:100%;
  display:flex;
  flex-direction:column;
}
.vohk-box-swiper-box{
  flex:1;
  margin-top:13px;
}
.vohk-box-swiper-slide{
  height:100%;
  display:flex;
  flex-direction:column;
}
.vohk-box-swiper-slide-unit{
  flex:1;
  justify-content:space-between;
  flex-direction:column;
  display:flex;
  padding:5px;
  border-bottom:1.5px solid #b6b6b6;
  border-radius: 0;
  background-color: rgba(0,0,0,0);
  transition:0.5s;
}
.vohk-box-swiper-slide-unit:nth-child(n+5),.vohk-box-swiper-slide-unit:hover{
  border-bottom:1.5px solid rgba(0,0,0,0);
}
.vohk-box-swiper-slide-unit:hover{
  background-color: #e8e8e8;
  border-radius:5px;
}
.vohk-box-swiper-slide-unit .story-list-unit-title{
  flex:none;
}

.vohk-title-box{
  width:100%;
  position:relative;
  flex:none;
}
.vohk-title-left,.vohk-title-right{
  width:25px;
  position:absolute;
  top:50%;
  transform:translateY( -50% );
  margin-top:0;
  height:unset;
}
.vohk-title-left{
  right:37px;
  left:unset;
}
.vohk-title-right{
  right:0;
}
.index-first-box-right{
  width:calc( 247 / 1440 * 100% );
  margin-left:auto;
}
.index-first-box-announcement .index-first-box-right{
  width:calc( 327 / 1440 * 100% );
  margin-left:auto;
}
.user-box{
  display:flex;
  flex:none;
  align-items:center;
  cursor:pointer;
  margin-left:auto;
}
.user-avatar-box{
  position:relative;
  flex:none;
  width:40px;
  height:40px;
}
.user-avatar-border{
  position:relative;
  z-index:10;
}
.user-avatar{
  border-radius:50%;
  display:none;
  width:100%;
  height:100%;
}
.user-avatar[src^="http"]{
  display:block;
}
.user-avatar-tip{
  width:6px;
  position:absolute;
  right:1px;
  bottom:2px;
  z-index:99;
}
.user-name{
  flex:none;
  font-size: 14px;
  margin-left:4px;
  color: #b62c2c;
}
.announcement-box{
  display:none;
  flex: none;
  height: unset;
  margin-top: 8px;
  background-color: #f3f3f3;
  border-radius: 5px;
  height:37px;
}
.announcement-title{
  height: 100%;
  flex:none;
  box-shadow: 0px 0px 8px 0px 
		rgba(0, 0, 0, 0.29);
  border-radius: 5px;
}
.announcement-box-right-box{
  height:100%;
  flex:1;
  display:flex;
  align-items:center;
}
.announcement-box-right-unit{
  margin-left:20px;
  font-size:clamp( 10px,2vw,16px );
}
.announcement-box-right-box .str_wrap{
  background-color:rgba(0,0,0,0);
}
.announcement-box-right{
  flex:1;
}
.index-first-box-announcement .announcement-box{
  display:flex;
}
.index-first-box-center{
  height:100%;
  margin-left: calc(19 / 1440 * 100% );
}
.index-first-box-center-swiper{
  height:100%;
}

/*.index-first-box-center-announcement .index-first-box-center-swiper,
.index-first-box-center-announcement .common-swiper-box,
.index-first-box-center-announcement .common-swiper-slide,
.index-first-box-center-announcement .swiper-slide,
.index-first-box-center-announcement .swiper-wrapper,
.index-first-box-center-announcement .common-swiper,
.index-first-box-center-announcement .common-swiper-slide-bac{
  height:unset;
}*/
.index-first-box-announcement .index-first-box-center-swiper{
  height:calc( 480 / 525 * 100% );
  flex:none;
}
.index-first-box-center{
  width:calc( 880 / 1440 * 100% );
  height:100%;
}
body .index-first-box-announcement .index-first-box-center{
  width:calc( 800 / 1440 * 100% );
  height:100%;
}
.index-first-box-center-announcement{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.index-first-box{
  height:525px;
}
.index-first-box .flex{
  height:100%;
}
.today-box{
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  width:100%;
}
.today-box-box{
  width:calc( 276 / 1440 * 100% );
}
.today-box-box .swiper-container,.today-box-box .swiper-wrapper,.today-box-box .swiper-slide{
  height:unset;
}
.today-box-swiper-box{
  flex:none;
  width:100%;
  margin-top:5px;
}
.today-box-swiper-slide-inner{
  width: 100%;
}
.today-box-swiper-slide-inner-inner{
  height: 100%;
  display: flex;
  align-items: center;
}
.today-box-swiper-slide-inner-link{
  width:100%;
  display:block;
  position:relative;
  padding-top:calc( 2053 / 1315 * 100% );
  overflow:hidden;
  width: 97%;
  margin: 0 auto;
}
.wwp-slide .today-box-swiper-slide-inner-link{
  padding-top: calc(197 / 127 * 100%);
}
.hker-slide .today-box-swiper-slide-inner-link{
  padding-top:calc( 124 / 100 * 100% );
}
.today-box-swiper-slide-inner-img{
  width:100%;
  height:100%;
  object-fit: contain;
  filter: drop-shadow(0px 0px 3px 
		rgba(189, 189, 189, 0.9));
  position:absolute;
  left:0;
  top:0;
  z-index:99;
  transform:scale(0.96);
}
.today-box-swiper-slide-inner-bg{
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  background-color: #a4a4a4;
  top:0;
  transform: scale(0.97) rotateZ(-1deg);
  z-index:10;
}
.today-box-swiper-slide-inner-top{
  width:100%;
  padding-top:calc( 225 / 272 * 100% );
  position:relative;
}
.today-box-swiper-slide-inner-top-link{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
.today-box-swiper-slide-inner-top-img{
  width:100%;
  height:100%;
  object-fit: contain;
}
.today-box-title{
  width:100%;
  flex:none;
  display:block;
}
.today-box-title img{
  width:100%;
}
.today-box-swiper-slide-inner-swiper-box{
  position:relative;
  margin-top:clamp( 5px ,0.5vw,30px );
  padding:12px 0 6px;
  background-image:linear-gradient( to right,rgba(0,0,0,0),#cbcbcb 20%,#cbcbcb 80%,rgba(0,0,0,0));
}
.today-box-swiper-slide-inner-swiper{
  width:calc( 245 / 313 * 100% );
}
.today-box-swiper-slide-inner-swiper-prev,.today-box-swiper-slide-inner-swiper-next{
  width:20px;
  top:50%;
  transform:translateY(-50%);
  margin-top:0;
  height:unset;
}
.today-box-swiper-slide-inner-swiper-prev{
  left:0;
}
.today-box-swiper-slide-inner-swiper-next{
  right:0;
}
.today-box-swiper-slide-inner-swiper-slide-inner{
  width:100%;
}
.today-box-swiper-slide-inner-swiper-slide-img-box{
  width:100%;
  height:0;
  display:block;
  padding-top:calc( 113 / 69 * 100% );
  position:relative;
}
.today-box-swiper-slide-inner-swiper-slide-img{
  width:100%;
  height:100%;
  object-fit: contain;
  left:0;
  top:0;
  position:absolute;
}
.today-box-swiper-slide-inner-swiper-slide-title{
  font-size: clamp(6px ,1vw,10px );
  margin-top:4px;
  color:#333333;
  display:block;
  text-align:center;
}
.today-box-bottom{
  display:flex;
  justify-content:space-around;
  align-items:center;
  flex:none;
  width:100%;
  margin-top:5px;
}
.today-box-bottom-unit{
  display:block;
  font-size: 18px;
  line-height:23px;
  border-radius:23px;
  padding: 0 clamp(1px, 0.5vw, 7px);
  font-size: clamp(6px, 1vw, 18px);
  line-height: clamp(5px, 2vw, 23px);
}
.today-box-bottom-unit-active{
  color:#ffffff;
  background-color: #a0a0a0;
}
@media (min-width:1520px){
  .vohk-box-swiper-slide-unit .story-list-unit-title{
    font-size: 18px;
  }
}
@media (max-width:1520px){
  .index-first-box-center{
    width: calc(820 / 1440 * 100%);
  }
  .index-first-box-right{
    width: calc(307 / 1440 * 100%);
  }
  body .index-first-box-announcement .index-first-box-center{
    width: calc(760 / 1440 * 100%);
  }
  .index-first-box-announcement .index-first-box-right{
    width: calc(367 / 1440 * 100%);
  }
  .index-first-box{
    height: 33vw;
  }
  .user-avatar-box{
    width: clamp(15px,2.3vw,23px);
    height: clamp(15px,2.3vw,23px);
  }
  .user-name{
    font-size:0.8vw;
  }
  .vohk-box-swiper-slide-unit{
    padding: 0.3vw;
  }
  /*.index-first-box-center-announcement .index-first-box-center-swiper{
    height: calc(400 / 525 * 100%);
  }*/
  /*body .index-first-box-center-announcement{
    width:43vw;
  }*/
}
@media (max-width:1520px) and (min-width:993px){
  .vohk-box-swiper-slide-unit .story-list-unit-title{
    font-size: 1.2vw;
    line-height: 1.3vw;
    height: 2.6vw;
  }
  .vohk-box-swiper-slide-unit .story-list-unit-bottom-time{
    font-size:0.8vw;
  }
}
@media (min-width:993px){
  .vohk-box .column-title-box img{
    height:unset;
    width:100%;
  }
  .vohk-box-swiper-slide-unit:nth-child(n+6){
    display:none;
  }
  .vohk-box .column-title-box{
    height:unset;
    width:calc( 245 / 254 * 100% );
  }
}

@media (max-width:992px) and (min-width:577px){
  .vohk-box-pad{
    display:block;
  }
  .vohk-box-swiper-slide{
    flex-wrap:wrap;
    flex-direction: row;
  }
  .vohk-box-swiper-slide-unit{
    width:calc( 1 / 3 * 100% );
    flex:none;
    padding:clamp(5px,1vw,10px);
    border-bottom: 0!important;
    margin-top:7px;
    border-right:1.5px solid #b6b6b6;
  }
  .vohk-box-swiper-slide-unit:nth-child(-n+3){
    margin-top:0;
  }
  .vohk-box-swiper-slide-unit:nth-child(3n),.vohk-box-swiper-slide-unit:hover{
    border-right:1.5px solid rgba(0,0,0,0);
  }
  .user-name{
    font-size: clamp(8px, 1vw, 12px);
  }
  .user-avatar-box{
    width:clamp( 15px,1.9vw,19px );
    height:clamp( 15px,1.9vw,19px );
  }
  /*.user-box{
    margin-left:0;
  }*/
  .vohk-box-swiper-slide-bottom{
    margin-top:clamp( 10px,1.9vw,19px );
  }
  .index-first-box .flex{
    align-items:flex-start;
  }
  .index-first-box{
    height:unset;
  }
  body .index-first-box-announcement .index-first-box-center{
    height:40vw;
  }
  .index-first-box-center{
    height:40vw;
  }
}
@media (max-width:992px){
  .today-box-box{
    width: calc(249 / 912 * 100%);
  }
  .index-first-box-center {
    width: calc(628 / 912 * 100%);
    margin-left: auto;
  }
  .index-first-box-right{
    display:none;
  }
  .today-box-swiper-slide-inner-swiper-slide-img-box{
    padding-top: calc(47 / 69 * 100%);
  }
  body .index-first-box-announcement .index-first-box-center{
    width: calc(942 / 1440 * 100%);
  }
  .index-first-box-announcement .index-first-box-center-swiper{
    height: calc(475 / 525 * 100%);
  }
  .announcement-box{
    height: 22px;
  }
  .index-first-box-announcement .index-first-box-right{
    width: calc(366 / 1440 * 100%);
  }
  .vohk-title-left, .vohk-title-right{
    width:20px;
  }
  .vohk-title-left{
    right:30px;
  }
  .index-first-box-announcement .common-swiper-pagination{
    height:30px;
  }
  .index-first-box-announcement .today-box-box{
    width: calc(295 / 912 * 100%);
  }
  .index-first-box-announcement .today-box-swiper-slide-inner-top{
    padding-top: calc(186 / 272 * 100%);
  }
  .index-first-box-announcement .today-box-swiper-slide-inner-link{
    padding-top: calc(1378 / 1315 * 100%);
    width: 64%;
  }
  .index-first-box-announcement .wwp-slide .today-box-swiper-slide-inner-link{
    padding-top: calc(1354 / 1315 * 100%);
  }
  .index-first-box-announcement .hker-slide .today-box-swiper-slide-inner-link{
    padding-top: calc(1077 / 1315 * 100%);
  }
}
@media (max-width:576px){
  .index-first-box{
    height:40vw;
  }
  .vohk-box-wap{
    display:block;
  }
  .vohk-box-swiper-slide-unit:nth-child(n+5){
    display:none;
  }
  .today-box-box{
    display:none;
  }
  .index-first-box-center{
    margin-left:0;
  }
  body .index-first-box-announcement .index-first-box-center,body .index-first-box-center{
    width:100%;
  }
  .index-first-box{
    height:unset;
  }
  .index-first-box .common-swiper-pagination{
    height:10px;
    line-height:3px;
  }
  .index-first-box-announcement .common-swiper-pagination{
    height:10px;
    line-height:3px;
  }
  .announcement-box{
    height:clamp( 1px,8vw,40px );
  }
  .announcement-box .str_wrap{
    font-size:clamp( 1px,4.27vw,16px );
  }
  .vohk-box-wap-left{
    width:46vw;
  }
  .vohk-box-wap-right{
    width:47.2vw;
    margin-left:auto;
  }
  .user-avatar-box{
    width: clamp(15px, 5.53vw, 23px);
    height: clamp(15px, 5.53vw, 23px);
  }
  .vohk-box-swiper-slide-bottom{
    margin-top:clamp(1px,1vw,26px);
  }
  .vohk-box .story-list-unit-title{
    -webkit-line-clamp: 2;
    height:clamp(1px,10.66vw,40px);
  }
  .vohk-box-swiper-slide-unit{
    padding: 5px;
  }
  .user-name{
    font-size: clamp(1px, 3.2vw, 12px);
  }
  /*.user-box{
    margin-left:0;
  }*/
  .today-box-swiper-slide-inner-swiper-slide-img-box{
    padding-top:calc(104 / 69 * 100%);
  }
  .announcement-box-right-unit{
    font-size:clamp(1px,4.27vw,16px);
  }
  .today-box-swiper-slide-inner-swiper-slide-title{
    font-size:clamp(1px ,3.2vw,16px );
  }
  .today-box-bottom-unit{
    font-size:clamp(1px ,3.2vw,16px );
    line-height:clamp( 1px,5.33vw,20px);
    padding: 0 clamp(1px, 1.5vw, 10px);
  }
  .vohk-box-wap-right{
    margin-top:2vw;
  }
  .today-box-bottom{
    margin-top:0;
  }
}