.tutorial-main[data-v-7a3b0b68]{margin:0 auto;height:100%;overflow:auto}.tutorial-content[data-v-7a3b0b68]{max-width:1200px;margin:0 auto;padding-bottom:100px;display:-webkit-box;display:-ms-flexbox;display:flex}.tutorial-menu[data-v-7a3b0b68]{width:300px}.menu-box[data-v-7a3b0b68]{width:300px;height:600px;background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAgICAgICAgICAgMCAgICAwMDAwMDAwMEAwMDAwMDBAQFBQUFBQQGBgYGBgYICAgICAgICAgICAgICAj/2wBDAQICAgMDAwYEBAYIBwYHCAkJCQkJCQkICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAj/wAARCAJqAAoDAREAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAIBAwn/xAAXEAEBAQEAAAAAAAAAAAAAAAAAEQES/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAIBAwQF/8QAGBEBAQEBAQAAAAAAAAAAAAAAABESIQH/2gAMAwEAAhEDEQA/APbh9B5wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHROgNAQCAoAWADXMAAAdAAGwCAwAWADQAAAXMAmA0AAAGzRpNBYwAAARVwKQYUCrWgBrNKyGjIlQAJ0BpsCECLFAAAAm+gX10FAAAAALmIoTCjWwCAoAAAW5gDQAAAFZAyOiQAAAAAAB0AAAAABs0VwmhxYkAAARVwKRsYUgVbogATpWQ0ZEqAVyJ0chpQZAyCgAAFQZ0gdUNAAAf//Z);border-radius:15px;padding:20px}.menu-divider[data-v-7a3b0b68]{width:100%;border-bottom:1px dashed #dcdfe6}.menu-header[data-v-7a3b0b68]{border-left:5px solid #ffbb01;font-size:18px;font-weight:800;margin-bottom:10px;padding-left:10px}.menu-items[data-v-7a3b0b68]{cursor:pointer;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:16px;height:30px;line-height:30px;margin-bottom:15px}.menu-items[data-v-7a3b0b68] :hover{font-weight:700}.tutorial-list[data-v-7a3b0b68]{width:100%;margin-left:15px;position:relative}.tutorial-quest-box[data-v-7a3b0b68]{border-radius:10px;padding:30px 30px 30px 30px;margin-bottom:25px;background:#d2eeff}.tutorial-quest[data-v-7a3b0b68]{display:-webkit-box;display:-ms-flexbox;display:flex}.quest-list[data-v-7a3b0b68] :hover{-webkit-transform:translate(5px);transform:translate(5px);-webkit-transition:all .2s ease;transition:all .2s ease}.quest-list-item[data-v-7a3b0b68]{cursor:pointer;padding:10px}.quest-list-item span[data-v-7a3b0b68]{margin:10px;font-size:18px}.pagination[data-v-7a3b0b68]{height:33px;position:absolute;text-align:center;bottom:0;left:0;right:0;margin:0 auto;margin-bottom:-40px}.active[data-v-7a3b0b68]{font-weight:800}.active i[data-v-7a3b0b68]{transform:translateX(250px);-webkit-transform:translateX(250px);-moz-transform:translateX(250px)}.detail-header[data-v-7a3b0b68]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0 10px 0}.detail-tips[data-v-7a3b0b68]{font-size:22px;font-weight:700}.returnBack[data-v-7a3b0b68]{right:0}.returnBackBtn[data-v-7a3b0b68]{border:1px solid #ddd;border-radius:20px}.detail-divider[data-v-7a3b0b68]{border-bottom:1px solid #dcdfe6}.detail-box[data-v-7a3b0b68]{padding-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.detail-title[data-v-7a3b0b68]{font-size:30px;font-weight:800;text-align:left;margin-bottom:20px;margin-top:20px}.detail-date[data-v-7a3b0b68]{margin-bottom:20px}