.header[data-v-1adc35dd] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 5px 15px;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}

.user[data-v-5ad4b33f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-left: auto;
  white-space: nowrap;
  cursor: pointer;
  color: #BBBBBB;
}
.user a[data-v-5ad4b33f] {
  color: inherit;
}
.user .username[data-v-5ad4b33f] {
  margin-left: 5px;
}
.user .ant-badge[data-v-5ad4b33f] {
  margin-right: 10px;
}
.user .notify-badge[data-v-5ad4b33f] {
  margin-top: 20px;
}
.user .notify-icon[data-v-5ad4b33f] {
  font-size: 20px;
}
.unlogin[data-v-5ad4b33f] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #888888;
  margin-left: auto;
}
.unlogin a[data-v-5ad4b33f] {
  color: #888888;
  margin: 1px 4px 0;
}
.unlogin a[data-v-5ad4b33f]:hover {
  color: #1890ff;
}

@font-face {
  font-family: TypoRound;
  font-weight: normal;
  src: url(https://h5mota.com/assets/Typo_Round_Regular.1a899395b.otf) format('opentype');
}
.site-brand[data-v-5e006f44],
.site-brand .logo-link[data-v-5e006f44] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 30px;
  text-decoration: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-align-self: center;
          align-self: center;
}
.site-brand img[data-v-5e006f44] {
  height: 30px;
}
.site-brand .logo[data-v-5e006f44] {
  color: white;
  font-weight: 300;
  padding-left: 10px;
  font-size: 20px;
  font-family: TypoRound, sans-serif;
}

.main-header[data-v-0a8ad1a4] {
  background: #FFFFFF;
  height: 52px;
  line-height: 52px;
}
.main-tab[data-v-0a8ad1a4] {
  margin: -1px auto 1px;
  border-bottom: none;
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  text-align: center;
}
.drawer-handler[data-v-0a8ad1a4] {
  -webkit-align-self: center;
          align-self: center;
  margin-right: 5px;
}
.main-header[data-v-0a8ad1a4] .site-brand .logo {
  color: black;
}
.main-header[data-v-0a8ad1a4] .user {
  color: #444444;
}
.ant-drawer[data-v-0a8ad1a4] .ant-drawer-body {
  padding: 10px 0px;
}

.footer[data-v-99026158] {
  margin-top: auto;
}
.footer[data-v-99026158] {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 1.45;
  background: #C8C8C8;
  padding: 10px;
  text-align: center;
}
a[data-v-99026158],
span[data-v-99026158] {
  margin: 0px 10px;
  color: #444444;
}

.ant-result[data-v-659ad11b] .ant-result-title {
  font-size: 48px;
}
.ant-result[data-v-659ad11b] .ant-result-subtitle {
  font-size: 18px;
}

.title-container[data-v-1e5ed49c] {
  margin-left: 5px;
  margin-right: 5px;
}
.title[data-v-1e5ed49c] {
  font-weight: bold;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.strong-1 .ant-divider[data-v-1e5ed49c] {
  margin: 7px 0;
  background: #CCCCCC;
  height: 2px;
}
.strong-2 .ant-divider[data-v-1e5ed49c] {
  margin: 2px 0 7px;
  background: #DDDDDD;
}

.user-name[data-v-0b9b2cb4] {
  margin-left: 5px;
}

.tower-tag[data-v-4cd9faae] {
  font-size: 13px;
  padding: 2px 6px;
}

.bar[data-v-edc64418] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  max-width: 90%;
}
.bar[data-v-edc64418],
.item[data-v-edc64418] {
  height: 16px;
}
.item[data-v-edc64418] {
  margin-left: 1px;
}
.intro[data-v-edc64418] {
  margin-left: 10px;
}
.rect[data-v-edc64418] {
  height: 10px;
  width: 10px;
  border: 1px solid black;
  display: inline-block;
}

.info-board-container[data-v-084029b4] {
  text-align: left;
}
.info-board[data-v-084029b4] {
  margin-left: 10px;
}
.info-board > sdiv[data-v-084029b4] {
  margin: 10px 0;
}
.opts > *[data-v-084029b4]:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 599px) {
.opts > *[data-v-084029b4]:not(:last-child) {
    margin-right: 6px;
}
}
.text[data-v-084029b4] {
  font-size: 16px;
}

.iok[data-v-63509a30] {
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-2-5.8l-2.6-2.6L6 13l4 4 8-8-1.4-1.4z%27 fill=%27green%27/%3E%3C/svg%3E") no-repeat center;
}
.ierror[data-v-63509a30] {
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z%27 fill=%27red%27/%3E%3C/svg%3E") no-repeat center;
}
.iunknown[data-v-63509a30] {
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z%27 fill=%27blue%27/%3E%3C/svg%3E") no-repeat center;
}
.iok[data-v-63509a30],
.ierror[data-v-63509a30],
.iunknown[data-v-63509a30] {
  background-size: 100%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.footer[data-v-cc66bb42] {
  text-align: center;
  margin: auto;
  display: block;
}
.submission-container[data-v-cc66bb42] {
  overflow: auto;
}
.submission-container[data-v-cc66bb42] .my-submission {
  background-color: #E0F2F1;
}

.header[data-v-62d0836c] {
  font-size: 16px;
}
.verified-only[data-v-62d0836c] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}

