#box_hole_management[data-v-3d8fc3b0]{position:relative}.w-100[data-v-3d8fc3b0]{width:100%!important}.mb-15[data-v-3d8fc3b0]{margin-bottom:15px}.box-hole-container[data-v-3d8fc3b0]{width:100%;height:100%;background-color:#020202;border-radius:8px;padding:60px 30px 0 30px;overflow:hidden}.box-hole-btn[data-v-3d8fc3b0]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.box-hole-btn[data-v-3d8fc3b0],.box-hole-l[data-v-3d8fc3b0],.box-hole-r[data-v-3d8fc3b0],.key-count-items[data-v-3d8fc3b0]{display:-webkit-box;display:-ms-flexbox;display:flex}.key-count-items[data-v-3d8fc3b0]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.key-count-items[data-v-3d8fc3b0]:first-child{margin-right:26px}.key-count-items img[data-v-3d8fc3b0]{display:block;width:30px;height:17px}.key-count-txt[data-v-3d8fc3b0]{font-size:18px;color:#fff;margin:0 5px}.key-count-num[data-v-3d8fc3b0],.key-count-txt[data-v-3d8fc3b0]{font-weight:400;text-align:left;font-style:normal;text-transform:none}.key-count-num[data-v-3d8fc3b0]{font-size:24px;color:#18d040}.box-hole-type[data-v-3d8fc3b0]{width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:36px}.box-hole-type-item[data-v-3d8fc3b0],.box-hole-type[data-v-3d8fc3b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box-hole-type-item[data-v-3d8fc3b0]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:10px}.box-hole-type-item[data-v-3d8fc3b0]:last-child{margin-right:0}.box-hole-flag[data-v-3d8fc3b0]{width:18px;height:18px;background:#fff;border-radius:3px;margin-right:7px}.box-hole-type-txt[data-v-3d8fc3b0]{font-weight:400;font-size:18px;color:#fff;font-style:normal;text-transform:none}.flag-green[data-v-3d8fc3b0]{background-color:#2aef93}.flag-cyan[data-v-3d8fc3b0]{background-color:#70eadf}.flag-orange[data-v-3d8fc3b0]{background-color:#ff9335}.flag-skyBlue[data-v-3d8fc3b0]{background-color:#00c3eb}.flag-gray[data-v-3d8fc3b0]{background-color:#96a2b4}.key-box-container[data-v-3d8fc3b0]{width:100%;height:100%;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:165px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.key-box-container[data-v-3d8fc3b0]::-webkit-scrollbar{width:0!important}.key-box-items[data-v-3d8fc3b0]{width:17%;height:245px;background-size:cover!important;background-repeat:no-repeat!important;margin-top:52px;margin-right:3.75%;padding:15px 15px 0 15px;position:relative;background-size:100% 100%!important}.key-box-items[data-v-3d8fc3b0]:nth-child(5n){margin-right:0}.key-box-statusBar[data-v-3d8fc3b0]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.key-box-statusBar-l[data-v-3d8fc3b0],.key-box-statusBar[data-v-3d8fc3b0]{display:-webkit-box;display:-ms-flexbox;display:flex}.key-box-statusBar-l img[data-v-3d8fc3b0]{-webkit-filter:brightness(1000%) contrast(1000%) invert(0);filter:brightness(1000%) contrast(1000%) invert(0)}.bluetooth[data-v-3d8fc3b0],.fingerprint[data-v-3d8fc3b0]{display:block;width:20px;height:20px}.bluetooth[data-v-3d8fc3b0]{margin-right:10px}.key-box-statusBar-r[data-v-3d8fc3b0]{position:relative}.battery[data-v-3d8fc3b0]{width:45px;height:22px;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px;position:relative}.battery-circle[data-v-3d8fc3b0]{width:4px;height:8px;border-radius:0 50px 50px 0;line-height:100px;position:absolute;right:-7px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.battery-progress[data-v-3d8fc3b0]{height:100%;border-radius:2px}.battery-num[data-v-3d8fc3b0]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700;font-size:10px;color:#fff;font-style:normal;text-transform:none}.key-box-num-content[data-v-3d8fc3b0],.key-box-numplate[data-v-3d8fc3b0]{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}.key-box-num-content[data-v-3d8fc3b0]{position:relative;margin-left:-45px!important}.numplate[data-v-3d8fc3b0]{display:block;width:38px;height:44px}.numplate-num[data-v-3d8fc3b0]{font-weight:400;font-size:18px;color:#fff;font-style:normal;text-transform:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.numplate-coding[data-v-3d8fc3b0]{font-size:18px;font-weight:400;color:#fff;margin-left:10px}.key-status-sd[data-v-3d8fc3b0]{width:144px;height:96px}.key-status-dz[data-v-3d8fc3b0],.key-status-sd[data-v-3d8fc3b0]{margin:0 auto;margin-top:-14 px;background-repeat:no-repeat!important;background-size:cover!important}.key-status-dz[data-v-3d8fc3b0]{width:139px;height:83px}.key-status-nothing-sd[data-v-3d8fc3b0]{width:161px;height:120px}.key-status-nothing-dz[data-v-3d8fc3b0],.key-status-nothing-sd[data-v-3d8fc3b0]{margin:0 auto;margin-top:-25px;background-repeat:no-repeat!important;background-size:cover!important}.key-status-nothing-dz[data-v-3d8fc3b0]{width:170px;height:100px}.key-box-name[data-v-3d8fc3b0]{font-weight:400;font-size:18px;color:#e7e7e8;font-style:normal;text-transform:none;text-align:center;margin-top:-15px;display:none}.key-box-tips[data-v-3d8fc3b0]{width:100%;height:100%;padding-top:30px}.key-box-title[data-v-3d8fc3b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.key-box-txt[data-v-3d8fc3b0]{color:#fff}.key-box-num[data-v-3d8fc3b0],.key-box-txt[data-v-3d8fc3b0]{font-weight:400;font-size:28px;font-style:normal;text-transform:none}.key-box-num[data-v-3d8fc3b0]{color:#19a0fd}.key-box-door-img[data-v-3d8fc3b0]{width:300px;height:300px;display:block;margin:40px auto}.key-box-door-txt[data-v-3d8fc3b0]{width:100%;font-size:24px;margin-bottom:30px}.key-box-door-btn[data-v-3d8fc3b0],.key-box-door-txt[data-v-3d8fc3b0]{font-weight:400;color:#fff;text-align:center;font-style:normal;text-transform:none}.key-box-door-btn[data-v-3d8fc3b0]{width:317px;height:60px;line-height:60px;font-size:28px;margin:0 auto;background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/key_box_door_btn.svg) no-repeat;background-size:cover;cursor:pointer}.close-btn[data-v-3d8fc3b0]{position:absolute;left:30px;top:10px;border:none;font-size:18px;z-index:99}.yjys-tips[data-v-3d8fc3b0]{background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/yjys_tips_bg.svg) no-repeat;background-size:100% 100%;color:#ef6509}.yjys-tips[data-v-3d8fc3b0],.ysq-tips[data-v-3d8fc3b0]{width:130px;height:38px;position:absolute;left:50%;bottom:16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:16px;text-align:center;line-height:38px}.ysq-tips[data-v-3d8fc3b0]{background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/ysq_tips_bg.svg) no-repeat;background-size:100% 100%;color:#37dd6f}.operation-area[data-v-3d8fc3b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.operation-btn[data-v-3d8fc3b0]{margin-right:30px}.key-btn[data-v-3d8fc3b0],.operation-btn[data-v-3d8fc3b0]{width:180px;height:56px;font-size:20px;font-weight:500;color:#fff;text-align:center;line-height:56px;cursor:pointer}.key-btn[data-v-3d8fc3b0]{margin-right:30px;background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/home_btn_1.png) no-repeat;background-size:100% 100%;margin:0 auto;margin-top:100px}#box_hole_management .date{height:36px;line-height:36px;border-radius:6px}#box_hole_management .date .el-input__icon,#box_hole_management .date .el-range-separator{line-height:29px}#box_hole_management .input{height:36px;line-height:36px;border-radius:6px}#box_hole_management .task-input input{width:280px;height:36px;border-radius:8px}.get-key{width:45%;height:42px;font-size:20px;margin:0;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;line-height:42px;color:#fff;cursor:pointer}.get-key.lqys{background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/lq.png) no-repeat 50%;background-size:100% 100%;margin-right:10%}.get-key.tcys{background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/tc.png) no-repeat 50%;background-size:100% 100%}.get-key.lqys.big{width:80%;background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/lq_big.png) no-repeat 50%;background-size:100% 100%;margin-right:0}.get-key.tcys.big{width:80%;background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/tc_big.png) no-repeat 50%;background-size:100% 100%}.key-container .key_status{position:absolute;left:50%;top:77%;-webkit-transform:translate(-50%);transform:translate(-50%);font-size:18px;color:#fff;white-space:nowrap;font-weight:700}.loading_sqz .el-loading-mask{background-color:rgba(0,0,0,.5)!important;position:fixed}.loading_sqz .el-loading-mask .el-loading-spinner{margin-top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:51.5625rem;height:14.625rem;background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/new_images/yssqz.png) no-repeat 50%;background-size:100% 100%;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}.loading_sqz .el-loading-spinner i{font-size:3.5rem;color:#19ffda}.loading_sqz .el-loading-spinner .el-loading-text{font-size:2.75rem;color:#19ffda;font-weight:400;margin:0 0 0 1rem}.no-data{height:100%;top:0;background:url(https://jfjsbucket-1253351368.cos.ap-guangzhou.myqcloud.com/images/no_data_bg.svg) no-repeat 50%;background-size:254px auto}.no-auth-key,.no-data{width:100%;position:absolute;left:0}.no-auth-key{height:20%;bottom:0;font-size:24px;text-align:center;color:#fff;font-weight:400;margin-top:20px}