.section1{z-index:1;min-height:100vh;position:relative;overflow:hidden}.bg-img{object-fit:cover;width:100vw;height:auto;display:block;position:absolute;top:0;left:0}.bg-img:first-child{position:relative}.title-block{width:467px;margin:0 auto;position:absolute;top:124px;left:0;right:0}.main{animation:2s infinite jump}@keyframes jump{0%{top:0}50%{top:6px}to{top:0}}.title{color:#eee;letter-spacing:.03em;text-align:center;margin-bottom:10px;font-size:24px;font-weight:400}.subtitle{color:#c9c9c9;text-align:center;margin-bottom:15px;font-size:16px}.form{margin:0 auto;position:absolute;top:0;left:0;right:0}.tab{z-index:20;width:280px;margin:0 auto;position:absolute;top:220px;left:0;right:0}.tab .tab-list{width:100%;position:relative}.tab .tab-item{color:#fff;cursor:pointer;letter-spacing:2px;font-size:30px;transition:all .3s;position:relative}.tab .tab-dot{color:#fff;background-color:red;border-radius:20px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;position:absolute;top:-20px;right:-20px}.tab .bottom-line{background:#f9d849;width:95px;height:5px;transition:left .3s;position:absolute;bottom:-5px;left:0}.tab .bottom-line.right{left:185px}.search{z-index:20;width:467px;height:67px;margin:0 auto;position:absolute;top:275px;left:0;right:0}.mask{z-index:-1;opacity:0;background-color:#0006;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.mask.show{opacity:1;z-index:10}.slide-section{background-color:#1a192e;width:100vw;min-height:189px;position:absolute;bottom:0}.slide-subtitle{text-align:center;letter-spacing:.1em;color:#eee;text-shadow:0 1px 3px #000;z-index:11;width:100%;margin-bottom:15px;font-size:28px;font-style:normal;font-weight:700;line-height:100%;position:relative}.slide-title{text-align:center;letter-spacing:.1em;text-shadow:0 1px 3px #000;color:#fff;z-index:11;width:100%;font-size:36px;font-style:normal;line-height:100%;position:relative;font-weight:400!important}.animate-slide{z-index:0;height:100%;animation:80s linear infinite moving;display:flex;position:absolute;left:0}.animate-slide:hover{animation-play-state:paused}@keyframes moving{0%{transform:translate(0)}to{transform:translate(-3456px)}}.slide-item{z-index:10;width:288px;padding:20px;position:relative}.slide-item .slide-img{object-fit:cover;object-position:center;background-color:#1d1c26;width:100%;height:100%}@media screen and (max-width:767px){.title-block{width:90vw;top:140px}.subtitle{font-size:18px}.tab{top:80px}.search{width:90vw;top:170px}}
.search-input{color:#333;z-index:5;background-color:#fff;border:none;border-radius:35px;outline:none;width:100%;height:100%;padding:0 80px 0 10%;font-size:18px;line-height:18px;position:absolute;box-shadow:0 4px 4px #00000040}.search-input::placeholder{color:#999;font-size:18px;line-height:18px}.search-btn{cursor:pointer;z-index:6;background-color:#ecf0f3;border-radius:100%;justify-content:center;align-items:center;width:66px;height:100%;display:flex;position:absolute;top:0;right:0}.search-btn svg{color:#111;width:33%;height:auto}.hot-title{color:#fff;letter-spacing:.2em;font-size:20px;font-weight:700;position:absolute;top:110px}.hot-list{flex-wrap:wrap;display:flex;position:absolute;top:150px}.hot-list .hot-item{cursor:pointer;color:#333;background-color:#f6eedf;justify-content:center;align-items:center;height:32px;margin:0 15px 18px 0;transition:all .3s;display:flex;box-shadow:0 1px 4px 1px #0003}.hot-list .hot-item:hover{box-shadow:inset 0 1px 1px 1px #000000b3}.hot-list .hot-item:first-child{color:#fff;background:linear-gradient(91.97deg,red -10.07%,#fd666f 126.39%)}.hot-list .hot-item:nth-child(2){color:#fff;background-color:#f57b51}.hot-list .hot-item:nth-child(3),.hot-list .hot-item:nth-child(n+3){color:#333;background-color:#d1cebd}