.popup-notice .notice-content{position:fixed;width:350px;height:auto;max-height:400px;border-radius:var(--radius-wrap);background-color:var(--background);-webkit-box-shadow:-2px 0 10px rgba(0,0,0,.1);box-shadow:-2px 0 10px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:10000}.popup-notice .notice-content.left{left:-400px!important;-webkit-transition:left .3s ease-out!important;transition:left .3s ease-out!important}.popup-notice .notice-content.left.show{left:10px!important}.popup-notice .notice-content.right{right:-400px!important;-webkit-transition:right .3s ease-out!important;transition:right .3s ease-out!important}.popup-notice .notice-content.right.show{right:10px!important}.popup-notice .notice-content.top{top:60px}.popup-notice .notice-content.center{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.popup-notice .notice-content.bottom{bottom:2rem}.popup-notice .countdown{padding:.5rem;text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;font-weight:unset;color:var(--main);border-top:1px solid var(--light-x)}.popup-notice .countdown.padding{padding:1rem!important}.popup-notice .countdown #countdown{color:var(--theme);font-weight:700}.popup-notice .countdown i{color:#ff9800;font-size:1.15rem}@media (max-width:768px){.popup-notice .notice-content{width:80%!important;max-width:350px!important}}.popup-notice .content-title{padding:15px 20px;background-color:var(--theme);color:#f8f8f8;font-size:1.2rem;font-weight:700;border-radius:var(--radius-wrap) var(--radius-wrap) 0 0;text-align:center}.popup-notice .others{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;font-size:1rem;overflow-y:auto;line-height:1.3em;text-align:center;color:var(--main)}.popup-notice .others-end{padding:15px 20px;text-align:center;border-top:1px solid var(--light-x)}.popup-notice .others-end button{padding:8px 25px;background-color:var(--theme);color:#f8f8f8;border:0;border-radius:16px;cursor:pointer;font-size:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 15px rgba(var(--theme),.2);box-shadow:0 4px 15px rgba(var(--theme),.2)}.popup-notice .others-end button:hover{background-color:var(--theme);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(var(--theme),.3);box-shadow:0 6px 20px rgba(var(--theme),.3)}