.rolelist .list-game[data-v-6c5284a1]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5.333vw 0;margin:0 5.333vw;border-bottom:1px solid #eee;content:"viewport-units-buggyfill; padding: 5.333vw 0; margin: 0 5.333vw"}.rolelist .list-game>div[data-v-6c5284a1],.rolelist .list-game[data-v-6c5284a1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.rolelist .game-img[data-v-6c5284a1]{width:12.533vw;height:12.533vw;margin-right:3.467vw;border-radius:2.667vw;content:"viewport-units-buggyfill; width: 12.533vw; height: 12.533vw; margin-right: 3.467vw; border-radius: 2.667vw"}.rolelist .game-title[data-v-6c5284a1]{font-size:3.733vw;font-weight:700;color:#333;content:"viewport-units-buggyfill; font-size: 3.733vw"}.rolelist .role-btn[data-v-6c5284a1]{display:inline-block;margin-right:2.667vw;padding:1.867vw 3.467vw;background:#54c9ff;border-radius:1.067vw;font-size:3.2vw;font-weight:500;color:#fff;content:"viewport-units-buggyfill; margin-right: 2.667vw; padding: 1.867vw 3.467vw 1.867vw 3.467vw; border-radius: 1.067vw; font-size: 3.2vw"}.rolelist .icon-right[data-v-6c5284a1]{display:inline-block;width:1.6vw;height:2.8vw;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZWYyYzU1NS04OGJiLTFiNDUtOTYxMS03ZGE1YmMwZjM2YTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDEyMzcwNDQxRDdEMTFFOThGMjhDMjJCRUJFMTkzOEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDEyMzcwNDMxRDdEMTFFOThGMjhDMjJCRUJFMTkzOEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZTU0ZDM1NjYtMTE5MS1kMzRmLTk4ZGYtMDQxODQ5ODAzNTFhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MDE5NDJmZTUtMWQyZi0xMWU5LWEyNDMtYjRjZWJiZjUyODQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GPWDIAAAAUNJREFUeNpi3LFjBwMQVAKxKhAnMZAIWIA4F4jboPynQFxLigFMUENgoAaIG0g1oB+Ig5HE6oG4nRQDQGAdmiEVQFxNigHYDGkhxhAmND7IkAg0QypJMQAEVqK5pA2fIUw4xEEuiUQzJJ8UA0BgBRCHI/EnAHEOKQaAwCo070wG4kJSDMAWO31AnE6KAdgMmQHEGQxoyZgYQ6yBeBMQCwPxdCCWZSIx890F4r9IfFFSDDAC4hdALAblNwNxGrEG6ALxWSR+IxDXERuIhkB8GonfgJzlmYiw+RgQsyNpbiQ2HegA8WEg5kBydiO2Ig0b0IDazIuUKxtwlYnoQA2IzwAxN1IJ1URsblRE09yMTzO6AdJAfB7J2fCoIsYAWahmfmxRRcgAG6izRXFFFSEDgpCSZyMpmmGxUA71wmdSKxUQAAgwABYcOFW7wsqqAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain;content:"viewport-units-buggyfill; width: 1.6vw; height: 2.8vw"}.role .current-role[data-v-6c5284a1],.role .history-role[data-v-6c5284a1],.role .none-role[data-v-6c5284a1]{padding:4vw;text-align:left;content:"viewport-units-buggyfill; padding: 4vw"}.role .current-role .title[data-v-6c5284a1],.role .history-role .title[data-v-6c5284a1],.role .none-role .title[data-v-6c5284a1]{font-size:4.267vw;font-weight:700;color:#333;line-height:2;position:relative;content:"viewport-units-buggyfill; font-size: 4.267vw"}.role .current-role .item[data-v-6c5284a1],.role .history-role .item[data-v-6c5284a1],.role .none-role .item[data-v-6c5284a1]{padding:4vw 0;border-bottom:1px solid #eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; padding: 4vw 0"}.role .current-role .item .info[data-v-6c5284a1],.role .history-role .item .info[data-v-6c5284a1],.role .none-role .item .info[data-v-6c5284a1]{font-size:3.467vw;font-weight:700;color:#6ad0ff;line-height:1.6;content:"viewport-units-buggyfill; font-size: 3.467vw"}.role .current-role .item .info .score[data-v-6c5284a1],.role .history-role .item .info .score[data-v-6c5284a1],.role .none-role .item .info .score[data-v-6c5284a1]{font-size:2.933vw;color:#83859e;content:"viewport-units-buggyfill; font-size: 2.933vw"}.role .current-role .item .bind[data-v-6c5284a1],.role .history-role .item .bind[data-v-6c5284a1],.role .none-role .item .bind[data-v-6c5284a1]{width:17.067vw;height:6.667vw;background:#98dfff;border-radius:3.333vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; width: 17.067vw; height: 6.667vw; border-radius: 3.333vw"}.role .current-role .item .bind img[data-v-6c5284a1],.role .history-role .item .bind img[data-v-6c5284a1],.role .none-role .item .bind img[data-v-6c5284a1]{width:4vw;height:4vw;content:"viewport-units-buggyfill; width: 4vw; height: 4vw"}.role .current-role .item .action[data-v-6c5284a1],.role .history-role .item .action[data-v-6c5284a1],.role .none-role .item .action[data-v-6c5284a1]{width:26.133vw;height:6.667vw;border:.267vw solid #6ad0ff;border-radius:3.333vw;font-size:3.2vw;color:#6ad0ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; width: 26.133vw; height: 6.667vw; border: 0.267vw solid #6ad0ff; border-radius: 3.333vw; font-size: 3.2vw"}.role .current-role .role-empty[data-v-6c5284a1] .van-empty__image,.role .history-role .role-empty[data-v-6c5284a1] .van-empty__image,.role .none-role .role-empty[data-v-6c5284a1] .van-empty__image{width:26.667vw;height:26.667vw;content:"viewport-units-buggyfill; width: 26.667vw; height: 26.667vw"}.role .current-role .role-empty[data-v-6c5284a1] .van-empty__description,.role .history-role .role-empty[data-v-6c5284a1] .van-empty__description,.role .none-role .role-empty[data-v-6c5284a1] .van-empty__description{margin-top:2.133vw;font-size:3.2vw;content:"viewport-units-buggyfill; margin-top: 2.133vw; font-size: 3.2vw"}.role .history-role[data-v-6c5284a1]{padding:0 4vw 22.933vw;content:"viewport-units-buggyfill; padding: 0 4vw 22.933vw"}.role .history-role .role[data-v-6c5284a1]{font-weight:400;color:#b1b1b1}.role .bottom-role[data-v-6c5284a1]{width:100%;padding:4vw 0;position:fixed;left:0;bottom:0;z-index:9;background-color:#fff;-webkit-box-shadow:0 0 2.667vw 0 rgba(0,0,0,.08);box-shadow:0 0 2.667vw 0 rgba(0,0,0,.08);content:"viewport-units-buggyfill; padding: 4vw 0; -webkit-box-shadow: 0px 0px 2.667vw 0px rgba(0, 0, 0, .08); box-shadow: 0px 0px 2.667vw 0px rgba(0, 0, 0, .08)"}.role .add-role[data-v-6c5284a1]{width:63.467vw;height:12vw;margin:0 auto;background:#33bfff;border-radius:1.333vw;font-size:3.733vw;font-weight:700;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:"viewport-units-buggyfill; width: 63.467vw; height: 12vw; border-radius: 1.333vw; font-size: 3.733vw"}.role .add-role .icon-svg[data-v-6c5284a1]{width:3.6vw;height:3.6vw;color:#fff;margin-right:2.667vw;content:"viewport-units-buggyfill; width: 3.6vw; height: 3.6vw; margin-right: 2.667vw"}@media (min-aspect-ratio:82/75) and (orientation:landscape){.rolelist .list-game[data-v-6c5284a1]{padding:2.789vw 0;margin:0 2.789vw;border-bottom:1px solid #eee;content:"viewport-units-buggyfill; padding: 2.789vw 0; margin: 0 2.789vw"}.rolelist .game-img[data-v-6c5284a1]{width:6.555vw;height:6.555vw;margin-right:1.813vw;border-radius:1.395vw;content:"viewport-units-buggyfill; width: 6.555vw; height: 6.555vw; margin-right: 1.813vw; border-radius: 1.395vw"}.rolelist .game-title[data-v-6c5284a1]{font-size:1.953vw;content:"viewport-units-buggyfill; font-size: 1.953vw"}.rolelist .role-btn[data-v-6c5284a1]{margin-right:1.395vw;padding:.976vw 1.813vw;border-radius:.558vw;font-size:1.674vw;content:"viewport-units-buggyfill; margin-right: 1.395vw; padding: 0.976vw 1.813vw 0.976vw 1.813vw; border-radius: 0.558vw; font-size: 1.674vw"}.rolelist .icon-right[data-v-6c5284a1]{width:.837vw;height:1.464vw;content:"viewport-units-buggyfill; width: 0.837vw; height: 1.464vw"}.role .current-role[data-v-6c5284a1],.role .history-role[data-v-6c5284a1],.role .none-role[data-v-6c5284a1]{padding:2.092vw;content:"viewport-units-buggyfill; padding: 2.092vw"}.role .current-role .title[data-v-6c5284a1],.role .history-role .title[data-v-6c5284a1],.role .none-role .title[data-v-6c5284a1]{font-size:2.232vw;content:"viewport-units-buggyfill; font-size: 2.232vw"}.role .current-role .item[data-v-6c5284a1],.role .history-role .item[data-v-6c5284a1],.role .none-role .item[data-v-6c5284a1]{padding:2.092vw 0;border-bottom:1px solid #eee;content:"viewport-units-buggyfill; padding: 2.092vw 0"}.role .current-role .item .info[data-v-6c5284a1],.role .history-role .item .info[data-v-6c5284a1],.role .none-role .item .info[data-v-6c5284a1]{font-size:1.813vw;content:"viewport-units-buggyfill; font-size: 1.813vw"}.role .current-role .item .info .score[data-v-6c5284a1],.role .history-role .item .info .score[data-v-6c5284a1],.role .none-role .item .info .score[data-v-6c5284a1]{font-size:1.534vw;content:"viewport-units-buggyfill; font-size: 1.534vw"}.role .current-role .item .bind[data-v-6c5284a1],.role .history-role .item .bind[data-v-6c5284a1],.role .none-role .item .bind[data-v-6c5284a1]{width:8.926vw;height:3.487vw;border-radius:1.743vw;content:"viewport-units-buggyfill; width: 8.926vw; height: 3.487vw; border-radius: 1.743vw"}.role .current-role .item .bind img[data-v-6c5284a1],.role .history-role .item .bind img[data-v-6c5284a1],.role .none-role .item .bind img[data-v-6c5284a1]{width:2.092vw;height:2.092vw;content:"viewport-units-buggyfill; width: 2.092vw; height: 2.092vw"}.role .current-role .item .action[data-v-6c5284a1],.role .history-role .item .action[data-v-6c5284a1],.role .none-role .item .action[data-v-6c5284a1]{width:13.668vw;height:3.487vw;border:.139vw solid #6ad0ff;border-radius:1.743vw;font-size:1.674vw;content:"viewport-units-buggyfill; width: 13.668vw; height: 3.487vw; border: 0.139vw solid #6ad0ff; border-radius: 1.743vw; font-size: 1.674vw"}.role .current-role .role-empty[data-v-6c5284a1] .van-empty__image,.role .history-role .role-empty[data-v-6c5284a1] .van-empty__image,.role .none-role .role-empty[data-v-6c5284a1] .van-empty__image{width:13.947vw;height:13.947vw;content:"viewport-units-buggyfill; width: 13.947vw; height: 13.947vw"}.role .current-role .role-empty[data-v-6c5284a1] .van-empty__description,.role .history-role .role-empty[data-v-6c5284a1] .van-empty__description,.role .none-role .role-empty[data-v-6c5284a1] .van-empty__description{margin-top:1.116vw;font-size:1.674vw;content:"viewport-units-buggyfill; margin-top: 1.116vw; font-size: 1.674vw"}.role .history-role[data-v-6c5284a1]{padding:0 2.092vw 11.994vw;content:"viewport-units-buggyfill; padding: 0 2.092vw 11.994vw"}.role .bottom-role[data-v-6c5284a1]{padding:2.092vw 0;-webkit-box-shadow:0 0 1.395vw 0 rgba(0,0,0,.08);box-shadow:0 0 1.395vw 0 rgba(0,0,0,.08);content:"viewport-units-buggyfill; padding: 2.092vw 0; -webkit-box-shadow: 0px 0px 1.395vw 0px rgba(0, 0, 0, .08); box-shadow: 0px 0px 1.395vw 0px rgba(0, 0, 0, .08)"}.role .add-role[data-v-6c5284a1]{width:33.194vw;height:6.276vw;border-radius:.697vw;font-size:1.953vw;content:"viewport-units-buggyfill; width: 33.194vw; height: 6.276vw; border-radius: 0.697vw; font-size: 1.953vw"}.role .add-role .icon-svg[data-v-6c5284a1]{width:1.883vw;height:1.883vw;margin-right:1.395vw;content:"viewport-units-buggyfill; width: 1.883vw; height: 1.883vw; margin-right: 1.395vw"}}