.icon{background-image:url(/static/images/xiaoyi_2018/product/download/icon.png);background-repeat:no-repeat}.page-banner{height:798px}.page-banner-bg{background-size:1920px 798px;background-image:url("/static/images/xiaoyi_2018/product/download/banner.jpg")}.ban-center{padding-top:58px;width:100%;text-align:center;position:absolute;top:50%;left:0;z-index:2;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.ban-center ul li{background-image:linear-gradient(right,var(--domColor),#5b36fa);background-color:var(--domColor);border-radius:3px}.ban-center ul li .text0{position:absolute;left:0;top:-125px;width:100%;height:50px;font-size:32px;line-height:50px;color:var(--whiteColor)}.ban-center ul li .icon{width:68px;height:52px;margin:0 auto 17px}.ban-center ul li .icon1{background-position:0 0}.ban-center ul li .icon2{background-position:-68px 0}.ban-center ul li .icon3{background-position:0 -52px}.ban-center ul li .icon4{background-position:-68px -52px}.ban-center ul li .text1{font-size:22px;color:var(--whiteColor);line-height:32px;font-weight:bold;margin-bottom:18px}.ban-center ul li .text2{margin:0 25px 0 65px;line-height:30px;text-align:left;font-size:12px;color:rgba(255,255,255,.95)}.ban-center ul li .btn-down{display:block;width:161px;height:38px;line-height:38px;font-size:16px;color:#5a3dfa;text-align:center;background-color:var(--whiteColor);border-radius:3px;margin:37px auto 0}.ban-center ul li .btn-down:hover{background-color:rgba(255,255,255,.8)}.ban-bottom{position:absolute;left:0;right:0;bottom:25px}.ban-bottom p{line-height:24px;text-align:center;font-size:14px;color:rgba(255,255,255,.75)}.ban-bottom p a{color:var(--domColor)}.ban-bottom p a:hover{color:var(--hoverColor);text-decoration:underline}.page-banner1 .ban-center{padding-top:135px}.page-banner1 .ban-center ul li{background:linear-gradient(90deg,#596efb 0,#5b36fa 100%);background-color:#5b36fa}.page-banner2 .ban-center{padding-top:20px}.ban-center .title1{line-height:48px;color:var(--whiteColor);font-size:34px;letter-spacing:1.5px}.ban-center .title2{line-height:28px;font-size:16px;color:rgba(255,255,255,.8);margin-top:8px}.page-banner1 .ban-center ul li .btn-down{margin-top:15px}.page-banner2 .ban-center ul li .text3,.page-banner2 .ban-center ul li .text4{position:absolute;left:0;width:100%;height:20px;line-height:20px;font-size:12px;color:rgba(255,255,255,.45)}.page-banner2 .ban-center ul li .text3{bottom:87px}.page-banner2 .ban-center ul li .text4{bottom:15px}.page-banner3 .ban-center ul li a{position:absolute;left:0;top:0;width:100%;height:100%}.ban-center ul li a{display:block}.ban-center ul li .text5{font-size:17px;color:var(--whiteColor);line-height:30px}.ban-center ul li .text6{font-size:16px;color:var(--whiteColor);line-height:26px}.down1{padding:62px 0 81px;background:#f7fbfe}.down1 ul li{padding:53px 0;background:var(--whiteColor);border:1px solid #dbe0e5}.down1 ul li a,.down2 ul li a{display:block}.down1 ul li .icon{margin:0 auto 19px;width:42px;height:37px;background-position:-2px -106px;transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out}.down1 ul li .icon2{background-position:-44px -106px}.down1 ul li .icon3{background-position:-86px -106px}.down1 ul li h6{line-height:32px;font-size:18px;color:#333;font-weight:bold}.down1 ul li p{line-height:24px;font-size:14px;color:#666;margin:19px 46px 0}.down2{padding:66px 0 63px}.down2 ul li .img,.down2 ul li .img img{width:100%;height:auto;position:relative}.down2 ul li .img:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(30,39,72,.2);z-index:2}.down2 ul li .img:after{content:'';position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;width:40px;height:40px;background-image:url(/static/images/xiaoyi_2018/product/download/icon.png);background-position:-137px -105px;background-repeat:no-repeat;z-index:2}.down2 ul li p{height:49px;line-height:49px;text-align:center;font-size:14px;color:#666;background:var(--whiteColor);border:1px solid #dbe0e5;border-top:0;padding:0 10px}.down2 .btn-more{display:block;width:122px;height:38px;line-height:36px;text-align:center;font-size:14px;color:#666;border:1px solid #d5d9de;margin:0 auto}@media screen and (min-width:835px){.ban-center ul{margin:57px 54px 0}.ban-center ul .subelement{width:calc(33.33% - 76px);padding:42px 0;margin:0 38px}.page-banner1 .ban-center ul{margin-left:0;margin-right:0}.page-banner1 .ban-center ul li .text0{font-size:28px}.page-banner3 .ban-center{padding-top:0}.page-banner3 .ban-center ul li{padding:52px 0 62px;text-align:center;background:linear-gradient(90deg,#596efb 0,#5b36fa 100%);background-color:#5b36fa}.page-banner3 .ban-center ul li:hover{cursor:pointer;background:#d5d9f5}.page-banner3 .ban-center ul li:hover .icon3,.page-banner3 .ban-center ul li:hover .icon4{background-position:-136px -52px}.page-banner3 .ban-center ul li:hover .text5,.page-banner3 .ban-center ul li:hover .text6{color:#4b4f6d}.down1 ul{margin:39px -20px 0}.down1 ul .subelement{width:calc(33.33% - 42px);margin:0 20px}.down1 ul li:hover{box-shadow:-1px 0 13px rgba(156,163,255,.2)}.down1 ul li:hover .icon{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}.down2 ul{margin:37px -14px 45px}.down2 ul .subelement{width:calc(25% - 28px);margin:0 14px}.down2 ul li:hover .img:before{background:none}.down2 ul li:hover p{color:var(--domColor)}.down2 .btn-more:hover{color:var(--domColor);border-color:var(--domColor)}}@media screen and (max-width:834px){.page-banner{height:auto;overflow:hidden;padding-bottom:20px}.page-banner-bg{background-size:cover}.ban-center,.ban-bottom{padding:85px 0 0;position:initial;top:auto;left:auto;transform:none;-webkit-transform:none}.ban-bottom{padding-top:30px}.ban-center ul{width:82%}.ban-center ul li.subelement{padding:35px 0 45px;margin:25px 0 0}.page-banner2 .ban-center ul li .text3{bottom:40px}.ban-center ul li .text0{top:-48px;line-height:30px;font-size:22px}.ban-center ul li .text1{font-size:18px;margin-bottom:10px}.ban-center .title1{line-height:30px;font-size:22px;margin:0 28px}.ban-center .title2{margin-top:4px}.ban-bottom p{margin:0 25px}.page-banner1 .ban-center{padding-top:53px}.page-banner1 .ban-center ul li.subelement{margin-top:85px}.page-banner1{padding-bottom:50px}.page-banner2 .ban-center{padding-top:75px}.down1{padding:45px 0 30px}.page-banner2 .ban-center ul li.subelement:last-child{display:none}.down2{padding:45px 0 50px}.down2 ul{margin-top:25px}.page-banner3 .ban-center ul li .btn-down{margin-top:20px}.s-layer-down{display:none;position:fixed;right:0;top:0;z-index:100;width:100% !important;height:auto;overflow:hidden}.s-layer-down .tip-line{width:96%;height:82px;background-image:url(/static/images/xiaoyi_2018/product/download/line.png);background-position:right top;background-size:auto 82px;background-repeat:no-repeat;margin:0 auto}.s-layer-down .text{width:64%;height:auto;overflow:hidden;padding:20px 8%;font-size:18px;text-align:center;color:#555;line-height:28px;background:var(--whiteColor);border-radius:8px;margin:0 auto}}