.activity-top{width:100%;height:66px;margin-top:5px;margin-bottom:20px;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.activity-top ul{display:flex;flex-direction:row;align-items:center;justify-content:center}.activity-top ul li{padding:0 15px;margin:0 20px;position:relative;color:#fff6}.activity-top ul li span{display:block;width:100%;height:100%;cursor:pointer}.activity-top ul li:hover{color:#0bdbdb}.activity-top ul li.on{background-image:linear-gradient(90deg,#08f2fe,#05fa93);color:transparent;-webkit-background-clip:text;background-clip:text}.activity-top ul li.on:after{content:"";width:100%;height:1px;position:absolute;left:0;bottom:-8px;background-image:linear-gradient(90deg,#08f2fe1a,#05fa93,#08f2fe1a);box-shadow:0,0,20px,#ffffffe6}.activity-top ul li.on:before{content:"";width:100%;height:20px;position:absolute;left:0;bottom:-8px;background:radial-gradient(circle,#05faf733,#05faf71a);filter:blur(10px);border-top-left-radius:20px;border-top-right-radius:20px}.activity-top:after{content:"";width:100%;height:16px;position:absolute;left:0;bottom:-7px;background:url(/images/welfare/welfare-top-bg.png) no-repeat center center}.activity-top .search-box{position:relative}.activity-top .search-box .search-icon{display:block;position:absolute;cursor:pointer;right:0;top:50%;width:40px;height:40px;background:url(/images/welfare/search-btn.png) no-repeat center center;transform:translateY(-20px);transition:all .5s}.activity-top .search-box .search-icon:hover{filter:drop-shadow(0 0 1px rgb(255,255,255))}.activity-top .search-box input{width:320px;height:40px;background-color:#060c14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-color:#060c14;border-image-source:none;text-indent:5px;color:#fff}.activity-top .search-box input:focus{border:1px solid;border-image:linear-gradient(to right,#08f2fe,#05fa93);border-image-slice:1;outline:none}@keyframes arrowDown{to{transform:translateY(2px)}}.activity-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 250px 80px 30px;position:relative;height:100%}.activity-list .activity-item{cursor:pointer;position:relative;width:572px;height:420px;justify-content:center;margin-bottom:25px;background:url(/images/activity/inner-bg.png) no-repeat center center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:9px 6px;box-sizing:border-box}.activity-list .activity-item a{display:block;width:100%;z-index:9}.activity-list .activity-item a img{display:block;width:100%;height:350px}.activity-list .activity-item a span{display:flex;width:100%;height:52px;flex-direction:column;justify-content:center;padding-left:16px;position:relative}.activity-list .activity-item a span .title{font-size:16px;color:#fff}.activity-list .activity-item a span .time{color:#fff6;font-size:12px}.activity-list .activity-item a span .state{width:78px;height:28px;background-color:#3c4953;position:absolute;right:1px;top:50%;transform:translateY(-14px);font-style:normal;line-height:28px;text-indent:25px;color:#fff6}.activity-list .activity-item a span .state.ing{background-image:linear-gradient(to right,#08f2fe,#05fa93);color:#fff}.activity-list .activity-item a span .state:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:12px solid #1b2835}.activity-list .activity-item:hover{transition:all .5s}.activity-list .activity-item:hover:before{filter:brightness(100%)}.activity-list .activity-item:hover .title{color:#0bdbdb}.activity-list .activity-item:before{content:"";display:block;position:absolute;width:100%;height:100%;background:url(/images/activity/atc-bg.png) no-repeat center center;filter:brightness(50%);left:0;top:0;z-index:1}.activity-list .mouse-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;color:#fff6;position:absolute;left:577px;bottom:0}.activity-list .mouse-box .mouse-icon{display:block;width:18px;height:23px;background:url(/images/activity/mouse.png) no-repeat center center}.activity-list .mouse-box .mouse-arrow{margin-top:5px;margin-bottom:8px;display:block;width:7px;height:4px;background:url(/images/activity/arrow.png) no-repeat center center;animation:arrowDown .5s infinite alternate}.activity-detail{width:1430px;margin:20px auto 0;display:flex;flex-direction:column;font-size:16px}.activity-detail h1{height:60px;line-height:60px;text-align:center;font-size:32px}.activity-detail .info{display:flex;padding:35px 0}.activity-detail .info img{width:40px;height:40px;border-radius:50%;margin-right:15px}.activity-detail .info span{display:flex;flex-direction:column}.activity-detail .info span .name{height:16px;line-height:16px;font-size:16px}.activity-detail .info span .time{height:24px;line-height:24px;color:#fff6}.activity-detail .txt{margin-bottom:20px}.activity-detail .image img{width:100%;height:auto}.activity-detail .con{line-height:36px}.activity-detail .con p{margin:20px 0}