.yi-dialog-root .el-dialog__header{padding-bottom:0}.yi-dialog-root .el-dialog__body{padding-bottom:15px;padding-top:20px}.yi-dialog-root .el-form-item__label{font-size:16px}.yi-dialog-root .slot-dialog-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding-bottom:10px;font-size:20px;border-bottom:1px solid #999;color:#333;position:relative}.yi-dialog-root .slot-dialog-header .title{margin-right:20px}.yi-dialog-root .slot-dialog-header .prompt{color:red;font-size:14px}.yi-dialog-root .footer-btn{text-align:center}.yi-dialog-root .dialog-content{display:block;width:100%;padding-top:10px;padding-bottom:5px;overflow:hidden}.yi-dialog-root.scroll-dialog .el-dialog__body{padding-right:0;padding-left:0;padding-bottom:15px;padding-top:20px}.yi-dialog-root.scroll-dialog .dia-scroll-content{display:block;width:100%;padding-right:20px;padding-left:20px}.class_detail-root{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:890px;height:100%;margin-right:auto;margin-left:auto;overflow:hidden}.class_detail-root .detail-info-dia .scroll_wrap{display:block;height:530px;overflow:hidden;position:relative}.class_detail-root .detail-info-dia .scroll_wrap .stu-info-box{display:block;padding:0 15px;font-size:16px}.class_detail-root .main-content-wrap{color:#fff;font-size:16px;line-height:inherit}.class_detail-root .main-content-wrap .nav-wrap{margin-bottom:25px}.class_detail-root .main-content-wrap .nav-wrap .title{line-height:1.2;font-size:18px}.class_detail-root .main-content-wrap .nav-wrap .nav-right .zuxie-btn{background-color:#5ac8fa}.class_detail-root .main-content-wrap .nav-wrap .nav-right .zuxie-btn+.zuxie-btn{margin-left:12px}.class_detail-root .main-content-wrap .class-info-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:10px;padding:0 20px 0 15px;background-color:rgba(0,0,0,.7)}.class_detail-root .main-content-wrap .class-info-wrap .timetable_wrap{height:155px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.class_detail-root .main-content-wrap .class-info-wrap .info-box{padding:20px 0;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.class_detail-root .main-content-wrap .class-info-wrap .info-box .show-wrap{-webkit-box-flex:0;-ms-flex:none;flex:none;position:relative;z-index:10;width:150px;height:115px;margin-right:15px;cursor:pointer}.class_detail-root .main-content-wrap .class-info-wrap .info-box .show-wrap .picture{display:block;width:100%;height:100%}.class_detail-root .main-content-wrap .class-info-wrap .info-box .show-wrap .status-flat{left:10px}.class_detail-root .main-content-wrap .class-info-wrap .info-box .show-wrap .flag-wrap{position:absolute;z-index:100;font-size:12px;left:10px;top:0}.class_detail-root .main-content-wrap .class-info-wrap .info-box .show-wrap .flag-wrap:after{content:"";position:absolute;left:0;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);z-index:1;width:0;height:0;overflow:hidden;border-style:solid;border-width:11px;border-color:transparent;border-top-color:#5ac8fa}.class_detail-root .main-content-wrap .class-info-wrap .info-box .show-wrap .flag-wrap .flag-text{display:block;width:22px;height:55px;background-color:#5ac8fa;line-height:22px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-align:center;letter-spacing:1px}.class_detail-root .main-content-wrap .class-info-wrap .info-box .show-wrap .wonder-btn{position:absolute;z-index:200;width:100px;line-height:30px;text-align:center;font-size:14px;background-color:red;bottom:-2px;left:0;right:0;margin:0 auto}.class_detail-root .main-content-wrap .class-info-wrap .info-box .detail-info{font-size:16px;-webkit-box-flex:1;-ms-flex:1;flex:1}.class_detail-root .main-content-wrap .class-info-wrap .info-box .detail-info .info-item{margin-bottom:.35em}.class_detail-root .main-content-wrap .class-info-wrap .info-box .detail-info .info-item .teacher_name{margin-left:20px}.class_detail-root .main-content-wrap .class-info-wrap .scoreBtns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;border-radius:4px;border:1px dashed #fff}.class_detail-root .main-content-wrap .class-info-wrap .scoreBtns .btn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:4px;padding:10px 57px;margin:10px;font-size:16px;background-color:#4cd964;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.class_detail-root .main-content-wrap .group-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;height:460px}.class_detail-root .main-content-wrap .group-list .left{width:195px;background-color:rgba(0,0,0,.7)}.class_detail-root .main-content-wrap .group-list .left .group-wrap{display:block;width:100%;height:100%;padding:0 30px}.class_detail-root .main-content-wrap .group-list .left .group-wrap .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:36px;cursor:pointer;margin:18px 0}.class_detail-root .main-content-wrap .group-list .left .group-wrap .item.active{background-color:#4cd964}.class_detail-root .main-content-wrap .group-list .left .scroll-wrap{display:block;width:100%;height:100%;padding-bottom:20px;padding-top:15px;overflow:hidden}.class_detail-root .main-content-wrap .group-list .left .scroll-wrap .happy-scroll-strip--vertical{right:4px}.class_detail-root .main-content-wrap .group-list .left .scroll-wrap .scroll-content{display:block;padding:0 30px}.class_detail-root .main-content-wrap .group-list .left .scroll-wrap .scroll-content .item{display:block}.class_detail-root .main-content-wrap .group-list .left .scroll-wrap .scroll-content .item-cont{display:block;text-align:center;line-height:36px;cursor:pointer}.class_detail-root .main-content-wrap .group-list .left .scroll-wrap .scroll-content .item-cont.active{background-color:#4cd964}.class_detail-root .main-content-wrap .group-list .right{position:relative;z-index:111;width:685px;-ms-flex-preferred-size:685px;flex-basis:685px;background-color:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 0 10px;color:#fff}.class_detail-root .main-content-wrap .group-list .right .content-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:20px;margin-left:20px;padding-bottom:10px;border-bottom:1px solid #fff}.class_detail-root .main-content-wrap .group-list .right .content-header .title{font-size:20px;line-height:1;-webkit-box-flex:1;-ms-flex:1;flex:1}.class_detail-root .main-content-wrap .group-list .right .content-header .btn-group{-webkit-box-flex:0;-ms-flex:none;flex:none}.class_detail-root .main-content-wrap .group-list .right .content-header .btn-group .btn-success-i{background-color:#4cd964!important}.class_detail-root .main-content-wrap .group-list .right .content-header .btn-group .btn-t{margin-right:10px;background-color:#5ac8fa}.class_detail-root .main-content-wrap .group-list .right .stu-list{display:block;height:375px;overflow:hidden}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap{display:block;width:100%;height:100%;padding-top:10px;overflow:hidden}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content{display:block;padding:0 20px;font-size:16px}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:8px;margin-right:10px;border-bottom:1px solid #fff}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student+.student{margin-top:10px}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .avator{width:60px;height:60px;border-radius:50%;margin-right:20px}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .desc{-webkit-box-flex:1;-ms-flex:1;flex:1}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .desc .part:not(:last-child){margin-bottom:1em}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .desc .part_rr{margin-left:30px}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .btn-group .btns_box+.btns_box{margin-top:6px}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .btn-group .inline-btn:first-child{margin-right:8px}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .btn-group .inline-btn{padding:8px 16px;border:1px solid #fff;background-color:transparent}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .btn-group .inline-btn:hover{background-color:#5ac8fa}.class_detail-root .main-content-wrap .group-list .right .stu-list .scroll-wrap .scroll-content .student .btn-group .look-btn{display:block;margin-top:10px}.class_detail-root .footer-btn .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff}.class_detail-root .footer-btn .btns .el-button--danger{background-color:red}.class_detail-root .footer-btn .btns .btn{padding:10px 25px;margin:0 10px;border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.class_detail-root .footer-btn .btns .save{background-color:#4cd964}.class_detail-root .footer-btn .btns .cancel{background-color:red}.unpay-dialog-title{padding-bottom:10px;font-size:18px;margin-bottom:16px;line-height:20px;border-bottom:1px solid #333;color:#333}.dialog-data-box{padding:5px}.dialog-data-box .data-box-unpay{margin-bottom:30px;color:#333}.dialog-data-box .data-box-unpay .unpay-title{line-height:1;margin-right:20px;font-size:16px}.dialog-data-box .data-box-unpay .unpay-content{font-size:14px;text-align:center}.dialog-data-box .data-box-paied{color:#999}.dialog-data-box .data-box-paied .pay-title{line-height:1;margin-right:20px;font-size:16px}.dialog-data-box .data-box-paied .pay-content{font-size:14px;text-align:center}.line-in-row{margin-top:5px;line-height:25px;font-size:16px}.scoped-dialog .el-dialog__header{padding:0}