.support-page {
  min-height: 640px;
  color: #e5e7eb;
}
.support-page .ch_title {
  margin: 30px 0;
  text-align: center;
}
.support-page .ch_title h4 {
  margin: 0;
  color: #07ca8d;
  font-size: 1.44rem;
  font-weight: 500;
}
.support-page .ch_title .ch_h2 {
  margin: 0;
  color: #fff;
  font-size: 2.25rem;
  font-weight: 500;
}
.support-page .bd_menu {
  display: flex;
  width: 100%;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}
.support-page .bd_menu li { width: 50%; }
.support-page .bd_menu a {
  display: block;
  padding: 15px 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #d1d5db;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.support-page .bd_menu a.on {
  border-top: 2px solid #07ca8d;
  border-bottom: 0;
  background: linear-gradient(#16252f, #0d1c27);
  color: #07ca8d;
}
.support-page .bd_list,
.support-page .qns_list { width: 100%; }
.support-page .qns_list { border-bottom: 1px solid rgba(209, 213, 219, 0.1); }
.support-page .bd_list .item a,
.support-page .qns_list .item a {
  display: block;
  width: 100%;
  padding: 22px 18px;
  border-bottom: 1px solid rgba(209, 213, 219, 0.1);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.support-page .bd_list .item a:hover,
.support-page .qns_list .item a:hover { background: rgba(156, 163, 175, 0.05); }
.support-page .qns_cont { display: flex; align-items: center; width: 100%; }
.support-page .subject_txt { flex: 1 1 auto; min-width: 0; }
.support-page .subject_txt h2 {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.support-page .subject_txt p {
  margin: 0;
  color: #d1d5db;
  font-size: 12px;
  font-weight: 300;
}
.support-page .status_txt { flex: 0 0 auto; margin-left: 16px; }
.support-page .status_txt span { color: rgba(255, 255, 255, 0.6); font-size: 14px; }
.support-page .support-empty {
  min-height: 200px;
  margin: 0;
  color: #fff;
  line-height: 200px;
  text-align: center;
}
.support-page .ht_cap { display: flex; margin-top: 12px; }
.support-page .ht_right { display: flex; flex: 1; justify-content: flex-end; }
.support-page .ht_btn {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 7px;
  background: #172e3e;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 500;
  filter: brightness(1.4);
}
.support-page .ht_btn:hover { filter: brightness(2); color: rgba(255, 255, 255, 0.6); }
.support-page .view_top,
.support-page .view_content {
  width: 100%;
  padding: 22px 18px;
  border-bottom: 1px solid rgba(209, 213, 219, 0.1);
  color: #fff;
}
.support-page .view_top h2 {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.support-page .view_top p,
.support-page .view_content p { margin: 0; }
.support-page .view_top p { color: #d1d5db; font-size: 12px; font-weight: 300; }
.support-page .view_content { line-height: 1.7; }
.support-page .answer_label {
  margin: 0 0 8px;
  color: #07ca8d;
  font-size: 13px;
  font-weight: 500;
}
.support-page .forms_01 { margin-top: 10px; }
.support-page .forms_01 input,
.support-page .forms_01 textarea {
  width: 100%;
  margin-top: 8px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 14px;
  box-sizing: border-box;
}
.support-page .forms_01 textarea { height: 300px; resize: vertical; }
.support-page .btn_confirm { margin: 20px 0 40px; text-align: right; }
.support-page .cs_btn {
  display: inline-block;
  height: 50px;
  padding: 0 40px;
  border-radius: 3px;
  font-size: 17px;
  line-height: 50px;
  vertical-align: middle;
  cursor: pointer;
}
.support-page .btn_cancel {
  border: 1px solid rgba(184, 198, 216, 0.16);
  background: transparent;
  color: #1abb97;
}
.support-page .btn_submit {
  margin-left: 15px;
  border: 0;
  background: #1abb97;
  color: #10141d;
}
.support-page .list_btn {
  display: inline-block;
  margin: 20px 0 40px;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  color: #6b7280;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25rem;
  opacity: 0.85;
}
.support-page .list_row { text-align: right; }
.support-page .message {
  width: 100%;
  max-width: 890px;
  min-height: 400px;
  margin: 20px auto 80px;
  padding: 0 25px;
  box-sizing: border-box;
}
.support-page .message_info { width: 100%; }
.support-page .message_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border: 0;
  border-bottom: 1px solid rgba(209, 213, 219, 0.1);
  background: transparent;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.support-page .message_item:hover { background: rgba(156, 163, 175, 0.05); }
.support-page .message_txt h2 {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.support-page .message_txt p {
  margin: 5px 0 0;
  color: #969b9e;
  font-size: 12px;
}
.support-page .message_item .message_state {
  flex: 0 0 auto;
  margin-left: 16px;
  padding: 5px 15px;
  border-radius: 7px;
  background: rgba(41, 41, 41, 0.2);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.support-page .message_content {
  padding: 30px 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(209, 213, 219, 0.1);
  color: #fff;
}
.support-page .message_content p { margin: 0; color: #fff; white-space: pre-line; }
.support-page .message_a a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  background: #fff;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.6;
}
.support-page .message_a a:hover { opacity: 0.8; color: #6b7280; }
@media (max-width: 768px) {
  .support-page .bd_menu a { font-size: 14px; }
  .support-page .cs_btn { padding: 0 18px; }
}