.px-attendance-wrapper{overflow:hidden;height:calc(100% - 80px);padding-bottom:10px;position:relative}.px-attendance-wrapper .my-class-head{height:54px;padding-left:40px;line-height:54px;background:#fff;-webkit-box-shadow:1px 1px 3px 0 rgba(3,57,147,.05);box-shadow:1px 1px 3px 0 rgba(3,57,147,.05);cursor:pointer}.px-attendance-wrapper .my-class-head span{font-size:16px;margin:0 5px;color:#343434}.px-attendance-wrapper .my-class-head .sp-crumbs-text{color:#2878ff}.px-attendance-wrapper .class-attend-handle{padding:0 32px;margin-top:24px}.px-attendance-wrapper .class-attend-handle .class-attend-type span{margin-right:39px;display:inline-block;line-height:30px}.px-attendance-wrapper .class-attend-handle .class-attend-type i{font-size:30px;margin-right:13px;vertical-align:-5px}.px-attendance-wrapper .class-attend-handle .class-attend-title{width:60%;color:#9a9a9a;line-height:30px;text-align:center}.px-attendance-wrapper .class-attend-handle .class-attend-btn .class-report-btn{margin-right:20px;color:#2878ff}.px-attendance-wrapper .yk-person{font-size:32px;color:#fff;margin-right:20px;line-height:60px}.px-attendance-wrapper .yk-alphabets{height:40px;width:100%;background:#dde2eb;position:absolute;bottom:0}.px-attendance-wrapper .yk-alphabets ul{list-style:none;margin:0;padding:0}.px-attendance-wrapper .yk-alphabets ul li{height:40px;line-height:40px;font-size:18px;color:#666;width:3.7%;text-align:center;float:left}.px-attendance-wrapper .yk-alphabets ul .alphabetsbg{background:#edf0f5;color:#2878ff}.px-attendance-wrapper .yk-set-botton{position:fixed;bottom:0;right:70px}.px-attendance-wrapper .yk-set-botton ul{list-style:none;margin:0;padding:0;background:#1e3838}.px-attendance-wrapper .yk-set-botton ul li{float:left;color:#fff;text-align:center;font-size:14px;padding:6.5px 0;border-right:1px solid #657a7a;width:70px}.px-attendance-wrapper .yk-set-botton ul li span{display:inline-block;width:100%}.px-attendance-wrapper .yk-set-botton ul li i{display:inline-block;width:100%;font-size:22px}.px-attendance-wrapper .bianxian{font-size:36px;color:#8aacac;margin-top:10px;display:inline-block}.px-attendance-wrapper .yk-pf-content-head{border-bottom:1px solid #1a8e8e;margin-bottom:5px;padding:10px}.px-attendance-wrapper .yk-pf-content-main{height:90%;overflow:auto;padding:20px 10px}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation{width:166px;float:left;margin:10px;text-align:center;padding-bottom:20px}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper{display:inline-block}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-class-logo,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-class-logo{display:inline-block;width:120px;height:120px;border-radius:50%}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .px-attendance-type,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .px-attendance-type{position:absolute;font-size:30px;right:27px;z-index:2020;cursor:pointer}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper{position:relative;display:inline-block;width:120px;height:120px}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-logo,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-logo,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-logo,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-logo{display:block;width:116px;height:116px;border-radius:50%;border:2px solid #fff}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-per-criticism-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-per-praise-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-per-criticism-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-per-praise-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-per-criticism-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-per-praise-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-per-criticism-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-per-praise-number{position:absolute;left:28px;bottom:0;height:40px;width:60px;border:2px solid #fff;color:#0099e8;border-radius:10px;background-color:#ccebfa;text-align:center;line-height:40px}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-all-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-all-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-all-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-all-number{font-size:22px;position:absolute;left:0;bottom:-20px;height:32px;width:120px;border:2px solid #fff;border-radius:16px;overflow:hidden;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-all-number .pf-all-primase-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-all-number .pf-all-primase-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-all-number .pf-all-primase-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-all-number .pf-all-primase-number{float:left;height:32px;width:50%;color:#2878ff;border-right:1px solid #fff;border-radius:16px 0 0 16px;background-color:#9ac0ff;line-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-class-logo-wrapper .pf-stu-all-number .pf-all-criticism-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-stu-logo-wrapper .pf-stu-all-number .pf-all-criticism-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-class-logo-wrapper .pf-stu-all-number .pf-all-criticism-number,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-stu-logo-wrapper .pf-stu-all-number .pf-all-criticism-number{float:right;height:32px;width:50%;color:#b8742e;border-radius:0 6px 6px 0;background-color:#e8ccad;line-height:32px;border-left:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-all-class,.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-single-stu,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-all-class,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-single-stu{margin-top:30px;color:#000;font-size:22px;text-align:center}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .pf-single-stu,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .pf-single-stu{margin-top:5px}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation{height:200px;position:relative}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .px-icon-huangguan,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .px-icon-huangguan{position:absolute;top:-20px;left:68px;font-size:32px;color:grey;z-index:200}.px-attendance-wrapper .yk-pf-content-main .yk-pf-class-situation .yk-icon,.px-attendance-wrapper .yk-pf-content-main .yk-pf-stu-situation .yk-icon{position:absolute;top:-20px;left:39px;font-size:45px;color:gold;z-index:200}.px-attendance-wrapper .yk-pf-content-main:after{content:"";height:0;display:block;visibility:hidden;clear:both}.px-attendance-wrapper .px-bottom-btn{position:fixed;bottom:0;width:100%;height:80px;line-height:80px;text-align:center;background:#fff;border-top:1px solid #ccc}.px-attendance-wrapper .px-bottom-btn .ant-btn{width:90px;height:38px;border-radius:19px!important}.px-attendance-wrapper .px-bottom-btn .bottom-btn-preserve{margin-right:47px;background:#2878ff;color:#fff;border-color:#2878ff}.px-attendance-wrapper .Pinyinbackground{background-color:#edf0f5}.px-attendance-wrapper .ant-modal-body{padding-bottom:80px}.px-attendance-wrapper .dialog-bottom-btn{width:700px;position:absolute;left:-24px;bottom:-81px;border-top:1px solid #d8dee6;line-height:58px;padding:0 39px}.px-attendance-wrapper .dialog-bottom-btn span{color:#2878ff;cursor:pointer}.px-attendance-wrapper .dialog-bottom-btn .ant-btn{margin-top:12px}.px-attendance-wrapper .px-icon-chuqin{color:#32c27c}.px-attendance-wrapper .px-icon-chidao,.px-attendance-wrapper .px-icon-chuqin{display:inline-block;background:#fff;height:30px;line-height:30px;border-radius:50%}.px-attendance-wrapper .px-icon-chidao{color:#f4b52f}.px-attendance-wrapper .px-icon-queqin{color:#f25e46}.px-attendance-wrapper .px-icon-qingjia,.px-attendance-wrapper .px-icon-queqin{display:inline-block;background:#fff;height:30px;line-height:30px;border-radius:50%}.px-attendance-wrapper .px-icon-qingjia{color:#3db5f3}.px-attendance-wrapper .px-bottom-tips{position:fixed;left:0;right:0;margin:auto;bottom:95px;z-index:2019;width:278px;height:50px;font-size:16px;line-height:50px;border-radius:2px;text-align:center;color:#fff;background:rgba(0,0,0,.45);z-index:2020}.px-attendance-wrapper .px-bottom-tips i{font-size:30px;vertical-align:-3px}.px-dropdown-att i{font-size:30px;vertical-align:-6px;margin-right:12px}.px-dropdown-att .px-icon-chuqin{color:#32c27c}.px-dropdown-att .px-icon-chidao{color:#f4b52f}.px-dropdown-att .px-icon-queqin{color:#f25e46}.px-dropdown-att .px-icon-qingjia{color:#3db5f3}.px-dropdown-att .ant-dropdown-menu-item{line-height:30px}