.notice-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}.notice-top ul{display:flex;flex-direction:row;align-items:center;justify-content:center}.notice-top ul li{padding:0 15px;margin:0 20px;position:relative;color:#fff6}.notice-top ul li span{display:block;width:100%;height:100%;cursor:pointer}.notice-top ul li:hover{color:#0bdbdb}.notice-top ul li.on{background-image:linear-gradient(90deg,#08f2fe,#05fa93);color:transparent;-webkit-background-clip:text;background-clip:text}.notice-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}.notice-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}.notice-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}.notice-top .add-box{color:#fff6}.notice-top .add-box i{margin-right:5px;font-weight:500;font-size:16px}.notice-list{padding:17px}.notice-list li{height:44px;width:100%}.notice-list li a{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;padding:0 20px;cursor:pointer;transition:all .3s}.notice-list li a:hover{background-color:#ffffff29}.notice-list li a:hover em{color:#0bdbdb}.notice-list li a:hover em:before{background-color:#0bdbdb99}.notice-list li a:hover span{color:#fff9}.notice-list li a em{flex:1;color:#fff9;position:relative;padding:0 130px 0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-list li a em:before{content:"";display:block;width:8px;height:8px;background-color:#fff9;border-radius:1px;position:absolute;left:0;top:50%;transform:rotate(45deg) translateY(-4px)}.notice-list li a span{width:100px;color:#fff6}.notice-detail{width:1430px;margin:20px auto 0;display:flex;flex-direction:column}.notice-detail h1{height:60px;line-height:60px;text-align:center;font-size:32px}.notice-detail .info{display:flex;padding:35px 0}.notice-detail .info img{width:40px;height:40px;border-radius:50%;margin-right:15px}.notice-detail .info span{display:flex;flex-direction:column}.notice-detail .info span .name{height:16px;line-height:16px;font-size:16px}.notice-detail .info span .time{height:24px;line-height:24px;color:#fff6}.notice-detail .con{font-size:16px;line-height:36px}.notice-detail .con p{margin:20px 0}