.sun-container[data-v-abf9efee]{width:100%;position:relative;overflow:hidden}.sun-container ul[data-v-abf9efee]{width:100%;height:100%}.sun-container ul .transition[data-v-abf9efee]{-webkit-transition:all .5s;transition:all .5s}.sun-container ul .opacity[data-v-abf9efee]{-webkit-transition:opacity .5s;transition:opacity .5s}.sun-container ul li[data-v-abf9efee]{position:absolute;-webkit-animation:wave-data-v-abf9efee 2.5s ease-in-out infinite;animation:wave-data-v-abf9efee 2.5s ease-in-out infinite}@-webkit-keyframes wave-data-v-abf9efee{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}to{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes wave-data-v-abf9efee{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}to{-webkit-transform:translateY(8px);transform:translateY(8px)}}.sun-container ul li img[data-v-abf9efee]{border-radius:50%}.sun-container ul li .surplus-time[data-v-abf9efee]{margin:0;position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);text-align:center;font-size:16px;color:#262c26;padding:5px}.test-page .top[data-v-0ae7a2d9]{background-size:100% 100%;background-color:#13b5b1;overflow:hidden;color:#fff;padding:15px;height:120px;text-align:center}.top .button[data-v-0ae7a2d9]{display:inline-block;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #fff;border-radius:20px;color:#ede9e9;font-size:18px;padding:0 15px;margin:0 auto 10px;height:40px;line-height:40px}.top .button[data-v-0ae7a2d9]:active{background-color:#13b5b1;opacity:.8}.content[data-v-0ae7a2d9]{background:#fff;margin:0 15px;border-radius:15px;overflow:hidden;margin-top:-40px;-webkit-box-shadow:hsla(0,0%,88.2%,.7) 0  10px 20px 0;box-shadow:0 20px 0 hsla(0,0%,88.2%,.7)  10px}.month[data-v-0ae7a2d9]{background:#fff;margin:0;padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.month li[data-v-0ae7a2d9]{text-transform:uppercase;letter-spacing:0}.month .arrow[data-v-0ae7a2d9]{color:#5283c4;font-size:12px}.month .arrow i[data-v-0ae7a2d9]{font-size:13px;top:2px}.month .year-month[data-v-0ae7a2d9]{font-size:17px}.weekdays[data-v-0ae7a2d9]{margin:0;padding:10px 15px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.weekdays li[data-v-0ae7a2d9]{display:inline-block;text-align:center}.days[data-v-0ae7a2d9]{padding:0 15px;background:#fff;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.days li[data-v-0ae7a2d9]{list-style-type:none;width:14.2%;padding:1%;-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;margin-bottom:4px;text-align:center;color:#000}.days li .cli[data-v-0ae7a2d9]{position:relative;width:100%;height:40px;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}.days li .cli img[data-v-0ae7a2d9]{height:40px}.days li .cli span[data-v-0ae7a2d9]{position:absolute}.content_bottom[data-v-0ae7a2d9]{text-align:center;border-top:1px solid #d8d6d6;padding:3px 0 0 0;margin:5px 15px 0}.role[data-v-0ae7a2d9]{padding:20px 15px}.role .role-title[data-v-0ae7a2d9]{margin-bottom:5px;font-weight:700}.role .role-content[data-v-0ae7a2d9]{font-size:13px;color:#333}.earn_points[data-v-1c5ff34e]{background-color:#f8f8f8;height:100vh;overflow:scroll}