.record-board-container[data-v-1f1351fe] {
  text-align: left;
}
.unshow-info[data-v-1f1351fe] {
  margin: 10px;
}
.header[data-v-1f1351fe] {
  font-size: 16px;
}
.fold-button[data-v-1f1351fe] {
  color: rgba(0, 0, 0, 0.45);
}

.rating-container[data-v-99f70f00] {
  color: #9b9b9b;
  padding-bottom: 15px;
  font-size: 13px;
  line-height: 16px;
  width: 180px;
  text-align: left;
}
.rating-title[data-v-99f70f00] {
  font-size: 15px;
  color: #555555;
}
.rating-title h4[data-v-99f70f00] {
  margin: 0;
}
.rating-info[data-v-99f70f00] {
  padding: 0;
  line-height: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.rating-right[data-v-99f70f00] {
  padding: 30px 0 10px 10px;
}
.rating-score[data-v-99f70f00] {
  padding: 0;
  min-width: 30%;
  font-size: 32px;
}
.rating-bar[data-v-99f70f00] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.rating-bar .bar[data-v-99f70f00] {
  background-color: #ffd596;
  margin: 1px 5px 0;
  height: 13px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

.rating-container[data-v-0dee80cd] {
  color: #9b9b9b;
  padding-bottom: 15px;
  font-size: 13px;
  line-height: 16px;
  width: 180px;
  text-align: left;
}
.rating-title[data-v-0dee80cd] {
  font-size: 15px;
  color: #555555;
}
.rating-title h4[data-v-0dee80cd] {
  margin: 0;
}
.rating-info[data-v-0dee80cd] {
  padding: 0;
  line-height: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.rating-right[data-v-0dee80cd] {
  padding: 30px 0 10px 10px;
}
.rating-score[data-v-0dee80cd] {
  padding: 0;
  min-width: 30%;
  font-size: 32px;
}

.rating-board-content[data-v-0526776c] {
  text-align: left;
  margin-left: 10px;
}
.ratings[data-v-0526776c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
}
.rate-locked[data-v-0526776c] {
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 10px;
}
.myrate-error[data-v-0526776c] {
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.45);
}
.design-rating[data-v-0526776c] {
  border-right: 1px solid #dddddd;
}
.difficulty-rating[data-v-0526776c] {
  margin-left: 50px;
}
.difficulty-rate[data-v-0526776c] {
  font-size: 32px;
}
.rating-helper[data-v-0526776c],
.colorrate-helper[data-v-0526776c],
.ultrarate-helper[data-v-0526776c] {
  color: rgba(0, 0, 0, 0.45);
}
.qualification-check[data-v-0526776c] {
  list-style-type: none;
  padding-left: 10px;
}
.qualification-check .success[data-v-0526776c] {
  color: #52c41a;
}
.qualification-check .error[data-v-0526776c] {
  color: #f5222d;
}
.qualification-check .passed[data-v-0526776c] {
  margin-left: 17px;
  color: rgba(0, 0, 0, 0.45);
}
.qualification-check .detail[data-v-0526776c] {
  margin-left: 25px;
}
.colorrate-count[data-v-0526776c] {
  color: rgba(0, 0, 0, 0.45);
}
.colorrate-update[data-v-0526776c],
.colorrate-withdraw[data-v-0526776c] {
  margin-left: 10px;
}

blockquote {
  display: block;
  border-left: 8px solid #d0e5f2;
  padding: 5px 10px;
  margin: 10px 0;
  line-height: 1.4;
  font-size: 100%;
  background-color: #f1f1f1;
}
blockquote p {
  margin: 10px 0;
  line-height: 1.5;
}

.user-badge[data-v-d64fc544] {
  font-size: 16px;
  font-family: Menlo, Consolas, 'Courier New', Courier, monospace;
  display: inline;
}
.user-badge .level-left[data-v-d64fc544] {
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  padding: 2px;
  padding-inline: 6px 4px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #404040;
}
.user-badge .level-right[data-v-d64fc544] {
  padding: 2px;
  padding-inline: 4px 6px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.render-text {
  overflow-wrap: anywhere;
  word-break: break-all;
}
.render-text img {
  max-width: 100%;
}

.avatar-container[data-v-df6e540e] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
  margin-bottom: 5px;
}
.avatar-container .comment-label[data-v-df6e540e] {
  font-size: 16px;
  font-family: Menlo, Consolas, 'Courier New', Courier, monospace;
}
.avatar-container .user-link[data-v-df6e540e] {
  margin-left: 10px;
}
.main .content[data-v-df6e540e] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  text-align: left;
}
.main .bottom[data-v-df6e540e] {
  margin-top: auto;
  margin-bottom: 0;
  text-align: right;
}
.main .ant-btn[data-v-df6e540e] {
  padding: 0 6px;
}
.main .ant-btn span[data-v-df6e540e] {
  margin: 0px;
}
.main .like-btn[data-v-df6e540e] {
  font-size: 16px;
  margin-left: 4px;
}
.main .like-btn[data-v-df6e540e]:hover {
  color: #1890ff;
}
.main .like-btn.liked[data-v-df6e540e] {
  color: #1890ff;
}
.render-text[data-v-df6e540e] {
  color: #444444;
  font-size: 16px;
  margin: 0;
  cursor: auto;
  overflow-wrap: anywhere;
  word-break: break-all;
}
.render-text img[data-v-df6e540e] {
  max-width: 100%;
}

.ant-list-item-meta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 599px) {
.ant-list-item-meta .content {
    margin-left: 10px;
}
}
.ant-list-item-meta-avatar a {
  font-size: 14px;
}
.ant-list-item-meta-content {
  width: 100%;
}
.ant-modal-mask,
.ant-modal-wrap {
  z-index: 10001 !important;
}

