.washCode[data-v-060fb454] {
  width: 100%;
  color: #5f5f5f;
  position: relative;
}
.washCode .washCode-content[data-v-060fb454] {
  padding: 15px 15px 20px 15px;
  background: url(../../static/img/panel_background.jpg) repeat;
}
.washCode .washCode-content .washCode-total[data-v-060fb454] {
  width: 100%;
  height: 112px;
  border: 1px solid rgba(10, 2, 5, 0.2);
  padding: 0px 0 0 35px;
  color: #232328;
  font-size: 16px;
}
.washCode .washCode-content .washCode-total .total-view[data-v-060fb454] {
  line-height: 56px;
}
.washCode .washCode-content .washCode-total .total-view .div-w35[data-v-060fb454] {
  width: 35%;
}
.washCode .washCode-content .washCode-total .total-view .div-w65[data-v-060fb454] {
  width: 65%;
  font-size: 14px;
}
.washCode .washCode-content .washCode-total .total-view .div-w65 .washCode-btn[data-v-060fb454] {
  width: 82px;
  height: 27px;
  background: #f6bb2b;
  border-radius: 2px;
  color: #232328;
  line-height: 27px;
  text-align: center;
  cursor: pointer;
}
.washCode .washCode-content .washCode-total .total-view .div-w65 .washCode-record .record-icon[data-v-060fb454] {
  width: 18px;
  height: 14px;
  margin-left: 34px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjU3Mjg0OEEyNzNCMTFFQUI4QTFCREZFMkZDMzM3QjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjU3Mjg0OEIyNzNCMTFFQUI4QTFCREZFMkZDMzM3QjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NTcyODQ4ODI3M0IxMUVBQjhBMUJERkUyRkMzMzdCNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NTcyODQ4OTI3M0IxMUVBQjhBMUJERkUyRkMzMzdCNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjuYE+kAAADhSURBVHjaYvz//z8DNQATA5UAS1FR0UogbQ7lpwDxHiA+DcSiJJjzhQVI6ACxPFRAEEqbkOM1bmQXku01IC4CYgUgBoX6CSQv8gLxXyId8wNk0DosknPJcZELEEtBXbQPiJ8CcQgQ85Dgop8gg2YAsTJUMBKIVwDxanIC+x8S/z8lgX0E5DQo/wWUPgDEIiSY8xVkUBIWCUdyXKQNxPxQ/nUgfg/ERkDMRqRXGYH4D8igVUCsBRUMgwb0GagCkgKbBUsmZiTHa2eh3gCB11D6KBCLo8UoPq99YRx05RFAgAEAKqssP8kHuT0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.washCode .washCode-content .washCode-total .total-view .div-w65 .washCode-record .record-btn[data-v-060fb454] {
  width: 119px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #b8b7b7;
  line-height: 32px;
  text-align: center;
  margin-left: 9px;
  cursor: pointer;
}
.washCode .washCode-content .washCode-gameType[data-v-060fb454] {
  color: #232328;
  font-size: 16px;
  margin-top: 8px;
}
.washCode .washCode-content .washCode-gameType ul li[data-v-060fb454] {
  width: 102px;
  height: 36px;
  background: #ffffff;
  border: 1px solid #b8b7b7;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}
.washCode .washCode-content .washCode-gameType ul li.active[data-v-060fb454] {
  color: #a94442;
}
.washCode .washCode-content .washCode-gameType li + li[data-v-060fb454] {
  margin-left: 12px;
}
.washCode .washCode-content .record-ul[data-v-060fb454] {
  border: none;
  margin-top: 6px;
}
.washCode .washCode-content .record-ul .first-li[data-v-060fb454] {
  font-size: 16px;
  color: #232328;
  font-weight: 500;
}
.washCode .washCode-content .record-ul .span-w[data-v-060fb454] {
  width: 25%;
  text-align: center;
}
.washCode .washCode-content .data[data-v-060fb454] {
  text-align: center;
  line-height: 80px;
}