.video[data-v-5de84520]{width:960px;height:540px;margin:auto}@media(max-width:768px){.video[data-v-5de84520]{width:100%;height:18rem;margin:auto}}.video-wrap .show-image[data-v-5de84520]{position:relative}.video-wrap .show-image .bg[data-v-5de84520]{-webkit-box-shadow:0 6px 20px #ccc;box-shadow:0 6px 20px #ccc}.video-wrap .show-image img[data-v-5de84520]{width:980px;margin:auto!important;display:block}.video-wrap .show-image .play-btn[data-v-5de84520]{height:20%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto!important;cursor:pointer}.video-wrap[data-v-5de84520] .section-header h2,.video-wrap[data-v-5de84520] .section-header p{text-align:left}.trial-button-container .trial-button-trigger[data-v-6cd6a853]{position:fixed;right:0;bottom:50%;z-index:999;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trial-button-container .trial-button-trigger .trigger-card[data-v-6cd6a853]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;border-top-left-radius:30px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:30px;background:#000;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.trial-button-container .trial-button-trigger .trigger-card[data-v-6cd6a853]:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.trial-button-container .trial-button-trigger .trigger-card h2[data-v-6cd6a853]{margin:0;padding:0;color:#fff;font-size:18px;font-weight:400}.tutorials-container[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:100px 0 150px}.tutorials-container .header[data-v-07e0d412]{margin-bottom:30px}.tutorials-container .header .info-container[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tutorials-container .header .info-container .title[data-v-07e0d412]{font-family:AlibabaPuHuiTi-ExtraBold;color:#231815;font-size:40px;font-weight:800;margin-bottom:35px;-webkit-transform:skew(353deg);transform:skew(353deg)}.tutorials-container .header .info-container .title .highlight[data-v-07e0d412]{color:#ee245d}.tutorials-container .header .info-container .info-card[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #000;border-radius:30px;padding:15px}.tutorials-container .header .info-container .info-card .info-card-header h4[data-v-07e0d412]{color:#000;font-weight:600;margin:0 0 8px 0}.tutorials-container .header .info-container .info-card .info-card-header p[data-v-07e0d412]{color:#000;margin:0}.tutorials-container .header .info-container .info-card .info-card-footer[data-v-07e0d412]{margin-top:10px}.tutorials-container .header .info-container .info-card .info-card-footer h5[data-v-07e0d412]{color:#000;margin:0;font-weight:600}.tutorials-container .header .info-container .info-card .info-card-footer ul[data-v-07e0d412]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:decimal;padding:10px 15px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;color:#000}.tutorials-container .header .info-container .info-card .info-card-footer ul li[data-v-07e0d412]{min-width:100px;font-size:16px;font-weight:500;color:#000;margin-right:20px;padding:2px}.tutorials-container .header .video-container .video-item[data-v-07e0d412]{width:100%;height:100%;margin:auto}.tutorials-container .header .video-container .video-item[data-v-07e0d412] .video{height:360px;margin:auto;width:100%}.tutorials-container .tab-container[data-v-07e0d412]{margin:20px 0;border-bottom:1px solid #000;display:inline-block;line-height:1.3}.tutorials-container .card-list[data-v-07e0d412]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tutorials-container .card-list .col[data-v-07e0d412]{margin-bottom:25px}.tutorials-container .card-list .card[data-v-07e0d412]{border:1px solid #000;border-radius:10px;padding:15px}.tutorials-container .card-list .card .card-wrap[data-v-07e0d412],.tutorials-container .card-list .card[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.tutorials-container .card-list .card .card-wrap[data-v-07e0d412]{width:100%}.tutorials-container .card-list .card .card-wrap .card-banner[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex}.tutorials-container .card-list .card .card-wrap .card-banner img[data-v-07e0d412]{width:204px;height:90px}.tutorials-container .card-list .card .card-wrap .card-detail[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:20px;width:100%}.tutorials-container .card-list .card .card-wrap .card-detail .card-title[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;font-size:16px;font-weight:600;color:#000}.tutorials-container .card-list .card .card-wrap .card-detail .card-description[data-v-07e0d412]{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}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .card-meta[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:grey;font-size:12px}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .card-meta .duration[data-v-07e0d412],.tutorials-container .card-list .card .card-wrap .card-detail .card-description .card-meta .time[data-v-07e0d412],.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation[data-v-07e0d412]{display:-webkit-box;display:-ms-flexbox;display:flex}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation .more-button[data-v-07e0d412]{text-align:center;color:#fff;background:#000;font-size:14px;border-radius:30px;padding:6px 34px;cursor:pointer;font-weight:500;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:2px solid #000;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation .more-button[data-v-07e0d412]:hover{background:#fff;border:2px solid #000;color:#000}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation .more-button:hover a[data-v-07e0d412]{color:#000}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation .more-button a[data-v-07e0d412]{color:#fff}.video-modal[data-v-c1c2b7e2]{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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.video-modal[data-v-c1c2b7e2] .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:#fff;position:absolute;width:100%;bottom:1.5em;max-height:15em;border:1px solid #000;border-radius:6px}.video-modal[data-v-c1c2b7e2] .custom-skin{width:778px}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js{width:100%;font-family:\ AlibabaPuHuiTi,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",sans-serif}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-menu-button-inline.vjs-slider-active,.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-menu-button-inline:focus,.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-menu-button-inline:hover,.video-modal[data-v-c1c2b7e2] .video-js.vjs-no-flex .vjs-menu-button-inline{width:10em}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-controls-disabled .vjs-big-play-button{display:none!important}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control{width:3em}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control.vjs-live-control{width:auto;padding-left:.5em;letter-spacing:.1em}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-menu-button-inline:before{width:1.5em}.video-modal[data-v-c1c2b7e2] .vjs-menu-button-inline .vjs-menu{left:3em}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-load-progress div,.video-modal[data-v-c1c2b7e2] .vjs-seeking .vjs-big-play-button,.video-modal[data-v-c1c2b7e2] .vjs-waiting .vjs-big-play-button{display:none!important}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-load-progress{background:rgba(0,0,0,.1);border-radius:2px}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-mouse-display:after,.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-play-progress:after{padding:0 .4em .3em}.video-modal[data-v-c1c2b7e2] .video-js.vjs-ended .vjs-loading-spinner{display:none}.video-modal[data-v-c1c2b7e2] .video-js.vjs-ended .vjs-big-play-button{display:block!important}.video-modal[data-v-c1c2b7e2] .video-js.vjs-ended .vjs-big-play-button,.video-modal[data-v-c1c2b7e2] .video-js.vjs-paused .vjs-big-play-button,.video-modal[data-v-c1c2b7e2] .vjs-paused.vjs-has-started.custom-skin>.video-js .vjs-big-play-button{display:block}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-big-play-button{top:50%;left:50%;margin-left:-1.5em;margin-top:-1em;background-color:rgba(0,0,0,.45);font-size:3.5em;height:2em!important;line-height:2em!important;margin-top:-1em!important}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-big-play-button:active,.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-big-play-button:focus,.video-modal[data-v-c1c2b7e2] .video-js:hover .vjs-big-play-button{background-color:rgba(0,0,0,.9)}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-loading-spinner{border-color:rgba(36,131,213,.8)}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar2{background-color:#000}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar{color:#000;font-size:14px;background-color:#fff;border:1px solid #000;border-radius:4px;bottom:10px}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-play-progress,.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-volume-level{background-color:#000}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-play-progress:before{top:-.3em}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.3em}.video-modal[data-v-c1c2b7e2] .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:0}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-menu li{padding:0;line-height:2em;font-size:1.1em;font-family:AlibabaPuHuiTi,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",sans-serif}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-mouse-display:after,.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-play-progress:after,.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-time-tooltip{border-radius:0;font-size:1em;padding:0;width:3em;height:1.5em;line-height:1.5em;top:-3em}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-menu-button-popup .vjs-menu{width:5em;left:-1em}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu{left:0}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar .vjs-play-control{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar .vjs-time-control{min-width:1em;padding:0;margin:0 .1em;text-align:center;display:block;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value{font-size:1.2em;line-height:2.4}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-progress-control.vjs-control{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar .vjs-volume-menu-button{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar .vjs-resolution-button{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar .vjs-resolution-button .vjs-resolution-button-label{display:block;line-height:3em}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar .vjs-playback-rate{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.video-modal[data-v-c1c2b7e2] .custom-skin>.video-js .vjs-control-bar .vjs-fullscreen-control{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.tutorials-container[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:80px 0 80px}.tutorials-container .header[data-v-40a93e45]{margin-bottom:15px}.tutorials-container .header .info-container[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tutorials-container .header .info-container .title[data-v-40a93e45]{font-family:AlibabaPuHuiTi-ExtraBold;text-align:left;font-size:2.8rem;color:#231815;-webkit-transform:skew(353deg);transform:skew(353deg);margin-bottom:20px}.tutorials-container .header .info-container .title .highlight[data-v-40a93e45]{color:#fd2968}.tutorials-container .header .info-container .info-card[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #000;border-radius:30px;padding:15px;margin-top:10px}.tutorials-container .header .info-container .info-card .info-card-header h4[data-v-40a93e45]{color:#231815;font-size:16px;font-family:AlibabaPuHuiTi-Medium;margin:0 0 8px 0}.tutorials-container .header .info-container .info-card .info-card-header p[data-v-40a93e45]{color:#231815;margin:0}.tutorials-container .header .info-container .info-card .info-card-footer[data-v-40a93e45]{margin-top:10px}.tutorials-container .header .info-container .info-card .info-card-footer h5[data-v-40a93e45]{font-size:14px;color:#231815;margin:0;font-family:AlibabaPuHuiTi-Medium}.tutorials-container .header .info-container .info-card .info-card-footer ul[data-v-40a93e45]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:decimal;padding:10px 15px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;color:#231815}.tutorials-container .header .info-container .info-card .info-card-footer ul li[data-v-40a93e45]{min-width:100px;font-size:14px;font-weight:500;color:#231815;margin-right:20px;padding:2px}.tutorials-container .header .video-container .video-item[data-v-40a93e45]{width:100%;height:100%;margin:auto}.tutorials-container .header .video-container .video-item[data-v-40a93e45] .video{height:360px;margin:auto;width:100%}.tutorials-container .tab-container[data-v-40a93e45]{margin:10px 0;border-bottom:1px solid #000;display:inline-block;line-height:1.3}.tutorials-container .tab-container h5[data-v-40a93e45]{font-size:14px}.tutorials-container .card-list[data-v-40a93e45]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tutorials-container .card-list .col[data-v-40a93e45]{margin-bottom:15px}.tutorials-container .card-list .card[data-v-40a93e45]{border:1px solid #000;border-radius:10px;padding:15px}.tutorials-container .card-list .card .card-wrap[data-v-40a93e45],.tutorials-container .card-list .card[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.tutorials-container .card-list .card .card-wrap[data-v-40a93e45]{width:100%}.tutorials-container .card-list .card .card-wrap .card-banner[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex}.tutorials-container .card-list .card .card-wrap .card-banner img[data-v-40a93e45]{width:204px;height:90px;-o-object-fit:contain;object-fit:contain}.tutorials-container .card-list .card .card-wrap .card-detail[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:20px;width:100%}.tutorials-container .card-list .card .card-wrap .card-detail .card-title[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:0;font-family:AlibabaPuHuiTi-Medium;font-size:16px;color:#231815}.tutorials-container .card-list .card .card-wrap .card-detail .card-description[data-v-40a93e45]{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}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .card-meta[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:grey;font-size:12px}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .card-meta .duration[data-v-40a93e45],.tutorials-container .card-list .card .card-wrap .card-detail .card-description .card-meta .time[data-v-40a93e45],.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation[data-v-40a93e45]{display:-webkit-box;display:-ms-flexbox;display:flex}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation .more-button[data-v-40a93e45]{text-align:center;color:#fff;background:#000;font-size:14px;border-radius:30px;padding:6px 34px;cursor:pointer;font-weight:500;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:2px solid #000;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation .more-button[data-v-40a93e45]:hover{background:#fff;border:2px solid #000;color:#231815}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation .more-button:hover a[data-v-40a93e45]{color:#231815}.tutorials-container .card-list .card .card-wrap .card-detail .card-description .operation .more-button a[data-v-40a93e45]{color:#fff}.page-content[data-v-673a31c0]{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}