.c-body .class-div{overflow:hidden;margin-top:16px;border-radius:6px;width:100%;background:#fff;position:relative;padding-left:176px}.class-infor{width:176px;height:100%;background:linear-gradient(#49aef2,#75c7f6);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#49aef2', endColorStr='#75c7f6', gradientType='0');padding-top:71px;position:absolute;top:0;left:0}.class-infor-con{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%)}.class-what{margin:0 auto;margin-bottom:8px;font-size:20px;color:#fff;text-align:center;text-overflow:ellipsis;overflow:hidden;max-width:170px;white-space:nowrap;line-height:28px}.class-id{margin-bottom:4px;font-size:14px;line-height:20px;color:#FFF;padding-left:23px}.class-teacher-name{font-size:14px;line-height:20px;color:#FFF;padding-left:23px;margin-bottom:24px}.class-count{margin-bottom:16px;font-size:14px;color:#fff;text-align:center;opacity:.9}.class-year{margin-bottom:16px;font-size:14px;color:#fff;text-align:center;opacity:.9}.into-class{background-color:#fff;border:none;outline:0;border-radius:3px;text-align:center;line-height:32px;height:32px;width:106px;margin:0 auto;display:block;color:#3fa7e2;font-size:14px;cursor:pointer}.class-detail{width:100%}.detail-tips{height:170px;line-height:170px;text-align:center;font-size:14px;color:#888}.detail-tips a{color:#5cb4e7}.detail-box{width:100%;position:relative}.detail-box .top-box{height:156px}.detail-box .top-box.h170{height:170px}.detail-info{padding-left:28px;padding-right:28px;width:510px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.info-box{width:151px;text-align:center;color:#555;position:relative;padding-top:47px}.fs14{font-size:14px}.info-head{height:40px;font-size:40px;margin-bottom:16px}.ffHT{font-family:'黑体'!important}.info-content{font-size:14px;line-height:20px}.detail-box-line{width:1px;border-left:1px solid #dae1e7;height:122px;position:relative;top:24px}.detail-person{padding:29px 29px 0 29px}.detail-person-text{font-size:14px;color:#555;line-height:20px;text-align:center;margin-bottom:8px;width:100%}.detail-box-btn{padding-top:35px;width:312px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;font-size:16px}.detail-box-btn .box-btn-item{padding:0 20px;cursor:pointer}.detail-box-btn .box-btn-item .img-con{padding-bottom:8px}.detail-box-btn .box-btn-item .img-con img{width:60px;height:60px;margin:0 auto}.no-person-box,.person-box{width:84px;text-align:center;color:#555;position:relative}.rank-back{width:53px;height:57px;margin:0 auto;position:relative}.no-1{background:url(https://static.ets100.com/teacherend/dist/images/sprite-index-130a14e6e1.png) no-repeat 0 -1px}.no-2{background:url(https://static.ets100.com/teacherend/dist/images/sprite-index-130a14e6e1.png) no-repeat -53px 0}.no-3{background:url(https://static.ets100.com/teacherend/dist/images/sprite-index-130a14e6e1.png) no-repeat -107px 0}.rank-back img{height:49px;width:49px;position:relative;top:5px;border-radius:49px}.rank-sign{height:13px;position:absolute;top:46px;left:7px}.no-1 .rank-sign{width:38px;left:8px;background:url(https://static.ets100.com/teacherend/dist/images/sprite-index-130a14e6e1.png) no-repeat -237px 0}.no-2 .rank-sign{width:39px;background:url(https://static.ets100.com/teacherend/dist/images/sprite-index-130a14e6e1.png) no-repeat -198px 0}.no-3 .rank-sign{width:40px;background:url(https://static.ets100.com/teacherend/dist/images/sprite-index-130a14e6e1.png) no-repeat -159px 0}.person-name{margin-top:17px;font-size:14px;text-overflow:ellipsis;overflow:hidden;max-width:84px;white-space:nowrap}.person-noname{color:#a3a3a3}.question-icon{display:inline-block;width:16px;height:16px;position:absolute;bottom:15px;right:18px;background:url(https://static.ets100.com/teacherend/dist/images/icon-question-446c71cb1c.png) no-repeat 0 0}.question-icon-1{display:inline-block;width:16px;height:16px;position:absolute;bottom:8px;right:8px;background:url(https://static.ets100.com/teacherend/dist/images/icon-question-446c71cb1c.png) no-repeat 0 0}.icon-lock-class{display:inline-block;width:14px;height:14px;margin-right:6px;position:relative;top:1px;background:url(https://static.ets100.com/teacherend/dist/images/sprite-index-130a14e6e1.png) no-repeat -372px 0}.forecast-tips,.info-tips,.lock-tips,.rank-tips{position:absolute;left:10px;padding-right:10px;padding-bottom:6px;padding-top:6px;padding-left:10px;line-height:16px;border-radius:3px;font-size:12px;color:#fff;z-index:5;background:#48b2f6;filter:alpha(opacity=80);background:rgba(72,178,246,.8);display:none}.forecast-arr,.info-arr,.lock-arr,.rank-arr{position:absolute;top:28px;left:0;display:block;height:0;width:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid rgba(72,178,246,.8)}.rank-arr{top:60px}.forecast-arr{top:44px}.lock-tips{color:#48b2f6;background:rgba(255,255,255,.8)}.lock-arr{border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid rgba(255,255,255,.8)}.detail-stu-rank{background-color:#F9FBFD;padding-top:16px;padding-bottom:8px;padding-left:20px;padding-right:20px}.detail-stu-rank .rank-con{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.rank-stu-item{color:#979797;line-height:20px;padding-bottom:8px;position:relative;width:156px;font-size:14px}.rank-stu-item span{vertical-align:middle;display:inline-block}.rank-stu-item .no-icon{width:20px;height:20px;background-size:14px;background-position:center;background-repeat:no-repeat;margin-right:6px}.rank-stu-item .no-icon.no-normal-icon{background-image:url(https://static.ets100.com/teacherend/dist/images/no-normal-icon-1d9e4c1872.png)}.rank-stu-item .no-icon.no1-icon{background-image:url(https://static.ets100.com/teacherend/dist/images/no1-icon-59dce51320.png)}.rank-stu-item .no-icon.no2-icon{background-image:url(https://static.ets100.com/teacherend/dist/images/no2-icon-90e37a1f65.png)}.rank-stu-item .no-icon.no3-icon{background-image:url(https://static.ets100.com/teacherend/dist/images/no3-icon-af0ec7b738.png)}.rank-stu-item .name{width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-stu-item .rank-stu-title{position:absolute;top:-32px;left:50%;transform:translate(-50%);display:block;padding:5px 10px;line-height:20px;background-color:#404040;color:#fff;border-radius:2px;display:none}.rank-stu-item .rank-stu-title:after{display:block;content:'';width:0;height:0;border-top:5px solid #404040;border-bottom:5px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;background-color:transparent;position:absolute;bottom:-10px;left:50%;margin-left:-5px}.super-class-type-sel{margin-top:16px;line-height:20px}.super-class-type-sel .fl{margin-right:24px;cursor:pointer;font-size:14px;line-height:20px;color:#555}