.loading{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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading img{width:80px;height:80px;margin:200px 0 0}.loading p{font-size:12px;color:#9ca1ad}.home{height:100%;background-color:#fff}.cutOffRule{height:10px;background:#f7f8fc;margin-top:24px}.homeNav{color:#404247;height:22px;padding-top:44px;padding-left:16px;padding-right:16px;padding-bottom:40px;background-color:#fff;background-size:cover;background-repeat:no-repeat}.homeNav,.homeNav .navLeft{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.homeNav .navLeft{width:124px;height:24px}.homeNav .navLeft img:first-child{width:24px;height:24px}.homeNav .navLeft img:last-child{width:100px;height:20px}.homeNav .navRight{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:16px;height:34px;background:#f7f8fc;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.homeNav .navRight img{width:16px;height:16px;margin:0 4px 0 16px}.homeNav .navRight span{font-size:14px;color:#cacde0}.homeContent{padding-bottom:50px;position:relative;top:-16px}.homeContent,.homeContent .van-tabs__wrap{border-radius:16px 16px 0 0;background-color:#fff}.homeContent .van-tabs__wrap{padding:0 16px 3px}.homeContent .van-tab{-webkit-box-flex:0;-ms-flex:none;flex:none;padding:0;margin-right:24px;font-size:15px;margin-top:3px}.homeContent .van-tabs__line{background:-webkit-gradient(linear,left top,right top,from(#4e7df7),to(#86b4fc));background:linear-gradient(90deg,#4e7df7,#86b4fc);bottom:19px}.homeContent .van-tab--active{font-weight:700}.banner .bannerItem{margin:10px 16px 0;height:113px}.banner img{width:100%;height:113px;border-radius:6px}.banner .van-swipe__indicator{width:6px;height:6px;opacity:1;background-color:hsla(0,0%,100%,.5)}.banner .van-swipe__indicator--active{width:16px;border-radius:6px}.kingKongArea .van-grid-item__content{padding:0}.kingKongAreaItem{padding-top:26px;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;position:relative}.pagingKingKongArea .van-swipe{padding-bottom:17px}.kingKongAreaItem .kingKongAreaIcon{height:14px;width:auto;position:absolute;top:19px;left:50%;z-index:99;border-radius:0}.kingKongAreaItem img{width:40px;height:40px}.kingKongAreaItem p{font-size:13px;font-weight:400;color:#6e727a;margin-top:8px}.kingKongArea .van-swipe__indicators{bottom:2px}.kingKongArea .van-swipe__indicator{width:6px;height:6px;opacity:1;background-color:rgba(78,125,247,.5)}.kingKongArea .van-swipe__indicator--active{width:16px;border-radius:6px}.ceramicsArea>div{margin-top:24px;background-color:#f7f8fc;padding:13px 11px 13px 16px}.ceramicsAreaOut{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ceramicsAreaOut>div{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:5px;border-radius:4px;height:112px;overflow:hidden;margin-bottom:5px}.ceramicsAreaOut .threeImg{height:74px}.ceramicsAreaOut img{width:100%;height:100%}.recommend{background-color:#fff}.recommend .recommendContent{padding-top:24px;background-repeat:no-repeat;background-size:100%;padding-bottom:32px}.recommend .isolation{height:10px;background:#f7f8fc}.recommendContent>h3{margin:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;font-weight:700;color:#333}.recommendContent>h3 img{width:12px;height:12px}.recommend .course{margin:20px 16px 0}.recommend .teacher{margin:20px 0 0}.homeContent .recommend .van-tabs__wrap{margin:0;padding:0;border-radius:0;height:148px;background:transparent}.homeContent .recommend .van-tabs__nav{background:transparent}.recommend .van-tab{width:118px;-webkit-box-flex:0;-ms-flex:none;flex:none;border-radius:4px;border:1px solid #edf0fa;overflow:hidden;padding:0;margin-left:13px;margin-right:0}.recommend .van-tabs__nav--line.van-tabs__nav--complete{padding:0 16px 0 3px}.recommend .van-tab .van-tab__text{display:block;width:100%;height:100%}.recommend .teacherOut{height:146px;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;background-color:#fff}.teacherOut img{width:52px;height:52px;border-radius:50%;margin-top:12px}.teacherOut p{font-size:15px;font-weight:600;color:#404247;margin:12px 12px 6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal;word-break:break-all;word-wrap:break-word}.teacherOut>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.teacherOut span{margin:0 12px;font-size:12px;font-weight:400;color:#9ca1ad;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
  /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:break-all;word-wrap:break-word}.more{padding:10px 16px 32px;background-color:#f7f8fc}.more .tip{font-size:14px;font-weight:400;color:#9ca1ad;margin:0;text-align:center;display:inherit}.more .moreContent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.more .moreContent span{background:#fff;border-radius:16px;height:32px;line-height:32px;padding:0 16px;font-size:13px;font-weight:400;color:#404247;margin:12px 9px 0;position:relative}.more .moreContent span img{width:24px;height:24px;position:absolute;top:4px;left:-10px}.isIosx .homeNav{padding-top:49px}.isIosx .homeContent{padding-bottom:84px}