.role-page[data-v-24f367aa]{background-size:100% 100%;width:100%;height:100%;overflow:hidden;background:#000}.top[data-v-24f367aa]{height:1.875rem;width:100%;background:#666;display:flex;justify-content:space-between;padding:0 .875rem;align-items:center}.top .logo[data-v-24f367aa]{height:1.625rem}.top .fx[data-v-24f367aa]{height:1.375rem}#magazine[data-v-24f367aa]{width:100%;margin-top:3.75rem;display:flex;justify-content:center}#magazine .text[data-v-24f367aa]{width:100%;position:relative}#magazine .text img[data-v-24f367aa]{width:100%}#magazine .current-page[data-v-24f367aa]{position:absolute;bottom:0;width:100%;text-align:center;font-size:.875rem}#magazine .current-page .even-numbers[data-v-24f367aa]{width:1.875rem;height:1.875rem;background:#fc6;color:#fff;right:0;position:absolute;bottom:0;line-height:1.875rem;text-align:center}#magazine .current-page .odd-number[data-v-24f367aa]{position:absolute;bottom:0;width:1.875rem;height:1.875rem;background:#c0f;color:#fff;line-height:1.875rem;text-align:center}#magazine.shadow[data-v-24f367aa],#magazine .shadow[data-v-24f367aa],#magazine .turn-page[data-v-24f367aa]{-webkit-box-shadow:0 .25rem .625rem #666;-moz-box-shadow:0 .25rem .625rem #666;-ms-box-shadow:0 .25rem .625rem #666;-o-box-shadow:0 .25rem .625rem #666;box-shadow:0 .25rem .625rem #666}#magazine .turn-page[data-v-24f367aa]{background-color:#fff;background-size:100% 100%}.yy1[data-v-24f367aa]{width:100%;height:80%;top:10%;left:0;position:absolute}.mark[data-v-24f367aa]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;background:rgba(0,0,0,.4)}.mark img[data-v-24f367aa]{width:100%}.center_t[data-v-24f367aa]{font-size:.875rem;color:#fff;width:100%;text-align:center;margin-top:.625rem}.role-page[data-v-ba162b0e]{background-size:100% 100%;width:100%;height:100%;overflow:hidden;background:#000}.ddd[data-v-ba162b0e]{position:relative;margin-left:50%;transform:translateX(-50%);transition:all .2s}.top[data-v-ba162b0e]{height:3.75rem;width:100%;background:#666;display:flex;justify-content:space-between;padding:0 .875rem;align-items:center;position:relative}.top .logo[data-v-ba162b0e]{height:2.875rem}.top .fx[data-v-ba162b0e]{height:1.375rem}.top .title_div[data-v-ba162b0e]{left:0;height:3.75rem;line-height:3.75rem;text-align:center;width:100%;font-size:1.875rem;font-weight:800;z-index:1000;position:absolute;color:#fff}#magazine[data-v-ba162b0e]{width:80%;margin-top:3.75rem;display:flex;justify-content:center}#magazine .text[data-v-ba162b0e]{width:100%;position:relative}#magazine .text img[data-v-ba162b0e]{width:100%;pointer-events:none}#magazine .current-page[data-v-ba162b0e]{position:absolute;bottom:0;width:100%;text-align:center;font-size:.875rem}#magazine .current-page .even-numbers[data-v-ba162b0e]{width:1.875rem;height:1.875rem;background:#fc6;color:#fff;right:0;position:absolute;bottom:0;line-height:1.875rem;text-align:center}#magazine .current-page .odd-number[data-v-ba162b0e]{position:absolute;bottom:0;width:1.875rem;height:1.875rem;background:#c0f;color:#fff;line-height:1.875rem;text-align:center}#magazine.shadow[data-v-ba162b0e],#magazine .shadow[data-v-ba162b0e],#magazine .turn-page[data-v-ba162b0e]{-webkit-box-shadow:0 .25rem .625rem #666;-moz-box-shadow:0 .25rem .625rem #666;-ms-box-shadow:0 .25rem .625rem #666;-o-box-shadow:0 .25rem .625rem #666;box-shadow:0 .25rem .625rem #666}#magazine .turn-page[data-v-ba162b0e]{background-color:#fff;background-size:100% 100%}.mark[data-v-ba162b0e]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;background:rgba(0,0,0,.4)}.mark img[data-v-ba162b0e]{width:100%}.center_t[data-v-ba162b0e]{font-size:.875rem;color:#fff;width:100%;text-align:center;margin-top:.625rem}.yy1[data-v-ba162b0e]{background-image:-webkit-linear-gradient(right,rgba(60,60,60,.4),rgba(50,50,50,.1) 54%,hsla(0,0%,78.4%,0));width:7.5rem;height:100%;top:0;right:0;position:absolute}.yy2[data-v-ba162b0e]{background-image:-webkit-linear-gradient(left,rgba(53,53,53,.5),rgba(53,53,53,.2) 40%,rgba(53,53,53,.1) 60%,hsla(0,0%,78.4%,0));width:3rem;height:100%;top:0;left:0;position:absolute}