.cat-today{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;width:100vw;height:100vh;bottom:0;right:0;background-color:#888888bd;z-index:9999;overflow:hidden;-webkit-transition:.64s ease-in-out;transition:.64s ease-in-out}
.cat-today-inner{position:relative;bottom:-100vw;right:-100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:800px;max-height:500px;width:100%;height:100%;background-color:#fff;-webkit-transform:rotate(32deg);transform:rotate(32deg);-webkit-transition:.64s ease-in-out;transition:.64s ease-in-out;-webkit-border-radius:10px;border-radius:10px}
.cat-today .cat-today-inner{bottom:0;right:0;-webkit-transform:rotate(0);transform:rotate(0)}
.cat-today-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding:0 4rem;box-sizing:border-box}
.cat-today-title{font-size:2rem;font-weight:600;margin-bottom:20px;text-transform:uppercase;color: #06f;}
.cat-today-text{font-weight:600;font-size:.7em;color: #0a0a0a;}
.cat-today-img{max-height:250px;overflow:hidden;margin-bottom:10px;text-align:center}
.cat-today-intro{text-indent:30px;line-height:30px;font-size:.875rem;color:#686868}
.cat-today-goto{text-align:right}
.cat-today-close{position:absolute;right:-1rem;top:-1rem;width:3rem;height:3rem;font-size:.875rem;font-weight:300;border-radius:100%;background-color:#0a0a0a;z-index:4;color:#fff;line-height:3rem;font-size: 24px;text-align:center;cursor:pointer;text-decoration:none;}