.icon-back{display:inline-block;width:16px;height:16px;background:url(/v1/imgs/icon-back.png) no-repeat}.scroll-bar{width:4px;position:absolute;top:0;border-radius:10px;height:100%;right:0;background:#fff}.scroll-bar .slide-rect{position:relative;top:0;width:4px;height:20px;border-radius:10px;background:#aaa}.tip-box{position:absolute;top:-55px;left:-45px;width:200px;padding:5px;font-size:12px;background:#fff;color:#212121;box-shadow:0 0 10px 2px rgba(0,0,0,.2)}.tip-box .triangle{margin:0;border-width:10px;border-style:solid;border-color:#fff transparent transparent transparent;padding:0;width:0;height:0;position:absolute;bottom:-20px;left:100px}header{width:100%;min-width:1000px;min-height:200px;background:#1b2430;background-size:cover;position:relative}header .btn-back{position:absolute;top:20px;left:30px;color:#fff}header .change-subject-btn{width:100px;height:30px;border-radius:30px;border:1px solid #60666e;background-color:#2d353f;text-align:center;line-height:30px;color:#fff;font-size:14px;position:absolute;top:15px;right:20px;cursor:pointer;z-index:10}header .change-subject-btn .change-subject-icon{margin-right:10px}header .container{width:1000px;height:100%;min-height:200px;margin:0 auto;position:relative}header .container .title{font-size:20px;text-align:center;color:#fff;border-bottom:1px solid #323a44;position:relative;height:56px;line-height:56px}header .container .title .desc{color:#bbbcbe;font-size:12px;min-height:18px}header .container .content{position:relative;min-height:140px}header .container .content .content-left{position:absolute;top:30px;left:0;color:#0abc9a}header .container .content .content-left .item-title{font-size:18px}header .container .content .content-left .nums{font-size:40px}header .container .content .content-left.no{color:#bbbcbe}header .container .content .content-middle{width:520px;margin:0 auto}header .container .content .content-middle.content-middle-stu-noright{width:800px;top:40px}header .container .content .content-middle .item-box{float:left;width:180px;margin-top:25px;margin-left:10px;position:relative}header .container .content .content-middle .item-box .item-icon-img{width:40px;height:50px;position:absolute;top:0;left:0}header .container .content .content-middle .item-box .item-icon-img.imgicon-book{background:url(/v1/imgs/list-header-book.png) 50% 50% no-repeat}header .container .content .content-middle .item-box .item-icon-img.imgicon-clock1{background:url(/v1/imgs/list-header-clock1.png) 50% 50% no-repeat}header .container .content .content-middle .item-box .item-icon-img.imgicon-clock2{background:url(/v1/imgs/list-header-clock2.png) 50% 50% no-repeat}header .container .content .content-middle .item-box .item-icon-img.imgicon-true{background:url(/v1/imgs/list-header-true.png) 50% 50% no-repeat}header .container .content .content-middle .item-box .txt-info{margin-left:50px}header .container .content .content-middle .item-box .txt-info .key-txt{font-size:12px;color:#b5d3eb}header .container .content .content-middle .item-box .txt-info .key-txt .go-more{font-size:12px;color:#249bd5;margin-left:10px;cursor:pointer}header .container .content .content-middle .item-box .txt-info .key-txt .go-more .iconfont{margin-left:5px}header .container .content .content-middle .item-box .txt-info .value{font-size:24px;color:#ecf7ff;margin-top:-5px}header .container .content .content-middle .line-1{width:100%;text-align:center;color:#999;font-size:12px}header .container .content .content-middle .line-1 span{font-size:20px;color:#38c23b}header .container .content .content-middle ul li{display:inline-block;float:left;text-align:center;margin:0 15px}header .container .content .content-middle ul li div{color:#9a9c9f;margin-top:-10px}header .container .content .content-right{position:absolute;top:30px;right:0}header .container .content .content-right .item{color:#a1a3a5;font-size:14px}header .container .content .content-right .item span{color:#ecf7ff;font-size:18px;margin-left:5px}.content-wrap{width:1000px;margin:0 auto;padding:20px 0}.content-wrap .no-data-wrap{text-align:center;padding:100px}.content-wrap .no-data-wrap p{font-size:18px;margin-top:20px}.content-wrap .ui-loading{padding:100px}.content-wrap .first-wrap{width:100%;text-align:center;padding-top:100px}.content-wrap .first-wrap p{font-size:20px;color:#212121;margin-top:20px}.content-wrap .first-wrap .btn-text{width:220px;height:54px;border-radius:54px;line-height:54px;text-align:center;background:#358cff;color:#fff;font-size:20px;margin:0 auto;margin-top:35px;cursor:pointer}.content-wrap .section-container{width:100%;margin:20px 0}.content-wrap .section-container .section-title{padding:20px 25px;font-size:18px;color:#757575;background-color:#fafafa;border-bottom:1px solid #ededed}.content-wrap .section-container .port-container{background-color:#fff}.content-wrap .section-container .port-container .port-item{padding:0 25px;height:110px;box-sizing:border-box;border-bottom:1px solid #ededed;position:relative}.content-wrap .section-container .port-container .port-item .flag-img{position:absolute;top:0;left:0}.content-wrap .section-container .port-container .port-item .port-item-title{width:230px;float:left;margin-top:30px;position:relative}.content-wrap .section-container .port-container .port-item .port-item-title.port-item-title-stu{width:270px}.content-wrap .section-container .port-container .port-item .port-item-title.port-item-title-stu .title{margin-left:70px}.content-wrap .section-container .port-container .port-item .port-item-title.port-item-title-stu .title.no-margin{margin-left:0;width:230px}.content-wrap .section-container .port-container .port-item .port-item-title.port-item-title-stu .desc{margin-left:70px}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box{width:56px;height:64px;position:absolute;top:-7px;left:0}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-1{background:url(/v1/imgs/l10-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-2{background:url(/v1/imgs/l9-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-3{background:url(/v1/imgs/l8-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-4{background:url(/v1/imgs/l7-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-5{background:url(/v1/imgs/l6-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-0{background:url(/v1/imgs/level-no.png) no-repeat}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-1-new{background:url(/v1/imgs/l10-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-2-new{background:url(/v1/imgs/l9-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-3-new{background:url(/v1/imgs/l8-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-4-new{background:url(/v1/imgs/l7-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-5-new{background:url(/v1/imgs/l6-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .port-item-title .level-icon-box.level-0-new{background:url(/v1/imgs/level-no-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .port-item-title .title{font-size:16px;color:#212121;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:160px}.content-wrap .section-container .port-container .port-item .port-item-title .desc{font-size:14px;margin-top:5px}.content-wrap .section-container .port-container .port-item .port-item-title .desc.default{color:#688eac}.content-wrap .section-container .port-container .port-item .port-item-title .desc.no-data{color:#a8a8a8}.content-wrap .section-container .port-container .port-item .work-rate-container{width:390px;float:left}.content-wrap .section-container .port-container .port-item .work-rate-container.work-rate-container-stu{margin-top:10px}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item{float:left;position:relative;text-align:center;width:60px;height:110px;margin-top:-15px;margin-right:17px}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level{width:56px;height:64px;margin-top:25px}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-0{background:url(/v1/imgs/l6-0.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-0.hasData{background:url(/v1/imgs/l6-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-1{background:url(/v1/imgs/l7-0.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-1.hasData{background:url(/v1/imgs/l7-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-2{background:url(/v1/imgs/l8-0.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-2.hasData{background:url(/v1/imgs/l8-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-3{background:url(/v1/imgs/l9-0.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-3.hasData{background:url(/v1/imgs/l9-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-4{background:url(/v1/imgs/l10-0.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-4.hasData{background:url(/v1/imgs/l10-1.png) -8px -9px no-repeat}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-0-new{background:url(/v1/imgs/l6-0-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-0-new.hasData{background:url(/v1/imgs/l6-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-1-new{background:url(/v1/imgs/l7-0-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-1-new.hasData{background:url(/v1/imgs/l7-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-2-new{background:url(/v1/imgs/l8-0-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-2-new.hasData{background:url(/v1/imgs/l8-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-3-new{background:url(/v1/imgs/l9-0-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-3-new.hasData{background:url(/v1/imgs/l9-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-4-new{background:url(/v1/imgs/l10-0-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .level.level-4-new.hasData{background:url(/v1/imgs/l10-1-new.png) no-repeat;background-size:cover}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .UI-hexagon{margin:0 auto}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .wrapper2{background-color:#ededed}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .rate-txt{position:absolute;top:36px;left:15px;width:30px;font-size:12px;color:#b2b2b2}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item .rate-num{font-size:12px;color:#afafaf;margin-top:-15px}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-1 .wrapper2{background-color:#ffc955}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-1 .rate-txt{color:#fff}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-2 .wrapper2{background-color:#ff6a74}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-2 .rate-txt{color:#fff}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-3 .wrapper2{background-color:#da4bf3}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-3 .rate-txt{color:#fff}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-4 .wrapper2{background-color:#4da9ff}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-4 .rate-txt{color:#fff}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-5 .wrapper2{background-color:#72d10f}.content-wrap .section-container .port-container .port-item .work-rate-container .rate-item.item-5 .rate-txt{color:#fff}.content-wrap .section-container .port-container .port-item .count-container{float:left;margin-top:10px;margin-left:70px}.content-wrap .section-container .port-container .port-item .count-container .count-item{display:block;margin-top:20px}.content-wrap .section-container .port-container .port-item .count-container .count-item span{vertical-align:text-bottom}.content-wrap .section-container .port-container .port-item .count-container .count-item.top-40{margin-top:40px}.content-wrap .section-container .port-container .port-item .count-container.count-container-stu{margin-left:40px}.content-wrap .section-container .port-container .port-item .count-container .check-count-btn{font-size:14px;color:#757575;cursor:pointer;margin-left:5px}.content-wrap .section-container .port-container .port-item .show-container{margin-top:45px;float:left;font-size:14px;color:#818181;margin-left:50px}.content-wrap .section-container .port-container .port-item .show-container .count-item{display:inline-block;margin-right:80px}.content-wrap .section-container .port-container .port-item .show-container .count-item.pointer{cursor:pointer}.content-wrap .section-container .port-container .port-item .show-container .count-item.fixwidth{width:100px}.content-wrap .section-container .port-container .port-item .show-container .count-item span{vertical-align:text-bottom}.content-wrap .section-container .port-container .port-item .show-container .count-item img{margin-right:5px}.content-wrap .section-container .port-container .port-item .chanllenge-btn{width:125px;height:40px;border-radius:40px;background-color:#63a3f7;float:right;text-align:center;line-height:40px;color:#fff;font-size:16px;margin-top:30px;cursor:pointer;position:relative}.content-wrap .section-container .port-container .port-item .chanllenge-btn i{font-size:24px;margin-right:5px;vertical-align:middle}.content-wrap .section-container .port-container .port-item .chanllenge-btn.no-use{background:#b8b8b8;cursor:default}.content-wrap .section-container .port-container.tbxl .port-item{height:120px}.content-wrap .section-container .port-container.tbxl .port-item .port-item-title{margin-top:40px}.content-wrap .section-container .port-container.tbxl .port-item .work-rate-container{margin-top:10px}.content-wrap .section-container .port-container.tbxl .port-item .work-rate-container .rate-num{margin-top:5px}.content-wrap .section-container .port-container.tbxl .port-item .chanllenge-btn{margin-top:40px}.fixed-header{width:100%;height:56px;min-width:1000px;background-color:#1b2430;position:fixed;top:0;left:0;z-index:100;display:none}.fixed-header .btn-back{position:absolute;top:20px;left:30px;color:#fff}.fixed-header .change-subject-btn{width:100px;height:30px;border-radius:30px;border:1px solid #60666e;background-color:#2d353f;text-align:center;line-height:30px;color:#fff;font-size:14px;position:absolute;top:15px;right:20px;cursor:pointer}.fixed-header .change-subject-btn .change-subject-icon{margin-right:10px}.fixed-header .container{width:1000px;height:100%;margin:0 auto;position:relative}.fixed-header .container .title{font-size:20px;padding:10px 0;text-align:center;color:#fff;position:relative}.fixed-header .container .title .desc{color:#bbbcbe;font-size:12px}@media all and (min-width:1800px){.catalog-container-big{position:absolute;top:280px;left:40px;width:300px;max-height:600px;overflow-y:auto;overflow-x:visible;padding-left:20px}.catalog-container-big .content-box-list{padding:0 25px;border-left:1px solid #d0d0d0;box-sizing:border-box;position:relative}.catalog-container-big .content-box-list .point{width:10px;height:10px;border-radius:10px;border:2px solid #d0d0d0;position:absolute;background-color:#ededed}.catalog-container-big .content-box-list .point.left-top{top:0;left:-7px}.catalog-container-big .content-box-list .point.left-bottom{bottom:0;left:-8px}.catalog-container-big .content-box-list .section{font-size:14px;color:#212121;margin-top:25px;position:relative;display:block}.catalog-container-big .content-box-list .section .active-img{position:absolute;top:0;left:-32px;display:none}.catalog-container-big .content-box-list .section.active .active-img{display:block}.catalog-container-big .content-box-list .section.no-margin-top{margin-top:0}.catalog-container-big .content-box-list .part{font-size:12px;color:#757575;margin:10px 0;display:block;position:relative}.catalog-container-big .content-box-list .part .active-img{position:absolute;top:0;left:-32px;display:none}.catalog-container-big .content-box-list .part.active .active-img{display:block}.catalog-container-small{display:none}}@media all and (max-width:1800px){.catalog-container-big{display:none}.catalog-container-small{position:absolute;left:0;bottom:-28px}.catalog-container-small.catalog-container-small-hide{display:none}.catalog-container-small .small-btn{width:56px;height:56px;border-radius:28px;background-color:#506177;text-align:center;line-height:56px;cursor:pointer}.catalog-container-small .small-btn img{margin-top:20px}.catalog-container-small .content-wrap{position:absolute;top:0;left:0;width:240px;background-color:#fff;padding:15px 10px 55px;box-sizing:border-box;z-index:100;max-height:400px;overflow:auto;display:none}.catalog-container-small .content-wrap .content-box-list{padding:0 25px;border-left:1px solid #d0d0d0;box-sizing:border-box;position:relative}.catalog-container-small .content-wrap .content-box-list .point{width:10px;height:10px;border-radius:10px;border:2px solid #d0d0d0;position:absolute;background-color:#ededed}.catalog-container-small .content-wrap .content-box-list .point.left-top{top:0;left:-7px}.catalog-container-small .content-wrap .content-box-list .point.left-bottom{bottom:0;left:-7px}.catalog-container-small .content-wrap .content-box-list .section{font-size:14px;color:#212121;margin-top:20px;position:relative;display:block}.catalog-container-small .content-wrap .content-box-list .section .active-img{position:absolute;top:0;left:-32px;display:none}.catalog-container-small .content-wrap .content-box-list .section.active .active-img{display:block}.catalog-container-small .content-wrap .content-box-list .part{font-size:12px;color:#757575;margin:10px 0;display:block;position:relative}.catalog-container-small .content-wrap .content-box-list .part .active-img{position:absolute;top:0;left:-32px;display:none}.catalog-container-small .content-wrap .content-box-list .part.active .active-img{display:block}}.fixed-catalog-container-big{position:fixed;top:120px;left:40px}