.banner[data-v-688fcf11]{background-repeat:no-repeat;background-size:100% 100%;box-sizing:border-box;width:100%}.banner .banner-container[data-v-688fcf11]{height:100%;margin:0 auto;max-width:1200px}.banner .content-section[data-v-688fcf11]{display:flex;flex:1;flex-direction:column;justify-content:center;padding:60px 0}.banner .content-section .main-content[data-v-688fcf11]{margin-bottom:40px}.banner .content-section .main-content .main-title[data-v-688fcf11]{color:#000001;font-size:40px;font-weight:700;margin-bottom:20px;margin-top:100px}.banner .content-section .main-content .description[data-v-688fcf11]{color:#676c73;font-size:18px;line-height:1.6;margin-bottom:30px}.banner .content-section .main-content .trial-btn[data-v-688fcf11]{background:linear-gradient(90deg,#5d9bff,#2a6cff);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 48px;transition:all .3s ease}.banner .content-section .main-content .trial-btn[data-v-688fcf11]:hover{transform:translateY(-2px)}.banner .content-section .search-section .search-box[data-v-688fcf11]{align-items:center;background:#f8f9fa;border-radius:25px;box-sizing:border-box;display:flex;max-width:930px;padding:12px 20px}.banner .content-section .search-section .search-box .search-icon[data-v-688fcf11]{color:#999;width:20px}[data-v-688fcf11] .el-input{font-size:15px;height:100%;margin-left:12px;width:92%}[data-v-688fcf11] .el-input__wrapper{background-color:transparent;box-shadow:none!important;padding:0}[data-v-688fcf11] .el-icon{align-items:center;display:flex;font-size:22px}@media screen and (max-width:1279px){.banner[data-v-688fcf11]{background-position:top;background-size:cover}.banner .content-section[data-v-688fcf11]{padding:32px 16px 40px}.banner .content-section .main-content[data-v-688fcf11]{margin-bottom:24px}.banner .content-section .main-content .main-title[data-v-688fcf11]{font-size:28px;margin-bottom:12px;margin-top:48px}.banner .content-section .main-content .description[data-v-688fcf11]{font-size:15px;margin-bottom:20px}.banner .content-section .main-content .trial-btn[data-v-688fcf11]{font-size:15px;padding:10px 36px}.banner .content-section .search-section .search-box[data-v-688fcf11]{max-width:100%;padding:10px 16px}}@media screen and (max-width:768px){.banner .content-section[data-v-688fcf11]{padding:24px 12px 32px}.banner .content-section .main-content .main-title[data-v-688fcf11]{font-size:22px;margin-top:24px}.banner .content-section .main-content .description[data-v-688fcf11]{font-size:14px;line-height:1.55}.banner .content-section .main-content .description br[data-v-688fcf11]{display:none}.banner .content-section .main-content .trial-btn[data-v-688fcf11]{max-width:280px;padding:12px 24px;width:100%}[data-v-688fcf11] .el-input{font-size:14px;width:88%}}@media screen and (max-width:480px){.banner .content-section .main-content .main-title[data-v-688fcf11]{font-size:20px}}.study-two[data-v-e254e67d]{background:#f2f3f4;padding:20px 0 100px}.study-two .tab[data-v-e254e67d]{background:#fff;border-radius:0;height:52px;margin:0 auto}.study-two .tab[data-v-e254e67d],.study-two .video-con[data-v-e254e67d]{padding:0 20px;width:calc(100% - 40px)}.study-two .video-con[data-v-e254e67d]{display:grid;gap:25px;grid-template-columns:repeat(5,1fr);margin:25px auto 0}.study-two .video-con .video-item[data-v-e254e67d]{border-radius:10px;justify-self:center;max-width:356px;overflow:hidden;transition:all .3s;width:100%}.study-two .video-con .video-item .video-box[data-v-e254e67d]{aspect-ratio:16/9;background:#e8eaed;max-width:356px;overflow:hidden;position:relative;width:100%}.study-two .video-con .video-item .video-box .main[data-v-e254e67d]{inset:0;position:absolute}.study-two .video-con .video-item .video-box .main img[data-v-e254e67d]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.study-two .video-con .video-item .video-box .main .full_screen[data-v-e254e67d]{height:20px;position:absolute;right:10px;top:10px;width:20px;z-index:9}.study-two .video-con .video-item .video-box .main .mock[data-v-e254e67d]{background:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}.study-two .video-con .video-item .video-box .main .video-stats[data-v-e254e67d]{align-items:end;background:linear-gradient(0deg,#0009,#c7c7c700 72%);bottom:0;box-sizing:border-box;color:#fff;display:flex;font-size:12px;gap:17px;height:50px;padding:10px 14px;position:absolute;width:100%}.study-two .video-con .video-item .video-box .main .video-stats .stat-item[data-v-e254e67d]{align-items:center;display:flex;font-family:OPPOSans;font-weight:500;gap:6px}.study-two .video-con .video-item .video-box .main .video-stats .stat-item .el-icon[data-v-e254e67d]{font-size:15px}.study-two .video-con .video-item .video-box .main .play-icon[data-v-e254e67d]{background-image:url(https://piweb-1318215736.cos.ap-shanghai.myqcloud.com/cimpro/toolbar/video-player.png);background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;height:45px;left:50%;margin-left:-22px;margin-top:-22px;position:absolute;top:50%;width:45px;z-index:9}.study-two .video-con .video-item .video-box .main .stop[data-v-e254e67d]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:9}.study-two .video-con .video-item .video-info[data-v-e254e67d]{background:#fff;padding:8px 16px}.study-two .video-con .video-item .video-info .video-name[data-v-e254e67d]{color:#3a416f;font-size:14px;font-weight:400;line-height:23px;margin-bottom:8px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.study-two .video-con .video-item .video-info .video-tags[data-v-e254e67d]{align-items:center;display:flex;height:25px;overflow:hidden}.study-two .video-con .video-item .video-info .video-tags .tag-item[data-v-e254e67d]{color:#1890ff;font-size:13px;line-height:20px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-two .video-con .video-item .video-info .video-tags .tag-separator[data-v-e254e67d]{background:#2684ff;display:inline-block;height:10px;margin:0 11px;opacity:.4;width:1px}.study-two .video-con .video-item[data-v-e254e67d]:hover{transform:scale(1.05);transition:all .3s}.study-two .pagination[data-v-e254e67d]{align-items:center;display:flex;justify-content:center;margin-top:50px}[data-v-e254e67d] .el-tabs__nav-wrap:after{display:none}[data-v-e254e67d] .el-tabs__header{bottom:-13px;left:0}@media screen and (max-width:1400px){.study-two .video-con[data-v-e254e67d]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1279px){.study-two[data-v-e254e67d]{padding:16px 0 64px}.study-two .tab[data-v-e254e67d]{height:auto;min-height:48px;padding:0 12px;width:100%}.study-two .video-con[data-v-e254e67d]{gap:16px;grid-template-columns:repeat(3,1fr);margin-top:16px;padding:0 12px;width:100%}[data-v-e254e67d] .el-tabs__nav-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}[data-v-e254e67d] .el-tabs__nav-wrap::-webkit-scrollbar{height:4px}[data-v-e254e67d] .el-tabs__nav{flex-wrap:nowrap;white-space:nowrap}[data-v-e254e67d] .el-tabs__item{flex-shrink:0}}@media screen and (max-width:768px){.study-two[data-v-e254e67d]{padding:12px 0 48px}.study-two .video-con[data-v-e254e67d]{gap:12px;grid-template-columns:repeat(2,1fr)}.study-two .video-con .video-item[data-v-e254e67d],.study-two .video-con .video-item .video-box[data-v-e254e67d]{max-width:none}.study-two .video-con .video-item .video-info[data-v-e254e67d]{padding:8px 10px}.study-two .video-con .video-item .video-info .video-name[data-v-e254e67d]{display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.4;white-space:normal;-webkit-box-orient:vertical;overflow:hidden}.study-two .video-con .video-item .video-info .video-tags[data-v-e254e67d]{flex-wrap:wrap;gap:4px 0;height:auto;min-height:22px}.study-two .video-con .video-item .video-info .video-tags .tag-item[data-v-e254e67d]{font-size:12px;max-width:none}.study-two .video-con .video-item .video-info .video-tags .tag-separator[data-v-e254e67d]{margin:0 6px}.study-two .video-con .video-item[data-v-e254e67d]:hover{transform:none}.study-two .pagination[data-v-e254e67d]{margin-top:32px;padding:0 8px}.study-two .pagination[data-v-e254e67d] .el-pagination{flex-wrap:wrap;justify-content:center;row-gap:8px}.study-two .pagination[data-v-e254e67d] .el-pager li{font-size:13px;height:28px;line-height:28px;min-width:28px}.study-two .pagination[data-v-e254e67d] .btn-next,.study-two .pagination[data-v-e254e67d] .btn-prev{height:28px;line-height:28px;min-width:28px}}@media screen and (max-width:480px){.study-two .video-con[data-v-e254e67d]{gap:16px;grid-template-columns:1fr}}