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