body,html{margin:0;padding:0;background:#f8f8f8}.device-controls{width:350px;min-height:260px;margin:auto;background:#fff;margin-top:30px;padding:0 0 30px 0}.device-controls .device-controls-item{display:inline-block;width:166px;height:122px;margin:2px;background:#fff;box-shadow:0 5px 24px 0 rgba(0,0,0,.05);border:1px solid #fff;border-radius:14px;text-align:center}.panel-container .panel-item{display:inline-block;width:166px;height:122px;margin-top:8px;background:#fff;box-shadow:0 5px 21px 0 rgba(0,0,0,.05);border:1px solid #fff;border-radius:14px;text-align:center}.panel-imgage-container .panel-image{width:60px;height:60px;margin-top:20px}.panel-container .panel-item .panel-name{font-size:12px;color:rgba(0,0,0,.65)}.close{text-align:right;padding:0 8px}.close .close-img{width:18px;height:18px;margin-top:15px;display:inline-block}.ptz-container{text-align:center}.ptz-container .ptz-img{display:inline-block;width:208px;height:208px}.ptz-container .ptz-img-container{margin-top:50px;display:inline-block}.ptz-container .ptz-img-container .ptz-img{pointer-events:none}.voice-list{height:150px;overflow:scroll}.voice-list ul{margin:0}.voice-list .voice-item{margin:10px 0;display:flex;justify-content:space-between;padding:0 30px}.voice-list #voice-list-end{width:100%;text-align:center;font-size:12px;color:#666;letter-spacing:0;line-height:12px;display:inline-block}.voice-list .voice-item .name{font-size:16px;color:#666;letter-spacing:0;line-height:22px;display:inline-block}.voice-list .voice-item .gif{width:20px;height:20px;display:inline-block}.voice-list-title{text-align:center;font-size:14px;color:rgba(0,0,0,.5);margin-bottom:20px;font-weight:700}.voice-list-sub-title{font-size:10px;color:rgba(0,0,0,.5);margin-left:70px;margin-bottom:10px}.video-container{position:relative}.video-controls-container{display:inline-block;width:100%;height:30px;position:absolute;bottom:0;display:flex;justify-content:space-around}.video-controls-container img{display:inline-block;width:30px;height:30px}.btn.primary{background:#4c80f7;box-shadow:0 5px 21px 0 rgba(0,0,0,.05);border-radius:8px;height:46px;line-height:46px;font-size:16px;text-align:center;color:#fff;margin:30px 30px 30px 30px;user-select:none}#hint-time{position:fixed;width:100px;display:inline-block;top:calc(50% - 100px);left:calc(50% - 80px);background:#fff;text-align:center;padding:30px;margin:auto;border-radius:10px;box-shadow:0 20px 30px rgba(0,0,0,.1)}#hint-time img{width:80px}.checkbox-rec::before{width:30px;height:10px;background:url(https://resource.ys7cloud.com/group1/M00/00/71/CtwQE1-iuAiAfHhtAAALdlIIv7k830.png)}