.t_pre[data-v-56f97d0f]{white-space:pre!important}.yioks-flex-box[data-v-56f97d0f]{display:flex;width:100%}.yioks-flex-box.horizontal[data-v-56f97d0f]{flex-direction:row}.yioks-flex-box.column[data-v-56f97d0f]{flex-direction:column}.yioks-flex-box.wrap[data-v-56f97d0f]{flex-wrap:wrap}.yioks-flex-box .yioks-flex-item[data-v-56f97d0f]{flex:1}.yioks-flex-box .yioks-flex-item.half[data-v-56f97d0f]{flex:none;width:50%}.yioks-card[data-v-56f97d0f]{font-size:16px;box-sizing:border-box;padding:10px 15px}.yioks-card .yioks-card-title[data-v-56f97d0f]{font-size:20px;padding-bottom:6px;color:#4cd964;border-bottom:2px solid #ccc}.yioks-card .yioks-card-content[data-v-56f97d0f]{padding:10px 5px}.flex[data-v-56f97d0f]{display:flex}.mr10[data-v-56f97d0f]{margin-right:10px}.tutorialNav[data-v-56f97d0f]{flex:1 1 auto;position:relative;padding:0 20px 0 0;display:flex;justify-content:space-between;align-items:center;font-size:18px}.tutorialNav p[data-v-56f97d0f]{max-width:335px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorialNav .btns .btn[data-v-56f97d0f]{margin:0 0 0 10px;padding:6px 10px;background-color:red;cursor:pointer}.tutorialMain[data-v-56f97d0f]{width:890px;height:100%;padding:10px 0;background-color:rgba(0,0,0,.7)}.tutorialMain .contentWrap .content[data-v-56f97d0f]{padding:0 35px;font-size:16px}.tutorialMain .contentWrap .content .contentUp .detail[data-v-56f97d0f]{border-bottom:1px solid #fff}.tutorialMain .contentWrap .content .contentUp .detail .line[data-v-56f97d0f]{height:25px;margin:15px 0;display:flex;align-items:center}.tutorialMain .contentWrap .content .contentUp .detail .FIFA[data-v-56f97d0f]{margin:15px 0;display:flex;align-items:center;flex-wrap:wrap}.tutorialMain .contentWrap .content .contentUp .detail .detailDown p[data-v-56f97d0f],.tutorialMain .contentWrap .content .contentUp .detail .detailUp p[data-v-56f97d0f]{margin:0 25px 0 0}.tutorialMain .contentWrap .content .contentUp .detail .detailDown[data-v-56f97d0f] :last-child,.tutorialMain .contentWrap .content .contentUp .detail .detailUp[data-v-56f97d0f] :last-child{margin:0}.tutorialMain .contentWrap .content .contentUp .detail.self .detailDown[data-v-56f97d0f]{user-select:none}.tutorialMain .contentWrap .content .contentUp .detail.self .detailDown .iconWrap[data-v-56f97d0f]{margin:0 20px 0 0;display:flex;align-items:center;cursor:pointer}.tutorialMain .contentWrap .content .contentUp .detail.self .detailDown .type[data-v-56f97d0f]{height:100%;display:flex;align-items:center}.tutorialMain .contentWrap .content .contentUp .detail.self .detailDown .type select[data-v-56f97d0f]{height:100%;margin:0 0 0 10px;color:#000;font-size:14px}.tutorialMain .contentWrap .content .contentUp .detail.self .detailDown .sharing_status[data-v-56f97d0f]{margin-left:20px}.tutorialMain .contentWrap .content .contentUp .detail.other[data-v-56f97d0f]{padding:0 0 10px 0}.tutorialMain .contentWrap .content .contentUp .detail.other .otherWrap[data-v-56f97d0f]{display:flex;justify-content:space-between}.tutorialMain .contentWrap .content .contentUp .detail.other .otherWrap .right[data-v-56f97d0f]{max-width:275px;min-width:170px;display:flex;align-items:center}.tutorialMain .contentWrap .content .contentUp .detail.other .otherWrap .right img[data-v-56f97d0f]{width:90px;height:90px;margin:0 15px 0 0;border-radius:50%}.tutorialMain .contentWrap .content .contentUp .detail.other .otherWrap .right .info .name[data-v-56f97d0f]{font-size:16px;font-weight:bolder}.tutorialMain .contentWrap .content .contentUp .detail.other .otherWrap .right .info .type[data-v-56f97d0f]{font-size:16px}.tutorialMain .contentWrap .content .contentUp .desc[data-v-56f97d0f]{padding:15px 0 20px;line-height:30px;border-bottom:1px solid #fff}.tutorialMain .contentWrap .content .contentDown[data-v-56f97d0f]{padding:10px 0 0;display:flex}.tutorialMain .contentWrap .content .contentDown .left[data-v-56f97d0f]{width:75%;padding:0 20px 0 0}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .up[data-v-56f97d0f]{margin:0 0 10px 0;padding:0 5px 0 0;display:flex;justify-content:space-between;align-items:center}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .up .title[data-v-56f97d0f]{font-size:18px}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .up .time[data-v-56f97d0f]{flex:0 0 auto}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .down[data-v-56f97d0f]{position:relative;width:589px;height:343px}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .down .flash[data-v-56f97d0f]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .down .placeholder_img[data-v-56f97d0f]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashTipsImg[data-v-56f97d0f]{margin:3px 0 0}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashTipsImg a[data-v-56f97d0f]{display:block;height:29px}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashTipsImg img[data-v-56f97d0f]{height:100%}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashLines[data-v-56f97d0f]{padding:10px 6px 0 0;font-size:10px}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashLines .lines_key[data-v-56f97d0f]{margin-bottom:15px;padding:10px 0 5px 0;border:1px solid #386800;height:auto}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashLines .lines_key .col[data-v-56f97d0f]{width:33%;float:left;margin-bottom:5px}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashLines .lines_key .block[data-v-56f97d0f]{display:block}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashLines .lines_key .clear[data-v-56f97d0f]{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashLines .lines_key .line_container[data-v-56f97d0f]{float:left;width:80px;height:0;border-top:20px solid #fff;position:relative;margin-left:5px}.tutorialMain .contentWrap .content .contentDown .left .flashWrap .flashLines .lines_key .line_container img[data-v-56f97d0f]{display:block;background:none;float:left;margin-top:-20px}.tutorialMain .contentWrap .content .contentDown .left .detail[data-v-56f97d0f]{max-width:595px;margin:30px 0 0 0}.tutorialMain .contentWrap .content .contentDown .left .detail .nav[data-v-56f97d0f]{padding:0 0 15px 0;display:flex;align-items:center;font-size:18px;border-bottom:1px solid #fff;user-select:none}.tutorialMain .contentWrap .content .contentDown .left .detail .nav p[data-v-56f97d0f]{margin:0 50px 0 0;cursor:pointer}.tutorialMain .contentWrap .content .contentDown .left .detail .nav .active[data-v-56f97d0f]{color:#4cd964}.tutorialMain .contentWrap .content .contentDown .left .detail .intro[data-v-56f97d0f]{padding:20px 0;font-size:16px;line-height:30px;word-break:break-all}.tutorialMain .contentWrap .content .contentDown .left .detail .goal[data-v-56f97d0f]{padding:20px 0 0}.tutorialMain .contentWrap .content .contentDown .left .detail .goal .table[data-v-56f97d0f]{width:100%}.tutorialMain .contentWrap .content .contentDown .left .detail .goal .table .tr[data-v-56f97d0f]{width:100%;display:flex}.tutorialMain .contentWrap .content .contentDown .left .detail .goal .table .td[data-v-56f97d0f]:first-child{width:30%}.tutorialMain .contentWrap .content .contentDown .left .detail .goal .table .td[data-v-56f97d0f]:last-child{width:70%}.tutorialMain .contentWrap .content .contentDown .left .detail .goal .table .td[data-v-56f97d0f]{flex:1 1 auto;padding:0 0 0 20px;border:1px solid #fff}.tutorialMain .contentWrap .content .contentDown .left .detail .goal .table .td .wrap[data-v-56f97d0f]{height:50px;display:flex;align-items:center}.tutorialMain .contentWrap .content .contentDown .left .detail .goal .table .td .wrap img[data-v-56f97d0f]{margin:0 10px 0 0}.tutorialMain .contentWrap .content .contentDown .right[data-v-56f97d0f]{width:25%;padding:0 0 0 15px;border-left:1px solid #fff;user-select:none}.tutorialMain .contentWrap .content .contentDown .right p[data-v-56f97d0f]{width:100%;font-size:18px}.tutorialMain .contentWrap .content .contentDown .right .item[data-v-56f97d0f]{max-width:189px;height:40px;margin:10px 0;padding:0 0 0 10px;display:flex;align-items:center;cursor:pointer}.tutorialMain .contentWrap .content .contentDown .right .item span[data-v-56f97d0f]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorialMain .contentWrap .content .contentDown .right .active[data-v-56f97d0f]{background-color:#4cd964}.tag_tag{height:auto;white-space:normal}.out-buttons3d-box{margin-top:300px!important}