.preview[data-v-3ff69d13] {
  margin: 5px;
  padding: 5px;
  background-color: #DDDDDD;
  font-size: 16px;
  border-radius: 3px;
}
code[data-v-3ff69d13] {
  padding: 1px;
  background-color: #EEEEEE;
}

.ant-btn[data-v-8092642c] {
  margin-left: 0;
  padding: 0 6px;
}
.ant-btn span[data-v-8092642c] {
  margin: 0px;
}
.ant-btn.admin-button[data-v-8092642c] {
  color: grey;
}

.subcomment-list[data-v-26996680] {
  margin-left: 20px;
}
.subcomment-list .subcomment-item[data-v-26996680] {
  padding-top: 8px;
  padding-bottom: 0;
}
.subcomment-list[data-v-26996680] .ant-list-header {
  padding: 0;
}
.writeboard[data-v-26996680] {
  margin: 10px 15px;
}
.writeboard .ant-input[data-v-26996680] {
  margin-bottom: 5px;
}
.writeboard .textbar[data-v-26996680] {
  text-align: right;
}
.writeboard .textbar .counter[data-v-26996680] {
  margin: 0 5px;
}
.writeboard .textbar .counter.warn[data-v-26996680] {
  color: red;
}
.writeboard .textbar .ant-btn span[data-v-26996680] {
  margin: 0px 10px;
}
.ant-btn[data-v-26996680] {
  margin-left: 0;
  padding: 0 6px;
}
.admin-button[data-v-26996680] {
  color: grey;
}
.ant-tag[data-v-26996680] {
  margin-left: 6px;
  margin-right: 0;
}

.comment-list[data-v-751f40c6] {
  margin: 0 5px;
}
.comment-list .comment-item[data-v-751f40c6] {
  padding-top: 8px;
  padding-bottom: 0;
}
.writeboard[data-v-751f40c6] {
  margin: 10px;
}
.optbar[data-v-751f40c6] {
  margin: 10px;
  text-align: right;
}
.help[data-v-751f40c6] {
  text-align: left;
}


html, body {
    height: 100%;
    width: 100%;
    margin: 0;
}
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    cursor: default;
}

.adjuster[data-v-66eaf9a5] {
  margin: 20px auto;
}
.adjuster div[data-v-66eaf9a5] {
  margin-bottom: 30px;
}
@media screen and (min-width: 1000px) {
.info[data-v-66eaf9a5] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.adjuster[data-v-66eaf9a5] {
    width: 1000px;
}
.adjuster .info-board-container[data-v-66eaf9a5],
  .adjuster .rating-board-container[data-v-66eaf9a5] {
    display: inline-block;
    margin-bottom: 0;
}
.adjuster .top-cards[data-v-66eaf9a5] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.info-board-container[data-v-66eaf9a5] {
    max-width: 580px;
    width: 580px;
    vertical-align: top;
}
.rating-board-container[data-v-66eaf9a5] {
    max-width: 420px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
}
}
@media screen and (max-width: 999px) {
.adjuster[data-v-66eaf9a5] {
    width: 100%;
}
.adjuster .top-cards[data-v-66eaf9a5] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
}
}
.description[data-v-66eaf9a5] {
  text-align: left;
  margin: 0 15px;
}
.backstage-link[data-v-66eaf9a5] {
  margin-top: auto;
  margin-bottom: 6px;
  margin-left: 10px;
  font-size: 14px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.45);
}