@charset "UTF-8";
/* 基础动画 */
/* 鼠标悬浮中心，使用：@include positionCenter() */
/* 鼠标悬浮遮罩效果，使用：@include hoverMask() */
.about_server_info {
  flex: 1;
  padding-left: 2.4rem;
  margin-top: 4rem;
}
.about_server_info > div {
  box-sizing: border-box;
  margin-bottom: 1.6rem;
}
.about_server_info .server_author {
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(56, 136, 255, 0.2);
  border-radius: 0.4rem;
  padding: 2.4rem;
}
.about_server_info .server_author .author_title {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--font-color-base);
  line-height: 1.4;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 2.4rem;
}
.about_server_info .server_author .author_info {
  display: flex;
}
.about_server_info .server_author .author_info img {
  width: 9.6rem;
  height: 9.6rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  object-fit: cover;
}
.about_server_info .server_author .author_info > div {
  padding-left: 2.4rem;
}
.about_server_info .server_author .author_info > div .author_name, .about_server_info .server_author .author_info > div .author_desc {
  font-weight: bold;
  color: var(--font-color-base);
  line-height: 1.4;
}
.about_server_info .server_author .author_info > div .author_desc {
  font-weight: 400;
  margin-top: 1.2rem;
}
.about_server_info .server_author .author_info > div .author_btn {
  margin-top: 2.4rem;
  border-radius: 0.2rem;
  border: 1px solid var(--color-primary-base);
  padding: 0.4rem 0.8rem;
  width: fit-content;
  cursor: pointer;
}
.about_server_info .server_card {
  padding: 2.6rem 4.4rem;
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(56, 136, 255, 0.2);
  border-radius: 0.4rem;
}
.about_server_info .server_card .card_title {
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--font-color-base);
  line-height: 1.4;
  text-align: center;
  margin-bottom: 2.4rem;
}
.about_server_info .server_card .card_desc {
  font-size: 1.4rem;
  color: var(--font-color-four);
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.4rem;
}
.about_server_info .server_card .card_desc span {
  margin: 0 2.8rem;
}
.about_server_info .server_card .card_desc i {
  flex: 1;
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.06);
}
.about_server_info .server_card .text_list {
  display: grid;
  justify-content: center;
  grid-template-columns: 50% 50%;
  grid-gap: 2.4rem;
}
.about_server_info .server_card .text_list > div {
  font-size: 1.4rem;
  color: var(--font-color-base);
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.about_server_info .server_card .text_list > div i {
  margin-right: 0.6rem;
  color: #FE7C19;
}
.about_server_info .server_card .text_list > div:nth-child(2n) {
  justify-content: flex-start;
}

.page_top_type_box {
  position: relative;
  width: 140rem;
  margin: -7rem auto 0 auto;
}
.page_top_type_box .btn_next, .page_top_type_box .btn_pre {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: rgb(0, 0, 0);
  opacity: 0.3;
  transition: 0.3s;
  cursor: pointer;
}
.page_top_type_box .btn_next:hover, .page_top_type_box .btn_pre:hover {
  opacity: 0.3;
}
.page_top_type_box .btn_next .iconfont, .page_top_type_box .btn_pre .iconfont {
  font-size: 3.1rem;
}
.page_top_type_box .btn_next {
  right: 0;
}
.page_top_type_box .page_top_type_list {
  display: flex;
  margin: 0 auto;
  width: 130rem;
  justify-content: center;
}
.page_top_type_box .page_top_type_list .owl-nav {
  display: none;
}
.page_top_type_box .page_top_type_list .type_item {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.4rem;
  border: 0.1rem solid #F2F2F9;
  padding: 2.5rem 0.6rem;
  margin-right: 2rem;
  cursor: pointer;
}
.page_top_type_box .page_top_type_list .type_item .icon, .page_top_type_box .page_top_type_list .type_item img {
  width: 6.4rem;
  height: 6.4rem;
  object-fit: contain;
  padding: 0 2rem;
}
.page_top_type_box .page_top_type_list .type_item .type_item_name {
  margin-top: 0.9rem;
  font-size: 1.4rem;
  color: var(--font-color-base);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
}
.page_top_type_box .page_top_type_list.owl-carousel .type_item {
  margin-right: 0;
}

.from_dialog .form_content {
  padding: 0 16.8rem;
}
.from_dialog .el-input, .from_dialog .el-select {
  width: 24rem;
}
.from_dialog .el-dialog__footer {
  display: flex;
  justify-content: center;
}
.from_dialog .el-dialog__footer > div {
  cursor: pointer;
  padding: 0.7rem 4.6rem;
  background-color: #FFFFFF;
  color: #A4A9B2;
  border-radius: 0.2rem;
  border: 1px solid #E3EEFF;
  font-size: 1.4rem;
  margin-right: 1.8rem;
  transition: 0.3s;
}
.from_dialog .el-dialog__footer > div:hover {
  opacity: 0.8;
}
.from_dialog .el-dialog__footer > div:last-child {
  margin-left: 1.8rem;
  margin-right: 0;
  background-color: #3888FF;
  color: #FFFFFF;
  border-color: #3888FF;
}

.page_top_module_box {
  padding-top: 11.2rem;
}
.page_top_module_box .page_top_module {
  height: 39rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.page_top_module_box .page_top_module.m_background_box {
  height: 26.4rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page_top_module_box .page_top_module.m_background_box .page_top_title {
  margin-top: 4rem;
}
.page_top_module_box .page_top_module.m_background_box .page_top_desc {
  margin-top: 2.4rem;
}
.page_top_module_box .page_top_module.m_background_box:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  z-index: 0;
}
.page_top_module_box .page_top_module .page_top_title {
  font-size: 4.8rem;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 6.4rem;
  z-index: 1;
}
.page_top_module_box .page_top_module .page_top_desc {
  margin-top: 4rem;
  font-size: var(--font-size-16);
  color: #FFFFFF;
  z-index: 1;
}

.server_container {
  background-color: #FAFBFC;
}
.server_container .page_body {
  position: relative;
}
.server_container .el-affix {
  z-index: 99;
  position: absolute;
}
.server_container .page_navbar {
  width: 16.8rem;
  margin-left: -18.4rem;
}
.server_container .page_navbar .navbar_top {
  border-top: 0.2rem solid #FE7C19;
  padding: 2.2rem 2.8rem;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
}
.server_container .page_navbar .navbar_top .icon {
  height: 4rem;
  width: 4rem;
  margin-right: 0.8rem;
}
.server_container .page_navbar .navbar_top > span {
  font-size: 1.6rem;
  font-weight: bold;
}
.server_container .page_navbar .navbar_list {
  margin-top: 0.8rem;
  padding: 2.4rem 0;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  position: relative;
}
.server_container .page_navbar .navbar_list .navbar_item {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  color: var(--font-color-base);
  padding: 0 1rem 0 2rem;
  cursor: pointer;
}
.server_container .page_navbar .navbar_list .navbar_item > div {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.server_container .page_navbar .navbar_list .navbar_item span {
  margin-right: 0.8rem;
  color: #FE7C19;
}
.server_container .page_navbar .navbar_list .navbar_item.active {
  color: #FE7C19;
}
.server_container .page_navbar .navbar_list > i.nav_tag {
  transition: 0.3s;
  position: absolute;
  left: 0;
  width: 0.3rem;
  height: 1.6rem;
  background: #FE7C19;
}

body:not([data-lang=zh-cn], [data-lang=zh-tw]) .head_container .head_user {
  padding-left: 4.2rem !important;
  margin-right: 0 !important;
}
body:not([data-lang=zh-cn], [data-lang=zh-tw]) .head_container .head_item {
  margin-right: 2.2rem !important;
}

.head_container {
  background-color: #FFFFFF;
  width: 100%;
  position: fixed;
  display: flex;
  z-index: 999;
  height: 11.2rem;
  box-shadow: 0 1px 0 1px #F2F2F9;
  align-items: center;
  top: 0;
}
.head_container .head_logo {
  width: 60rem;
  box-sizing: border-box;
  padding-left: 16rem;
  display: flex;
  flex-direction: column;
}
.head_container .head_logo .logo_text {
  width: fit-content;
  margin-left: 5rem;
  font-family: "思源黑体旧字形 Regular";
  font-weight: bold;
}
.head_container .head_logo .logo_text.en_logo_text {
  margin-left: 1rem;
}
.head_container .head_logo .mtp_logo {
  display: flex;
  align-items: center;
}
.head_container .head_logo .mtp_logo > a:first-child .icon {
  height: 4.2rem;
  width: 10rem;
}
.head_container .head_logo .mtp_logo > a:last-child .icon {
  padding-top: 0.4rem;
  margin-left: 0.6rem;
  height: 4.2rem;
  width: 12rem;
}
.head_container .head_logo .mtp_logo.icon_en > a:first-child .icon {
  height: 4.2rem;
  width: 14rem;
}
.head_container .head_logo .mtp_logo.icon_en > a:last-child .icon {
  margin-left: 0.6rem;
  height: 4.2rem;
  width: 20rem;
}
.head_container .head_search_box .search_btn {
  padding: 0.9rem 2.4rem;
  background-color: var(--color-primary-base);
  color: #FFFFFF;
  line-height: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.2s;
}
.head_container .head_search_box .search_btn:hover {
  opacity: 0.8;
}
.head_container .head_search_box .el-input__wrapper {
  border-radius: 0;
  border: 0.1rem solid var(--color-primary-base);
  width: 50rem;
}
.head_container .head_search_box .search_keyword {
  display: flex;
  align-items: center;
  margin: 0.8rem 0;
  max-width: 62rem;
  flex-wrap: wrap;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.head_container .head_search_box .search_keyword span {
  color: var(--font-color-four);
  font-size: 1.6rem;
  cursor: pointer;
  line-height: 1.6;
  margin-right: 2.4rem;
}
.head_container .head_search_box .search_keyword span:first-child {
  color: #FE7C19;
}
.head_container .head_user {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: 8.6rem;
  color: var(--font-color-base);
  margin-right: 2.4rem;
  align-items: center;
}
.head_container .head_user .head_item {
  display: flex;
  margin-right: 4.2rem;
  cursor: pointer;
  position: relative;
}
.head_container .head_user .head_item .free_btn {
  padding: 0.6rem 1rem 0.6rem 2.6rem;
  color: #CE9033;
  background: #D9D9D9 linear-gradient(229deg, #FFC368 0%, #FFE090 57%, #FEFFC5 100%);
  transform: skew(-15deg, 0);
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
}
.head_container .head_user .head_item .free_btn > span:first-child {
  font-weight: bold;
  transform: skew(15deg, 0);
}
.head_container .head_user .head_item .free_btn > span:last-child {
  background: linear-gradient(290deg, #FF7B42 0%, #FFA724 100%);
  color: #FFFFFF;
  padding: 0.2rem 1.6rem;
  margin-left: 1.2rem;
  border-radius: 0.6rem;
}
.head_container .head_user .head_item .free_btn > span:last-child span {
  display: inline-block;
  transform: skew(15deg, 0);
}
.head_container .head_user .head_item .el-input {
  height: 3.6rem;
}
.head_container .head_user .head_item .el-input__wrapper {
  border-radius: 2.4rem;
}
.head_container .head_user .head_item .notice_point {
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 50%;
  background-color: #F56462;
  display: flex;
  align-items: center;
  justify-content: center;
}
.head_container .head_user .head_item .notice_point span {
  color: #FFFFFF;
  font-size: var(--font-size-12);
  transform: scale(0.8);
}
.head_container .head_user .head_item .none_token {
  transition: 0.3s;
  margin: 0 0.8rem;
  cursor: pointer;
}
.head_container .head_user .head_item .none_token:hover {
  color: var(--color-primary-base);
}
.head_container .head_user .head_item .iconfont {
  font-size: var(--font-size-20);
  transition: 0.3s;
}
.head_container .head_user .head_item .iconfont:hover {
  color: var(--color-primary-base);
}
.head_container .head_user .head_item .language-dropdown {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 2rem;
  color: var(--color-primary-base);
  border: 0.1rem solid;
  text-align: center;
  padding: 0.3rem 1.2rem;
  font-size: var(--font-size-14);
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.head_container .head_user .head_item .language-dropdown .el-dropdown-menu__item.selected {
  color: var(--color-primary-base);
}
.head_container .user_avatar_box img {
  border-radius: 50%;
  object-fit: cover;
  height: 3.2rem;
  width: 3.2rem;
}
.head_container .top_ad {
  height: 6.4rem;
  background-color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  padding-left: 15%;
}
.head_container .top_ad .top_button {
  cursor: pointer;
  width: 17.6rem;
  height: 5.1rem;
  background: #FF6600;
  border-radius: 4px;
  opacity: 1;
  color: #FFFFFF;
  font-weight: bold;
  font-size: var(--font-size-24);
  line-height: 4.8rem;
  margin-left: 2.4rem;
}
.head_container .top_ad .top_close {
  margin-left: 2.4rem;
}
.head_container .top_ad .top_close .iconfont {
  font-size: var(--font-size-24);
  cursor: pointer;
}
.head_container .top_ad img {
  cursor: pointer;
  height: 6.4rem;
  width: 97rem;
}

.fast_box {
  border-radius: 3.2rem;
  padding: 0.6rem 2.4rem;
  color: #6882FF;
  background-color: #F1F4FF;
  display: flex;
  align-items: center;
}
.fast_box .iconfont {
  font-size: var(--font-size-16) !important;
  margin-right: 0.8rem;
}

.el-dropdown-menu__item:hover {
  color: var(--color-primary-base) !important;
}

.head_user_info_container {
  width: 30rem;
}
.head_user_info_container .header_user_info {
  padding: 1.6rem;
  display: flex;
  transition: 0.3s;
  cursor: pointer;
}
.head_user_info_container .header_user_info:hover {
  background-color: #F2F2F9;
}
.head_user_info_container .header_user_info:hover .user_nick_name {
  color: var(--color-primary-base);
}
.head_user_info_container .header_user_info .header_info_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--font-size-16);
  position: relative;
}
.head_user_info_container .header_user_info .header_info_item.user_avatar .icon {
  position: absolute;
  bottom: -0.6rem;
  right: -0.6rem;
  height: 1.8rem;
  width: 1.8rem;
}
.head_user_info_container .header_user_info .header_info_item img {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  object-fit: cover;
}
.head_user_info_container .header_user_info .header_info_item.user_nick {
  flex: 1;
  padding: 0 1.6rem;
}
.head_user_info_container .header_user_info .header_info_item.user_nick .curr_homepage {
  cursor: pointer;
  color: var(--font-color-second);
  margin-bottom: 0;
  transition: 0.3s;
}
.head_user_info_container .header_user_info .header_info_item.user_nick .curr_homepage:hover {
  color: #79bbff;
}
.head_user_info_container .el-dropdown-menu .el-dropdown-menu__item {
  line-height: 2.8rem !important;
  color: var(--font-color-second);
  font-size: var(--font-size-16);
}
.head_user_info_container .el-dropdown-menu .el-dropdown-menu__item .iconfont {
  color: var(--font-color-third);
  margin-right: 1.6rem;
}
.head_user_info_container .el-dropdown-menu .el-dropdown-menu__item:hover {
  color: var(--font-color-second);
  background-color: #F2F2F9;
}

.search_identity {
  margin-bottom: 1rem;
}

.head_user_info_container {
  border-radius: 12px !important;
}
.head_user_info_container .el-scrollbar {
  border-radius: 12px !important;
}

.switch_identities_dialog .el-dialog {
  background-color: #FFFFFF;
}
.switch_identities_dialog .switch_identities {
  padding-top: 2rem;
}
.switch_identities_dialog .el-scrollbar {
  height: fit-content;
}

.switch_identities {
  padding: 0 1.9rem;
  box-shadow: 0 3rem 12rem 1px rgba(62, 67, 115, 0.16);
  border-radius: 12px !important;
}
.switch_identities .identity_list {
  background-color: #FFFFFF;
}
.switch_identities .identity_list .identity_char_first {
  padding-left: 0.8rem;
  font-size: var(--font-size-12);
  color: var(--font-color-third);
  background-color: #F9F9FC;
}
.switch_identities .identity_list .identity_item {
  cursor: pointer;
  color: var(--font-color-second);
  font-size: var(--font-size-16);
  padding-right: 1.9rem;
  margin: 0.8rem 0;
  display: flex;
  align-items: center;
}
.switch_identities .identity_list .identity_item img {
  height: 3.2rem;
  width: 3.2rem;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 0.4rem;
}
.switch_identities .identity_list .identity_item span {
  flex: 1;
  border-radius: 0.6rem;
  padding: 0.4rem 0.8rem;
  transition: 0.3s;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.switch_identities .identity_list .identity_item span.active {
  color: var(--color-primary-base);
  pointer-events: none;
}
.switch_identities .identity_list .identity_item span:hover {
  background-color: #F2F2F9;
}

/*# sourceMappingURL=layout.css.map */