.famous-home-wrapper .famous-content-wrapper{margin:0 auto;background:url(../../static/img/bannerBackground_58.c18447bb.png);background-size:100% 280px;height:280px;padding-top:120px}.famous-home-wrapper .famous-top-wrapper{background:#fff;box-shadow:0 0 6px 0 hsla(0,0%,76.9%,.3);border-radius:4px;padding:20px;margin:0 100px;position:relative}.famous-home-wrapper .teacher-head-img{height:100px;width:100px;border-radius:50%;position:absolute;top:-45px;left:20px;padding:5px;background:#fff;text-align:center}.famous-home-wrapper .teacher-head-img img{width:90px;height:90px;border-radius:50%}.famous-home-wrapper .teacher-head-img .top-user-type{cursor:pointer;position:absolute;bottom:0;right:-5px;background:#282830;border:3px solid #fff;border-radius:50%;text-align:center;padding:4px 7px;color:#fff}.famous-home-wrapper .famous-top-title{padding-left:120px;font-size:20px;font-weight:500;color:#333}.famous-home-wrapper .famous-top-key{display:inline-block;color:#fff;height:22px;line-height:22px;padding:0 5px;background:linear-gradient(155deg,#ffab96,#ee6e8c);border-radius:10px 10px 0 10px;vertical-align:text-bottom;font-size:14px}.famous-home-wrapper .famous-content{min-height:70px;padding:0 20px;margin:20px 0;font-weight:400;color:#666;line-height:23px;position:relative;text-indent:30px}.famous-home-wrapper .famous-content .more{position:absolute;top:0;left:-8px;z-index:9;cursor:pointer}.famous-home-wrapper .famous-data-list{display:flex;padding:0 20px}.famous-home-wrapper .famous-data-lis{flex:1;text-align:center;vertical-align:middle;color:#999;line-height:20px}.famous-home-wrapper .lis-hover{cursor:pointer}.famous-home-wrapper .famous-data-num{font-size:28px;font-family:Bahnschrift;font-weight:400;color:#fd032f;line-height:36px;margin-top:6px}.famous-home-wrapper .famous-data-xian{width:1px;height:68px;border:1px solid #f0eeee;vertical-align:middle}.famous-home-wrapper .famous-info-wrapper{margin:118px 100px 0}.famous-home-wrapper .famous-info-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:20px;margin-bottom:20px}.famous-home-wrapper .famous-info-list .famous-resources-lis{width:100%;border-radius:6px;overflow:hidden;cursor:pointer}.famous-home-wrapper .famous-info-list .famous-resources-lis img{width:100%;height:146px}.famous-home-wrapper .famous-info-list .famous-resources-lis .resoures-lis-content{padding:17px 13px 15px;background:#fff}.famous-home-wrapper .famous-info-list .famous-resources-lis .resoures-lis-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#000}.famous-home-wrapper .famous-info-list .famous-resources-lis .botton-info-box{display:flex;justify-content:space-between;align-content:center}.famous-home-wrapper .famous-info-list .famous-resources-lis .botton-info-box .resoures-lis-name{max-width:160px;margin-top:10px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#999}.famous-home-wrapper .famous-info-list .famous-resources-lis .botton-info-box .tea-time{display:flex}.famous-home-wrapper .famous-info-list .famous-resources-lis .botton-info-box .tea-time span{font-size:14px;color:#909399;margin:10px 0 0 10px}.famous-home-wrapper .famous-info-list .famous-course-lis{width:100%;border-radius:6px;overflow:hidden;cursor:pointer}.famous-home-wrapper .famous-info-list .famous-course-lis img{width:100%;height:126px}.famous-home-wrapper .famous-info-list .famous-course-lis .course-lis-content{padding:17px 13px 15px;background:#fff}.famous-home-wrapper .famous-info-list .famous-course-lis .course-lis-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#000}.famous-home-wrapper .famous-info-list .famous-course-lis .course-lis-name{margin-top:10px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#666}.famous-home-wrapper .famous-info-list .famous-course-lis .course-lis-name img{display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:50%;margin-right:7px}.famous-home-wrapper .famous-info-list .famous-course-lis .course-lis-name span{display:inline-block;vertical-align:middle;line-height:20px}.famous-home-wrapper .famous-footr-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}.famous-home-wrapper .famous-footr-lis{width:100%;display:inline-block;vertical-align:top}.famous-home-wrapper .famous-information-wrapper{padding:20px;background:#fff;border-radius:6px;height:408px}.famous-home-wrapper .famous-information-wrapper .information-lis-one{margin-bottom:16px;cursor:pointer}.famous-home-wrapper .famous-information-wrapper .information-lis-one img{width:120px;height:80px}.famous-home-wrapper .famous-information-wrapper .information-one-title{vertical-align:top;display:inline-block;margin-left:13px}.famous-home-wrapper .famous-information-wrapper .information-one-title .information-one-name{width:213px;font-size:20px;font-family:PingFang SC;font-weight:500;color:#333;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.famous-home-wrapper .famous-information-wrapper .information-one-title .information-one-time{font-size:14px;font-family:PingFang SC;font-weight:500;color:#999}.famous-home-wrapper .famous-information-wrapper .information-lis-one:hover .information-one-title .information-one-name{color:#4688ff}.famous-home-wrapper .famous-information-wrapper .information-lis-box{border-top:1px dashed #e9e9e9;padding:18px 0 16px;line-height:20px;display:inline-block;cursor:pointer;width:100%}.famous-home-wrapper .famous-information-wrapper .information-lis-box .information-lis-key{display:inline-block;width:20px;height:20px;text-align:center;background:#ccc;border-radius:2px;color:#fff;vertical-align:middle}.famous-home-wrapper .famous-information-wrapper .information-lis-box .iconfont{display:inline-block;vertical-align:middle;font-size:20px;color:#ccc}.famous-home-wrapper .famous-information-wrapper .information-lis-box .information-lis-title{display:inline-block;font-size:16px;font-weight:500;color:#333;width:calc(100% - 127px);margin:0 25px 0 8px;vertical-align:middle}.famous-home-wrapper .famous-information-wrapper .information-lis-box .information-lis-time{display:inline-block;font-size:14px;font-weight:500;color:#999;vertical-align:middle}.famous-home-wrapper .famous-information-wrapper .information-lis-box:first-of-type{border:none;padding-top:0}.famous-home-wrapper .famous-information-wrapper .information-lis-box:last-child{padding-bottom:0}.famous-home-wrapper .famous-information-wrapper .information-lis-box:hover .information-lis-title{color:#4688ff}.famous-home-wrapper .famous-leaderboard-wrapper{padding:22px 20px 20px;background:#fff;border-radius:6px;height:408px}.famous-home-wrapper .famous-leaderboard-wrapper .famous-leaderboard-lis{margin-bottom:41px}.famous-home-wrapper .famous-leaderboard-wrapper .famous-leaderboard-lis .leaderboard-lis-rankI{display:inline-block;vertical-align:middle;width:26px;height:34px;margin-left:15px}.famous-home-wrapper .famous-leaderboard-wrapper .famous-leaderboard-lis .leaderboard-lis-rankT{display:inline-block;vertical-align:middle;width:26px;height:26px;background:#ccc;border-radius:50%;color:#fff;text-align:center;line-height:26px;margin-left:15px}.famous-home-wrapper .famous-leaderboard-wrapper .famous-leaderboard-lis .leaderboard-lis-img{display:inline-block;vertical-align:middle;width:36px;height:36px;border-radius:50%;margin:0 14px 0 17px}.famous-home-wrapper .famous-leaderboard-wrapper .famous-leaderboard-lis .leaderboard-lis-name{display:inline-block;vertical-align:middle;font-size:18px;font-weight:400;color:#000;opacity:.9;width:150px}.famous-home-wrapper .famous-leaderboard-wrapper .famous-leaderboard-lis .leaderboard-lis-num{font-size:18px;line-height:36px;font-weight:400;color:#000;opacity:.9}.famous-home-wrapper .famous-leaderboard-wrapper .famous-leaderboard-lis:last-child{margin-bottom:20px}.famous-home-wrapper .inroduction-html img{max-width:100%;height:100px}.famous-home-wrapper .inroduction-html table{border-collapse:revert;border-spacing:revert}.famous-home-wrapper .inroduction-html ul{list-style:disc inside;border:1}.famous-home-wrapper .inroduction-html ol{list-style:decimal inside;border:1}.famous-home-wrapper .inroduction-html li{list-style:revert}.famous-home-wrapper .inroduction-html caption{all:revert}