.page-banner{height:364px;background-color:#edf4fd}.page-banner-bg{background-size:1920px 364px}.page-banner-title{position:absolute;top:101px;left:0;text-align:left;width:100%;letter-spacing:1px}.page-banner-title .text1{line-height:52px;font-size:40px;color:#000;margin-bottom:13px}.page-banner-title .text2{line-height:26px;font-size:16px;color:#767785}.page-banner-title .text3{height:24px;margin-bottom:33px}.page-banner-title .text3 a{display:inline-block;height:24px;line-height:24px;font-size:14px;color:#767785;padding-left:14px;position:relative}.page-banner-title .text3 a:before{content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:7px;height:11px;background-image:url(/static/images/xiaoyi_2018/authentication/learning/icon.png);background-position:-1px -1px;background-repeat:no-repeat}.page-banner-title .text3 a:hover{color:#596efb}.page-banner-title .text3 a:hover:before{background-position:-10px -1px}.section-one{height:auto;overflow:hidden;position:relative;top:-80px;z-index:2}.section-one ul{margin:0 -14px;height:100%;text-align:center;font-size:0}.section-one ul li{display:inline-block;vertical-align:top;width:calc(50% - 28px);height:auto;overflow:hidden;background-color:#fff;border-radius:3px;box-shadow:0 8px 12px 0 rgba(55,99,170,.12);margin:14px}.section-one ul li .title{height:235px;padding:34px 48px 45px;text-align:left;letter-spacing:1px;position:relative}.section-one ul li h6{line-height:36px;font-size:24px;color:#000;margin-bottom:14px}.section-one ul li p{line-height:30px;font-size:14px;color:#000}.section-one ul li p span{color:#767785;margin-right:18px}.section-one ul li .ban-btn{margin-top:23px;height:auto;overflow:hidden}.section-one ul li .ban-btn a{width:150px;height:42px;line-height:42px;font-size:16px;padding:0;margin-right:12px}.section-one ul li .ban-btn a:nth-child(1){background:linear-gradient(90deg,#00aeff 0,#596efb 100%);background-color:#596efb}.section-one ul li .ban-btn a:nth-child(2){line-height:40px;color:#596efb;background-color:#fff;border:1px solid #596efb}.section-one ul li .ban-btn a:nth-child(1):hover{background:linear-gradient(90deg,#09f 0,#575dfa 100%);background-color:#5064e6}.section-one ul li .ban-btn a:nth-child(2):hover{color:#fff;background-color:#5064e6}.section-one ul li:last-child .title:before{content:'';position:absolute;left:50%;top:50%;margin:-75px 0 0 -82px;width:163px;height:180px;background-image:url(/static/images/xiaoyi_2018/authentication/learning/img0.png);background-position:center;background-repeat:no-repeat}.section-one ul li .text{position:absolute;font-size:12px;color:#767785;line-height:20px}.section-one ul li .text1{top:54px;left:50%;margin-left:-47px}.section-one ul li .text2{top:110px;right:124px}.section-one ul li .text3{top:215px;right:135px}.section-one ul li .text4{bottom:25px;left:50%;margin-left:-32px}.section-one ul li .text5{top:215px;left:135px}.section-one ul li .text6{top:110px;left:148px}.section-one ul li:last-child .title6:before{margin-top:-72px;width:175px;height:171px;background-image:url(/static/images/xiaoyi_2018/authentication/learning/img00.png)}.section-one ul li .title6 .text1{top:57px;margin-left:-26px}.section-one ul li .title6 .text2{top:100px;right:140px}.section-one ul li .title6 .text3{top:183px}.section-one ul li .title6 .text4{bottom:32px;left:57%;margin-left:0}.section-one ul li .title6 .text5{top:auto;bottom:32px;left:37%}.section-one ul li .title6 .text6{top:183px}.section-one ul li .title6 .text7{top:100px;left:168px}.overviews{position:relative;top:-9px;padding:0 0 75px}.overviews ul{margin:0 -24px;height:100%;text-align:center;font-size:0;padding-top:24px}.overviews ul li{display:inline-block;vertical-align:top;width:calc(50% - 48px);height:auto;overflow:hidden;border-radius:4px;position:relative;background-color:#fff;box-shadow:0 0 12px 0 rgba(55,99,170,.12);margin:24px}.overviews ul li .title2 h6{line-height:26px;font-size:18px;color:#000;margin-bottom:9px}.overviews ul li .title2 p{line-height:24px;font-size:14px;color:#767785}.overviews ul li .img{display:inline-block;vertical-align:top;width:224px;height:100%;position:relative;margin:0 31px}.overviews ul li .img img{position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.catalogue{padding:77px 0 100px;background-color:#f2f6ff}.catalogue .question{width:100%;height:auto;overflow:hidden;background-color:#fff;border-radius:4px;margin:32px auto 0}.catalogue .question ul{height:auto;overflow:hidden;text-align:left;letter-spacing:1.5px;padding:27px 25px 21px}.catalogue .question li{height:auto;overflow:hidden;margin-bottom:6px}.catalogue .question li .question-top{height:52px;line-height:52px;padding-left:48px;text-align:left;font-size:0;position:relative}.catalogue .question li .question-top:before{content:'';position:absolute;left:16px;top:50%;margin-top:-9px;width:18px;height:18px;background-image:url(/static/images/xiaoyi_2018/authentication/learning/icon.png);background-position:-1px -15px;background-repeat:no-repeat}.catalogue .question li .question-top .text1,.catalogue .question li .question-top .text2,.catalogue .question li .question-top .text3{display:inline-block;vertical-align:middle;width:50px;height:100%;font-size:18px;color:#74c84c;margin-right:18px}.catalogue .question li .question-top .text2{width:calc(100% - 318px);text-align:left;font-size:16px;color:#000;margin-right:40px}.catalogue .question li .question-top .text3{width:100px;text-align:center;font-size:16px;color:#767785;margin-right:58px}.catalogue .question li .text-list0{border-bottom:1px solid #e2e9f5}.catalogue .question li .active-top,.catalogue .question li .text-list0{position:relative}.catalogue .question li .text-list0 .text11{display:inline-block;vertical-align:middle;width:calc(100% - 206px);height:44px;line-height:44px;position:relative;font-size:16px;color:#000;margin-right:41px}.catalogue .question li .text-list0 .text11:hover{color:#596efb}.catalogue .question li .active-top .btn-arron{position:absolute;right:0;top:0;width:46px;height:100%}.catalogue .question li .active-top .btn-arron:before{content:'';position:absolute;left:50%;top:50%;margin:-5px 0 0 -8px;width:16px;height:9px;background-image:url(/static/images/xiaoyi_2018/authentication/learning/icon.png);background-position:-20px -2px;background-repeat:no-repeat;transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out}.catalogue .question li .active-bottom{display:none}.catalogue .question li .question-bottom{display:none;border-top:0;padding:10px 30px;height:auto;overflow:hidden;background:linear-gradient(180deg,rgba(242,246,255,.75) 0,rgba(247,250,255,.75) 100%);box-shadow:inset 0 7px 29px 0 rgba(89,110,251,.13),inset 0 9px 35px 0 rgba(255,255,255,1);margin:0 15px}.catalogue .question li .active-bottom .active-bottom .text-list0{margin:0 20px}.catalogue .question li .active-bottom .active-bottom .active-bottom .text-list0{margin:0 40px}.catalogue .question li .active .btn-arron:before{transform:rotate(180deg);-webkit-transform:rotate(180deg)}@media only screen and (min-width:768px){.catalogue .question li .question-top:hover{background-color:#f2f6ff}.overviews ul li .title{text-align:left;font-size:0;letter-spacing:1px;height:224px}.overviews ul li .title1{display:inline-block;vertical-align:top;width:50px;height:100%;background-color:#596efb;border-radius:4px 0 0 4px}.overviews ul li .title1 p{width:100%;height:100%;word-wrap:break-word;writing-mode:vertical-rl;writing-mode:tb-rl;text-align:center;display:flex;-webkit-display:flex;flex-direction:column;justify-content:center;font-size:18px;color:#fff;letter-spacing:3px}.overviews ul li .title2{display:inline-block;vertical-align:top;width:calc(100% - 385px);height:calc(100% - 34px);padding:34px 10px 0 37px}}@media screen and (min-width:768px) and (max-width:1519px){.section-one ul li .text2{right:110px}.section-one ul li .text3{right:124px}.section-one ul li .text5{left:124px}.section-one ul li .text6{left:134px}.section-one ul li .title2 .text2{right:130px}.section-one ul li .title2 .text3{right:125px}.section-one ul li .title2 .text6{left:138px}.section-one ul li .title2 .text7{left:158px}.overviews ul li .title2{width:calc(100% - 363px);padding:34px 0 0 30px}.overviews ul li .img{margin-left:26px}}@media only screen and (max-width:767.98px){main{overflow-x:hidden;padding-top:33px}section .max-width-1200{width:90%}.page-banner{height:312px}.page-banner-bg{height:312px;background-size:auto 312px;background-position:73% center}.page-banner-bg:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.03)}.page-banner-title{width:88%;left:6%;top:55px;letter-spacing:.75px}.page-banner-title .text1{line-height:38px;font-size:28px;margin-bottom:9px}.page-banner-title .text2{color:#525252}.page-banner-title .text3{margin-bottom:10px}.page-banner-title .text3 a{color:#525252}.section-one ul li{width:calc(100% - 28px);margin:14px 14px 8px}.section-one ul li{box-shadow:0 0 12px 0 rgba(55,99,170,.12)}.section-one ul li .title{height:auto;overflow:hidden;padding:25px 30px 32px}.section-one ul li h6{font-size:22px;line-height:32px;margin-bottom:8px}.section-one ul li .ban-btn a{width:142px;height:40px;line-height:40px}.section-one ul li:last-child .title{height:250px}.section-one ul li .title .text2{right:6%}.section-one ul li .title .text3{right:9%}.section-one ul li .title .text5{left:9%}.section-one ul li .title .text6{left:12%}.section-one ul li .title .text7{left:14%}.overviews{top:-40px;padding-bottom:0}.overviews ul{padding-top:13px}.overviews ul li{width:calc(100% - 48px);margin:12px 24px}.overviews ul li .title{height:auto;overflow:hidden}.overviews ul li .title1{display:block;width:100%;height:48px;line-height:48px;background-color:#596efb;border-radius:4px 4px 0 0}.overviews ul li .title1 p{text-align:center;font-size:18px;color:#fff;letter-spacing:2px}.overviews ul li .title2{padding:20px 25px 16px}.overviews ul li .img{height:154px;margin-bottom:25px}.catalogue{padding:42px 0 48px}.catalogue .question{margin-top:25px}.catalogue .question ul{letter-spacing:.5px;padding:15px 5px}.catalogue .question li .question-top{height:44px;line-height:44px;padding-left:44px}.catalogue .question li .question-top .text3{display:none}.catalogue .question li .question-top .text1{margin-right:8px}.catalogue .question li .question-top .text2{width:calc(100% - 148px)}.catalogue .question li .question-bottom{padding:12px 25px 12px}.catalogue .question li .question-bottom .text-list .text11{width:calc(100% - 95px);margin-right:14px}.catalogue .question li .question-bottom .text-list .text12{width:90px;margin-right:0}.m-layer-video{width:90% !important}.video-js{width:100% !important;height:240px !important}}