body{overflow:hidden;margin:0}#tag{padding:10px;color:#fff;background:rgba(25,25,25,.5);border-radius:5px;height:20px;line-height:20px;text-align:center}#icon{position:absolute;top:0;right:0;height:80px;display:flex;color:#fafafa;z-index:2}.color{width:30px;height:100%;background:linear-gradient(to bottom,#00ffff,#EE7621)}.text{display:flex;flex-direction:column;justify-content:space-between}#container{position:absolute;width:400px;height:16px;top:50%;left:50%;margin-left:-200px;margin-top:-8px;border-radius:8px;border:1px solid #009999;overflow:hidden;z-index:2}#per{height:100%;width:0px;background:#00ffff;color:#000;line-height:15px;display:flex}