.recommend-box{
  margin-top:45px;
  background-color: #e5e5e5;
  padding-bottom:41px;
}
.recommend-box .column-title{
  background-image:none;
}
body .search-icon{
  margin-left:0;
  height:18px;
}
.hot-story-title .column-title-text{
  margin-left:auto;
}
.recommend-box .column-title-text{
  color: #e4131f;
  cursor:pointer;
  margin-left:57px;
}
.hot-story-list-unit{
  padding: 10px 17px 10px 3px;
  background-color: rgba(0,0,0,0);
  transition:0.5s;
  position:relative;
}
.hot-story-list-unit-left-box{
  width:62px;
  margin-right:9px;
  flex:none;
  display:flex;
  justify-content:center;
}
.hot-story-list-unit-left{
  width:70%;
  border-radius: 10.5px 7.27px 7.27px 0px;
  line-height:18px;
  text-align:center;
  background-color: #e1e1e1;
  font-size: 14px;
  color: #ff2741;
  font-style:italic;
}
.hot-story-list-unit-right{
  flex:1;
}
.hot-story-list-unit-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.hot-story-list-unit-border{
  border-top:1px dashed #c6c6c6;
  position:absolute;
  width:calc( 589 / 626 * 100% );
  top:0;
  right:18px;
  transition:0.5s;
}
.hot-story-list-unit:first-of-type .hot-story-list-unit-border{
  border-top:1px dashed rgba(0,0,0,0);
}
.hot-story-list-unit:hover .hot-story-list-unit-border{
  border-top:1px dashed rgba(0,0,0,0);
}
.hot-story-list-unit:hover{
  background-color: #e9e9e9;
}

