.search_box[data-v-940d0e2e] {
  box-sizing: content-box;
  width: 100%;
  max-width: 800px;
  height: 1.867rem;
  padding-top: 15px;
  display: flex;
  align-items: center;
  position: relative;
}

.search_box > input[data-v-940d0e2e] {
  width: 95%;
  text-indent: 1.5em;
  color: #000;
  height: 1.867rem;
  margin-right: 0.107rem;
  font-size: 0.747rem;
  border: unset;
  border-radius: 0 0.427rem 0.427rem 0;
  box-shadow: 5px 5px 5px gray, -5px -5px 5px #e7e4e4;
  padding-left: 1rem;
}

.search_box .back[data-v-940d0e2e],
.search_box .clear[data-v-940d0e2e],
.search_box .search[data-v-940d0e2e] {
  width: 1.6rem;
  text-align: center;
  position: absolute;
  right: 1.333rem;
  bottom: 0.307rem;
}

.search_box .back[data-v-940d0e2e] {
  left: 0;
  bottom: 0.3rem;
}

.search_box .clear[data-v-940d0e2e] {
  right: 2.933rem;
  bottom: 0.213rem;
}

.play[data-v-15af9b80] {
  text-align: center;
  width: 3.2rem;
  height: 1.333rem;
  line-height: 1.333rem;
  border-radius: 0.64rem;
  background: #1de3f5;
  color: #fff;
  font-size: 0.693rem;
  font-weight: 600;
}

.detail[data-v-b5543c6e] {
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  padding: 1.067rem 1rem 0.5rem;
  box-sizing: border-box;
}

.detail .game_show_box[data-v-b5543c6e] {
  margin: 0 auto;
  margin-top: 0.3rem;
}

.detail .game_show_box > div[data-v-b5543c6e] {
  text-align: center;
  font-size: 0.5rem;
}

.detail .press[data-v-b5543c6e] {
  border-radius: 0.95rem;
  outline: 1px auto -webkit-focus-ring-color;
  border: 1px solid #fff;
  color: #fff;
}

.detail .s_find[data-v-b5543c6e] {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.detail .s_find > div[data-v-b5543c6e] {
  padding: 0.213rem 0.693rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.8rem;
  background: #fff;
  color: #000;
  font-size: 0.64rem;
}

.detail .s_find > div[data-v-b5543c6e]:active {
  background: #e5e3e3;
}

.detail .popular_g > p[data-v-b5543c6e] {
  font-size: 0.747rem;
  font-weight: 700;
  margin: 1.067rem 0 0.853rem 0;
}

.search_list .game_item > a[data-v-b5543c6e] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
  align-items: center;
}

.search_list .game_item > a > img[data-v-b5543c6e] {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.373rem;
}

.search_list .game_item > a .info[data-v-b5543c6e] {
  padding: 0 1rem 0 0.533rem;
  flex: 1;
}

.search_list .game_item > a .info h4[data-v-b5543c6e] {
  font-size: 0.693rem;
  font-weight: 700;
}

.search_list .game_item > a .info > span[data-v-b5543c6e] {
  display: block;
  font-size: 0.533rem;
  color: #8e8e8e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search_list .no_more[data-v-b5543c6e] {
  font-size: 0.587rem;
  color: #a3a3a3;
  text-align: center;
  margin-top: 1.5rem;
}

.no_data > img[data-v-b5543c6e] {
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
  display: block;
}

.no_data > p[data-v-b5543c6e] {
  padding: 0 2.5rem 0;
  font-size: 0.64rem;
  color: #a3a3a3;
  text-align: center;
  margin-top: 0.8rem;
  margin-bottom: 1.067rem;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

.tr {
  border-bottom: 1px solid #000;
}

body,
html {
  padding: 0;
  min-height: 100vh;
  max-width: 800px;
  margin: 0 auto;
  font-family: var(--font-family);
  color: var(--font-color-blank);
}

#category,
body,
html {
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

#category {
  height: 100%;
  font-size: 16px;
}

a {
  text-decoration: none;
  color: var(--font-color-blank);
  display: block;
}

a,
a .game_icon {
  width: 100%;
  height: 100%;
}