body{background-color:#f2f2f2}[v-cloak]{display:none}.effect-banner{position:relative}.effect-banner::after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:url(../images/web3.0/doc-effect/banner-bg.jpg) no-repeat center;background-size:cover;z-index:-1}.effect-banner .banner-txt{padding:130px 0 170px}.effect-banner .banner-title{font-size:36px;color:#fff;margin-bottom:50px}.effect-banner .banner-btn-group .g-btn{margin-right:40px}.effect-typical-tab{margin:30px auto 0;font-size:0}.effect-typical-tab .e-tab-item{position:relative;display:inline-block;padding:68px 0 65px 210px;width:49%;color:#fff;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(../images/web3.0/doc-effect/live-bg.png);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;cursor:pointer;opacity:.7}.effect-typical-tab .e-tab-item.active{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-filter:0;filter:0;opacity:1}.effect-typical-tab .e-tab-item.active::before{position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);content:"";width:0;border:15px solid;border-color:#223996 transparent transparent transparent}.effect-typical-tab .e-tab-item::after{position:absolute;content:"";width:180px;height:100%;top:0;left:15px;background:url(../images/web3.0/doc-effect/live-img.png) no-repeat center;background-size:cover}.effect-typical-tab .e-tab-item+.e-tab-item{margin-left:2%;background-image:url(../images/web3.0/doc-effect/vod-bg.png)}.effect-typical-tab .e-tab-item+.e-tab-item::after{background:url(../images/web3.0/doc-effect/vod-img.png) no-repeat center}.effect-typical-tab .e-tab-item h3{font-weight:400;margin-bottom:20px}.effect-typical-tab .e-tab-item p{font-size:16px}.new-function-wrap{padding:100px 0 40px}.new-function-wrap dl{display:none}.new-function-wrap dl dt{display:inline-block;color:#63676a;font-weight:600;font-size:16px;padding-left:30px;line-height:32px;background:url(../images/web3.0/doc-effect/icon-hot.svg) no-repeat left center;background-size:26px 26px}.new-function-wrap dl dd{display:inline-block}.new-function-wrap dl dd+dd{margin-left:16px}.new-function-wrap dl dd a{display:block;font-size:14px;padding:6px 10px;color:#fff;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#59a3fa}.new-function-wrap dl dd a:hover{background-color:#438fe7}.new-function-wrap dl dd.is-green a{background-color:#00cc6c}.new-function-wrap dl dd.is-green a:hover{background-color:#01bf65}.effect-typical-lists{padding-top:60px}.effect-typical-lists .render-list{min-height:600px}.effect-typical-lists .e-list-item{width:100%;margin:0 auto}.effect-typical-lists .e-list-item+.e-list-item{margin-top:20px}.effect-typical-lists .e-list-item:nth-child(2n+1) a>img{background-color:#59a3fa}.effect-typical-lists .e-list-item:nth-child(2n) a>img{background-color:#00cc6c}.effect-typical-lists .e-list-title{position:relative;margin-bottom:30px}.effect-typical-lists .e-list-title::after{position:absolute;content:"";top:10px;left:10%;width:90%;height:1px;background-color:#e7e7e7;z-index:-1}.effect-typical-lists .e-list-title span{font-size:16px;color:#63676a}.effect-typical-lists .e-list-content{position:relative;float:left;width:23.5%;height:100px;border:solid 1px #e7ebf1;border-radius:3px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;margin-bottom:20px;overflow:hidden}.effect-typical-lists .e-list-content+.e-list-content{margin-left:2%}.effect-typical-lists .e-list-content .icon-new{position:absolute;right:0;top:0;font-size:0;width:32px;height:32px;color:red;background:url(../images/web3.0/doc-effect/icon-new.svg);background-size:32px}.effect-typical-lists .e-list-content .icon-new::after,.effect-typical-lists .e-list-content .icon-new::before{display:none}.effect-typical-lists .e-list-content:nth-child(4n-2){margin-left:0!important}.effect-typical-lists .e-list-content:hover{-webkit-transform:translateY(-4px) translateZ(0);transform:translateY(-4px) translateZ(0)}.effect-typical-lists .e-list-content>a{display:block;padding:20px 5px 20px 76px;-webkit-box-sizing:border-box;box-sizing:border-box}.effect-typical-lists .e-list-content img{position:absolute;top:20px;left:15px;width:50px;height:50px;border-radius:5px}.effect-typical-lists .e-list-content p{color:#333;font-size:16px;margin-bottom:10px}.effect-typical-lists .e-list-content p+span{font-size:12px;color:#7d7d7d}.effect-video-show{padding:40px 0 10px;background:#fff}.effect-video-show .video-show-title{font-size:24px;margin-bottom:30px}.effect-video-show .video-show-item{position:relative;float:left;width:23.5%;padding:15% 0 0;background:#eee;margin-bottom:25px;margin-right:2%;-webkit-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.effect-video-show .video-show-item:nth-child(4n){margin-right:0}.effect-video-show .video-show-item::after{position:absolute;content:"";top:63%;right:8%;width:60px;height:60px;margin-top:-30px;background:url(../images/web3.0/doc-effect/play-circle.png) no-repeat center;background-size:40px}.effect-video-show .video-show-item:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.effect-video-show .video-show-item .video-desc{position:absolute;padding:0 15px;bottom:0;width:100%;height:40px;line-height:40px;background-color:rgba(0,0,0,.7);color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.effect-video-md{padding:80px 0;background:#fff}.effect-video-md .effect-video-title{font-size:24px;line-height:33px;color:#171c3c;margin-bottom:40px}.effect-video-md .sub-title{position:relative;color:#63676a;font-size:16px;line-height:22px;font-weight:400;margin-bottom:20px}.effect-video-md .sub-title a{position:relative;float:right;color:#2874f5;font-weight:400;padding-left:32px;background-color:#fff;z-index:2}.effect-video-md .sub-title a:hover{text-decoration:underline}.effect-video-md .sub-title::after{position:absolute;content:"";top:10px;left:10%;width:90%;height:1px;background-color:#e7e7e7}.effect-video-md .row+.row{margin-top:44px}.effect-video-md .item-lists{margin:0 -12px;font-size:0}.effect-video-md .video-item{display:inline-block;padding:12px}.effect-video-md .video-item .content{position:relative;width:282px;height:190px;overflow:hidden;cursor:pointer}.effect-video-md .video-item .content::after{position:absolute;content:"";top:50px;left:50%;width:50px;height:50px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:url(../images/web3.0/doc-effect/icon-play.svg);background-size:cover;cursor:pointer;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.effect-video-md .video-item .content::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(8,13,70,.6)}.effect-video-md .video-item .content:hover::after{width:55px;height:55px}.effect-video-md .video-item .content img{width:100%;height:100%}.effect-video-md .video-item .content p{position:absolute;width:100%;left:0;bottom:0;height:40px;font-size:14px;line-height:40px;color:#fff;padding:0 16px;background-color:rgba(20,23,42,.7);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.effect-video-md .g-plv-btn{display:block;width:140px;height:40px;margin:28px auto 0;line-height:40px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#2469f3;background-color:transparent;border:1px solid currentColor}.effect-video-md .g-plv-btn:hover{color:#fff;background-color:#2469f3;border:1px solid #2469f3}