html,body{height: 100%;background-color: #232532;}
.header {width: 100%; min-width: 1920px;background-color: #373A4F;text-align: center;}
.header .header-inner{height: 68px;line-height: 68px;padding: 0 28px;}
.header .header-logo{height: 68px;}
.header .header-logo img{width: 120px;height: 60px;}
.header .header-logo span{margin-left: 8px;font-size: 18px;color: #fff;vertical-align:bottom;}
.header .header-logo .header-link{font-size: 14px;color: #989BB8;}
.header .header-tit{display: inline-block;margin: auto;text-align: center;font-size: 32px;font-weight: 700;color: #fff;}
.header .header-time{font-size: 24px;color: #fff;width: 240px;}
.header .header-menu .menu{position: fixed;right: -70px;bottom: -70px;width: 140px;height: 140px;cursor: pointer;background-color: #373A4F;border-radius: 50%;z-index: 1000;}
.header .menu-icon{width: 25px;margin: 30px 0 0 30px; transform-origin: center center;transition: transform .25s ease-in-out;}
.header .menu-icon dd{width: 25px;height: 3px;background-color: #71799d;}
.header .menu-icon dd:nth-child(2){margin: 8px 0;}
.header .menu-list{position: absolute;right: 110px;bottom: 70px;transform: rotateX(90deg);transform-origin: center center;transition: transform .25s ease-in-out;border-radius: 8px;}
.header .menu-list li{width: 225px;height: 55px;line-height: 55px;text-align: center;background-color: #373A4F;}
.header .menu-list li:first-child{border-radius: 8px 8px 0 0;}
.header .menu-list li:last-child{border-radius: 0 0 8px 8px;}
.header .menu-list li a{display: block;color: #fff;}
.header .menu-list li:hover,.header .menu-list li.on{background-color: #2B2D3C;}
.header .header-menu .menu.active .menu-icon{transform: rotateZ(90deg);}
.header .header-menu .menu.active .menu-list{transform: rotateX(0deg);}
.header .header-menu .refresh{margin-left: 20px;margin-top: 20px;width: 64px;height: 24px;line-height: 24px;text-align: center;color: #A0A5B1;border: 1px solid #83799D;border-radius: 22px;cursor: pointer;}
.header .header-menu .refresh img{width: 16px;height: 16px;margin-right: 5px;vertical-align: middle;}

.main{width: 100%;min-width: 1920px;}
.main .main-inner{padding: 28px 28px 0;}
.main .left-wrapper{margin-right: 28px;}
.main .right-wrapper{margin-left: 28px;}
.main .main-inner .main-subox{margin-bottom: 28px;border-radius: 8px;background-color: #2B2D3C;box-shadow: 0 0 50px 0px #18191e;}
.main .left-wrapper .main-subox,.main .right-wrapper .main-subox{width: 445px;}
.main .center-wrapper .main-subox{width: 918px;}
.main .main-inbox{padding: 28px;}
.main .main-inbox .tit{float: left;color: #f3f3f3;line-height: 30px;}
.main .main-inbox .tit i{margin-left: 10px;}
.main .main-inbox .tab{float: right;color: #f3f3f3;cursor: pointer;}
.main .main-inbox .tab i,.main .main-inbox .tab a{margin-left: 10px;display: inline-block;min-width: 30px;height: 30px;text-align: center;line-height: 30px;color: #f3f3f3;}
.main .main-inbox .tab i.on{border-bottom: 1px solid #fff;cursor: not-allowed;pointer-events: none;}
.main .main-inbox .tab em{display: inline-block;width: 24px;height: 40px;line-height: 40px;text-align: center;margin: 0 5px;font-size: 36px;background: url('../images/img_1.png') no-repeat center;}

.main .main-inner .main-subox.count-list{background-color: transparent;box-shadow: none;}
.center-wrapper .count-list dd{float: left;width: 288px;height: 94px;margin-left: 27px;border-radius: 6px;text-align: center;color: #fff;}
.center-wrapper .count-list dd span{display: block;margin: 8px 0;font-size: 16px;}
.center-wrapper .count-list dd i{display: block;font-size: 36px;letter-spacing: 8px;}
.center-wrapper .count-list dd:first-child{margin-left: 0;background: -webkit-linear-gradient(left,#0066FF,#33CCFF);
background: -moz-linear-gradient(left,#0066FF,#33CCFF);
background: -o-linear-gradient(left,#0066FF,#33CCFF);
background: linear-gradient(90deg,#0066FF,#33CCFF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #0066FF, endColorstr = #33CCFF);}
.center-wrapper .count-list dd:nth-child(2){background: -webkit-linear-gradient(left,#6633CC,#9999FF);
background: -moz-linear-gradient(left,#6633CC,#9999FF);
background: -o-linear-gradient(left,#6633CC,#9999FF);
background: linear-gradient(90deg,#6633CC,#9999FF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #6633CC, endColorstr = #9999FF);}
.center-wrapper .count-list dd:nth-child(3){background: -webkit-linear-gradient(left,#FF3333,#FF9900);
background: -moz-linear-gradient(left,#FF3333,#FF9900);
background: -o-linear-gradient(left,#FF3333,#FF9900);
background: linear-gradient(90deg,#FF3333,#FF9900);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #FF3333, endColorstr = #FF9900);}
.center-wrapper .map-subox{height: 506px;}
.center-wrapper .map-subox .inbox-cont{height: 420px;}
.center-wrapper .map-subox .sch-rank,.center-wrapper .map-subox .sch-rank #school-list{padding-left: 0;padding-right: 0;width: 286px;margin-right: 10px;height: 450px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #383D52;background-color: rgba(56,61,82,1);filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #383D52;background-color: rgba(56,61,82,1);filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #383D52;background-color: rgba(56,61,82,1);filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.main .main-inbox .subtit{margin: 10px 0;color: #a0a5b1;text-indent: 28px;}
.main .main-inbox .data-list{color: #fff;}
.main .main-inbox .data-list li{margin-bottom: 15px;overflow: hidden;}
.main .main-inbox .data-list a{display: inline-block;color: #fff;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main .main-inbox .data-list span{float: left;}
.main .main-inbox .data-list i{float: right;}
.main .main-inbox .data-list em{display: inline-block;margin-left: 20px;text-align: center;vertical-align: middle;}
.main .main-inbox .data-list em:first-child{margin-left: 0;}
.main .main-inbox .data-list img{width: 25px;height: 25px;border-radius: 50%;margin-right:12px;}
.main .main-inbox .data-list font{display: inline-block;margin-right:12px;width: 20px;height: 20px;line-height: 20px;text-align: center;border: 1px solid #666666;border-radius: 50%;vertical-align: middle;}
.main .main-inbox .page{text-align: center;}
.main .main-inbox .page a{display: inline-block;width: 20px;height: 20px;border: 1px solid #666666;border-radius: 2px;}
.main .main-inbox .page a:first-child{margin-right:12px;}
.main .main-inbox .page img{margin-top: -2px;}

.main .main-inbox .province-data-list{width: 226px;height: 380px;padding-top: 17px;overflow: hidden;}
.main .main-inbox .province-data-list li{line-height: 24px;margin-bottom: 13px;}
.main .main-inbox .province-data-list li.first {color: #33ccff;}
.main .main-inbox .province-data-list li.first a{color: #33ccff;}
.main .main-inbox .province-data-list li.first font{border-color: #33ccff;}
.main .main-inbox .province-data-list li i em:first-child{width: 70px;}
.main .main-inbox .province-data-list li i em:last-child{width: 50px;}
.main .main-inbox .province-data-cont .page img{width: 20px;height: 20px;}

.main .main-inner .main-subox.course-subox{background-color: transparent;box-shadow: none;}
.main .main-inner .course-subox .main-inbox{width: 389px;height: 244px;border-radius: 8px;background-color: #2B2D3C;box-shadow: 0 0 50px 0px #18191e;}
.course-subox .course-list li{margin-top: 10px;}
.course-subox .course-list li:first-child{float: left;}
.course-subox .course-list li:last-child{float: right;}
.course-subox .course-list em{font-size: 12px;color: #a0a5b1;vertical-align: middle;}
.course-subox .course-list i{font-size: 24px;color: #fff;margin-left: 12px;letter-spacing: 6px;vertical-align: middle;}

/* 课件 */
.main .progress-wrap{padding-top: 9px;}
.main .progress-wrap p{text-align: center;font-size: 12px;color: #a0a5b1;}
.main .progress-wrap p em{margin-left: 5px;}
.main .progress-wrap p.text{margin: 11px 0;}
.main .progress-wrap p.progress{margin: auto;width: 320px;}
.main .progress-wrap .probar{display: inline-block;height: 14px;border-radius: 14px;max-width: 100%;}
.main .progress-wrap dd:first-child .probar{background: -webkit-linear-gradient(left,#33CCFF,#0066FF);
background: -moz-linear-gradient(left,#33CCFF,#0066FF);
background: -o-linear-gradient(left,#33CCFF,#0066FF);
background: linear-gradient(90deg,#33CCFF,#0066FF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #33CCFF, endColorstr = #0066FF);}
.main .progress-wrap dd:nth-child(2) .probar{background: -webkit-linear-gradient(left,#9999FF,#6633CC);
background: -moz-linear-gradient(left,#9999FF,#6633CC);
background: -o-linear-gradient(left,#9999FF,#6633CC);
background: linear-gradient(90deg,#9999FF,#6633CC);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #9999FF, endColorstr = #6633CC);}
.main .progress-wrap dd:nth-child(3) .probar{background: -webkit-linear-gradient(left,#FF3333,#FF9900);
background: -moz-linear-gradient(left,#FF3333,#FF9900);
background: -o-linear-gradient(left,#FF3333,#FF9900);
background: linear-gradient(90deg,#FF3333,#FF9900);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #FF3333, endColorstr = #FF9900);}

/* 大赛 */
.main .contest-inbox .contest-list{padding-top: 28px;}
.main .contest-inbox .contest-list li{float: left;width: 120px;height: 58px;text-align: center;border-radius: 6px;}
.main .contest-inbox .contest-list li:first-child{border: 1px solid rgba(51,204,255,.15);
background: -webkit-linear-gradient(left,rgba(0,102,255,.15),rgba(51,204,255,.15));
background: -moz-linear-gradient(left,rgba(0,102,255,.15),rgba(51,204,255,.15));
background: -o-linear-gradient(left,rgba(0,102,255,.15),rgba(51,204,255,.15));
background: linear-gradient(90deg,rgba(0,102,255,.15),rgba(51,204,255,.15));}
.main .contest-inbox .contest-list li:nth-child(2){border: 1px solid rgba(153,153,255,.15);
background: -webkit-linear-gradient(left,rgba(102,51,204,.15),rgba(153,153,255,.15));
background: -moz-linear-gradient(left,rgba(102,51,204,.15),rgba(153,153,255,.15));
background: -o-linear-gradient(left,rgba(102,51,204,.15),rgba(153,153,255,.15));
background: linear-gradient(90deg,rgba(102,51,204,.15),rgba(153,153,255,.15));}
.main .contest-inbox .contest-list li:nth-child(3){border: 1px solid rgba(255,153,0,.15);
background: -webkit-linear-gradient(left,rgba(255,51,51,.15),rgba(255,153,0,.15));
background: -moz-linear-gradient(left,rgba(255,51,51,.15),rgba(255,153,0,.15));
background: -o-linear-gradient(left,rgba(255,51,51,.15),rgba(255,153,0,.15));
background: linear-gradient(90deg,rgba(255,51,51,.15),rgba(255,153,0,.15));}
.main .contest-inbox .contest-list li:nth-child(2){margin: 0 11px;}
.main .contest-inbox .contest-list h5{margin: 10px 0 5px;color: #a0a5b1;}
.main .contest-inbox .contest-list p{font-size: 16px;color: #fff;}

.main .contest-inbox .contest-data{padding-top: 47px;}
.main .contest-inbox .contest-data dd{float: left;width: 20%;text-align: center;}
.main .contest-inbox .contest-data p{color: #fff;margin-bottom: 30px;}
.main .contest-inbox .contest-data h6{font-size: 12px;color: #a0a5b1;}

/* 作品 */
.main .model-subox{height: 628px;}
.main .model-subox .model-line-cont{height: 280px;border-bottom: 1px dashed #373A4F;}
/* .main .model-subox .model-pie-cont .model-pie-chart{height: 160px;} */
.model-pie-cont .model-pie-chart:first-child{width: 100%;height: 160px;}
.model-pie-cont .model-pie-chart:last-child{width: 100%;height: 130px;}

/* 用户 */
.main .user-inbox .inbox-cont{padding-top: 6px;}
.main .user-inbox .user-list span{display: block;font-size: 12px;line-height: 20px;color: #fff;}
.main .user-inbox .user-list .user-info span{width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main .user-inbox .user-list i{display: block;font-size: 12px;line-height: 20px;color: #a0a5b1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main .user-inbox .user-list .user-info{width: 180px;}
.main .user-inbox .active-user{width: 130px;margin-right: 10px;text-align: center;border-right: 1px dashed #373A4F;}
.main .user-inbox .active-user .user-item:first-child{margin-bottom: 28px;}
.main .user-inbox .active-user img{width: 50px;height: 50px;border-radius: 50%;}

.main .user-inbox .normal-user{height: 208px;overflow: hidden;}
.main .user-inbox .normal-user .tempWrap{height: 208px !important;}
.main .user-inbox .normal-user #normal-user{width: 240px;}
.main .user-inbox .normal-user .user-item{height: 40px;margin-top: 16px;position: relative;}
.main .user-inbox .normal-user .user-item:first-child{margin-top: 0;}
.main .user-inbox .normal-user img{width: 40px;height: 40px;margin-right: 16px;border-radius: 50%;}
.main .user-inbox .normal-user .user-item .line-time{position: absolute;top: 0;right: 0;}

/* 总使用 */
.main-inbox .prouse-count .count-item{height: 20px;line-height: 20px;margin-top: 25px;}
.main-inbox .prouse-count .count-item:first-child{margin-top: 14px;}
.main-inbox .prouse-count .count-item span,.main-inbox .prouse-count .count-item i{color: #a0a5b1;font-size: 12px;}
.main-inbox .prouse-count .count-item span{float: left;width: 50px;}
.main-inbox .prouse-count .count-item i{float: right;}
.main-inbox .prouse-count .count-item p{float: left;margin: 0 5px;width: 260px;padding: 3px;height: 14px;background-color: #383d52;border-radius: 10px;}
.main-inbox .prouse-count .count-item em{float: left;max-width: 100%;height: 14px;border-radius: 10px;}

.main-inbox .prouse-count .count-item:nth-child(1) em{background: -webkit-linear-gradient(left,#FF9900,#FF3333);
background: -moz-linear-gradient(left,#FF9900,#FF3333);
background: -o-linear-gradient(left,#FF9900,#FF3333);
background: linear-gradient(90deg,#FF9900,#FF3333);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #FF9900, endColorstr = #FF3333);}

.main-inbox .prouse-count .count-item:nth-child(2) em{background: -webkit-linear-gradient(left,#9999FF,#6633CC);
background: -moz-linear-gradient(left,#9999FF,#6633CC);
background: -o-linear-gradient(left,#9999FF,#6633CC);
background: linear-gradient(90deg,#9999FF,#6633CC);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #9999FF, endColorstr = #6633CC);}

.main-inbox .prouse-count .count-item:nth-child(3) em{background: -webkit-linear-gradient(left,#33CCFF,#0066FF);
background: -moz-linear-gradient(left,#33CCFF,#0066FF);
background: -o-linear-gradient(left,#33CCFF,#0066FF);
background: linear-gradient(90deg,#33CCFF,#0066FF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #33CCFF, endColorstr = #0066FF);}

.main-inbox .prouse-count .count-item:nth-child(4) em{background: -webkit-linear-gradient(left,#66FF99,#00CC33);
background: -moz-linear-gradient(left,#66FF99,#00CC33);
background: -o-linear-gradient(left,#66FF99,#00CC33);
background: linear-gradient(90deg,#66FF99,#00CC33);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #66FF99, endColorstr = #00CC33);}

.main-inbox .prouse-count .count-item:nth-child(5) em{background: -webkit-linear-gradient(left,#66FFFF,#3399FF);
background: -moz-linear-gradient(left,#66FFFF,#3399FF);
background: -o-linear-gradient(left,#66FFFF,#3399FF);
background: linear-gradient(90deg,#66FFFF,#3399FF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #66FFFF, endColorstr = #3399FF);}

/* 新增省市弹窗 */
.province-toast{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.province-toast .province-toast-cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0, 0, 0);opacity: 0.4;}
.province-toast .province-toast-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 610px;min-height: 200px;background-color: #232532;box-shadow: 0px 0px 50px rgba(24, 25, 30, 1);z-index: 10;}
.province-toast .province-list{padding: 30px 30px 20px 20px;}
.province-toast .province-list a{float: left;margin-left: 10px;margin-bottom: 10px;width: 128px;height: 38px;line-height: 38px;text-align: center;color: #fff;border: 1px solid #383d52;border-radius: 4px;}
.province-toast .province-list a:hover{background-color: #2B2D3C;}
.province-toast .province-list#greatProvince{padding-bottom: 0;}
.province-toast .province-list#greatProvince a{margin-left: 0;margin-bottom: 0;width: 136px;height: 48px;line-height: 48px;background-color: #2B2D3C;border-radius: 0;border-right: 0;}
.province-toast .province-list#greatProvince a:first-child{margin-left: 10px;border-radius: 4px 0 0 4px;}
.province-toast .province-list#greatProvince a:last-child{border-radius: 0 4px 4px 0;border-right: 1px solid #383D52;}

/* 新增区、县样式 */
.center-wrapper .ratio-subox.ratio-pie-subox .main-inbox{padding-bottom: 0;}
.center-wrapper .ratio-subox.ratio-pie-subox{position: relative;margin-bottom: 26px;}
.center-wrapper .ratio-subox.ratio-pie-subox .inbox-top{position: absolute;top: 30px;left: 30px;}
.center-wrapper .ratio-subox .ratio-pie-cont{height: 150px;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content: space-between;align-items: center;}
.center-wrapper .ratio-subox .ratio-pie-cont>div{flex: 1;height: 100%;}
.center-wrapper .ratio-subox .ratio-bar-cont{height: 216px;}
.center-wrapper .ratio-subox .ratio-bar-cont #ratio-bar-chart{height: 216px;}

/* 作品统计 */
.main .main-inner .city-model-subox{height: 628px;}
.main .main-inner .city-model-subox #city-model-line-chart{height: 210px;}
.main .main-inner .city-model-subox #city-model-bar-chart{height: 214px;}
.main .main-inner .city-model-subox .city-model-pie-cont{padding-bottom: 13px;border-bottom: 1px dashed #373A4F;}
.main .main-inner .city-model-pie{width: 25%;text-align: center;position: relative;}
.pie {position: relative;margin: 0 auto;width: 60px;height: 60px;border-radius: 50%;box-shadow: none;background: #383D52;overflow: hidden;}
.pie:after{display: block;content: '';width: 50px;height: 50px;border-radius: 50%;background-color: #2B2D3C;position: absolute;top: 5px;left: 5px;}
.pie svg{width: 100%;height: 100%;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);overflow: visible;}
.pie circle:nth-child(1) { fill: #383D52;}
.pie circle:nth-child(2) { fill: #383D52;}
.rendered.pie{background: none; }
.rendered.pie .percentage{opacity: 1;}
#good-model-pie circle:nth-child(2) {stroke: #FF9900;}
#well-model-pie circle:nth-child(2) {stroke: #6633CC;}
#pass-model-pie circle:nth-child(2) {stroke: #0066FF;}
#encoura-model-pie circle:nth-child(2) {stroke: #F94B6C;}
.main .main-inner .city-model-pie .num{margin-top: 20px;color: #a0a5b1;}
.main .main-inner .city-model-pie .num em{margin-left: 5px;}
.main .main-inner .city-model-pie .percentage{position: absolute;top: 20px;width: 100%;font-weight: 700;color: #fff;}

/* 明星教师 */
.main .user-inbox .star-teach{width: 100%;}
.main .user-inbox .star-teach .user-item{height: 50px;margin-top: 28px;}
.main .user-inbox .star-teach .user-item img{width: 50px;height: 50px;}
.main .user-inbox .teach-list i{line-height: 25px;max-width: 140px;}
.main .user-inbox .teach-list span{line-height: 25px;}
.user-inbox .star-teach .line-time li{float: left;width: 60px;text-align: center;}

/* 用户作品排行榜 */
.main .main-inner .user-rank-subox{height: 300px;}
.user-rank-subox .user-data-list{padding-top: 28px;height: 200px;overflow: hidden;}
.user-rank-subox .user-data-list li{float: left;width: 50%;box-sizing: border-box !important;}
.user-rank-subox .user-data-list li:nth-child(2n+1){padding-right: 20px;}
.user-rank-subox .user-data-list li i{height: 25px;line-height: 25px;}
.user-rank-subox .user-data-list li a{max-width: 110px;}
.user-rank-subox .user-data-list li i em{width: 30px;}

/* 学校作品排行 */
.main .main-inner .work-rank-subox{height: 628px;}
.main .main-inner .work-rank-subox .work-list-cont{height: 568px;overflow: hidden;}
.main .main-inner .work-rank-subox .work-data-list{padding-top: 28px;}
.main .main-inbox .work-data-list li{margin-bottom: 20px;}
.work-rank-subox .work-data-list li a{max-width: 250px;}
.work-rank-subox .work-data-list li i em{width: 100px;}