main{background-color:#f9faff}.icon{background-image:url(/static/images/xiaoyi_2018/video/center/icon.png);background-repeat:no-repeat}.icon-video,.icon-video0{width:70px;height:70px;background-color:#fff;border-radius:50%;position:absolute}.icon-video:before,.icon-video0:before{content:'';position:absolute;left:50%;top:50%;margin:-18px 0 0 -7px;width:0;height:0;border-left:24px solid #596efb;border-top:18px solid transparent;border-bottom:18px solid transparent;border-radius:1px}.page-banner-bg{background-image:url(/static/images/xiaoyi_2018/video/center/banner.jpg)}.page-banner-bg .video{position:absolute;top:118px;right:3px;width:575px;height:331px;cursor:pointer;z-index:3}.page-banner-bg .video img{max-width:100%;height:auto}.page-banner-bg .video::before,.page-banner-bg .video::after{content:'';position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;background-color:#fff;border-radius:50%}.page-banner-bg .video::after{margin:-18px 0 0 -7px;width:0;height:0;background:none;border-left:24px solid #596efb;border-top:18px solid transparent;border-bottom:18px solid transparent;border-radius:1px}.page-banner-main .ban-title{text-indent:1px}.page-banner-main .ban-title h3{line-height:62px;font-size:50px;color:#fff}.page-banner-main .ban-title h1{line-height:30px;font-size:22px;color:#fff;margin-top:22px}.video-center{padding:80px 0;height:auto;overflow:hidden}.video-center .layui-tab-title{width:100%;height:110px;border:0}.video-center .even-share,.video-center .even-share .subelement{margin:0}.video-center .layui-tab-title li{height:110px;text-align:center;background-color:#fff;border:1px solid #dae1ea;padding:0}.video-center .layui-tab-title li:first-child{border-right:0}.video-center .layui-tab-title li a{display:block;padding:27px 0 0;margin:0;width:100%;height:calc(100% - 27px)}.video-center .layui-tab-title li .icon-tb{display:inline-block;vertical-align:middle;width:45px;height:45px;margin:0 8px}.video-center .layui-tab-title li .icon-tb1{background-position:0 0}.video-center .layui-tab-title li .icon-tb2{background-position:-45px 0}.video-center .layui-tab-title li .icon-tb3{background-position:-90px 0}.video-center .layui-tab-title li .text{display:inline-block;vertical-align:middle;margin:0 8px}.video-center .layui-tab-title li .icon-num{display:block;width:30px;height:25px}.video-center .layui-tab-title li .icon-num1{background-position:0 -45px}.video-center .layui-tab-title li .icon-num2{background-position:-31px -45px}.video-center .layui-tab-title li .icon-num3{background-position:-65px -45px}.video-center .layui-tab-title li .text1{line-height:28px;font-size:20px;color:#333}.video-center .layui-tab-title .layui-this:after{display:none}.video-center .layui-tab-title li:before{bottom:auto;top:-1px;height:2px;background-color:#596efb}.video-center .layui-tab-title li.layui-this{background:none;border-bottom-color:#f9faff;border-top-color:#f9faff}.video-center .layui-tab-title li.layui-this:before{transform:scale(1);-webkit-transform:scale(1)}.video-center .layui-tab-content{padding:27px 0 0}.video-center .sifting-nav{height:36px}.video-center .sifting-nav li{float:left;width:auto;min-width:60px;height:36px;line-height:36px;text-align:center;font-size:14px;color:#333;padding:0 14px;cursor:pointer;margin-right:5px}.video-center .sifting-nav li.active{color:#fff;background-color:#596efb;border-radius:3px}.video-center .sifting-sub{padding-top:28px;height:auto;overflow:hidden;margin:0 -15px}.video-center .sifting-sub li{float:left;width:calc(33.33% - 30px);height:auto;overflow:hidden;background-color:#fff;box-shadow:0 0 7px rgba(89,110,251,.1);margin:0 15px 50px}.video-center .sifting-sub li .img{width:100%;height:auto;overflow:hidden;position:relative;cursor:pointer}.video-center .sifting-sub li .img img{width:100%;height:100%;object-fit:cover}.video-center .sifting-sub li .img .icon-video0{left:29px;bottom:25px;width:42px;height:42px}.video-center .sifting-sub li .img .icon-video0:before{margin:-10px 0 0 -5px;border-left:16px solid #596efb;border-top:10px solid transparent;border-bottom:10px solid transparent}.video-center .sifting-sub li .text{text-align:left;padding:17px 25px;height:auto;overflow:hidden}.video-center .sifting-sub li .text h6{line-height:24px;font-size:16px;color:#333}.video-center .sifting-sub li .text p{line-height:23px;font-size:14px;color:gray}@media screen and (min-width:768px){.video-center .sifting-sub li .img{height:213px}.bottom-fixed{display:none;position:fixed;left:0;bottom:0;z-index:99;width:100%;height:100px}.bottom-fixed:before{content:'';position:absolute;left:0;right:0;height:160px;bottom:0;background-image:url(/static/images/xiaoyi_2018/common/bottom-ban.png);background-position:center bottom;background-repeat:no-repeat;opacity:.9}.bottom-fixed .max-width-1200{height:100%;overflow:initial;text-align:left}.bottom-fixed h4{position:absolute;left:25%;top:50%;margin-top:-22px;line-height:44px;font-size:34px;color:#fff;font-weight:bold;letter-spacing:3px}.bottom-fixed h6{position:absolute;right:140px;top:50%;margin-top:-16px;width:auto;height:32px;line-height:30px;font-size:18px;color:#fff;font-weight:normal;letter-spacing:2px;padding:0 23px;border:1px solid #fff;border-radius:16px}.bottom-fixed h6 b{display:inline-block;color:#48fdff;padding-right:15px}.bottom-fixed .img{position:absolute;right:36px;top:50%;margin-top:-38px;width:76px;height:auto}.bottom-fixed .bottom-close{position:absolute;right:0;top:-8px;width:16px;height:16px;border-radius:50%;background-image:url(/static/images/xiaoyi_2018/common/icon-common0.png);background-position:-147px -45px;background-color:#5173fc;background-repeat:no-repeat;cursor:pointer}.bottom-fixed .bottom-close:hover{background-color:#596efb}.left-bottom-fixed{width:144px;height:auto;overflow:hidden;padding:15px 0 10px;position:fixed;z-index:101;bottom:140px;left:-144px;text-align:center;cursor:pointer !important;opacity:.95;background-color:#5173fc;border-radius:1px}.left-bottom-fixed .img{display:block;width:112px;height:auto;margin:0 auto 8px}.left-bottom-fixed p{line-height:22px;font-size:12px;color:#fff}}@media screen and (min-width:768px) and (max-width:1519px){.video-center .sifting-sub li .img{height:202px}.bottom-fixed h4{left:21%}}@media screen and (max-width:767.98px){.page-banner{height:450px}.page-banner-bg{background-size:auto 450px}.page-banner-bg .video{right:auto;left:7%;top:43%;width:86%;height:205px}.page-banner-bg .video .icon-video{transform:scale(.85);-webkit-transform:scale(.85)}.page-banner-main{height:auto;overflow:hidden;top:20%;padding-top:0}.page-banner-main .max-width-1200{align-items:inherit;-webkit-align-items:inherit}.page-banner-main .ban-title{text-align:center}.page-banner-main .ban-title h3{line-height:38px;font-size:26px}.page-banner-main .ban-title h1{font-size:18px;margin-top:8px}.m-layer-video{width:90% !important}.video-js{width:100% !important;height:240px !important}.video-center{padding:45px 0 20px}.video-center .max-width-1200{width:90%}.video-center .layui-tab-title{height:90px}.video-center .layui-tab-title li{width:33.33%;height:90px}.video-center .layui-tab-title li a{padding:20px 0 0;height:calc(100% - 20px)}.video-center .layui-tab-title li .icon-tb{display:none}.video-center .layui-tab-title li .text1{font-size:18px}.video-center .layui-tab-content{padding-top:20px}.video-center .sifting-nav li{padding:0 7px}.video-center .sifting-sub li{width:calc(100% - 30px);margin-bottom:30px}.video-center .sifting-sub li .img{height:auto}}