.use-tutorial[data-v-0228cfc5]{padding:0}.use-tutorial .tab[data-v-0228cfc5]{padding:24px;border-bottom:1px solid #e6e6e6}.use-tutorial .tab .tab-pane[data-v-0228cfc5]{display:inline-block;width:112px;height:40px;text-align:center;line-height:40px;border-radius:4px;background-color:#f0f0f0;cursor:pointer}.use-tutorial .tab .tab-pane[data-v-0228cfc5]:not(:last-child){margin-right:8px}.use-tutorial .tab .selected[data-v-0228cfc5]{color:#fff;background-color:#3c9feb}.use-tutorial .content[data-v-0228cfc5]{margin:24px 28px;margin-right:0}.use-tutorial .content .box[data-v-0228cfc5]{display:inline-block;margin:0 28px 20px 0;width:260px;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 0 13px 0 hsla(0,0%,55.3%,.31);box-shadow:0 0 13px 0 hsla(0,0%,55.3%,.31);overflow:hidden}.use-tutorial .content .box:hover .image img[data-v-0228cfc5]{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;-webkit-transform:scale(1.1);transform:scale(1.1)}.use-tutorial .content .box .image[data-v-0228cfc5]{position:relative;width:100%;height:145px;color:#fff;overflow:hidden;cursor:pointer}.use-tutorial .content .box .image .mask[data-v-0228cfc5]{position:absolute;z-index:9;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.use-tutorial .content .box .image img[data-v-0228cfc5]{width:100%}.use-tutorial .content .box .image .play[data-v-0228cfc5]{position:absolute;top:50%;left:50%;z-index:10;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.use-tutorial .content .box .image span[data-v-0228cfc5]{position:absolute;right:10px;bottom:10px;z-index:11}.use-tutorial .content .box .intro[data-v-0228cfc5]{padding:11px;cursor:default}.use-tutorial .content .box .intro .title[data-v-0228cfc5]{margin-bottom:11px;font-size:14px;color:#000;font-family:Microsoft Yahei;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.use-tutorial .content .box .intro .foot[data-v-0228cfc5]{font-size:12px;color:#999}.use-tutorial .content .box .intro .foot span[data-v-0228cfc5]{display:inline-block}.use-tutorial .content .box .intro .foot span[data-v-0228cfc5]:first-child{width:45%}.use-tutorial .content .box .intro .foot span[data-v-0228cfc5]:last-child{width:54%;text-align:right}