#notice-bar{z-index:1000;position:relative;display:flex;justify-content:center;padding:0 10px;height:40px;line-height:40px;background-image:linear-gradient(to right bottom,#0d0d0dc2,#0d0d0dc2),linear-gradient(90deg,#f926e1 .22%,#2ab5fb 99.76%)}#notice-bar>.container{display:flex;align-items:center;font-size:14px;color:#fff}#notice-bar>.container>.notice-header>i{margin-right:10px}#notice-bar>.container>.notice-header>span{display:none}#notice-bar>.container>.notice-content strong{margin:0 3px;font-weight:700;background-image:-webkit-linear-gradient(right bottom,#dc4bdc,#2ab5fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#notice-bar>.container>.notice-content a{position:relative;display:inline-block;width:80px;height:24px;line-height:24px;text-align:center;margin-left:5px;color:#212529}#notice-bar>.container>.notice-content a:after,#notice-bar>.container>.notice-content a:before{content:"";position:absolute;top:0;left:0;width:80px;height:24px;border-radius:30px}#notice-bar>.container>.notice-content a:before{z-index:-1;background-image:-webkit-linear-gradient(right bottom,#dc4bdc,#2ab5fb);transition:all .2s linear}#notice-bar>.container>.notice-content a:after{z-index:-2;background-image:linear-gradient(90deg,#02c4de 1.82%,#01da8b)}#notice-bar>.container>.notice-content a:hover:before{opacity:0}#notice-bar>.container>i{width:24px;height:24px;margin-left:5px;line-height:24px;text-align:center;font-size:20px;cursor:pointer;transition:all .2s linear}#notice-bar>.container>i:hover{transform:rotate(90deg)}@media screen and (min-width:380px){#notice-bar>.container>.notice-header>i{margin-right:0}#notice-bar>.container>.notice-header>span{display:inline;margin-left:3px}#notice-bar>.container>i{margin-left:10px}}@media screen and (min-width:576px){#notice-bar>.container>i{margin-left:30px}}