.serviceMain{padding:12px}.serviceMain .right{width:380px;height:100%}.serviceMain .up{width:100%;font-size:.5rem;display:block;position:relative;height:calc(100% - 1.6rem);background-color:#f5f5f5;overflow-y:scroll;overflow-x:hidden;border-right:1px solidrgb(202,194,194);border-left:1px solid #cac2c2;border-top:1px solid #cac2c2;border-bottom:1px solid #cac2c2}.serviceMain .up span{background-color:#fff;font-size:13px;line-height:18px;height:18px}.serviceMain .up img{width:80%}.serviceMain .up img :hover{width:100%}.serviceMain .qrcode{position:relative;left:160px}.serviceMain .Online{padding-top:5px;height:26px;width:26px;cursor:pointer}.serviceMain .Online img{width:18px}.serviceMain .Offline{padding-top:5px;height:26px;width:26px;cursor:pointer}.serviceMain .Offline img{width:18px}.serviceMain .qrCodeNote{position:relative;left:160px;text-align:center;font-size:20px;color:red;top:3px}.serviceMain .database{width:100%;background-color:#f5f5f5;overflow-y:scroll;overflow-x:hidden;border-left-color:#5a5c5e;border-right:1px solidrgb(202,194,194);border-left:3px solid #cac2c2;border-top:1px solid #cac2c2;border-bottom:1px solid #cac2c2}.serviceMain #inputId{padding-bottom:5px}.serviceMain .action{padding:3px;font-size:.88rem}.serviceMain .user{height:25px;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:1px}.serviceMain .nickname{float:left;font-size:.88rem;width:80%}.serviceMain .timeLong{width:25%;font-size:.88rem;float:left}.serviceMain .overtime{width:10%;cursor:pointer;font-size:.88rem;float:left}.serviceMain .waitQty{height:30px}.serviceMain .answer{font-size:13px;line-height:18px;height:18px}.serviceMain .el-dropdown-link{height:30px;cursor:pointer;color:#409eff}.serviceMain .el-icon-arrow-down{font-size:12px}.serviceMain .icon{padding-top:5px;height:26px;width:26px;cursor:pointer}.serviceMain .toolbar{height:16px;width:100%;float:right;background:#f6f8f8}.serviceMain .toolbar i{float:right}.serviceMain .btn{width:100%;height:30px;line-height:30px;margin:3px;color:#fff;text-align:center;font-size:13px;border-radius:5px;background:#23c6c8}.serviceMain .down{width:100%}.serviceMain .msg_right{width:100%;margin-top:5px;text-align:right}.serviceMain .time{width:100%;color:#222121;font-size:.3rem;padding-top:15px;padding-bottom:2px;text-align:center}.serviceMain .msg_left{width:100%;margin-top:5px}.serviceMain .msg_right_up{height:25px}.serviceMain .msg_right_down{height:25px;padding-right:10px}.serviceMain .userOnservice{padding:1px;width:100%;height:35px;cursor:pointer;font-size:.3rem;border:1px;border-style:outset;color:#222121}.serviceMain .userOnservice img{float:left;width:35px;height:35px}.serviceMain .userOnservice:hover{background:#409eff}.serviceMain .cardInfo{font-size:.7rem;padding-left:7px;padding-bottom:7px;widows:100%;height:135px}.serviceMain .cardInfo div{padding-top:2px}.serviceMain .cardInfo img{width:13px;height:13px}.serviceMain .marLeft10{margin-left:10px;margin-bottom:2px}