.w1050,.w1150,.w1168,.w1200,.w1360,.w1400,.w1600{margin:0 auto}.BigBtnType1,.center{text-align:center}.garyBody{filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-filter:grayscale(1)}.w1050{width:1050px}.w1150{width:1150px}.w1200{width:1200px}.w1360{max-width:1360px}.w1400{max-width:1400px}.w1600{max-width:1600px}.w1168{max-width:1168px}.EC2{color:#333}.EC3{color:#666}.EC4{color:#999}.EC5{color:#fff}.T1{font-size:60px}.T2{font-size:48px}.T3{font-size:32px}.T4{font-size:28px}.T5{font-size:20px}.T6{font-size:16px}.T7{font-size:14px}.T8{font-size:12px}.BigBtnType1,.commonBannerButton{height:50px;line-height:50px;border-radius:25px;font-size:18px}.EC1{color:#1472FF}.mt96{margin-top:96px}.mb4{margin-bottom:4px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb32{margin-bottom:32px}.mb48{margin-bottom:48px}.mb64{margin-bottom:64px}.mb72{margin-bottom:72px}.mb80{margin-bottom:80px}.mb96{margin-bottom:96px}.mb120{margin-bottom:120px}.mb160{margin-bottom:160px}.mr50{margin-right:50px}.ml50{margin-left:50}.pt4{padding-top:4px}.pt8{padding-top:8px}.pt16{padding-top:16px}.pt24{padding-top:24px}.pt32{padding-top:32px}.pt48{padding-top:48px}.pt64{padding-top:64px}.pt72{padding-top:72px}.pt80{padding-top:80px}.pt96{padding-top:96px}.pt120{padding-top:120px}.pt160{padding-top:160px}.pb4{padding-bottom:4px}.pb8{padding-bottom:8px}.pb16{padding-bottom:16px}.pb24{padding-bottom:24px}.pb32{padding-bottom:32px}.pb48{padding-bottom:48px}.pb64{padding-bottom:64px}.pb72{padding-bottom:72px}.pb80{padding-bottom:80px}.pb96{padding-bottom:96px}.pb120{padding-bottom:120px}.pb160{padding-bottom:160px}.commonBannerButton{width:160px}.BigBtnType1{display:inline-block;padding:0 44px;background:#1472FF;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0}.BigBtnType1:focus,.BigBtnType1:hover{background:#286CFB}.BigBtnType1:active{background:#0E52E1}.swiper-banner-btn{background:#FFF;color:#1472FF}.MediumBtnType1,.SmallBtnType1{color:#fff;font-size:14px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;display:inline-block;border-radius:22px}.MediumBtnType1{padding:0 44px;height:44px;line-height:44px;background:#1472FF}.MediumBtnType1:focus,.MediumBtnType1:hover{background:#286CFB}.MediumBtnType1:active{background:#0E52E1}.SmallBtnType1{padding:0 32px;height:36px;line-height:36px;background:#1472FF}.SmallBtnType1:focus,.SmallBtnType1:hover{background:#286CFB}.SmallBtnType1:active{background:#0E52E1}.BigBtnType2{display:inline-block;padding:0 48px;height:56px;line-height:56px;border-radius:28px;border:1px solid #1472FF;color:#1472FF;font-size:16px;background:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0}.MediumBtnType2,.SmallBtnType2{font-size:14px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0}.BigBtnType2:focus,.BigBtnType2:hover{color:#fff;background:#286CFB}.BigBtnType2:active{color:#fff;background:#0E52E1}.MediumBtnType2{display:inline-block;padding:0 44px;height:44px;line-height:44px;border-radius:22px;border:1px solid #1472FF;color:#1472FF}.MediumBtnType2:focus,.MediumBtnType2:hover{background:#286CFB;color:#fff}.MediumBtnType2:active{background:#0E52E1;color:#fff}.BigBtnType3,.SmallBtnType2{display:inline-block;color:#1472FF}.SmallBtnType2{padding:0 32px;height:36px;line-height:36px;border-radius:22px;border:1px solid #1472FF}.SmallBtnType2:focus,.SmallBtnType2:hover{background:#286CFB;color:#fff}.SmallBtnType2:active{background:#0E52E1;color:#fff}.BigBtnType3{padding:0 48px;height:56px;line-height:56px;border-radius:28px;background:#fff;font-size:16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0}.MediumBtnType3,.SmallBtnType3{display:inline-block;color:#1472FF;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;text-align:center;cursor:pointer}.BigBtnType3:focus,.BigBtnType3:hover{background:#F5F8FF}.BigBtnType3:active{background:#EBF1FF}.MediumBtnType3{padding:0 44px;height:44px;line-height:44px;border-radius:22px;border:1px solid #1472FF}.MediumBtnType3:focus,.MediumBtnType3:hover{background:#F5F8FF}.MediumBtnType3:active{background:#EBF1FF}.SmallBtnType3{padding:0 32px;height:36px;line-height:36px;border-radius:22px;border:1px solid #1472FF}.SmallBtnType3:focus,.SmallBtnType3:hover{background:#F5F8FF}.SmallBtnType3:active{background:#EBF1FF}.xe-banner1{height:540px;background:#1472FF}.xe-banner1 .w1200{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.xe-banner1 .banner-img{width:588px}.xe-banner2{height:137px;line-height:137px;font-size:40px;background:url(/images/common/common_bannerbg.png)}.xe-banner3{height:640px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-position:center}.xe-modules1 .module-title{text-align:center}.xe-modules1 .module-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.xe-modules1 .module-box.row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.xe-modules1 .module-text-item{width:324px}.xe-modules1 .module-img img{width:730px;height:500px}.xe-title1{font-size:32px;color:#333;text-align:center;font-weight:500}.user-content-body-item ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-content-body-item ul li{width:588px;padding:19px 53px 19px 19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #f3f3f3;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 8px 24px 0 rgba(4,15,51,.08);box-shadow:0 8px 24px 0 rgba(4,15,51,.08);height:168px;margin-bottom:40px}.user-content-body-item ul li .img img{display:block;width:130px;height:130px}.user-content-body-item ul li .text{padding-left:30px;font-size:14px;color:#333;line-height:26px;height:80%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-align:left}.user-content-body-item.show{display:block}.enterprise-wechat-btn{height:40px;padding:8px 24px;background-color:#2484DD;border:1px solid #2484DD;color:#fff;border-radius:4px;font-size:17px;cursor:pointer;font-family:PingFangSC-Semibold}.enterprise-wechat-btn.plain{color:#2484DD;background-color:#fff}.enterprise-wechat-btn .icon{margin-right:8px;width:24px;height:20px;vertical-align:text-top}.nav-left-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-left-wrapper .enterprise-wechat-page-logo{display:block;width:188px;height:36px;background:url(/images/common/xiaoe_train_logo.png) no-repeat;background-size:cover}.nav-left-wrapper .enterprise-wechat-tag{height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:2px;border:1px solid #2484DD;margin-left:16px;cursor:pointer}.nav-left-wrapper .enterprise-wechat-tag .logo{width:38px;height:30px;background-color:#2484DD;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:0}.nav-left-wrapper .enterprise-wechat-tag .title{padding:0 12px;color:#2484DD;font-size:14px}.nav-left-wrapper .nav-list{margin-left:70px;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-left-wrapper .nav-list .nav-list-item{margin-right:40px;font-size:14px;font-family:PingFangSC-Regular}.nav-left-wrapper .nav-list .nav-list-item .selected{color:#1472FF}.btn-effect:hover{background:#3D91FF;border:1px solid #3D91FF!important;color:#FFF!important}.btn-effect:active{background:#1159D6;border:1px solid #1159D6!important;color:#FFF!important}.clearfix::after{content:"";display:block;clear:both}.fl{float:left}.fr{float:right}body,html{min-width:1200px}.describe-area .swiper-container .swiper-pagination,.display-flex-row-center,.famous-user-info .famous-user-list .famous-users,.famous-user-info .user-demo-area,.page-middle-part .open-steps-area .open-steps,.page-middle-part .xiaoe-tools-show-area .xiaoe-tools,.xiaoe-live-advance-info .advance-infos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-store-entrance-area,.describe-area,.describe-area .swiper-container .swiper-slide .describe-content,.display-flex-column-center,.famous-user-info,.page-middle-part .open-steps-area,.page-middle-part .xiaoe-tools-show-area,.page-middle-part .xiaoe-tools-show-area .xiaoe-tools .tools-item,.xiaoe-live-advance-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cooperation-banner{padding-top:254px;height:640px;color:#fff;background:url(http://wechatapppro-1252524126.cdn.xiaoeknow.com/appAKLWLitn7978/image/kgll2xab0ksvbfmpo18.jpg) center no-repeat;background-size:auto 640px}.cooperation-banner .title{font-size:64px;font-weight:600}.cooperation-banner .desc{margin-top:24px;width:436px;font-size:20px;font-weight:400}.describe-area{background-color:#fff}.describe-area .swiper-container{max-width:1200px;padding-top:260px}.describe-area .swiper-container .swiper-slide .describe-content .describe-title{height:44px;font-size:36px;font-weight:500;color:#333;line-height:44px}.describe-area .swiper-container .swiper-slide .describe-content .describe-tips{margin-top:16px;font-size:16px;font-weight:400;color:#666}.describe-area .swiper-container .swiper-slide .describe-content .know-more{margin-top:24px;font-size:16px;font-weight:500;color:#1472FF;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.describe-area .swiper-container .swiper-slide .describe-content .know-more img{margin-left:8px;width:12px}.describe-area .swiper-container .swiper-slide .describe-content .describe-live-img-area{height:657px;font-size:0;text-align:center}.describe-area .swiper-container .swiper-slide .describe-content .describe-live-img-area img.live-image{width:886px}.describe-area .swiper-container .swiper-slide .describe-content .describe-live-img-area img.classroom-image{width:1174px}.describe-area .swiper-container .swiper-pagination{-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:96px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;width:416px;height:68px;border-radius:36px;border:2px solid #1472FF}.describe-area .swiper-container .swiper-pagination .swiper-pagination-bullet{width:208px;height:64px;background-color:#fff;border-radius:34px;font-size:28px;font-weight:400;color:#1472FF;line-height:64px;opacity:1;margin:0}.describe-area .swiper-container .swiper-pagination .swiper-pagination-bullet-active{height:68px;background:#1472FF;color:#fff}.page-middle-part{position:relative}.page-middle-part .middle-part-bg-img{position:absolute;left:0;bottom:407px;width:376px;height:543.36px}.page-middle-part .xiaoe-tools-show-area .tools-area-title{font-size:36px;font-weight:500;color:#333;margin-top:96px}.page-middle-part .xiaoe-tools-show-area .tools-area-tips{margin-top:16px;font-size:16px;font-weight:400;color:#666}.page-middle-part .xiaoe-tools-show-area .xiaoe-tools{-ms-flex-wrap:wrap;flex-wrap:wrap;width:1032px;margin-top:48px;margin-bottom:80px}.page-middle-part .xiaoe-tools-show-area .xiaoe-tools .tools-item{width:168px;height:168px;background:#FFF;border-radius:8px;margin:16px;padding:30px 12px}.page-middle-part .xiaoe-tools-show-area .xiaoe-tools .tools-item img{width:64px;height:64px}.page-middle-part .xiaoe-tools-show-area .xiaoe-tools .tools-item .image-tips{margin-top:22px}.page-middle-part .open-steps-area{padding:96px 0;background:#FFF}.page-middle-part .open-steps-area .open-steps-title{font-size:36px;font-weight:500;color:#333}.page-middle-part .open-steps-area .open-steps-tips{margin-top:16px;font-size:16px;font-weight:400;color:#666}.page-middle-part .open-steps-area .open-steps{margin-top:64px}.page-middle-part .open-steps-area .open-steps .step-item{width:368px;height:350px;background-color:#FFF;border-radius:8px;padding:32px 24px;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.04);box-shadow:0 10px 20px 0 rgba(0,0,0,.04);position:relative;z-index:1}.page-middle-part .open-steps-area .open-steps .step-item .step-left-top-bg{position:absolute;left:0;top:0;z-index:2;width:138px;height:119px}.page-middle-part .open-steps-area .open-steps .step-item .step-right-bottom-bg{position:absolute;right:0;bottom:0;z-index:2;width:188px;height:188px}.page-middle-part .open-steps-area .open-steps .step-item .step-btn{font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#1472FF;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-middle-part .open-steps-area .open-steps .step-item .step-btn img{margin-left:8px;width:15px}.page-middle-part .open-steps-area .open-steps .step-item .step-title{width:240px;height:33px;font-size:24px;font-weight:500;color:#333;line-height:33px}.page-middle-part .open-steps-area .open-steps .step-item .step-content{width:320px;height:62px;font-size:20px;font-weight:400;color:#666;line-height:32px;margin-top:17px;margin-bottom:24px}.page-middle-part .open-steps-area .open-steps .step2{margin:0 32px}.xiaoe-live-advance-info{padding:96px 0;background:rgba(20,114,255,.04)}.xiaoe-live-advance-info .advance-info-title{font-size:36px;font-weight:500;color:#333}.xiaoe-live-advance-info .advance-info-tips{margin-top:16px;font-size:16px;font-weight:400;color:#666}.xiaoe-live-advance-info .advance-infos{width:1200px;margin-top:64px;-ms-flex-wrap:wrap;flex-wrap:wrap}.xiaoe-live-advance-info .advance-infos .advance-info-item{margin:16px;padding:24px;width:568px;height:350px;background-color:#FFF;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.04);box-shadow:0 10px 20px 0 rgba(0,0,0,.04);border-radius:8px;position:relative;z-index:1}.xiaoe-live-advance-info .advance-infos .advance-info-item .item-left-top-bg{position:absolute;left:0;top:0;z-index:2;width:250px;height:244px}.xiaoe-live-advance-info .advance-infos .advance-info-item .item-right-bottom-bg{position:absolute;right:0;bottom:0;z-index:2;width:330px;height:206px}.xiaoe-live-advance-info .advance-infos .advance-info-item .info-item-title{width:332px;height:33px;font-size:24px;font-weight:500;color:#333;line-height:33px;text-shadow:0 10px 20px rgba(0,0,0,.04)}.xiaoe-live-advance-info .advance-infos .advance-info-item .info-item-content{width:384px;height:128px;font-size:20px;font-weight:400;color:#666;line-height:32px;text-shadow:0 10px 20px rgba(0,0,0,.04);margin-top:16px}.famous-user-info{position:relative;z-index:2;padding:96px 0;background-color:#FFF}.famous-user-info .famous-user-info-bt-img{position:absolute;width:322px;height:520px;right:0;bottom:569px;z-index:1}.famous-user-info .famous-user-info-title{font-size:36px;font-weight:500;color:#333}.famous-user-info .famous-user-info-tips{margin-top:16px;font-size:16px;font-weight:400;color:#666}.famous-user-info .famous-user-list{width:1168px;background:#FFF;border-radius:12px}.famous-user-info .famous-user-list .famous-users{width:1200px;-ms-flex-wrap:wrap;flex-wrap:wrap}.famous-user-info .famous-user-list .famous-users .famous-user{width:168px;height:168px;background:#FFF;-webkit-box-shadow:0 10px 30px 0 rgba(102,102,102,.08);box-shadow:0 10px 30px 0 rgba(102,102,102,.08);border-radius:8px;margin:16px}.famous-user-info .famous-user-list .famous-users .famous-user .user-name{height:22px;font-size:16px;font-weight:400;color:#333;line-height:22px;text-shadow:0 10px 30px rgba(102,102,102,.08);text-align:center}.famous-user-info .famous-user-list .famous-users .famous-user .img-wrap{width:168px;height:114px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.famous-user-info .famous-user-list .famous-users .famous-user img{width:168px}.famous-user-info .user-demo-area{margin-top:80px;width:1168px;background:rgba(20,114,255,.04);border-radius:12px;padding:48px;position:relative;z-index:1}.famous-user-info .user-demo-area .demo-area-left-bottom-bg-img{position:absolute;left:0;bottom:0;z-index:2}.famous-user-info .user-demo-area .demo-area-right-top-bg-img{position:absolute;right:0;top:0;z-index:2}.famous-user-info .user-demo-area .user-demo-img{width:520px;height:302px;margin-right:32px;position:relative;z-index:3}.famous-user-info .user-demo-area .user-demo-describe .user-demo-tips{width:500px;height:34px;font-size:24px;font-weight:500;color:#333}.famous-user-info .user-demo-area .user-demo-describe .user-demo-describe-content{width:500px;height:80px;font-size:20px;font-weight:400;color:#333;margin-top:16px}.famous-user-info .user-demo-area .user-demo-describe .user-use-tools{margin-top:40px}.famous-user-info .user-demo-area .user-demo-describe .user-use-tools .tools-tips{width:162px;height:25px;font-size:18px;font-weight:400;color:#333}.famous-user-info .user-demo-area .user-demo-describe .user-use-tools .tools-list{margin-top:16px}.famous-user-info .user-demo-area .user-demo-describe .user-use-tools .tools-list .tools-item{padding:8px;border-radius:4px;border:1px solid #1472FF;font-size:16px;font-weight:400;color:#1472FF;text-align:center;background-color:rgba(255,255,255,0);margin:0 6px}.famous-user-info .user-demo-area .user-demo-describe .user-use-tools .demo-user-name{margin-top:30px;width:176px;height:22px;font-size:16px;font-weight:400;color:#333;line-height:22px}.create-store-entrance-area{padding:56px 0;background:#1472FF}.create-store-entrance-area .entrance-tips{width:448px;height:36px;font-size:28px;font-weight:500;color:#FFF}.create-store-entrance-area .create-store-btn{margin-top:32px;width:160px;height:44px;border-radius:32px;border:1px solid #FFF;font-size:16px;font-weight:500;color:#FFF;line-height:44px;text-align:center}