body{
   
}

@keyframes floatAnimation {
  0% {
    transform: translate(-50%, 10%);
  }
  50% {
    transform: translate(-50%, 15%);
  }
  100% {
    transform: translate(-50%, 10%);
  }
}

.fixed-image-container {
  position: absolute;
  width: 20%;
  top: 100px; /* 调整图片距离顶部的位置 */
  left: 70%;
  transform: translateX(-50%);
  animation:  floatAnimation 3.5s ease-in-out infinite;
  z-index: 1000; /* 确保图片在最顶层 */
}

.active .nav-link{
    color: #c82333 !important;
 }
.active{
    color: #c82333;
 }
.custom-navbar{
    width:1200px;
    margin:0 auto;
    min-height: 87px;
	   
}
.box{
    padding: 0px 0 0px;

}
.title > .hint{
    font-size: 18px;
    line-height: 34px;
    color: #595757;
    font-family: PingFangSC-Thin;
    font-weight: normal;
    text-align: left;
}
.title{
    font-size: 37px;
    color: #1a1a1a;
    text-align: center;
    font-weight: 600;
    margin-bottom: 80px;
    height: 48px;
}
.title >span {
    font-size: 37px;
    color: #1a1a1a;
    text-align: center;
    font-weight: 600;
    margin-bottom: 80px;
    height: 48px;
    position: relative;
    z-index:10;
}
.title >span::before{

    content: "";
    width: 86px;
    height: 49px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAxCAMAAAB3ea4nAAAAYFBMVEX811gAAAD811j811j/11L/2Uj91lj811j92Fj+1lj82Fj/z1D811j81VT911n811j+2Fb811j81lf/0VP711f811j811n811j71lf811j911j811n82Fj811j811j911nKp3HZAAAAIHRSTlOZAIyWDQJOk3AckAmHEnmDFj0rBSVkXkQ3SWtZMFR+dCy6uwUAAAKTSURBVFjDtZfZtqQgDEVTgKLI4ISWU9X//2VX37sw1aKAD30eXWdtQiIkwONMqrFa2yd7pKlqt/ermOps/3KKrQfCAbhcVBp1NIICJcWahbBlQeFH3KZwWU5+7dS0jgsBKoAYuySq01sh9ozqpNUdKpBnhlifir42u0EFvlWIPaXi8ulUoANiA1SMNokKfEFsgAqv+g4VRNM5bIjK8+oOFbSLAkJUOqtbVLOfBwjFOpd3qNS4FCAWqSh9iwoEqYj1qWBGlaVTgQ99hdhLKlBRrF2cilwzMcQi1QebsYpTUWKoEYtUX3KqUqhY5Rqx9YxUj9t4eehGcmmnVjksWzhcyxzPb7bKCyveNvCxPQmE9K4PvUN7Fu92gojNP8FV7u3NP8HwyZSAsEz5jS1NxC6m7oNVGuBGuF0gWGwpEMys33owimB2Ifgb+Jd51sajoAOD+g1RibzcCzaJuF/X0Mq4jc7PvWCWxv2yhYYkYF+5w64a4iIjTATikovDNgbiEhvkImX5wWFHCXHx5b9gxZKWBLPdS0KeVjI97iV7p2yugV4m5Mq2OPrShM31UBcJmxoZjsgJtSgUVBuP2mT/2IW7C11NkLUyfsgYYlmREEUGYZ8/jXaNSIgCYj0HR3fsOWGRNfvbdNicFCyGS8LBWvbbeXsTLMDADlNC+BJ7lR8P4PqRxosqdaheP3sDnFIuFsefCzvE6zpjU+XGjwCXatdvDlx6NVux79GOjebMKGyJ1G9uP/PTSbA5PEm6diaeS+ZXQ36mckmPdmJ7N68BGpuCfDuFHPoq9CofpAAUJ0XDzp7SnXoOWhLBORfEFBNCT5WxPi+cXeplVQ7qsOgs12mxdtiaXjloQJXqx22wdpnWmv1ThD90oCKnLYWjmwAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    position: absolute;
    left: -22px;
    top: -26px;
    z-index: -1;

}
.cat {
    margin-top: 2.65vw;
    width: 1162px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
   
  }
  .beauty {
    
    width: 378px;
    height: 242px;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 10px;
 

    
  }
  .cat img {
    position: absolute;
    width: 378px;
    height: 242px;
  }

  /* .text {
    position: absolute;
    font-size: 1.46vw;
    font-family: Source Han Sans CN Regular;
    font-weight: 600;
    color: #ffffff;
    line-height: 2.08vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    opacity:0;
  } */

  .overlay {

    position: absolute;
    box-sizing: border-box;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease;
  
  }

  .overlay:hover {
    opacity: 1;
  }
  .time-horizontal {
    list-style-type: none;
    border-top: 1px solid #707070;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
 
.time-horizontal li {
    float: left;
    position: relative;
    text-align: center;
    width: 20%;
    padding-top: 10px;

}

 
.time-horizontal li b:before {
    content: '';
    position: absolute;
    top: -13.5px;
    left: 47%;
    width: 25px;
    height: 25px;
    border: 2px solid #4c4c4c;
    border-radius: 50%;
    background:#fff;

}
.time-horizontal li b:after {
    content: '';
    position: absolute;
    top: -7px;
    left: 47%;
    width: 12px;
    height: 12px;
    border: 2px solid #4c4c4c;
    border-radius: 50%;
    background:#fff;

}

.footer{
    background-color: #f2ffff;
    padding: 40px 0 37px;
    color: #000000;
    text-align: center;
    font-family: PingFangSC-Light;
    text-align: center;
	font-size:18px;
}
//隐私政策声明 a
.justify-content-center a{
	color: #fff !important;
}
.justify-content-center a:hover{
	color: #000 !important;
	text-decoration: none;
}

.privacy{
	color: #fff;
}

img{
    max-width: 100%;
}
.join{
    top:100px;
    bottom:0;
    height: 125px;
    background-color: #2e2e2e;
    z-index:100;
}
.join img{
    margin-right:60px;
    align-self: flex-end;
}
.join-text-container{
    font-size: 28px;
    font-weight: 600;
    color:#ffffff;
    position:relative;
    margin-right:20px;
}
.join-text-container::before{
    content: "";
    width: 39px;
    height: 22px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAWCAMAAAB0W3UPAAAAn1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Kd3m4AAAANHRSTlMA/e/5Ahfz6OG/iwhpHNt+NDEGtiMRDPbs1sOth29lXkIZ6srIurGmlUkrJ905LtCedXNSeZSVdQAAAUBJREFUKM9lkteagjAQhTMJC6GLUkQEe9et8/7PtgkoZPBcnu9PppxhvSanqHpYjGoTf+3rzDCs5FCgOKQU+1g6APfVdMAmLiAib6YE87gyYfbROx2GPPBHmNbAJR0mFtd3DGTjUwzl2nr/rfCyEYbbOHzDUBzX3X+frsBOwKvbE8uW85dZRO3A4VFgL3HatJgfODgoUv34NUdD82Da1ijBMGGWstsO0LQWusU8ttGU07CVg9S66LgOQExRsSWnHNeFbyU1IWJne8T9+ioeiVRz5hHuGd01oiZIFmzH/alMwsWovxlLSjrvLtXzegUtW6vF26TsTxvS406XpR6nLpgb7RLOY3MN8k/1Yq13ou/DnbwO/syHIeq8u+WTI1rK+b5a/b3EkQ2a4vtV/vTC4ChtW1ZNyAZll3PJ7e0+TnTi/wgxWyQ9tPg7AAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: -55px;
}
.join-text-container span {
    font-size: 36px;
    color: #fcd759;
}

.service{
    width: 62px;
    position: fixed;
    bottom: 300px;
    right: 30px;
    z-index: 101;
    font-size: 12px;
    background-color: white;
}
.service-icon{
    position: absolute;
    top:-72px;
}
.service div{
    cursor: pointer;
    border:1px solid #ddd;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    padding:5px;
}


video::-webkit-media-controls-fullscreen-button {
    display: none;
}

/* video::-webkit-media-controls-play-button {
    display: none;
} */

video::-webkit-media-controls-timeline {
    display: none;
}

video::-webkit-media-controls-current-time-display{
    display: none;            
}

video::-webkit-media-controls-time-remaining-display {
    display: none;            
}


video::-webkit-media-controls-toggle-closed-captions-button {
    display: none;            
}

.video-js .vjs-remaining-time{
	margin-left: auto !important;
}

.video-js.vjs-ended .vjs-poster {
  display: block;
}

#carouselExampleIndicators .carousel-indicators{
	display: none !important; 
}