.headTop{
  position:relative;
  z-index:199;
  padding-bottom:6px;
}
.headTop-hide{
  display:none;
}
.headTop-main{
  display:flex;
  padding-top:8px;
  padding-bottom:8px;
  justify-content:space-between;
  align-items:center;
  position:relative;
}
.relate-box-bottom-unit-center{
  width:35px;
  flex:none;
}
.relate-box-bottom-unit-right-box{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.headTop-left{
  display:flex;
  align-items:center;
  flex:1;
}
.top-lf-logo {
  width: 189px;
  height:65px;
  display: block;
  line-height: 1000px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(https://tkww-static.tkww.hk/logo1.png);
  background-size: 100% 100%;
  color:transparent!important;
  outline-offset:-3px;
}
.logo-text{
  display:flex;
  align-items:center;
}
.wyzd,
.hzxb,
.wszwg,
.wjzwd{
  width:20px;
  margin-left:2px;
  opacity:0;
}
.wjzwd{
  animation: faceIn1 4s infinite;
}
@keyframes faceIn1{
  0%{
    opacity:0;
  }
  16.66%{
    opacity:1;
  }
  83.33%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
.wszwg{
  margin-left:7px;
  animation: faceIn2 4s infinite;
}
@keyframes faceIn2{
  16.66%{
    opacity:0;
  }
  33.33%{
    opacity:1;
  }
  83.33%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
.wyzd{
  animation: faceIn3 4s infinite;
}
@keyframes faceIn3{
  33.33%{
    opacity:0;
  }
  50%{
    opacity:1;
  }
  83.33%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
.hzxb{
  margin-left:18px;
  animation: faceIn4 4s infinite;
}
@keyframes faceIn4{
  50%{
    opacity:0;
  }
  66.66%{
    opacity:1;
  }
  83.33%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
.headTop-right{
  display:flex;
  align-items:center;
  flex:none;
}
.epaper-news{
  width:82px;
  margin-left:15px;
}
.relate-swiper{
  width:154px;
  height:29px;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/description-bg.png);
  background-size:100% 100%;
  margin-left:15px;
  overflow:hidden;
}
.description{
  display:flex;
  align-items:center;
  height:29px;
  padding-left:11px;
}
.description-inner{
  font-size:14px;
}
.company{
  width:21px;
  margin-right:9px;
}
.relate,
.download{
  width:26px;
}
.relate{
  cursor:pointer;
  margin-left:4px;
}
.login{
  margin-left:12px;
  width:24px;
  height:26px;
  cursor:pointer;
}
.download{
  margin-left:13px;
  position:relative;
  z-index:99;
}
.download-img{
  width:100%;
  cursor:pointer;
}
.download-orcode-box{
  width:148px;
  height:calc( 161px * 153 / 163 );
  position:absolute;
  left:50%;
  top:101%;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/orcode.jpg),url(https://tkww-static.tkww.hk/index-HKTKWW/orcode-bg.png);
  background-size:120px 120px,148px calc( 161px * 153 / 163 );
  background-position:left calc( ( 148px - 120px ) / 2 ) top 18px,left 0 top 0;
  background-repeat:no-repeat,no-repeat;
  transform: translateX(-50%);
  cursor:pointer;
  display:none;
}
.username{
  margin-right:0;
  order:0;
  margin-left:12px;
  position:relative;
}
.username .loginOut_center{
  position: absolute;
  top: 100%;
  left: 50%;
  width: 85px;
  z-index: 99;
  transform: translate(-50%, 0);
  background: #eeeeee;
  padding:10px 0;
  z-index:-10;
}
.loginOut_center ul{
  text-align:center;
}
.relate-box{
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  padding-top:46px;
  padding-bottom:119px;
  background:#ffffff;
  display:none;
}
.relate-box-main{
  position:relative;
  padding-top:1px;
}
.relate-box-close{
  position:absolute;
  width:24px;
  right:0;
  top:0;
  cursor:pointer;
}
.relate-box-top{
  width:852px;
  margin:27px auto 0;
  display:flex;
  justify-content:space-between;
}
.relate-box-top-unit{
  width:160px;
  height:90px;
  padding-top:37px;
  padding-bottom:6px;
  padding-left:15px;
  padding-right:14px;
  display:flex;
  justify-content:space-between;
  background-image: linear-gradient(90deg,#f5f5f5 0%,#f0efef 50%,#eae8e8 100%);
  border-radius: 5px;
}
.relate-box-top-unit-inner{
  font-size:18px;
  line-height:1.3;
}
.relate-box-company,
.relate-box-move,
.relate-box-share,
.relate-box-active{
  align-self:flex-end;
}
.relate-box-company{
  width:35px;
}
.relate-box-move{
  width:46px;
}
.relate-box-share{
  width:45px;
}
.relate-box-active{
  width:33px;
}
.relate-box-bottom{
  margin-top:77px;
}
.relate-box-bottom-unit{
  display:flex;
  align-items:center;
  margin-top:36px;
}
.relate-box-bottom-unit:first-of-type{
  margin-top:0;
}
.relate-box-bottom-unit-left{
  width:108px;
}
.relate-box-bottom-unit-right{
  display:flex;
  align-items:center;
  position:relative;
  flex:none;
}
.relate-box-bottom-unit-right-unit,.relate-box-bottom-unit-right-unit-title{
  font-size:16px;
  position:relative;
  z-index:99;
  line-height:1;
  background:#ffffff;
  padding: 0 3px;
}
.relate-box-bottom-unit-right-unit{
  margin-left:65px;
  position:relative;
}
.relate-box-bottom-unit-right-unit:after{
  width:65px;
  height:1px;
  position:absolute;
  left:-65px;
  top:50%;
  background-color: #e9bb86;
  content:"";
}
.relate-box-bottom-unit-right-unit:nth-child(1):after{
  width:35px;
  left:-35px;
}
.relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-unit:nth-child(1):after{
  display:none;
}
.relate-box-bottom-unit-right-unit-title{
  font-weight:bold;
  flex:none;
}
.relate-box-bottom-unit-right-unit:nth-child(1){
  margin-left:35px;
}
.relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-unit:nth-child(1){
  margin-left:0;
}
.relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-box-inner{
  flex:none;
  display:flex;
  align-items:center;
}
.relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-box-inner:nth-child(2){
  margin-top: 22px;
}
.pageHead-pt-2-hide .headTop{
  opacity:0;
}
@media (max-width:1400px){
  .relate-box-bottom-unit-right-box .relate-box-bottom-unit-right{
    flex:1;
    flex-wrap:wrap;
  }
  .relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-unit{
    line-height:1.5;
  }
  .relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-box-inner:nth-child(1){
    margin-top:0;
  }
  .download-orcode-box{
    width: 9vw;
    height: calc( 10.2vw * 153 / 163 );
    background-size: 8vw 8vw,9vw calc( 10.2vw * 153 / 163 );
    background-position: left calc( ( 9vw - 8vw ) / 2 ) top 1vw,left 0 top 0;
  }
}
@media (max-width:1250px){
  .relate-box-top-unit-inner{
    font-size: 1.78vw;
  }
  .relate-box-company{
    width: 3.2vw;
  }
  .relate-box-move,.relate-box-share{
    width:4vw;
  }
  .relate-box-active{
    width:3.1vw;
  }
  .relate-box-bottom-unit-right-unit,.relate-box-bottom-unit-right-unit-title{
    font-size: 1.4vw;
  }
  .relate-box-bottom-unit-right-unit{
    margin-left: 4vw;
  }
  .relate-box-bottom-unit-right-unit:nth-child(1) {
    margin-left: 3vw;
  }
  .relate-box-bottom-unit-right-unit:after{
    width:4vw;
    left:-4vw;
  }
  .relate-box-bottom-unit-right-unit:nth-child(1):after{
    width:3vw;
    left:-3vw;
  }
  .relate-box-bottom-unit-left{
    width:9vw;
  }
  .relate-box-top-unit{
    width:14vw;
    height:8.5vw;
    padding-top: 3.5vw;
    padding-bottom: 5vw;
    padding-left: 1vw;
    padding-right: 1vw;
  }
}
@media (max-width:1099px){
  /*.relate-box-bottom-unit-right-unit{
    margin-left:42px;
  }*/
  .top-lf-logo{
    width: 17.5vw;
    height: 5.8vw
  }
  .wyzd, .hzxb, .wszwg, .wjzwd{
    width:2vw;
  }
  .epaper-news{
    width:8vw;
  }
  .relate-swiper{
    width:16vw;
    height: 3vw;
  }
  .relate, .download{
    width:2.7vw;
  }
  .login{
    width: 2.5vw;
    height: 2.7vw;
  }
  #userImg{
    width: 2.6vw!important;
    height: 2.6vw!important;
  }
  .description{
    height:3vw;
    line-height: 3vw;
  }
  .description-inner{
    font-size:1.4vw;
  }
  .loginOut_center ul a{
    font-size:1.4vw;
  }
}
@media (max-width:950px){
  .epaper-news{
    width:9vw;
  }
  .description-inner,.loginOut_center ul a{
    font-size:1.8vw;
  }
  .wyzd, .hzxb, .wszwg, .wjzwd{
    width:3vw;
  }
  .relate-swiper,.description{
    height:4vw;
  }
  .description{
    line-height:4vw;
  }
  .relate, .download{
    width:3.5vw;
  }
  #userImg{
    width:3.5vw!important;
    height:3.5vw!important;
  }
  .top-lf-logo {
    width: 19.5vw;
    height: 6.8vw;
  }
  .login {
    width: 3.2vw;
    height: 3.5vw;
  }
  .relate-box-top{
    width:100%;
  }
  .relate-box-top-unit{
    padding-bottom:6.5vw;
  }
  .relate-box-bottom-unit-right-unit,.relate-box-bottom-unit-right-unit-title{
    font-size:1.7vw;
    padding: 0 0.1vw;
  }
  .relate-box-bottom-unit-right-unit{
    margin-left:1vw;
  }
  .relate-box-bottom-unit-left{
    width:10vw;
  }
  .relate-box-bottom-unit-right-unit:nth-child(1){
    margin-left:1vw;
  }
  .relate-box-bottom-unit-right-unit:after{
    width:1vw;
    left:-1vw;
  }
  .relate-box-bottom-unit-right-unit:nth-child(1):after{
    width:1vw;
    left:-1vw;
  }
}
@media (max-width:767px){
  .icon-canyou{
    display:none;
  }
  .top-lf-logo{
    width:30vw;
    height:10.33vw;
  }
  .wyzd, .hzxb, .wszwg, .wjzwd{
    width:3vw;
  }
  .hzxb{
    margin-left: 4vw;
  }
  .relate-swiper{
    display:none;
  }
  .epaper-news{
    margin-left:1vw;
    width:16vw;
  }
  .relate, .download,.login{
    width:5.8vw;
    margin-left:1vw;
  }
  .login{
    height:5.8vw;
  }
  #userImg{
    width:5.8vw!important;
    height:5.8vw!important;
  }
  .username{
    margin-left:1vw;
  }
  .relate-box{
    padding-top:3vw;
    padding-bottom:10vw;
  }
  .relate-box-close{
    width:5vw;
    left: 0;
    margin: 0 auto;
  }
  .relate-box-top{
    margin: 8.53vw auto 0;
    width: 88.27vw;
    flex-wrap: wrap;
  }
  .relate-box-top-unit{
    width:42.67vw;
    padding-top:3vw;
    padding-bottom:14.87vw;
    padding-left: 4.67vw;
    padding-right:6.4vw;
    margin-top:2.8vw;
  }
  .relate-box-top-unit:nth-child(-n+2){
    margin-top:0;
  }
  .relate-box-top-unit-inner{
    font-size:4.27vw;
  }
  .relate-box-company{
    width:9.33vw;
  }
  .relate-box-move, .relate-box-share{
    width:12.27vw;
  }
  .relate-box-active{
    width: 8.53vw;
  }
  .relate-box-top-title div{
    line-height:5vw;
  }
  .relate-box-bottom{
    margin-top:6.13vw;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100vw;
  }
  .relate-box-bottom-unit{
    width:50vw;
    flex-direction: column;
    flex:none;
  }
  .relate-box-bottom-unit-left{
    width:25.5vw;
  }
  .relate-box-bottom-unit-right{
    flex-direction:column;
  }
  .relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-unit{
    line-height:4vw;
  }
  .relate-box-bottom-unit-right-unit,.relate-box-bottom-unit-right-unit:nth-child(1){
    margin-left:0;
    margin-top:3.07vw;
  }
  .relate-box-bottom-unit-right-unit,.relate-box-bottom-unit-right-unit-title{
    margin-top:2.67vw;
    font-size:4vw;
    flex:none;
  }
  .relate-box-bottom-unit-right-unit:after{
    display:none;
  }
  .relate-box-bottom-unit{
    margin-top:3vw;
  }
  .relate-box-bottom-unit:nth-child(2){
    margin-top:0;
  }
  .description-inner, .loginOut_center ul a{
    width:3.2vw;
    font-size:3.7vw;
  }
  .top-lf-logo{
    background-image: url(https://tkww-static.tkww.hk/index-HKTKWW/wap/logo1.png?template=20231008);
  }
  .relate-box-bottom-unit-center{
    display:none;
  }
  .relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-box-inner{
    flex-direction: column;
  }
  .relate-box-bottom-unit-right-box{
    align-items: center;
    flex-direction: row;
  }
  .relate-box-bottom-unit:nth-child(3){
    width:100vw;
  }
  .relate-box-bottom-unit-right-box .relate-box-bottom-unit-right-box-inner:nth-child(2){
    margin-left:2vw;
    margin-top:0;
  }
  .headTop{
    padding-bottom:0;
  }
  .download-orcode-box{
    width:148px;
    height:calc( 161px * 153 / 163 );
    background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/orcode.jpg),url(https://tkww-static.tkww.hk/index-HKTKWW/orcode-bg.png);
    background-size:120px 120px,148px calc( 161px * 153 / 163 );
    background-position:left calc( ( 148px - 120px ) / 2 ) top 18px,left 0 top 0;
  }
}
@media (max-width:767px) and (min-width:650px){
  .username .loginOut_center{
    width: 113px;
  }
}