.oa-board-page{min-height:100%;min-width:1200px;width:100%;max-width:100%;overflow-x:auto;padding:4px 20px 16px;box-sizing:border-box;background-color:#eef4fb;background-image:url(../img/oa-board-page-bg.ddf63926.png);background-repeat:no-repeat;background-position:top;background-size:cover}.oa-board-card{background:#fff;border-radius:22px;padding:16px;height:100%;box-sizing:border-box}.oa-board-card-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px}.oa-board-card-title .title-text{font-size:16px;font-weight:600;color:#1f2a44;line-height:24px}.oa-board-card-title .more-link{font-size:12px;color:#094daa;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.oa-board-card-title .more-link:hover{color:#094daa;opacity:.85}.oa-board-sub-title{font-size:14px;font-weight:600;color:#1f2a44;margin-bottom:8px}.oa-rank-medal{width:22px;height:22px;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;-ms-flex-negative:0;flex-shrink:0}.oa-rank-medal.rank-1{background:linear-gradient(135deg,#f6c453,#e8a317)}.oa-rank-medal.rank-2{background:linear-gradient(135deg,#c9d1dc,#9aa6b5)}.oa-rank-medal.rank-3{background:linear-gradient(135deg,#e0a07a,#c4784a)}.oa-rank-medal.rank-other{background:#d9e2ef;color:#5b6b86}.oa-period-toggle{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;background:#f3f6fb;border-radius:16px;padding:2px}.oa-period-toggle .period-item{min-width:32px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#8a94a6;border-radius:5px;cursor:pointer;padding:0 15px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.oa-period-toggle .period-item.active{background:#2d70d8;color:#fff}.oa-period-toggle.oa-period-toggle--outline{background:transparent;padding:0;border-radius:18px}.oa-period-toggle.oa-period-toggle--outline .period-item{background:transparent;color:#5b6b86;border:1px solid transparent;transition:all .15s ease}.oa-period-toggle.oa-period-toggle--outline .period-item.active{background:#fff;color:#165dff;border-color:#165dff;box-shadow:inset 0 0 0 1px #165dff}