*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}#app,body,html{min-width:1100px;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif!important;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;overflow-x:hidden}#app,.iclass,body,html{width:100%;height:auto}.iclass__content{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;position:relative;width:1100px;height:auto;margin:0 auto}.iclass__content--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.iclass--header{width:100%;height:auto;position:absolute;padding-top:36px;top:0;left:0;-webkit-transition:all .5s cubic-bezier(.075,.82,.165,1) 0s;transition:all .5s cubic-bezier(.075,.82,.165,1) 0s}.iclass--header.fixed{position:fixed;z-index:9;top:0;left:0;background:#fff;padding:15px 0 0}.iclass--header.fixed a{color:#333!important}.iclass--header.fixed .active--border{background:#333!important}.iclass--header__l{width:149px;height:48px}.iclass--header__r .header--nav{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;width:675px;height:auto}.iclass--header__r .header--nav li{padding:8px 0;list-style:none;position:relative}.iclass--header__r .header--nav li a{text-decoration:none;color:#fff}.iclass--header__r .header--nav li a:hover{color:hsla(0,0%,100%,.5)}.iclass--header__r .header--nav li .active--border{width:100%;height:3px;background:#fff;display:inline-block;position:absolute;bottom:-8px;left:0}.iclass--banner{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;background-image:url(../img/timg.5e803f05.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:680px;color:#fff;position:relative}.iclass--banner .fix-top{margin-top:120px}.iclass--banner__l .banner--title{font-family:SimSun;font-size:36px;line-height:62px}.iclass--banner__l .banner--desc{margin-top:37px;font-size:16px;line-height:34px;margin-bottom:43px}.iclass--banner__l .banner--desc b{font-size:18px}.iclass--banner__r{width:509px;height:492px}.iclass--banner__r img{width:100%;height:auto}.iclass--lianpin{width:100%;height:665px;background:#ebf5ff;padding-top:90px}.iclass--lianpin__l{width:500px;height:auto;line-height:34px;color:#333}.iclass--lianpin__l .lianpin--txt h1{font-size:18px;color:#333;margin:20px 0 10px 0}.iclass--lianpin__l .lianpin--txt p{font-size:16px;color:#333}.iclass--lianpin__l .lianpin--btns{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:30px}.iclass--lianpin__l .lianpin--btns,.iclass--lianpin__l .lianpin--btns .lianpin-video{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.iclass--lianpin__l .lianpin--btns .lianpin-video{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.iclass--lianpin__r{width:495px;height:363px}.iclass--read{width:100%;height:750px;padding-top:90px;color:#333}.iclass--read__t{line-height:34px}.iclass--read__b,.iclass--read__t{width:100%;height:auto;margin-top:34px}.iclass--read__b .read--title{font-size:18px}.iclass--read__b .read--books{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:25px}.iclass--read__b .read--books .book--item{width:146px;cursor:pointer}.iclass--read__b .read--books .book__title{font-size:14px;margin-top:10px}.iclass--read__b .read--books .book__desc{font-size:12px;margin:6px 0}.iclass--read__b .read--books .book--item__text{padding-left:10px;font-size:16px}.iclass--smooc{width:100%;height:866px;background:#ebf5ff;padding-top:90px}.iclass--smooc__title{width:100%;height:auto;margin-top:24px}.iclass--smooc__desc{width:100%;height:auto;margin-top:37px;font-size:16px;line-height:34px;margin-bottom:23px}.iclass--smooc__mechanism{width:100%;height:auto;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;margin-top:32px}.iclass--smooc__mechanism img{cursor:pointer}.iclass--live{width:100%;height:742px;padding-top:90px}.iclass--live__l{width:734px;height:452px}.iclass--live__r{width:366px;height:452px;border:1px solid #ccc}.iclass--live__r .live--list:last-child{border:none}.iclass--live__r .live--list{width:100%;height:90px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;border-bottom:1px solid #ccc;cursor:pointer}.iclass--live__r .live--list img{width:90px;height:60px;display:block;margin-right:10px}.iclass--live__r .live--list span{line-height:60px}.iclass--live__r .live--list:hover{-webkit-box-shadow:5px 0 15px #999;box-shadow:5px 0 15px #999}.iclass--sooc{background-image:url(../img/sooc.757ad679.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:480px;padding-top:60px}.iclass--sooc img{width:560px;height:264px}.iclass--sooc__mechanism{width:100%;position:absolute;font-size:24px;font-weight:700;color:#fff;left:0;bottom:65px}.iclass--sooc__mechanism span{color:#f5a623}.iclass--sooc__mechanism a{text-decoration:none;color:#fff;margin-left:25px;margin-right:10px;font-size:18px;font-weight:lighter;cursor:pointer}.iclass--wechat{width:100%;height:500px;padding-top:90px}.iclass--wechat__l{width:484px;height:auto}.iclass--wechat__l .wechat--txt{margin:44px 0}.iclass--wechat__l .wechat--txt p{font-size:16px;color:#333;line-height:35px}.iclass--wechat__r{width:408px;height:322px}.iclass--classroom{background-image:url(../img/classroom.7c86557f.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:658px;padding-top:90px}.iclass--classroom img{width:1100px;height:auto}.iclass--classroom .iclass__content{position:relative}.iclass--classroom .classroom--url{position:absolute;bottom:10px;right:0}.iclass--classroom .classroom--url a{color:#fff;text-decoration:none;margin-right:5px;font-size:18px;font-weight:400}.iclass--classroom .classroom--url i{font-size:20px;color:#fff}.iclass--join{width:100%;height:1134px;background:#ebf5ff;padding-top:90px}.iclass--join .iclass__content{-ms-flex-wrap:wrap;flex-wrap:wrap}.iclass--join .iclass--button{margin:35px auto;width:344px}.iclass--join__title{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-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;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.iclass--join__title .title-line{width:35px;height:6px;background:#007db8}.iclass--join__title h1{font-size:38px;color:#007db8}.iclass--join__title p{font-size:16px;color:#333}.iclass--join__list{width:344px;height:344px;margin-top:35px}.iclass--join__list img{width:100%;height:100%;display:block}.iclass--qrcode{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999}.iclass--qrcode .qrcode-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}.iclass--qrcode .qrcode-content{width:300px;height:300px;background:#fff;border-radius:4px;position:absolute;z-index:2;top:30%;left:50%;margin-left:-125px;padding:30px}.iclass--qrcode .qrcode-content img{width:220px;height:220px;display:block;margin:0 auto}.iclass--qrcode .qrcode-content p{font-size:14px;color:#555;text-align:center;margin-top:15px}.iclass--qrcode .qrcode-content span{position:absolute;right:15px;top:5px;font-size:14px;cursor:pointer}.iclass--foot{width:100%;height:600px;padding-top:50px}.iclass--foot__l{width:540px;height:450px}.iclass--foot__l .logo{width:100%;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.iclass--foot__l .logo img{margin-right:15px}.iclass--foot__l .logo span{font-size:18px;color:#007db8}.iclass--foot__l .txt{margin-top:33px;margin-bottom:10px;font-size:14px;color:#333;line-height:26px}.iclass--foot__l .about{width:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.iclass--foot__l .about .about-type{margin:0 0 10px 20px}.iclass--foot__l .about .about-type .type-wechat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;color:#333}.iclass--foot__l .about .about-type .type-wechat img{margin-right:5px;width:32px;height:32px}.iclass--foot__l .about .about-type .type-wechat a{margin-left:5px;color:#007db8;text-decoration:none}.iclass--foot__r{width:320px;height:450px}.iclass--foot__r h1{font-size:18px;color:#333;margin:0 0 35px 0}.iclass--foot__r .contact{margin-bottom:30px;font-size:14px;color:#333}.iclass--foot__r .contact i{margin-right:10px;font-size:20px}.iclass--foot__r .qrcode{margin-left:-10px}.iclass--foot__beian{width:1100px;height:100px;border-top:1px solid #ccc;margin:0 auto;padding-top:30px}.iclass--foot__beian a{font-size:14px;color:#333;margin-right:15px;margin-left:10px}.iclass--foot__beian a:hover{color:#1593ff}.iclass--title{width:100%;height:auto;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}.iclass--title__l .title--line{width:35px;height:6px;margin-bottom:18px}.iclass--title__l .title--txt{display:-webkit-box;display:-ms-flexbox;display:flex}.iclass--title__l .title--txt .title--text{font-weight:700;font-size:38px}.iclass--title__l .title--txt .title--tips{font-size:18px;color:#999;margin-left:20px;line-height:43px}.iclass--title__r a{cursor:pointer;text-decoration:none}.iclass--title__r i{color:#007db8;margin-left:5px}.iclass--button{width:214px;height:60px;line-height:60px;color:#fff;background:#007db8;border-radius:6px;text-align:center;cursor:pointer;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}.iclass--button i{font-size:28px;margin-right:15px}.iclass--button span{font-size:18px}.iclass--button:hover{opacity:.9}.a{opacity:1}