@-webkit-keyframes playing-line-1-data-v-eaa9e02c{0%,to{-webkit-transform:scaleY(.33333);transform:scaleY(.33333)}25%{-webkit-transform:scaleY(.66);transform:scaleY(.66)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:scaleY(.66);transform:scaleY(.66)}}@-moz-keyframes playing-line-1-data-v-eaa9e02c{0%,to{-moz-transform:scaleY(.33333);transform:scaleY(.33333)}25%{-moz-transform:scaleY(.66);transform:scaleY(.66)}50%{-moz-transform:scaleY(1);transform:scaleY(1)}75%{-moz-transform:scaleY(.66);transform:scaleY(.66)}}@-o-keyframes playing-line-1-data-v-eaa9e02c{0%,to{-o-transform:scaleY(.33333);transform:scaleY(.33333)}25%{-o-transform:scaleY(.66);transform:scaleY(.66)}50%{-o-transform:scaleY(1);transform:scaleY(1)}75%{-o-transform:scaleY(.66);transform:scaleY(.66)}}@keyframes playing-line-1-data-v-eaa9e02c{0%,to{-webkit-transform:scaleY(.33333);-moz-transform:scaleY(.33333);-o-transform:scaleY(.33333);transform:scaleY(.33333)}25%{-webkit-transform:scaleY(.66);-moz-transform:scaleY(.66);-o-transform:scaleY(.66);transform:scaleY(.66)}50%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:scaleY(.66);-moz-transform:scaleY(.66);-o-transform:scaleY(.66);transform:scaleY(.66)}}@-webkit-keyframes playing-line-2-data-v-eaa9e02c{0%,to{-webkit-transform:scaleY(.66667);transform:scaleY(.66667)}25%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.66667);transform:scaleY(.66667)}75%{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}@-moz-keyframes playing-line-2-data-v-eaa9e02c{0%,to{-moz-transform:scaleY(.66667);transform:scaleY(.66667)}25%{-moz-transform:scaleY(1);transform:scaleY(1)}50%{-moz-transform:scaleY(.66667);transform:scaleY(.66667)}75%{-moz-transform:scaleY(.33);transform:scaleY(.33)}}@-o-keyframes playing-line-2-data-v-eaa9e02c{0%,to{-o-transform:scaleY(.66667);transform:scaleY(.66667)}25%{-o-transform:scaleY(1);transform:scaleY(1)}50%{-o-transform:scaleY(.66667);transform:scaleY(.66667)}75%{-o-transform:scaleY(.33);transform:scaleY(.33)}}@keyframes playing-line-2-data-v-eaa9e02c{0%,to{-webkit-transform:scaleY(.66667);-moz-transform:scaleY(.66667);-o-transform:scaleY(.66667);transform:scaleY(.66667)}25%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.66667);-moz-transform:scaleY(.66667);-o-transform:scaleY(.66667);transform:scaleY(.66667)}75%{-webkit-transform:scaleY(.33);-moz-transform:scaleY(.33);-o-transform:scaleY(.33);transform:scaleY(.33)}}@-webkit-keyframes playing-line-3-data-v-eaa9e02c{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}25%{-webkit-transform:scaleY(.66);transform:scaleY(.66)}50%{-webkit-transform:scaleY(.33333);transform:scaleY(.33333)}75%{-webkit-transform:scaleY(.66);transform:scaleY(.66)}}@-moz-keyframes playing-line-3-data-v-eaa9e02c{0%,to{-moz-transform:scaleY(1);transform:scaleY(1)}25%{-moz-transform:scaleY(.66);transform:scaleY(.66)}50%{-moz-transform:scaleY(.33333);transform:scaleY(.33333)}75%{-moz-transform:scaleY(.66);transform:scaleY(.66)}}@-o-keyframes playing-line-3-data-v-eaa9e02c{0%,to{-o-transform:scaleY(1);transform:scaleY(1)}25%{-o-transform:scaleY(.66);transform:scaleY(.66)}50%{-o-transform:scaleY(.33333);transform:scaleY(.33333)}75%{-o-transform:scaleY(.66);transform:scaleY(.66)}}@keyframes playing-line-3-data-v-eaa9e02c{0%,to{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}25%{-webkit-transform:scaleY(.66);-moz-transform:scaleY(.66);-o-transform:scaleY(.66);transform:scaleY(.66)}50%{-webkit-transform:scaleY(.33333);-moz-transform:scaleY(.33333);-o-transform:scaleY(.33333);transform:scaleY(.33333)}75%{-webkit-transform:scaleY(.66);-moz-transform:scaleY(.66);-o-transform:scaleY(.66);transform:scaleY(.66)}}@-webkit-keyframes steletonLoading-data-v-eaa9e02c{0%{background-position:100% 50%}to{background-position:0 50%}}@-moz-keyframes steletonLoading-data-v-eaa9e02c{0%{background-position:100% 50%}to{background-position:0 50%}}@-o-keyframes steletonLoading-data-v-eaa9e02c{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes steletonLoading-data-v-eaa9e02c{0%{background-position:100% 50%}to{background-position:0 50%}}.all-skill-page[data-v-eaa9e02c]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:895px;max-height:80vh}.all-skill-page .edit-wrap[data-v-eaa9e02c]{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:24px;margin-top:24px}.all-skill-page .edit-wrap h3[data-v-eaa9e02c]{line-height:28px;color:#222c43;font-size:20px;font-weight:600;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.all-skill-page .edit-wrap p[data-v-eaa9e02c]{line-height:28px;color:#8c94aa;font-size:14px;font-weight:400;display:inline-block;margin-left:8px}.all-skill-page .game-list-wrap[data-v-eaa9e02c]{margin-top:24px;padding:24px 24px;background:#fff;margin-bottom:38px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;min-height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.all-skill-page .game-list-wrap .game-list-scroll[data-v-eaa9e02c]{overflow-y:auto;overflow-x:hidden;margin-right:-20px;height:100%}.all-skill-page .game-list-wrap .category-nav[data-v-eaa9e02c]{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:48px;margin-left:-24px}.all-skill-page .game-list-wrap .category-nav li[data-v-eaa9e02c]{width:128px;font-size:20px;line-height:28px;color:#636d86;position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.all-skill-page .game-list-wrap .category-nav li.active[data-v-eaa9e02c]{font-weight:600;color:#222c43}.all-skill-page .game-list-wrap .category-nav li.active[data-v-eaa9e02c]:after{content:"";display:block;width:48px;height:6px;left:50%;bottom:-7px;position:absolute;background:#fed838;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;margin-left:-24px}.all-skill-page .game-wrap .title[data-v-eaa9e02c]{padding:8px 0;font-weight:600;font-size:20px;line-height:28px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:#636d86;margin-bottom:10px}.all-skill-page .game-wrap .game-list[data-v-eaa9e02c]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -13px}.all-skill-page .game-wrap .game-item[data-v-eaa9e02c]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative;margin:0 15px 12px;width:88px;height:140px;cursor:pointer;text-align:center}.all-skill-page .game-wrap .game-item .img[data-v-eaa9e02c]{position:relative;overflow:hidden;width:100%;height:0;padding-top:100%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.all-skill-page .game-wrap .game-item .img img[data-v-eaa9e02c]{position:absolute;left:50%;top:50%;width:100%;height:auto;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:-o-transform .2s;-moz-transition:transform .2s,-moz-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s,-o-transform .2s}.all-skill-page .game-wrap .game-item .name[data-v-eaa9e02c]{padding:8px 0;font-weight:500;font-size:16px;line-height:22px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#222c43}.all-skill-page .game-wrap .game-item:hover .img img[data-v-eaa9e02c]{-webkit-transform:translate(-50%,-50%) scale(1.14);-moz-transform:translate(-50%,-50%) scale(1.14);-ms-transform:translate(-50%,-50%) scale(1.14);-o-transform:translate(-50%,-50%) scale(1.14);transform:translate(-50%,-50%) scale(1.14)}.all-skill-page .game-wrap .game-item.active[data-v-eaa9e02c]{background:#fab93c}.all-skill-page .game-wrap .game-item.active .name[data-v-eaa9e02c]{color:#fff}.all-skill-page .game-wrap .game-item.active[data-v-eaa9e02c]:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;content:"";position:absolute;z-index:1;left:-2px;top:-2px;width:100%;height:100%;border:2px solid #fab93c;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.skill-title[data-v-eaa9e02c]{line-height:28px;font-size:20px;font-weight:600;color:#222c43}.my-skill-list[data-v-eaa9e02c]{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:12px}.my-skill-box[data-v-eaa9e02c]{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 16px;height:32px;margin:0 8px 8px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#636d86;font-size:14px;cursor:pointer;border:1px solid #dddfe6;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}.my-skill-box[data-v-eaa9e02c]:hover{background:#e8eaee}.my-skill-box .skill-remove-icon[data-v-eaa9e02c]{right:-5px;top:-5px;font-size:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.btn-edit[data-v-eaa9e02c]{background:none;color:#007aff;font-size:15px}.skill-add-icon[data-v-eaa9e02c],.skill-remove-icon[data-v-eaa9e02c]{position:absolute;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:16px;height:16px;right:0;top:0;-webkit-border-radius:0 6px 0 6px;-moz-border-radius:0 6px 0 6px;border-radius:0 6px 0 6px;font-size:12px;font-weight:700;color:#fff}.skill-remove-icon[data-v-eaa9e02c]{background:#636d86}.skill-add-icon[data-v-eaa9e02c]{background:#007aff}@media screen and (max-width:599px){.all-skill-page[data-v-eaa9e02c]{width:100%;height:80vh;margin-top:20vh!important}.all-skill-page .game-wrap .game-item[data-v-eaa9e02c]{width:-webkit-calc(33.3% - 8px);width:-moz-calc(33.3% - 8px);width:calc(33.3% - 8px)}}