.simulater[data-v-ae08712a]{width:100%;height:100%;padding:0 460px 0 240px;margin:auto;padding-bottom:20px;box-sizing:border-box}.main-area[data-v-ae08712a]{width:100%;height:100%;background:#f8f8f8;box-sizing:border-box;padding:20px 0;padding-top:10px;border-radius:12px;position:relative}.simulater-top[data-v-ae08712a]{height:6%;width:100%;display:flex;box-sizing:border-box;background:#fff;border-radius:10px}.simulater-bottom[data-v-ae08712a]{height:94%;width:100%;box-sizing:border-box;background:#fff;border-radius:20px;margin-top:20px}.top-left[data-v-ae08712a]{height:100%;flex:1;text-align:left}.top-right[data-v-ae08712a]{height:100%;flex:1;text-align:right}.team-link-copy[data-v-ae08712a]{color:#797979;height:100%;border:1px solid #e2e2e2;background:#fff;border-radius:5px;padding:0 10px;display:inline-block;line-height:100%;text-align:center;vertical-align:middle;position:relative;cursor:pointer}.tips[data-v-ae08712a]{position:absolute;bottom:0;background:#333;color:#fff;padding:0 10px;border-radius:5px;-webkit-animation:move1 .2s;animation:move1 .2s;height:100%;border:0}.tips.left[data-v-ae08712a]{left:100%;margin-left:15px}.tips.right[data-v-ae08712a]{right:100%;margin-right:15px}.team-color[data-v-ae08712a]{display:inline-block;padding:0 20px;height:100%;color:#888;font-size:16px;text-align:center;border-radius:5px;vertical-align:middle;border:0;background:transparent}.team-color.blue[data-v-ae08712a]{color:#157eff}.team-color.red[data-v-ae08712a]{color:#dd3939}.team-color.left[data-v-ae08712a]{margin-right:0}.team-color.right[data-v-ae08712a]{margin-left:0}.team-color.padding-left0[data-v-ae08712a]{padding-left:0}.team-color.padding-right0[data-v-ae08712a]{padding-right:0}.mine-icon[data-v-ae08712a]{display:inline-block;height:16px;vertical-align:-4px;margin-right:5px}.mine-icon.full[data-v-ae08712a]{height:18px}.block-title[data-v-ae08712a]{height:5.5%;position:absolute;top:-5px;left:0;width:100%}.team-name[data-v-ae08712a]{height:100%;position:absolute;top:0;color:#888;font-size:16px;border:0;cursor:default;background:transparent}.team-name.blue[data-v-ae08712a]{left:0;text-align:left}.team-name.red[data-v-ae08712a]{right:0;text-align:right}.hero-zoom[data-v-ae08712a]{width:100%;height:100%;padding:0 20%;box-sizing:border-box;position:relative}.hero-zoom.padding17[data-v-ae08712a]{padding:0 17%}.team-pick[data-v-ae08712a]{width:20%;height:100%;position:absolute;top:0;box-sizing:border-box;z-index:10;justify-content:center;align-items:center;display:flex;flex-wrap:wrap}.team-pick.padding17[data-v-ae08712a]{width:17%}.team-pick.blue[data-v-ae08712a]{left:0;padding:0 1%}.team-pick.red[data-v-ae08712a]{right:0;padding:0 1%}.hero-pic-box[data-v-ae08712a]{width:100%;max-height:18%;min-height:12%;background:#f6f6f6;border-radius:5px;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.hero-pic-area-box[data-v-ae08712a]{position:relative;width:100%;height:100%}.zoom-42[data-v-ae08712a]{padding-bottom:42%;height:0;position:relative;z-index:0}.hero-pic-area[data-v-ae08712a]{width:30%;background-image:url(/img/bp/pick_hero_bg.png);background-repeat:no-repeat;background-size:contain;border-radius:50%;position:relative;overflow:hidden;box-sizing:border-box;z-index:1}.hero-pic-area.right[data-v-ae08712a]{margin-left:60%}.hero-pic-area.left[data-v-ae08712a]{margin-right:60%}.hero-pic-box.active.red[data-v-ae08712a]{background:#dd3939}.hero-pic-box.active.blue[data-v-ae08712a]{background:#157eff}.hero-pic-area.active[data-v-ae08712a]{background-image:url(/img/bp/light_hero_pick_wgite.png)}.select-now[data-v-ae08712a]{position:absolute;top:25%;width:100%;text-align:center;color:#fff;font-size:14px}.select-now.blue[data-v-ae08712a]{text-align:right;right:8%}.select-now.red[data-v-ae08712a]{text-align:left;left:8%}.select-position[data-v-ae08712a]{position:absolute;top:55%}.select-btn[data-v-ae08712a]{width:80px;height:26px;line-height:24px;border:1px solid #fff;background:#fff;color:#ff9300;border-radius:5px;cursor:pointer;font-size:14px;position:relative;z-index:59}.select-btn.open[data-v-ae08712a]{border:1px solid #e7e7e7;z-index:99}.position-set[data-v-ae08712a]{display:inline-block;width:16px;vertical-align:-3px;margin-right:5px}.position-icons[data-v-ae08712a]{position:absolute;top:-5px;left:-5px;background:#fff;border:1px solid #e7e7e7;width:132px;height:120px;z-index:58;box-sizing:border-box;border-radius:10px;padding:5px;padding-top:40px}.position-icons.open[data-v-ae08712a]{z-index:98}.icon-item[data-v-ae08712a]{width:40px;height:30px;cursor:pointer;float:left;margin-bottom:5px;position:relative}.icon-item.disable[data-v-ae08712a]{cursor:not-allowed}.icon-item img[data-v-ae08712a]{display:block;height:30px;margin:auto;position:relative;z-index:1}.icon-item .active-img[data-v-ae08712a]{position:absolute;top:0;left:5px;z-index:2;background:#fff}.select-position.blue[data-v-ae08712a]{right:8%}.select-position.red[data-v-ae08712a]{left:8%}.select-time[data-v-ae08712a]{position:absolute;top:55%;width:100%;color:#fff;text-align:center;font-weight:700;font-size:14px}.select-time.blue[data-v-ae08712a]{text-align:right;right:8%}.select-time.red[data-v-ae08712a]{text-align:left;left:8%}.select-time.gray[data-v-ae08712a]{color:#888;font-weight:400}.is-select[data-v-ae08712a]{position:absolute;top:20%;color:#fff;text-align:center;line-height:20px;height:20px}.is-select.blue[data-v-ae08712a]{right:8%;text-align:right}.is-select.red[data-v-ae08712a]{left:8%;text-align:left}.is-select-img[data-v-ae08712a]{display:inline-block;height:12px;margin:0 5px}.select-hero-name[data-v-ae08712a]{display:inline-block;font-size:14px;color:#888}.pick-hero[data-v-ae08712a]{position:absolute;left:-4%;top:-4%;width:108%;height:108%;z-index:1}.pick-lock[data-v-ae08712a]{position:absolute;width:12px;left:0;top:0;z-index:9}.hero-menu[data-v-ae08712a]{height:10%;width:100%;display:flex}.hero-menu-nav-are[data-v-ae08712a]{flex:1;text-align:center;height:40px}.hero-menu-nav[data-v-ae08712a]{display:inline-block;height:40px;line-height:40px;text-align:center;font-size:18px;padding:0 5px;color:#555;cursor:pointer;border-bottom:3px solid #fff}.hero-menu-nav.active[data-v-ae08712a]{color:#ff9300;border-bottom:3px solid #ff9300}.hero-list[data-v-ae08712a]{height:80%;width:100%;overflow-y:auto;background:hsla(0,0%,100%,.7);border-radius:5px}.hero-box[data-v-ae08712a]{width:100%;padding-right:5px;padding-left:10px}.hero-item[data-v-ae08712a]{width:11.5%;background:#fff;border-radius:5px;margin-right:1%;margin-bottom:1%;float:left;position:relative;cursor:pointer;box-sizing:border-box;border:2px solid #e7e7e7}.hero-over[data-v-ae08712a]{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-item.padding17[data-v-ae08712a]{width:9%}.hero-tips[data-v-ae08712a]{position:absolute;width:120px;height:50px;line-height:50px;color:#fff;background:rgba(0,0,0,.8);text-align:center;font-size:14px;top:0;left:50%;margin-left:-60px;z-index:99;border-radius:5px}.zoom-100[data-v-ae08712a]{margin-top:100%;height:0;position:relative;z-index:0}.hero-item.clicked.red[data-v-ae08712a]{border:2px solid #fbb}.hero-item.clicked.blue[data-v-ae08712a]{border:2px solid #c4e0ff}.hero-item.clicked.red[data-v-ae08712a]:hover{border:2px solid #fbb}.hero-item.clicked.blue[data-v-ae08712a]:hover{border:2px solid #c4e0ff}.hero-item.red[data-v-ae08712a]:hover{border:1px solid #dd3939}.hero-item.blue[data-v-ae08712a]:hover{border:1px solid #157eff}.hero-item.selected[data-v-ae08712a]{filter:contrast(.4);cursor:not-allowed}.hero-item.selected.clicked[data-v-ae08712a],.hero-item.selected.clicked[data-v-ae08712a]:hover,.hero-item.selected[data-v-ae08712a]:hover{border:2px solid #e7e7e7}.hero-item img[data-v-ae08712a]{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.hero-lock[data-v-ae08712a]{width:100%;height:35%;color:#fff;position:absolute;bottom:-2px;left:-2px;font-size:12px;z-index:3;border-radius:5px;box-sizing:content-box;white-space:nowrap;cursor:pointer}.hero-lock.red[data-v-ae08712a]{background:#dd3939;border:2px solid #dd3939}.hero-lock.blue[data-v-ae08712a]{background:#157eff;border:2px solid #157eff}.game-simulater[data-v-ae08712a]{position:relative;width:100%;height:80%;border-radius:20px;box-sizing:border-box;padding:0 20px 0 20px}.read-page[data-v-ae08712a]{position:relative;width:100%;height:75%;background:#ff4949;border-radius:20px;display:flex;margin-top:20px}.read-page.blue[data-v-ae08712a]{background:#45d2ff}.vs-icon[data-v-ae08712a]{width:40px;height:22px;position:absolute;left:50%;top:50%;margin-top:-11px;margin-left:-20px}.button-area[data-v-ae08712a]{width:100%;height:20%;position:relative}.fullscreen-icon[data-v-ae08712a]{position:absolute;width:40px;height:40px;cursor:pointer;right:40px;top:50%;margin-top:-20px}.fullscreen-icon[data-v-ae08712a]:active{filter:invert(1)}.team-page[data-v-ae08712a]{flex:1;border-radius:20px;text-align:center;font-size:50px;color:#fff;justify-content:center;align-items:center;display:flex}.team-page.blue[data-v-ae08712a]{background:#45d2ff}.team-page.red[data-v-ae08712a]{background:#ff4949}.confirm-block[data-v-ae08712a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.confirm-btn[data-v-ae08712a]{display:inline-block;height:54px;line-height:56px;width:150px;text-align:center;font-size:20px;font-weight:700;padding:0 15px;border-radius:12px;cursor:pointer;margin:0 20px;position:relative}.confirm-btn[data-v-ae08712a]:active{color:#fff;background:#ffbd08}.confirm-btn.blue[data-v-ae08712a]{color:#fff;background:#157eff}.confirm-btn.red[data-v-ae08712a]{color:#fff;background:#dd3939}.confirm-btn.lock[data-v-ae08712a]{color:#fff;background:#ff9500}.confirm-btn.unlock[data-v-ae08712a]{color:#707070;background:#e7e7e7;cursor:not-allowed}.btn-tips[data-v-ae08712a]{width:100%;position:absolute;bottom:-34px;left:0;height:24px;line-height:24px;text-align:center;font-size:14px;color:#999}.game-step[data-v-ae08712a]{width:100%;height:10%;text-align:center;position:relative}.blue-ban[data-v-ae08712a],.red-ban[data-v-ae08712a]{width:100%;padding:2% 0}.ban-img-circle[data-v-ae08712a]{width:24%;position:relative}.ban-img-circle.left[data-v-ae08712a]{float:left;margin-right:10px}.ban-img-circle.right[data-v-ae08712a]{float:right;margin-left:10px}.ban-step[data-v-ae08712a]{background-image:url(/img/bp/ban_hero_bg.png);background-repeat:no-repeat;background-size:contain;border-radius:50%;overflow:hidden;position:absolute;left:0;top:0;bottom:0;right:0;box-sizing:border-box;border:2px solid transparent}.ban-step.active-red[data-v-ae08712a]{background-image:url(/img/bp/light_hero_red.png);border:2px solid #dd3939;background-size:120% 120%;background-position:50%}.ban-step.active-blue[data-v-ae08712a]{background-image:url(/img/bp/light_hero_blue.png);border:2px solid #157eff;background-size:120% 120%;background-position:50%}.ban-img-circle.left[data-v-ae08712a]:nth-child(2){margin-right:20px}.ban-img-circle.right[data-v-ae08712a]:nth-child(2){margin-left:20px}.ban-lock[data-v-ae08712a]{position:absolute;width:28%;bottom:-9%;right:0;z-index:2}.ban-hero[data-v-ae08712a]{position:absolute;width:106%;height:106%;left:-3%;top:-3%;z-index:1}.pick-step[data-v-ae08712a]{width:32px;height:32px;background:#f7f7f7;position:absolute;top:8px;border-radius:5px;overflow:hidden}.pick-step img[data-v-ae08712a]{position:absolute;width:36px;height:36px;left:-2px;top:-2px}.pick-step.pick1[data-v-ae08712a]{left:16px}.pick-step.pick2[data-v-ae08712a]{right:16px}.pick-step.pick2l[data-v-ae08712a]{left:86px}.pick-step.pick3[data-v-ae08712a]{right:86px}.pick-step-skill[data-v-ae08712a]{width:20px;height:20px;background:#f7f7f7;border-radius:10px;position:absolute;top:20px;overflow:hidden}.pick-step-skill img[data-v-ae08712a]{position:absolute;width:20px;height:20px;top:0;left:0}.pick-step-skill.skill1[data-v-ae08712a]{left:56px}.pick-step-skill.skill2[data-v-ae08712a]{right:56px}.pick-step-skill.skill2l[data-v-ae08712a]{left:126px}.pick-step-skill.skill3[data-v-ae08712a]{right:126px}.step-center[data-v-ae08712a]{width:300px;height:50px;line-height:50px;text-align:center;position:absolute;top:50%;margin-top:-25px;left:50%;margin-left:-150px}.step-title[data-v-ae08712a]{color:#888;height:50px;line-height:50px;padding:0 10px;font-weight:700;text-align:center;font-size:24px;display:inline-block}.step-title.active[data-v-ae08712a]{color:#fff;margin-top:8px}.step-title.blue[data-v-ae08712a]{color:#157eff}.step-title.red[data-v-ae08712a]{color:#dd3939}.step-time[data-v-ae08712a]{color:#fff;font-size:12px;font-weight:700;height:16px;line-height:16px;text-align:center}.skill-menu[data-v-ae08712a]{text-align:center}.skill-nav[data-v-ae08712a]{width:24px;height:24px;border-radius:12px;overflow:hidden;position:relative;display:inline-block;margin:10px}.skill-nav.clicked[data-v-ae08712a],.skill-nav[data-v-ae08712a]:hover{transform:scale(1.5)}.skill-nav img[data-v-ae08712a]{position:absolute;width:24px;height:24px}.rate-area[data-v-ae08712a]{width:320px;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;margin:auto}.hero-rate[data-v-ae08712a]{width:300px;padding:5px;background:#e7e7e7;border-radius:5px}.hero-icon-area[data-v-ae08712a]{width:80px;height:80px;float:left;margin-right:10px}.hero-icon-area img[data-v-ae08712a]{display:block;width:80px;height:80px}.rate-data[data-v-ae08712a]{width:180px;height:80px;float:left}.rate-item[data-v-ae08712a]{height:26px;line-height:26px;color:#2f80ed;font-size:18px;text-align:left;font-weight:700}.rate-item.red[data-v-ae08712a]{color:#c34040}.rate-title[data-v-ae08712a],.rate-value[data-v-ae08712a]{width:80px;height:26px;line-height:26px;float:left;text-align:left}.font-16[data-v-ae08712a]{font-size:16px}.font-18[data-v-ae08712a]{font-size:18px}.font-20[data-v-ae08712a]{font-size:20px}.font-24[data-v-ae08712a]{font-size:24px}.font-24-h[data-v-ae08712a]{font-size:24px;height:66px;line-height:68px;width:180px}.font-28[data-v-ae08712a]{font-size:28px}.font-26[data-v-ae08712a]{font-size:26px}.font-32[data-v-ae08712a]{font-size:32px}.font-36[data-v-ae08712a]{font-size:36px}