.hot-story-list-unit:nth-child(-n+3) .hot-story-list-unit-left{
  line-height: 20px;
  width:87%;
  color:#ffffff;
  background-color: #f6aeb6;
}
.hot-story-list-unit:nth-child(2) .hot-story-list-unit-left{
  background-color: #ff8388;
  width:88%;
  line-height: 22px;
}
.hot-story-list-unit:nth-child(1) .hot-story-list-unit-left{
  line-height: 24px;
  width:100%;
  font-size:16px;
  background-color: #e80405;
}
.recommend-swiper-box{
  margin-top:30px;
  padding-left:28px;
  padding-right:28px;
  position:relative;
}
.recommend-swiper-slide-inner{
  width:100%;
  transform:scale(0.8);
  transition:0.5s;
}
.recommend-swiper-slide-inner{
  transform:scale(0.9);
}
.recommend-swiper-slide-inner:hover{
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
}
.recommend-swiper-box .user-box{
  display:block;
  padding-top:28px;
  padding-bottom:18px;
  background-color: #ffffff;
  border-radius: 5px;
  padding-left:5px;
  padding-right:5px;
}
.recommend-swiper-box .user-avatar-box{
  width:100px;
  height:100px;
  margin-left:auto;
  margin-right:auto;
}
.recommend-swiper-box .user-avatar-tip{
  right: 5px;
  bottom: 8px;
}
.recommend-swiper-box .user-name{
  text-align:center;
  margin-left:0;
  margin-top:10px;
  height:40px;
  line-height:20px;
}
.recommend-search-box{
  display:flex;
  align-items:center;
  background-color:#ffffff;
  padding: 0 15px;
  border-radius:30px;
  border:1px solid rgba(0,0,0,0);
  transition:0.5s;
  margin-left:auto;
  height:30px;
}
.recommend-search-input{
  height:100%;
  line-height:35px;
  width:119px;
  font-size:18px;
  color: #333333;
  margin-left:10px;
  text-align:right;
}
.recommend-search-input::placeholder{
  color:#999999;
}
.first-box{
  display:flex;
  margin-top:40px;
  position:relative;
}
.column-child-list .common-column-list-unit-bottom-tag{
  margin-left:0;
}
.common-column-list-unit-user-box-empty{
  height:52px;
}
.first-box-left{
  width:calc( 641 / 1280  * 100% );
  height:100%;
  flex:none;
  position:relative;
  z-index:199;
}
body .first-box-left .column-swiper-button-next,body .recommend-box .swiper-button-next{
  right:-15px;
}
body .first-box-left .column-swiper-button-prev,body .recommend-box .swiper-button-prev{
  left:-15px;
}
body .first-box-left .column-swiper-button-next,body .first-box-left .column-swiper-button-prev,body .recommend-box .swiper-button-prev,body .recommend-box .swiper-button-next{
  background-color:rgba(208,208,208,1);
  color:rgba(204,23,53,1);
  width:30px;
  height:30px;
  z-index:99;
  border-radius:50%;
  opacity:1;
}
.first-box-left .column-swiper-button-next:after,.first-box-left .column-swiper-button-prev:after,.recommend-box .swiper-button-next:after,.recommend-box .swiper-button-prev:after{
  font-size:15px;
}
.first-box-left .column-swiper-container{
  z-index:10;
}
.first-box-right{
  height: 100%;
  flex: 1;
  position:relative;
  z-index:99;
  margin-left:15px;
}
body .column-swiper-container .column-swiper-pagination{
  bottom: 75px;
  left:21px;
  right:unset;
  justify-content:unset;
  width:unset;
}
.hot-story-title{
  display:flex;
  align-items:center;
  padding:9px 36px 9px 0;
  background-image:url(https://tkww-static.tkww.hk/column/vohk/columnAdd/hot_title_bg.png);
  background-size:100% 100%;
}
.hot-story-title-right{
  flex:none;
  width:48px;
  margin-left:7px;
}
.hot-story-title-text{
  flex:none;
  margin-left:15px;
  font-size: 28px;
  color: #e4131f;
  font-weight:bold;
}
.first-box-right-swiper-slide-inner{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
}
.first-box-right-swiper-slide-inner-top{
  padding-left:37px;
  padding-right:11px;
  flex:none;
  width:100%;
  box-sizing:border-box;
}
.first-box-right-swiper-slide-inner-top .common-column-list-unit-title{
  font-size:25px;
  line-height: 30px;
  height:unset;
  margin-top:8px;
}
.first-box-right-swiper-slide-inner-top .common-column-list-unit-bottom-hr{
  margin-top:25px;
}
.first-box-right-swiper-slide-inner-top .common-column-list-unit-text{
  margin-top:25px;
  color:#999999;
}
.first-box-right-swiper-slide-inner-bottom{
  flex:none;
  position:relative;
  z-index:99;
}
.first-box-right-swiper-slide-inner-bottom-inner{
  width:100%;
  display:flex;
  background-color: #e4e4e4;
  padding-left:22px;
  padding-right:23px;
  align-items:center;
  justify-content:space-between;
  padding-top:6px;
  padding-bottom:6px;
}
body .vohk-share-box{
  border:0;
}
.column-title{
  display:flex;
  align-items:center;
  width:100%;
  height:45px;
  justify-content:space-between;
  background-image:url(https://tkww-static.tkww.hk/column/vohk/column-title-bg.png);
  background-size:100% auto;
  background-repeat:no-repeat;
  padding-right:36px;
}
.column-title-img{
  height:100%;
  flex:none;
}
.column-title-text{
  color: #e4131f;
  font-size: 18px;
  flex:none;
}

.column-child-box{
  margin-top:50px;
}
.column-child-box .common-column-list-unit-content{
  width:calc( 384 / 405 * 100% );
  margin-left:auto;
  margin-right:auto;
}
.common-column-list-unit-user{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:6px;
}
.column-child-box .common-column-list-unit{
  padding-top:12px;
  padding-bottom:15px;
  background-color:rgba(255,255,255,0);
  transition:0.5s;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0);
}
.column-child-box .common-column-list-unit-img{
  width:calc( 384 / 405 * 100% );
  height:calc( 384px * 9 / 16 );
  margin-left:auto;
  margin-right:auto;
}
.first-box-right-swiper-slide-inner-bottom-inner{
  position:relative;
}
.first-box-right-swiper-slide-inner-bottom-inner .vohk-share-box{
  position:relative;
  z-index:99;
}
.first-box-right-swiper-slide-inner-bottom-inner .user-box{
  position:relative;
  z-index:10;
}
.first-box .vohk-share-list{
  bottom:100%;
  top:unset;
}
.first-box .share-weixin-box{
  right:100%;
  left:unset;
}
.column-title-img-box{
  flex:none;
  height:100%;
}

body .column-swiper-slide{
  height:calc( 641px * 9 / 16 );
  overflow:hidden;
  position:relative;
  z-index:10;
}
@media (max-width:1400px){
  .first-box-right-swiper-slide-inner-top .common-column-list-unit-bottom-hr{
    margin-top: 1vw;
  }
  .first-box-right-swiper-slide-inner-top .common-column-list-unit-text{
    margin-top:1vw;
  }
  .first-box-right-swiper-slide-inner-top,.first-box-right-swiper-slide-inner-bottom-inner{
    padding-left: 2.5vw;
    padding-right: 1.5vw;
  }
  body .column-swiper-slide{
    height:calc( 91vw * 641 / 1280 * 9 / 16 );
  }
  .column-child-box .common-column-list-unit-img{
    height:calc( 91vw * 384 / 1280 * 9 / 16 );
  }
}
@media (max-width:1250px) and (min-width:650px){
  .hot-story-title-text{
    font-size:20px;
  }
  .hot-story-list-unit{
    padding: 0.6vw 17px 0.6vw 3px;
  }
}
@media (max-width:1099px){
  .column-swiper-slide-box .vohk-share-list-unit:hover .share-weixin-box{
    transform: scaleX(1) scaleY(1) translateY(-78%);
  }
  .column-swiper-slide-box .share-weixin-box{
    transform: scaleX(0) scaleY(0) translateY(-78%);
  }
  .hot-story-list-unit{
    padding: 0.5vw 17px 0.5vw 3px;
  }
  .recommend-box .user-name{
    line-height:2.5vw;
    height:calc( 2.5vw * 2 );
  }
  .recommend-swiper-box .user-box,.govAffairs-swiper-box .user-box,.column-child-box-list .user-box{
    padding-bottom:20px;
  }
  .recommend-search-box{
    height:3vw;
  }
  .recommend-search-input{
    line-height:3vw;
  }
  .recommend-search-input{
    width:11vw;
    font-size:2vw;
  }
  .column-title{
    height: 4vw;
  }
  .column-title-text{
    font-size:1.7vw;
  }
  .first-box-right-swiper-slide-inner-top .common-column-list-unit-title{
    font-size:2vw;
    line-height: 2.5vw;
  }
  .first-box .vohk-share-list-unit{
    padding-left:1vw;
    padding-top:0.5vw;
    padding-bottom:0.5vw;
    height:unset;
  }
  .first-box .vohk-share-list-unit-title{
    font-size: 1.7vw;
    margin-left: 1vw;
  }
  .first-box .vohk-share-list{
    width:20vw;
  }
  .first-box .vohk-share-list-unit-icon{
    width:3vw;
  }
}
@media (min-width:650px){
  .column-child-box .common-column-list-unit:hover{
    background-color:rgba(255,255,255,1);
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width:900px) and (min-width:650px){
  .hot-story-list-unit{
    padding: 0.3vw 17px 0.3vw 3px;
  }
}
@media (max-width:850px) and (min-width:650px){
  .hot-story-list-unit{
    padding: 0.2vw 17px 0.2vw 3px;
  }
  .hot-story-list-unit-right{
    font-size:2vw;
  }
}
@media (max-width:767px) and (min-width:650px){
  .column-swiper-slide-title-bac{
    padding: 1vw 1.5vw 1.8vw;
  }
  .main-box {
    padding-left: 4.5vw;
    padding-right: 4.5vw;
  }
  .column-swiper-slide-title {
    font-size: 2vw;
    line-height: 2.5vw;
  }
  .column-title-text{
    font-size: 1.7vw;
  }
  .user-avatar-box{
    width: 52px;
    height: 52px;
  }
  .user-avatar-tip{
    width: 18px;
    right: -3px;
    bottom: 3px;
  }
  .user-name {
    font-size: 1.6vw;
  }
  .vohk-share-text {
    font-size: 1.6vw;
  }
  body .column-swiper-container .column-swiper-pagination{
    bottom: 70px;
  }
  body .weixin-qrcode{
    height:calc( 12vw + 3px + 3px );
  }
  .column-swiper-pagination .swiper-pagination-bullet{
    width: 2.5vw;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 0.3vw;
  }
  .column-swiper-pagination .swiper-pagination-bullet-active{
    width:5vw;
  }
  .common-column-list-unit{
    width: 29vw;
  }
  .common-column-list-unit:nth-child(-n+3) {
    margin-top: 0;
  }
  .common-column-list-unit-title {
    font-size: 1.7vw;
    line-height: 2.2vw;
    height: 4.4vw;
    -webkit-line-clamp: 2;
  }
  .common-column-list-unit-bottom-tag, .common-column-list-unit-bottom-time{
    font-size: 1.3vw;
  }
}
@media (max-width:650px){
  body .weixin-qrcode{
    height:calc( 19vw + 3px + 3px );
  }
  .recommend-box .column-title-text{
    margin-left:5vw;
  }
  body .column-swiper-slide{
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 );
  }
  .first-box-right-swiper-slide-inner-bottom-inner .user-avatar-box{
    width:14vw;
    height:14vw;
  }
  .common-column-list-unit-user-box-empty{
    display:none;
  }
  .first-box-left{
    width:100%;
  }
  .first-box-right-swiper-slide-inner-top, .first-box-right-swiper-slide-inner-bottom-inner{
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  body .column-swiper-container .column-swiper-pagination{
    bottom:20.5vw;
  }
  body .first-box-left .column-swiper-button-next, body .first-box-left .column-swiper-button-prev{
    top:40%;
  }
  .first-box-right{
    width:100%;
  }
  body .column-swiper-slide-title-bac{
    padding: 0 2.4vw 5vw;
  }
  body .first-box-left .column-swiper-button-next,body .recommend-box .swiper-button-next{
    right: 1vw;
  }
  body .first-box-left .column-swiper-button-prev,body .recommend-box .swiper-button-prev{
    left:1vw;
  }
  .first-box-right-swiper-slide-inner-top{
    display:none;
  }
  .first-box{
    margin-top:7vw;
  }
  
  .column-title{
    height:8vw;
  }
  .column-title-text{
    font-size:3.73vw;
  }
  
  .column-child-box .common-column-list{
    display:block;
  }
  .column-child-box .common-column-list-unit{
    padding-top:0;
    padding-bottom:0;
    width:100%;
  }
  .column-child-box .common-column-list-unit-img{
    width:100%;
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 );
  }
  .column-child-box{
    margin-top:7vw;
  }
  .column-child-box .common-column-list{
    margin-top:4vw;
  }
  .column-child-box .common-column-list-unit-content{
    width:100%;
  }
  .column-child-box .common-column-list-unit,.column-child-box .common-column-list-unit:nth-child(3),.column-child-box .common-column-list-unit:nth-child(2){
    margin-top:7vw;
  }
  .column-child-box .common-column-list-unit:first-of-type{
    margin-top:0;
  }
  
  .column-title{
    padding-right:2vw;
  }
  
  .column-child-box .common-column-list-unit-title{
    height:unset;
  }
  
  .column-child-list-wap .user-name{
    font-size:3.2vw;
  }
  .column-child-list-wap .user-avatar-box{
    width:30px;
    height:30px;
  }
  .column-child-list-wap .user-avatar-tip{
    width:10px;
    right: -2px;
    bottom: 2px;
  }
  
  .recommend-swiper-box .user-avatar-box,.govAffairs-swiper-box .user-avatar-box,.column-child-box-list .user-avatar-box{
    width:14vw;
    height:14vw;
  }
  .recommend-swiper-box .user-box{
    box-shadow: 0px 0.1vw 0.8vw rgba(0, 0,0,0.2)
  }
  .recommend-swiper-box .user-avatar-tip,.govAffairs-swiper-box .user-avatar-tip,.column-child-box-list .user-avatar-tip{
    right: -0.5vw;
    bottom: 0.2vw;
  }
  
  .recommend-box .column-title{
    padding-right:3vw;
  }
  .recommend-box{
    margin-top:7vw;
  }
  .recommend-box .user-name,.govAffairs-swiper-box .user-name,.column-child-box-list .user-name{
    line-height:4.5vw;
    height:9vw;
  }
  .recommend-swiper-box .user-box,.govAffairs-swiper-box .user-box,.column-child-box-list .user-box{
    padding-top:2vw;
    padding-bottom:3vw;
  }
  .recommend-search-box{
    height:6vw;
  }
  .recommend-search-input{
    line-height:6vw;
    width:19vw;
  }
  .recommend-search-input{
    font-size:4.27vw;
  }
  .recommend-swiper-slide-inner{
    transform:scale(0.9);
  }
  .first-box .vohk-share-list{
    width: 38vw;
  }
  .first-box .vohk-share-list-unit{
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
  }
  .first-box .vohk-share-list-unit-icon{
    width: 5vw;
  }
  .first-box .vohk-share-list-unit-title{
    font-size: 3.2vw;
  }
  .first-box{
    display:block;
  }
  .first-box-right{
    margin-left:0;
    margin-top:4vw;
  }
  .hot-story-title-right{
    width:9vw;
  }
  .hot-story-title-text{
    font-size:4.73vw;
  }
  .hot-story-title{
    padding:1vw 2vw 1vw 0;
  }
  .hot-story-list-unit-left-box{
    width:14vw;
  }
  .hot-story-list-unit-right{
    font-size:4.27vw;
  }
  .hot-story-list-unit-left{
    font-size:3vw;
    line-height:4.4vw;
  }
  .hot-story-list-unit:nth-child(-n+3) .hot-story-list-unit-left{
    line-height:4.6vw;
  }
  .hot-story-list-unit:nth-child(2) .hot-story-list-unit-left{
    font-size:3.5vw;
    line-height:4.8vw;
  }
  .hot-story-list-unit:nth-child(1) .hot-story-list-unit-left{
    font-size:3.5vw;
    line-height:5vw;
  }
  body .hot-story-list-unit-right{
    -webkit-line-clamp: 2;
  }
}