.tabsBtnBox .row{margin:0 auto;width:290px}.tabsBtnBox .col{padding:0 10px}.classItem header>.Name{position:relative;padding:0 15px}.classItem header>.Name:before{content:"";position:absolute;top:6px;left:0;width:5px;height:5px;overflow:hidden;border-radius:3px;background-color:#78909c}.classItem.Active header>.Name:before{background-color:#2979ff}.signInItem .footerBox{padding:10px 15px}.signInItem .footerBox .Remain{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.signInItem .footerBox .Btn{width:90px}.listTab{padding:0 15px;line-height:30px;border-bottom:1px solid #cfd8dc;background-color:#e9edef}.listTab .btnTabs{width:110px}.listTab .setTabs{width:50px}.studentItem{padding:15px;line-height:30px;border-bottom:1px solid #cfd8dc}.studentItem .col{padding:0}.studentItem .btnBox{width:110px}.studentItem .btnBox button,.studentItem .btnBox div{position:relative;width:30px;height:30px;overflow:hidden;font-size:13px;border:1px solid #eee;border-radius:15px}.studentItem .btnBox button.btn_1,.studentItem .btnBox div.btn_1{color:#fff;font-weight:bold;border:1px solid #2979ff;background-color:#2979ff}.studentItem .btnBox button.btn_2,.studentItem .btnBox div.btn_2{color:#fff;font-weight:bold;border:1px solid #ff9920;background-color:#ff9920}.studentItem .btnBox button.btn_3,.studentItem .btnBox div.btn_3{color:#fff;font-weight:bold;border:1px solid #ef3550;background-color:#ef3550}.studentItem .btnBox button.btn_4,.studentItem .btnBox div.btn_4{color:#fff;font-weight:bold;border:1px solid #00ece8;background-color:#00ece8}.studentItem .btnBox button>input,.studentItem .btnBox div>input{position:absolute;left:0;top:0;opacity:0}.studentItem .setBox{width:50px}.studentItem .setBox button{width:30px;height:30px;overflow:hidden;font-size:13px;border-radius:15px}.studentInfo{max-height:200px}.studentInfo .infoList label{width:90px}.userNavItem{margin:0;padding:20px 0;border:none;border-bottom:1px solid #ddd}.userNavItem:last-child{border:none}.userNavItem .Icon{width:39px;height:39px;border-radius:20px;line-height:39px}.listHeadStyle .tabBox i.bor-right{margin-top:13px;height:13px}.listHeadStyle .tabBox button{padding:10px 0;overflow:hidden;line-height:20px}.listHeadStyle .stateBox button{position:relative;margin:0 10px;display:initial;width:80px}.listHeadStyle .stateBox button i.redTip{top:0;right:-2px}.checkCourseItem{padding:21px 16px}.checkCourseItem h3.Name{margin-bottom:15px}.checkCourseItem .pmName{width:90px}.itemFooter{padding:10px 15px}.itemFooter .bor-right{width:0;height:13px}.screenBox_2{height:300px}.screenBox_2 .leftBox{width:90px}.screenBox_2 .leftBox .pmItem{padding:5px;width:100%;height:50px;overflow:hidden;color:#78909c;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.screenBox_2 .leftBox .pmItem.Active{color:#263238;background-color:#fff}.screenBox_2 .rightBox>.scrollBox{position:absolute}.screenBox_2 .rightBox .pageBox>.Remain{line-height:60px}.screenBox_2 .rightBox .pageBox button>span{display:block;width:59px;height:30px;color:#78909c;font-size:14px;line-height:28px;border:1px solid #eee;border-radius:2px}.screenBox_2 .rightBox .pageBox button.Not>span{background-color:#eee}.studentInfoBox .navBox>ul{position:relative;bottom:-1px;z-index:101}.studentInfoBox .navBox>ul button{position:relative;padding-bottom:10px;color:#78909c}.studentInfoBox .navBox>ul button.Active{color:#2979ff}.studentInfoBox .navBox>ul button.Active:before{content:"";position:absolute;bottom:0;width:100%;border-bottom:3px solid #2979ff}.studentInfoBox .content_box{height:270px}.blueBorder{border-left:3px solid #2979ff}.userData-Class header .Bg{position:relative;height:180px;z-index:1}.userData-Class header .headImgBox{margin-top:-50px;position:relative;z-index:10}.userData-Class header .headImgBox .Img{width:100px;height:100px}.userData-Class header .headImgBox .Img .imgMin2{overflow:hidden;border-radius:50px;border:3px solid rgba(255,255,255,0.5)}.userData-Class header .headImgBox .Img .Sex{right:5px;bottom:5px;width:20px;font-size:12px;text-align:center;border-radius:10px;z-index:10}.userData-Class .dataItem{padding:15px 0;line-height:20px}.navIconList>a{border-right:1px solid #ddd;border-bottom:1px solid #ddd}.navIconList>a:nth-child(3n){border-right:none}.WH230{width:230px;height:230px}.opacity0{filter:alpha(opacity=0);opacity:0}.statisticsClass .bar-header .title,.statisticsClass .bar-header .title>h1{color:#263238}.statisticsClass .STS-Header-List .col{position:relative}.statisticsClass .STS-Header-List .col:after{position:absolute;top:23px;right:0;width:1px;height:20px;background-color:#fff;content:""}.statisticsClass .STS-Header-List .col:last-child:after{background-color:initial}.screenPopup{width:278px;height:100vh}.screenPopup .bar-header{background-color:#f3f3f3;border-radius:0 !important}.screenPopup .bar-header .title,.screenPopup .bar-header .title>h1{color:#000}.screenPopup .bar-header .button:hover{color:#ef3550}.screenPopup .bar-footer{padding:0}.screenPopup .bar-footer button{font-size:14px}.screenPopup .bar-footer .cancelBtn{background-color:#b0bec5}.screenPopup .bar-footer .submitBtn{background-color:#2979ff}.screenPop-Item{border-bottom:1px solid #eee}.screenPop-Item:last-child{border-bottom:none}.screenPop-Item .itemHeader{height:50px}.screenPop-Item .dateBox{line-height:33px}.screenPop-Item .dateItem{height:33px;border:1px solid #eee}.screenPop-Item .setBtnBox ul{margin-bottom:-10px;height:49px}.screenPop-Item .setBtnBox ul.Active{height:auto}.screenPop-Item .choiceItem button{position:relative;padding:5px;height:39px;border:1px solid #eee;line-height:15px}.screenPop-Item .choiceItem button.Active{border:1px solid #2979ff}.screenPop-Item .choiceItem button.Active:after{content:"";position:absolute;right:0;bottom:0;border:5px solid transparent;border-right:5px solid #2979ff;border-bottom:5px solid #2979ff}.attendanceList>button{height:30px;margin:0 auto}.attendanceList>ul>li{padding:3px}.attendanceList>ul>li>button{width:30px;height:30px;overflow:hidden;font-size:13px;border:1px solid #d2d2d2;border-radius:15px}.attendanceList>ul>li>button.btn_1{color:#fff;font-weight:bold;border:1px solid #2979ff;background-color:#2979ff}.attendanceList>ul>li>button.btn_2{color:#fff;font-weight:bold;border:1px solid #ff9920;background-color:#ff9920}.attendanceList>ul>li>button.btn_3{color:#fff;font-weight:bold;border:1px solid #ef3550;background-color:#ef3550}.attendanceList>ul>li>button.btn_4{color:#fff;font-weight:bold;border:1px solid #00ece8;background-color:#00ece8}.searchJump{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:white;border-top:solid 1px #eee}.searchJump>button{padding:3px 20px;margin-left:5px;border-radius:3px;background-color:#2979ff;color:white}.searchJump>input{border:solid 1px #eee;border-radius:4px;flex:1}.studentsInfo{padding-top:15px}.studentsInfo>div.flexBox{padding:0 10px;justify-content:space-between}.studentsInfo ul>li{padding:3px 0;border-bottom:solid 0.5px #eee}.studentsInfo ul>li>span{padding:0 10px;display:inline-block;width:50%}section .update-avatar>ul{overflow:hidden}section .update-avatar>ul>li{position:relative;float:left;width:23%;height:22vw;margin:10px 1%;border:solid 1px #eee}section .update-avatar>ul>li>.add{display:block;width:100%;height:100%;line-height:22vw;font-size:20px;text-align:center}section .update-avatar>.avatar-box{position:relative;margin:0 auto;width:300px;height:300px;overflow:hidden;border-radius:3px}section .update-avatar .avatar-box>.avatar,section .update-avatar .avatar-box>input{width:100%;height:100%}section .update-avatar .avatar-box>.avatar{position:relative;display:block;overflow:hidden;z-index:1}section .update-avatar .avatar-box>input{position:absolute;top:0;left:0;z-index:10;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}section .update-avatar>.prompt{padding:0 20px;color:#555;font-size:13px;text-align:center}section .update-avatar .removeImg{position:absolute;right:-5px;top:-5px;width:25px;height:25px;font-size:20px;color:#fff;text-align:center;line-height:22px;border-radius:50%;background-color:#9a9a9a;z-index:9}.listScreen{display:flex;align-items:center;justify-content:space-between}.listScreen .name{min-width:50px;font-size:14px}.listScreen .contain{display:inline-flex;flex:1;justify-content:flex-end}.listScreen .contain>button{padding:2px 12px;border:solid 1px #eee}.listScreen .contain>button:active{color:#ef3550;border-color:#ef3550}.listScrollY{overflow-x:hidden;overflow-y:auto}.H100px{height:100px}.H150px{height:150px}.H200px{height:200px}