.hot-and-time{
  width:384px;
  flex:none;
  height:100%;
  background:#ffffff;
  border-style: solid;
  border-width: 2px;
  border-image-source: linear-gradient(0deg,#e1ddc9 0%,#f5f5f5 100%);
  border-image-slice: 1;
}
.hot-and-time-head{
  display:flex;
  height:39px;
}
.hot-and-time-head-unit{
  flex:1;
  height:100%;
  display:flex;
  justify-content:center;
  /*padding-left:14px;*/
  align-items:center;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/choose1.png);
  /*background-size:100% 100%;*/
  background-size:0% 100%;
  background-repeat:no-repeat;
  background-position:right 0 top 0;
  transition:0.5s;
}
.hot-and-time-head-unit-active{
  background-size:100% 100%;
}
.hot-and-time-head-unit:nth-child(2){
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/choose2.png);
  /*background-size:0% 100%;*/
  background-position:left 0 top 0;
}
.hot-and-time-head-unit-img{
  width:30px;
  flex:none;
}
.hot-and-time-head-unit-title{
  font-size:24px;
  margin-left:5px;
  font-weight:bold;
}
.hot-and-time-swiper-container{
  margin-top:11px;
}
.hot-and-time-swiper-container .swiper-slide{
  background:#ffffff;
}
.hot-slide{
  width:100%;
  padding: 0 13px;
}
.hot-slide-unit{
  display:flex;
  height:50px;
  margin-top:24px;
  align-items:center;
}
.hot-slide-unit:first-of-type{
  margin-top:0;
}
.hot-slide-unit-left{
  font-size: 18px;
  color: #a39658!important;
  flex:none;
}
.hot-slide-unit:nth-child(-n+3) .hot-slide-unit-left{
  color: #e20413!important;
  font-style: italic;
}
.hot-slide-unit-right{
  font-size: 18px;
  line-height: 24px;
  margin-left:19px;
  transition:0.5s;
  outline-offset:-3px;
}
.hot-slide-unit-right:hover{
  color:#cf020f;
}
.time-slide{
  display:flex;
  height:100%;
  padding:0 13px 20px 7px;
}
.time-slide-left{
  height:100%;
  flex:none;
  width:2px;
  background-color: #c1c1c1;
}
.time-slide-list{
  flex:1;
}
.time-slide-list-unit{
  height:70px;
  margin-top:9px;
  display:flex;
}
.time-slide-list-unit:first-of-type{
  margin-top:0;
}
.hot-and-time-swiper-container{
  height:calc(100% - 51px);
}
.time-slide-list-unit-left{
  width:6px;
  height:6px;
  border-radius:6px;
  background-color: #e20413;
  margin-left:-4px;
  flex:none;
}
.time-slide-list-unit-right{
  margin-left:14px;
}
.time-slide-list-unit-right-title{
  font-size: 18px;
  line-height: 24px;
  margin-top:-1px;
  height:48px;
  transition:0.5s;
  outline-offset:-3px;
}
.time-slide-list-unit-right-title:hover{
  color:#cf020f;
}
.time-slide-list-unit-right-time{
  font-size: 12px;
  color: #999999;
  display:block;
}
.hot-and-time-more{
  display:none;
}
@media (max-width:1400px){
  .hot-and-time{
    width:27.5vw;
  }
  .hot-and-time-head-unit-title{
    font-size: 1.7vw;
  }
  .hot-and-time-head-unit-img{
    width:2.1vw;
  }
  .hot-and-time-head{
    height:3vw;
  }
  .hot-slide-unit-left{
    font-size:1.3vw;
  }
  .hot-slide-unit-right{
    font-size:1.3vw;
    line-height:1.75vw;
  }
  .hot-slide-unit{
    height:3.5vw;
    margin-top:1.8vw;
  }
  .time-slide-list-unit-right-title{
    font-size:1.5vw;
    line-height:2vw;
    height:3.8vw;
  }
  .time-slide-list-unit-right-time{
    font-size:1vw;
  }
  .time-slide-list-unit{
    height:5.8vw;
    margin-top:0.7vw;
  }
  .hot-and-time-swiper-container{
    height: calc(100% - 5vw);
    margin-top:1vw;
  }
  .time-slide{
    padding: 0 0.8vw 1vw 0.5vw;
  }
}
@media (max-width:1250px){
  .hot-and-time-swiper-container{
    height: calc(100% - 4vw);
  }
}
@media (max-width:1099px){
  .hot-and-time{
    width:27vw;
  }
  .hot-slide-unit-left{
    font-size:1.7vw;
  }
  .hot-slide-unit-right{
    font-size:1.7vw;
    line-height:2vw;
  }
  .hot-slide-unit{
    height:3.8vw;
    margin-top:1.4vw;
  }
  .hot-and-time-head-unit-title{
    font-size:2vw;
  }
  .hot-and-time-head-unit-img{
    width:2.4vw;
  }
  .time-slide-list-unit-right-title{
    font-size:1.7vw;
  }
  .time-slide-list-unit{
    height:5.8vw;
    margin-top:1.6vw;
  }
}
/*@media (max-width:880px){
  .time-slide-list-unit{
    height:5.7vw;
  }
}
@media (max-width:800px){
  .time-slide-list-unit{
    height:5.6vw;
  }
}*/
@media (max-width:767px){
  .hot-and-time{
    width: 100vw;
    margin-top: 8.53vw;
    border-width: 0.27vw;
  }
  .hot-and-time-head-unit-title{
    font-size:5.33vw;
    margin-left:2vw;
  }
  .hot-and-time-head-unit-img{
    width:5.9vw;
  }
  .hot-and-time-head{
    height:9vw;
  }
  .hot-and-time-head-unit-active {
    background-size: 100% 5.2vw;
  }
  .hot-and-time-head-unit{
    background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/wap/choose1.png);
  }
  .hot-and-time-head-unit:nth-child(2){
    background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/wap/choose2.png);
  }
  .hot-slide-unit-left{
    font-size:4.8vw;
  }
  .hot-and-time-more{
    display:block;
    font-size:3.73vw;
    text-align:center;
    margin-top:3vw;
    width: 20.8vw;
    height: 4.67vw;
    line-height: 4.67vw;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #777777;
    color: #777777;
    border-radius: 2.33vw;
  }
  .hot-slide-unit{
    margin-top:2.8vw;
    height:9.5vw;
  }
  .hot-slide-unit-right{
    font-size: 4.27vw;
    line-height: 4.8vw;
    margin-left:2vw;
  }
  .hot-and-time-swiper-container{
    height:136vw;
    padding: 1vw 0 0;
  }
  .time-slide-list-unit{
    height:unset;
    margin-top:2.6vw;
  }
  .time-slide-list-unit-right-title{
    font-size:4.27vw;
    height: 9.5vw;
    line-height: 4.8vw;
  }
  .time-slide{
    height:124vw;
    overflow:hidden;
    padding: 0 0.8vw 0 0.5vw
  }
  .time-slide-list-unit-right-time{
    font-size:2.5vw;
    display: block;
    height: 4vw;
  }
}