.ot-intro-section{padding:60px 0 72px;background:#fff}.ot-intro-section__inner{box-sizing:border-box;max-width:1180px;margin:0 auto}.ot-intro-section__hd{margin-bottom:32px;text-align:center}.ot-intro-section__title{font-weight:500;font-size:28px;color:#000;line-height:48px;margin:0}.ot-intro-section__desc{font-size:14px;color:#3d485d;line-height:20px;margin:12px 0 0}.ot-intro-section .ot-intro-tabs__img{display:block;width:720px;height:380px}.ot-intro-tabs{display:flex;justify-content:space-between}.ot-intro-tabs-list{flex:1;max-width:420px;margin:auto 0}.ot-intro-tabs.is-right .ot-intro-tabs-list{order:2}.ot-intro-tabs.is-right .ot-intro-tabs-main{order:1}.ot-intro-tabs-tab{padding-left:17px;position:relative;transition:color .25s ease-in-out;cursor:pointer}.ot-intro-tabs-tab__progress{display:block;position:absolute;left:0;bottom:0;z-index:1;width:2px;height:100%;background-color:#ebedf1;transition:all .25s ease-in-out}.ot-intro-tabs-tab__progress-value{width:2px;display:none}.ot-intro-tabs-tab:hover .ot-intro-tabs-tab__progress{background-color:#a2a6b1}.ot-intro-tabs-tab--actived .ot-intro-tabs-tab__progress{background-color:rgba(0,82,217,.25)}.ot-intro-tabs-tab--actived .ot-intro-tabs-tab__progress-value{width:2px;background:#0052d9;display:block}.ot-intro-tabs-tab--actived:hover .ot-intro-tabs-tab__progress{background-color:rgba(0,82,217,.25)}.ot-intro-tabs-tab+.ot-intro-tabs-tab{margin-top:36px}.ot-intro-tabs-tab__label{font-weight:500;font-size:16px;line-height:24px;color:#000;margin:0;display:flex;align-items:center;flex-wrap:wrap}.ot-intro-tabs-tab__desc{font-size:14px;line-height:22px;color:#495770;margin:8px 0 0}.ot-intro-tabs-main{flex:0 0 720px;width:720px}.ot-intro-tabs-pane{width:720px;height:380px;box-shadow:8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px rgba(209,218,234,.2);border-radius:6px}.ot-intro-tabs-pane img{width:720px;height:380px;display:block;border-radius:6px}.ot-intro-tabs-pane video{width:720px;height:380px;display:block;border-radius:6px}.ot-intro-tag{background:#d4e4ff;border-radius:12px;padding:0 8px;font-size:12px;line-height:24px;height:24px;color:#495770;margin-left:8px}.ot-intro-compare{display:flex}.ot-intro-compare__left{width:50%;box-sizing:border-box;padding:40px 60px 40px 32px;background:linear-gradient(180deg, #EBEEF2 2.79%, #F5F7FA 41.38%);opacity:.98;outline:2px solid #fff;box-shadow:8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff}.ot-intro-compare__right{width:50%;box-sizing:border-box;padding:40px 60px 40px 32px;background:linear-gradient(182.99deg, #F3F5F8 -0.08%, #FFFFFF 84.82%);outline:2px solid #fff;box-shadow:4px 8px 20px rgba(55,99,170,.1);position:relative;margin-left:-2px}.ot-intro-compare__right::before{position:absolute;content:"";right:0;bottom:0;width:170px;height:202px;background:rgba(0,0,0,0) url("https://cloudcache.tencentcs.cn/qcloud/ui/orca-term-intro/src/containers/intro/img/compare-bg.svg") no-repeat center;background-size:cover;opacity:.15}.ot-intro-compare__right .ot-intro-compare__item{padding-left:28px;position:relative}.ot-intro-compare__right .ot-intro-compare__item::after{position:absolute;left:0;top:3px;content:"";width:16px;height:17px;background:rgba(0,0,0,0) url("https://cloudcache.tencentcs.cn/qcloud/ui/orca-term-intro/src/containers/intro/img/check.svg") no-repeat center;background-size:cover}.ot-intro-compare__title{font-weight:600;font-size:24px;line-height:32px;color:rgba(0,0,0,.9);margin:0 0 40px}.ot-intro-compare__item-label{font-weight:500;font-size:16px;line-height:24px;color:#000;margin:0}.ot-intro-compare__item-value{font-size:14px;line-height:22px;color:#4a5b76;margin:8px 0 0 0}.ot-intro-compare__item+.ot-intro-compare__item{margin:24px 0 0}@media screen and (max-width: 1179px){.ot-intro-tabs.is-left .ot-intro-tabs-main{margin-left:16px}.ot-intro-tabs-main{flex:0 0 61%;order:0;width:100%;display:flex;align-items:center;margin:0 16px 0 0}.ot-intro-tabs-pane{width:100%;height:auto}.ot-intro-tabs-pane video{width:100%;height:auto}}@media screen and (max-width: 768px){.ot-intro-section{padding:32px 16px;margin-left:-16px;margin-right:-16px;background:#fff !important}.ot-intro-section__title{font-size:20px;color:#000;line-height:28px}.ot-intro-section__hd{margin-bottom:20px}.ot-intro-section:last-child{margin-bottom:-32px}.ot-intro-section+.ot-intro-section{margin-top:16px;position:relative}.ot-intro-section+.ot-intro-section::before{display:block;content:"";position:absolute;top:-16px;left:0;right:0;width:100%;height:16px;background:#f3f5f8;box-shadow:inset 0 2px 5px 0 #c6ccd7}.ot-intro-tabs{flex-direction:column}.ot-intro-tabs.is-left .ot-intro-tabs-main{margin-left:0}.ot-intro-tabs-list{order:1}.ot-intro-tabs-main{flex:auto;order:0;width:100%;margin:0 0 24px}.ot-intro-tabs-pane{width:100%;height:auto}.ot-intro-tabs-pane video{width:100%;height:auto}.ot-intro-tabs-list{max-width:100%}.ot-intro-tabs .ot-intro-tabs-tab+.ot-intro-tabs-tab{margin-top:20px}.ot-intro-compare{flex-direction:column}.ot-intro-compare__left{width:100%;padding:20px;border-radius:4px}.ot-intro-compare__right{width:100%;margin-left:0;padding:20px;margin-top:16px;border-radius:4px}.ot-intro-compare__right .ot-intro-compare__item::after{top:2px}.ot-intro-compare__title{font-size:16px;line-height:24px;margin-bottom:12px}.ot-intro-compare .ot-intro-compare__item+.ot-intro-compare__item{margin-top:16px}.ot-intro-compare__item-label{font-size:14px;line-height:22px;font-weight:400}.ot-intro-compare__item-value{font-size:14px;line-height:22px}}