.cardControl .red{color:red}.cardControl table{width:80%;margin:100px auto 0;border-collapse:separate;border:1px solid #ccc}.cardControl td{padding:15px;background-color:#f6f6f6}.cardControl td>span{padding:0 4px;font-size:20px;font-weight:700}.cardControl #pcs span{display:inline-block;width:10%;-webkit-box-sizing:border-box;box-sizing:border-box}.cardControl td:nth-of-type(n+2){text-align:center}.cardControl input[type=button]{padding:9px 24px;border:none;background-color:#33c0df;color:#fff;border-radius:5px;cursor:pointer;outline:none}.cardControl input[type=button]:hover{background-color:#07d2ff}.cardControl #dialog{position:fixed;top:0;left:0;display:none;width:100vw;height:100vh;background-color:rgba(0,0,0,.5)}.cardControl .dialog-content{position:absolute;top:40%;left:50%;z-index:3;width:780px;padding:0 20px;text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cardControl #selectBtn{margin-left:20px}.cardControl #selectBtn:disabled{background-color:#ccc}.cardControl label{display:inline-block;width:60px;text-align:center}.cardControl label input{position:absolute;opacity:0}.cardControl label input:checked+span{background-color:#d0f0ff}.cardControl label input:disabled+span{background-color:#ccc}.cardControl label span{display:block;padding:10px 0}.cardControl #roomPath{width:70px;text-align:center;height:30px;border:1px solid #e4e4e4;background:#fff}.cardControl #rid_input{height:40px;width:100%;line-height:40px;padding-left:13px;border-radius:4px;border:1px solid #e8e8e8}