.dialog-new-class .el-dialog{background-color:#f8f8f8;text-align:left;border-radius:10px;margin-top:32vh!important}.dialog-new-class .f-c-4{color:#444}.dialog-new-class .content{font-size:13px;margin-top:14px;color:#101010;line-height:22px}.dialog-new-class .btn-class{height:26px;line-height:26px;border-radius:26px;background-color:#000;color:#fff;font-size:13px;text-align:center;font-weight:500;margin-left:auto;cursor:pointer;padding:0 24px}.dialog-class .el-dialog{background-color:#edebea}.dialog-class .del-img{width:25px;height:25px}.dialog-class .kfdh-btn{width:262px;height:28px;line-height:26px;border-radius:20px;background-color:#0089fd;font-size:16px}.dialog-class .kfdh-btn,.dialog-class .ljxf-btn{color:#fff;text-align:center;font-family:PingFang SC}.dialog-class .ljxf-btn{width:107px;height:31px;line-height:29px;border-radius:25px;background-color:#000;font-size:18px;margin-left:10px}.dialog-class .edit-kj-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;width:360px;height:36px;line-height:36px;border-radius:76px;color:#101010;font-size:16px;font-family:Roboto;border:1px solid #f9f8f8}.dialog-class .icon-edit-kj{width:22px;height:22px}.dialog-class .kj-code{width:82px;height:82px;margin-top:16px;margin-left:30px}.dialog-class .kj-code:hover{transform:scale(2)}.kj-quan-class .el-dialog{margin-top:6vh!important;overflow:auto}.kj-quan-class .kj-quan-dialog{margin:-30px 10px 0;display:flex}.kj-quan-class .kj-quan-dialog .line{width:1px;height:450px;border-right:1px dashed #bbb;margin-top:100px;margin:100px 30px 0 0}.kj-quan-class .left-class{width:580px}.kj-quan-class .left-class .title-line{width:3px;height:22px;background-color:#3291f8}.kj-quan-class .left-class .title-txt{font-size:20px;color:#101010;margin-left:10px}.kj-quan-class .left-class .contain{width:490px;margin-left:32px}.kj-quan-class .left-class .quan-count{display:flex;align-items:center;justify-content:center;position:relative;width:490px;height:72px;border-radius:10px;margin:30px 0;background-color:#e1e0df;color:#666;font-size:14px;text-align:center;box-shadow:0 2px 6px 0 rgba(0,0,0,.4)}.kj-quan-class .left-class .quan-count img{width:40px;height:40px;position:absolute;bottom:0;right:14px}.kj-quan-class .left-class .quan-count .line1{width:1px;height:12px;background-color:#666;margin:0 12px}.kj-quan-class .left-class .tip{font-size:14px;color:#bbb}.kj-quan-class .left-class .list{width:100%;height:420px;cursor:text}.kj-quan-class .left-class .contain .list .item-class{display:flex;align-items:center;border-bottom:none;padding:5px 0}.kj-quan-class .left-class .contain .list .item-class img{width:45px;height:45px;color:#777}.kj-quan-class .left-class .item-class .name{font-size:16px;margin-left:9px;color:#101010;max-width:80px}.kj-quan-class .left-class .item-class .title{color:#3291f8;max-width:120px}.kj-quan-class .right-class{margin-top:50px}.kj-quan-class .right-class .quan-class{width:540px;height:500px;border-radius:10px;background-image:linear-gradient(90deg,#ff645c,#ffd673);color:#101010;font-size:14px;text-align:center;padding:10px 12px;box-sizing:border-box}.kj-quan-class .right-class .title-white{font-size:32px;color:#fff;margin-top:20px}.kj-quan-class .right-class .title-black{margin-top:6px;font-size:22px;color:#000;text-shadow:0 2px 6px #888}.kj-quan-class .right-class .contain{width:100%;height:358px;border-radius:0 0 10px 10px;background-color:#fff;margin-top:18px;padding:16px 12px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;cursor:text}.kj-quan-class .right-class .contain .sm{font-size:14px;color:#666;text-align:left;line-height:24px;font-family:SourceHanSerif-regular}.kj-quan-class .right-class .contain .quan{position:relative;display:flex;flex-direction:column;align-items:center;width:194px;height:178px;border-radius:5px;background-image:linear-gradient(90deg,#fff4dc,#feeec8);color:#101010;font-size:14px;text-align:center;margin-top:14px;box-sizing:border-box;box-shadow:0 2px 6px 0 rgba(0,0,0,.4)}.kj-quan-class .right-class .contain .quan-txt{color:red;font-size:32px;text-align:center;text-shadow:0 1px 4px #888;margin-top:16px}.kj-quan-class .right-class .contain .desc{font-size:12px;color:#e4d6af;background-color:#000;width:124px;height:20px;line-height:20px;border-radius:10px;margin-top:8px}.kj-quan-class .right-class .contain .quan-line{width:150px;height:3px;border-bottom:1px dashed #f7c8a0;margin:10px 0}.kj-quan-class .right-class .contain .quan img{width:126px;height:45px}.kj-quan-class .right-class .contain .yuan{width:18px;height:18px;background-color:#fff;border-radius:50%}.kj-quan-class .right-class .contain .wz1{position:absolute;left:-10px;top:95px}.kj-quan-class .right-class .contain .wz2{position:absolute;right:-10px;top:95px}.kj-quan-class .right-class .contain .gz{font-size:16px;color:#111;text-align:left;line-height:22px;margin-top:10px}.kj-quan-class .right-class .to-list-class{margin-left:auto;background-color:#000;padding:8px 20px;color:#fff;border-radius:30px;box-shadow:3px 5px 6px 0 rgba(0,0,0,.4);font-size:16px;cursor:pointer}.kj-list-class{text-align:left;margin-top:4rem}.kj-list-class .item{border-bottom:2px solid #e4e4e4;padding:20px 0;cursor:pointer;display:flex}.kj-list-class .kj-img{width:150px;height:86px;-o-object-fit:fill;object-fit:fill}.kj-list-class .yl-qrcode img{width:84px;height:84px}.kj-list-class .yl-qrcode img:hover{transform:scale(3)}.kj-list-class .updata-time{position:absolute;bottom:0;right:14px;color:#d2282d;font-size:14px}.kj-list-class .del-btn{width:72px;border:1px solid #333;color:#333;border-radius:5px;margin-left:auto}.kj-list-class .del-btn,.kj-list-class .detail-btn{height:28px;line-height:28px;text-align:center;font-size:14px}.kj-list-class .detail-btn{width:96px;border:1px solid #27b148;color:#27b148;border-radius:5px}.kj-list-class .zf-btn{width:114px;height:30px;background-color:#0089fd;color:#fff;border-radius:32px;text-align:center;font-size:14px;display:flex;align-items:center;font-weight:500;justify-content:center}.kj-list-class .zf-btn img{width:20px;height:20px}.kj-list-class .icon-fx-class{width:24px;height:24px}.kj-list-class .item-btn-class{display:flex;margin-left:170px;margin-top:16px;align-items:center}.kj-list-class .js-class{width:740px;height:66px;border-radius:6px;background-color:#a1917b;color:#101010;font-size:14px;text-align:center;margin-top:30px;display:flex;align-items:center}.kj-list-class .ktj-btn{border-radius:30px;background-color:#3291f8;color:#fff;font-size:12px;text-align:center;padding:2px 14px;cursor:pointer;margin-left:10px}