.page-banner .page-banner-bg{background-image:url("/static/images/xiaoyi_2018/study/banner.jpg")}.line{width:60px;height:2px;background-color:#596efb;margin:17px auto 0}.page-banner-main .line{background-color:var(--whiteColor);margin:21px auto 25px}.page-banner-main h1{font-size:24px;line-height:34px;color:var(--whiteColor);font-weight:normal}.page-banner-main p{font-size:16px;line-height:22px;font-weight:normal;margin-top:10px}.learning1{height:auto;overflow:hidden;background-color:#f7fafd;padding:75px 0 74px}.learning1 ul li{text-align:center;height:auto;border-radius:4px;background:var(--whiteColor);box-shadow:0 6px 14px rgba(137,145,198,.06)}.learning1 ul li a{display:block;padding:45px 35px 37px 40px}.learning1 ul li .icon{width:48px;height:42px;background-image:url(/static/images/xiaoyi_2018/study/icon.png);background-position:0 0;background-repeat:no-repeat;margin:0 auto}.learning1 ul li .icon2{background-position:-57px 0}.learning1 ul li .icon3{background-position:-111px 0}.learning1 ul li h6{font-size:18px;color:#333;line-height:32px;font-weight:bold;margin-top:18px}.learning1 ul li p{font-size:14px;color:#666;line-height:24px;text-align:left;margin-top:5px}.learning1 ul li span{display:none;position:absolute;left:0;bottom:-30px;width:100%;height:43px;line-height:43px;color:var(--whiteColor);font-size:16px;letter-spacing:.5px;background-color:var(--domColor);border-radius:0 0 4px 4px}.learning1 ul li:hover{box-shadow:0 12px 20px rgba(137,145,198,.16)}.learning1 ul li:hover span{display:block}.learning2{height:218px;overflow:hidden;background-image:url(/static/images/xiaoyi_2018/study/bg1.jpg);background-color:#1e2132;background-position:center;background-repeat:no-repeat;padding:62px 0 0;text-align:center}.learning2 h6{line-height:40px;font-size:23px;letter-spacing:1px;color:var(--whiteColor)}.learning2 p{line-height:27px;font-size:14px;letter-spacing:1px;color:var(--whiteColor)}.learning2 a{display:block;width:138px;height:36px;line-height:34px;font-size:16px;color:var(--whiteColor);letter-spacing:1px;background:rgba(244,245,255,.08);border:1px solid #9a9db0;border-radius:1px;margin:38px auto 0}.learning2 a:hover{background-color:var(--whiteColor);color:var(--domColor)}.learning3{height:auto;overflow:hidden;background-image:url(/static/images/xiaoyi_2018/study/bg2.jpg);background-color:#f3f7fa;background-position:center;background-repeat:no-repeat;padding:62px 0 82px}.learning3 .main{height:auto;overflow:hidden;background:var(--whiteColor);border-radius:4px;box-shadow:0 6px 14px rgba(137,145,198,.06);margin:30px auto}.learning3 .img{float:left}.learning3 .title{margin:58px 64px 0 678px;text-align:left;letter-spacing:1px;height:auto;overflow:hidden}.learning3 .title h6{line-height:42px;font-size:20px;color:#333}.learning3 .title p{line-height:26px;font-size:14px;color:#666}.learning3 .title a{display:block;width:142px;height:36px;line-height:36px;background:var(--domColor);font-size:16px;color:var(--whiteColor);text-align:center;margin-top:42px}.learning3 .title a:hover{background-color:var(--hoverColor)}.learning4{height:auto;overflow:hidden;background:var(--whiteColor);padding:74px 0 110px}.learning4 .big-title .line{margin-bottom:17px}.learning4 .big-title p{line-height:26px;font-size:14px;color:#666;text-align:left;padding-bottom:10px}.learning4 .main{width:1132px;height:415px;position:relative;margin:31px auto 0}.learning4 .main .img{float:left;width:759px;height:413px;background:#fafbff;border:1px solid #eff0f6;border-right:0;position:relative}.learning4 .main .img:before,.learning4 .main .img:after{content:'';position:absolute;left:758px;top:0;width:0;height:0;border-bottom:32px solid #dfe6fb;border-right:43px solid transparent}.learning4 .main .img:after{top:auto;bottom:-2px;border-bottom:0;border-top:31px solid #dfe6fb;border-right:43px solid transparent}.learning4 .main .img .s-bg{position:absolute;left:758px;top:32px;width:43px;height:352px;background-color:#dfe6fb}.learning4 .main .img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.learning4 .main .title{float:right;margin-top:32px;width:305px;height:312px;padding:42px 0 0 65px;text-align:left;background:#f5f7ff}.learning4 .main .title dl{height:46px;margin-bottom:26px}.learning4 .main .title dl dt{float:left;width:40px;height:40px;background:rgba(89,110,251,.16);border-radius:50%;position:relative;margin-top:1px}.learning4 .main .title dl dt:before{content:'';width:22px;height:21px;background-image:url(/static/images/xiaoyi_2018/study/icon.png);background-position:-1px -46px;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.learning4 .main .title dl:nth-child(2) dt:before{background-position:-25px -46px}.learning4 .main .title dl:nth-child(3) dt:before{background-position:-49px -46px}.learning4 .main .title dl:nth-child(4) dt:before{background-position:-73px -46px}.learning4 .main .title dl dd{margin-left:54px;line-height:24px;font-size:12px;color:#999}.learning4 .main .title dl dd span{display:block;line-height:22px;font-size:14px;color:#666}.learning5{height:226px;padding-top:61px;overflow:hidden;background-image:url(/static/images/xiaoyi_2018/study/bg3.jpg);background-color:#3941c6;background-position:center;background-repeat:no-repeat;text-align:center;color:var(--whiteColor)}.learning5 h5{line-height:50px;font-size:24px;color:var(--whiteColor)}.learning5 p{line-height:26px;font-size:14px;color:var(--whiteColor);margin-top:5px}.learning5 .btn-title{margin-top:45px;height:38px;text-align:center;font-size:0}.learning5 .btn-title a{display:inline-block;vertical-align:middle;width:130px;height:36px;line-height:34px;font-size:16px;color:var(--whiteColor);background:rgba(0,0,0,.15);border:1px solid #ced1ff;margin:0 15px}.learning5 .btn-title a:hover{color:var(--domColor);background:var(--whiteColor)}@media screen and (min-width:768px){.learning1 ul{margin:30px -19px 0}.learning1 ul .subelement{margin:20px 19px 28px}}@media screen and (min-width:768px) and (max-width:1519px){.page-banner{height:430px}.page-banner-bg{background-size:auto 430px}}@media screen and (max-width:767.98px){.learning5 h5{font-size:22px}.line{width:50px;margin-top:13px}.page-banner{height:370px}.page-banner-bg{background-size:auto 370px}.page-banner-main h1{font-size:22px}.page-banner-main .line,.learning4 .big-title .line{margin-bottom:15px}.learning1{padding:40px 0 30px}.learning1 ul{padding-top:30px}.learning2{height:172px;padding-top:32px}.learning2 a{margin-top:20px}.learning3{padding:50px 0}.learning3 .main{width:90%;margin:0 auto}.learning3 .img{float:none;width:100%}.learning3 .img img{width:100%;height:auto}.learning3 .title{margin:20px 25px 30px}.learning3 .title a{margin-top:22px}.learning4{padding:40px 0 45px}.learning4 .big-title p{max-width:88%;margin:8px auto 0}.learning4 .main{width:calc(90% - 42px);height:auto;overflow:hidden;padding:20px;background:#fafbff;border:1px solid #eff0f6;margin:15px auto 0}.learning4 .main .img{float:none;width:100%;height:auto;overflow:hidden;border:0;background:none}.learning4 .main .img:before,.learning4 .main .img:after{display:none}.learning4 .main .img img{width:100%;height:auto;position:inherit;left:auto;top:auto;transform:none;-webkit-transform:none}.learning4 .main .title{float:none;width:100%;height:auto;overflow:hidden;margin-top:28px;padding:0 6px;text-align:left;background:none}.learning4 .main .title dl{margin-bottom:16px}.learning4 .main .title dl:last-child{margin-bottom:10px}.learning5{height:180px;padding-top:23px}.learning5 p{line-height:22px;margin:0 22px}.learning5 .btn-title{margin-top:15px}.learning5 .btn-title a{width:auto;height:33px;line-height:31px;font-size:14px;padding:0 25px;margin:0 5px}}