.user-msg-box[data-v-56e6281b] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*height: 4rem;*/
  background: url(../../static/img/top.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 0.8rem;
}
.user-msg-box-left[data-v-56e6281b] {
  width: 20%;
  padding-top: 0.53333rem;
  padding-left: 0.4rem;
}
.user-msg-box-left img[data-v-56e6281b] {
  height: 1.38667rem;
}
.user-msg-box-right[data-v-56e6281b] {
  width: 80%;
  position: relative;
}
.user-msg-box-right-p[data-v-56e6281b] {
  position: absolute;
  width: 1.786667rem;
  height: 0.746667rem;
  line-height: 0.746667rem;
  background: #dfab7e;
  border-radius: 0.133333rem;
  right: 0.586667rem;
  top: 1.066667rem;
  font-size: 0.32rem;
  color: #6f5620;
  text-align: center;
}
.user-msg-box-right-name[data-v-56e6281b] {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 0.533333rem;
  font-size: 0.45rem;
  color: #fff;
}
.user-msg-box-right-name .vipImg[data-v-56e6281b] {
  position: relative;
  height: 0.5rem;
  margin-left: 0.16rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAAaCAYAAACjFuKcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTUwRTdBQ0M0MzRDMTFFQUJGNjhBQzZBQjE3NUE0REYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTUwRTdBQ0Q0MzRDMTFFQUJGNjhBQzZBQjE3NUE0REYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NTBFN0FDQTQzNEMxMUVBQkY2OEFDNkFCMTc1QTRERiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NTBFN0FDQjQzNEMxMUVBQkY2OEFDNkFCMTc1QTRERiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm08ErUAAAt5SURBVHja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);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 100%;
  padding-left: 0.8rem;
  padding-right: 0.16rem;
}
.user-msg-box-right-name .vipImg .vip-text[data-v-56e6281b] {
  height: 0.32rem;
  font-size: 0.32rem;
  line-height: 1;
  color: #ffffff;
  text-align: left;
}
.user-msg-box-right-vip[data-v-56e6281b] {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 60%;
  margin-top: 0.133333rem;
  font-size: 0.35rem;
}
.user-msg-box-right-vip-progress[data-v-56e6281b] {
  position: relative;
  width: 100%;
  height: 0.16rem;
  border-radius: 0.266667rem;
  margin: 0.08rem 0 0.133333rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAALCAYAAABRadv4AAAAAXNSR0IArs4c6QAAAWNJREFUeAHt27FKA0EQxvGZzcWLYqUHgpDWNLGytRBstb+HsQw+h6VgmTyAha2gGAStrIRI6qBiHG9chRB2nyD/a+7um+Xgfs1w3KzK33F6sFvZx/uZyfehmuybyNp/jTMCCCCAwOoKqMinqTyohBstO4Ph7evUNZpc5KRfHYl8XZrJjt9zIIAAAgggkBJQlYlIUY/G02uNXx6zMc0jRUWGAAIIILAs4E1Ey41+a2+7fW5mx8sLuEcAAQQQQCAjsCnzeRn8n0dmATECCCCAAAJJAe8dQU17ySohAggggAACGQHvHcHUnjJ1YgQQQAABBJIC3juCj2Ulq4QIIIAAAghkBLx3BJ/pjWNZmVXECCCAAAIILAjEKazOIMQNIUVNE1nQ4RIBBBBAICkQe0VRe+9o+Yrnt9lLr7t14WNZotZudhdWTfxbSz6BEAEEEEBgZQR8J3qz7fxONVxpuV6P7ieP/vI/y0pO29TfdpoAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.user-msg-box-right-vip-progress-bar[data-v-56e6281b] {
  position: absolute;
  left: 0;
  width: 40%;
  height: 0.16rem;
  background: #998f87;
  border-radius: 0.266667rem;
}
.user-msg-box-right-vip.long[data-v-56e6281b] {
  width: 90%;
}
.user-msg-box-right-level[data-v-56e6281b] {
  width: 60%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 0.133333rem;
  color: #fff;
}
.user-msg-box-right-level.long[data-v-56e6281b] {
  width: 90%;
}
.user-msg-box-right-vipText[data-v-56e6281b] {
  padding-right: 1.6rem;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  color: #fff;
}
.user-msg-box-right-vipText.long[data-v-56e6281b] {
  padding-right: 0.8rem;
}
.yellow[data-v-56e6281b] {
  color: #ffe400;
}

.container .gameTypeList[data-v-30dd57b4] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  height: 0.90667rem;
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  margin: 0.26667rem 0;
}
.container .gameTypeList li[data-v-30dd57b4] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 2.2rem;
      -ms-flex: 0 0 2.2rem;
          flex: 0 0 2.2rem;
  height: 100%;
  padding: 0 0.21333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.36rem;
}
.container .gameTypeList li span[data-v-30dd57b4] {
  width: 100%;
  height: 100%;
  border-bottom: 0.05333rem solid transparent;
}
.container .gameTypeList li span.active[data-v-30dd57b4] {
  color: #8c582f;
  border-bottom: 0.05333rem solid #8c582f;
}
.container .pointList[data-v-30dd57b4] {
  width: 100%;
  padding: 0 0.26667rem 0.26667rem 0.26667rem;
}
.container .pointList li[data-v-30dd57b4] {
  width: 100%;
  padding: 0.13333rem 0.4rem;
  border-bottom: 0.02667rem solid #efefef;
  height: 1.44rem;
  background: #fff;
}
.container .pointList li .code-name img[data-v-30dd57b4] {
  max-width: 1.6rem;
  height: 0.64rem;
  margin-right: 0.26667rem;
}
.container .pointList li .next[data-v-30dd57b4] {
  width: 0.53333rem;
  height: 0.53333rem;
  margin-right: 0.4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTgzMUM1ODdCQ0NFMTFFOEFFQzNDQkI1M0RFODI0REQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTgzMUM1ODhCQ0NFMTFFOEFFQzNDQkI1M0RFODI0REQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxODMxQzU4NUJDQ0UxMUU4QUVDM0NCQjUzREU4MjRERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxODMxQzU4NkJDQ0UxMUU4QUVDM0NCQjUzREU4MjRERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puib58MAAAL3SURBVHjavJjPbxJREMenyy/5ZSBA0gJCgEOrnpvGVj0ZqwevNdFrUw9W/xe1HtqD3jx49WAaPPkzPfRWtW0CBCRpKBAIkiIEss5shmZtGtm3++CbfMIB3rwvu2/mvXlTh4eHIKgUsoxcRy4jScTP3/1GishP5DOyjRREgk8ZNGRDVpB15BqNMxhfRb4hG8hbZDBqgGIg6C1kD3mDLAqYAf7tIo/d41imDV1ANpEsMgfWNcexNjm2kKEI8hFZA/la49gRo4boh5+QeRif5nmOyChDHuQdMgvj1yzP5fmfoWfIAkxOCzznuYYoA1aNRMlkMhAMBmWZWtVnn6L7fG40QrvdhnA4DD6fT5apF1zrTg3d56prSJVKBZrNJszMzIDX6wVJJWFFb+ixaIRqtQqtVgui0Si43W4ZptaHhlJcTYVFT4peXzweB5fLZdUQbUlpMnRHcDv4R0dHR9DpdCCRSIDT6bRiiDwsk6Elq3+tXC5Dt9uFZDIJdrvdSqglMnRVxgIolUrQ6/UglUqBzWYzG+YKGbokK3eLxSL0+31Ip9OgKIqZEElFd7iSokKhAIPBQFtTJkz5FBiD8vk8OBwOzZSoFD52ShUVTFK9Xhcd2qaU+IWEZJmhTKP0p0VOmSeaG/SEfsgwQuuFNl0yQ+vIhBnSd4W7A0ui9UJmVFWFXC6nZZpJfbFzq6Karda0ZdDipRpEaW9B5GGbnlAe+Womgsfj0czQ1mHRDHC7lB+m/UvR0X6/H2KxmLa50tYhQRv64wc1cftGR4ZCIZientbORLS5StA+ezg1RB3lE6OjA4EANBoN7UwkSU+HXa2+Un9AXhsZTZlUq9VkmXnFDeS5XQed2nYm2HXsnH0zZw2dIPeQgwmYOeC5TkZ1rrQwbiK7YzSzy3NUjfb2x8gNZGsMZrb4bulY9PajgzxCbkt6hQcci2L+sXI/lOVj7gOupqqJCvyQY2Rl3aDpRW3TXX7s1ODRKewif9eiIwQXOtq034Pgld5fAQYALeXQFaRU8DkAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}