* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: "黑体"; */
}

@font-face {
  font-family: "腾讯和平精英体Bold";
  src: url('/fonts/腾讯和平精英体Bold.ttf');
}
html {
  font-size: 21px;
}
/* 
@media (max-width:1906px) {
  html {
    font-size: 20px;
  }
}

@media (max-width:1818px) {
  html {
    font-size: 19px;
  }
}

@media (max-width:1726px) {
  html {
    font-size: 18px;
  }
}*/

@media (max-width:1636px) {
  html {
    font-size: 17px;
  }
}

/* @media (max-width:1548px) {
  html {
    font-size: 16px;
  }
}

@media (max-width:1456px) {
  html {
    font-size: 15px;
  }
}

@media (max-width:1368px) {
  html {
    font-size: 14px;
  }
}

@media (max-width:1276px) {
  html {
    font-size: 13px;
  }
} */

@media (max-width:1186px) {
  html {
    font-size: 12px;
  }
}

@media (max-width:1098px) {
  html {
    font-size: 11px;
  }
}

@media (max-width:1008px) {
  html {
    font-size: 10px;
  }
} 

@media (max-width:918px) {
  html {
    font-size: 9px;
  }
}

@media (max-width:828px) {
  html {
    font-size: 8px;
  }
}

@media (max-width:738px) {
  html {
    font-size: 7px;
  }
}

@media (max-width:648px) {
  html {
    font-size: 6px;
  }
}

@media (max-width:558px) {
  html {
    font-size: 5px;
  }
}

@media (max-width:420px) {
  html {
    font-size: 4px;
  }
}

@media (max-width:334px) {
  html {
    font-size: 3px;
  }
}

body {
  font-size: .9048rem;
}

.main_width {
  width: 76.1905rem;
  margin: 0 auto;
}

.scroll_content {
  padding: 12px 0;
  max-height: 100px;
  overflow-y: scroll;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}

.scroll_content::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.messageBox {
  position: fixed;
  z-index: 9999;
  width: 100vw;
  left: 0;
  top: 0;
}

.messageBox .messageItem {
  margin: .8333rem auto;
  display: none;
  opacity: 0;
  position: relative;
  top: 8.3333rem;
  width: 60%;
  padding: .7619rem 1.1429rem;
  border-radius: .6667rem;
  display: flex;
  align-items: center;
  font-size: .7619rem;
}

.messageBox .success_alert {
  background: #F0F9EB;
  color: #67C23A;
}

.messageBox .warning_alert {
  background: #FDF6EC;
  color: #E6A23C;
}

.messageBox .errorMessage {
  background: #FEF0F0;
  color: #F56C6C;
}

.success_color {
  color: #67C23A;
}

.warning_color {
  color: #E6A23C;
}

.error_color {
  color: #F56C6C;
}

.messageBox .successMessage,
.warningMessage,
.errorMessage {
  margin-left: 1.6667rem;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-secondary.focus,
.btn-secondary:focus,
.btn.focus,
.btn:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  /* box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5) */
  box-shadow: none;
}

.fff_color {
  background: #fff;
}

.flex_align_center {
  display: flex;
  align-items: center;
}

.flex_between_center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_center_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex_between {
  display: flex;
  justify-content: space-between;
}

.scribing_price {
  text-decoration: line-through;
}

.can_touch {
  cursor: pointer;
}

.showUnderline:hover {
  text-decoration: underline
}

input,
textarea {
  border: none;
  outline: none;
}

a {
  color: unset;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}
.server_box {
  position: relative;
}

.server_box img {
  width: 1.9048rem;
}

.wx_code {
  position: absolute;
  right: -3.5714rem;
  top: 2.381rem;
  width: 11.9048rem;
  border-radius: .381rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 .2381rem #c9d7fc;
  z-index: 9999;
}

.wx_code .title {
  background-color: #3983FC;
  color: #fff;
  font-size: .8571rem;
  padding: .7619rem .4762rem;
  line-height: 1rem;
}

.wx_code img {
  width: 80%;
}

.wx_code .code {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  padding: 0 0 .5714rem;
  font-size: .5714rem;
}

header {
  padding: 1rem 7.5rem;
  display: flex;
  align-items: center;
  background: #fff;
}

header .logo_box a {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: bold;
}

header .logo_box img {
  /* width: 2.5833rem; */
  width: 8rem;
  height: 2.3333rem;
  margin-right: .3333rem;
}

header .menu_list {
  display: flex;
  margin-left: 3.3333rem;
  flex: 1;
}

header .menu_item {
  color: #768090;
  font-size: .8571rem;
  /* width: 5rem; */
  height: 1.6rem;
  text-align: center;
  line-height: 1.6rem;
  cursor: pointer;
  margin-right: .6667rem;
  padding: 0 0.5rem;
}

header .menu_item:hover {
  background: #F4F6F9;
}

header .menu_item_active {
  border: .0476rem solid #0152D9;
  color: #0152D9;
}

header .start_box {
  display: flex;
  align-items: center;
  color: #0152D9;
  font-weight: 600;
  cursor: pointer;
}

header .start_box img {
  width: 1rem;
  height: 1rem;
  margin-right: .25rem;
}

header .user_box {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
header .user_box #endTime{
  font-size: .6667rem;
  margin-left: .1905rem;
}
header .user_menu{
  position: absolute;
  top: 2.5rem;
  right: 0;
  background: #fff;
  border-radius: .25rem;
  box-shadow: 0 .0476rem .3852rem rgba(0, 0, 0, .1);
  padding: .1905rem .5714rem;
  display: none;
}
header .user_menu .user_item{
  width: 8rem;
  cursor: pointer;
  padding: 0 .5714rem;
  height: 1.9048rem;
  line-height: 1.9048rem;
  font-size: .7619rem;
}
header .user_menu .user_item:hover{
  background: #F4F6F9;
  border-radius: .2857rem;
}
header .user_menu .logout{
  color: #FF5F5F;
}
header .user_box .nickname {
  width: 2.0476rem;
  height: 2.0476rem;
  background: #6824C4;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: .7619rem;
  margin-left: .7619rem;
}
.nickname_arrow{
  width: 1rem;
  height: 1rem;
  transform: rotate(-90deg);
  opacity: 0.6;
}
header .user_box #userNickname {
  color: #768090;
  /* 限制容器宽度 */
  white-space: nowrap;
  /* 禁止文本换行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
  font-size: .8571rem;
}

footer {
  background: #121620;
  padding: 2.4762rem 0 1rem;
}

footer .icon_list {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.9048rem;
  border-bottom: .0476rem solid rgba(255, 255, 255, 0.1);
}

footer .icon_list img {
  width: 3.0476rem;
  height: 3.0476rem;
  margin-right: 1rem;
}

footer .icon_item {
  display: flex;
}

footer .icon_item .title {
  color: #D6DDEB;
  font-weight: 600;
}

footer .icon_item .text {
  color: #7C8493;
  font-size: .7619rem;
}

footer .icon_item .icon_text {
  padding: .2381rem 0 .1905rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

footer .other_box {
  display: flex;
  justify-content: space-between;
  padding-top: 3.0952rem;
}

footer .all_list {
  flex: 1;
  display: flex;
  justify-content: space-between;
}

footer .intro {
  margin-right: 5.3333rem;
}

footer .intro .title {
  color: #fff;
  margin-bottom: 1.0952rem;
  font-size: 1.5238rem;
  font-weight: 600;
}

footer .intro .desc {
  color: #A8ADB7;
  font-size: .7619rem;
  line-height: 1.4762rem;
}

footer .all_list .list_title {
  color: #FFFFFF;
}

footer .all_list .list_item {
  font-size: .7619rem;
  color: #A8ADB7;
  margin-top: 1.2857rem;
  cursor: pointer;
}

footer .wx {
  color: #A8ADB7;
  text-align: center;
  font-size: .7619rem;
  margin-left: 6.6667rem;
}

footer .wx img {
  width: 6.2381rem;
  height: 6.2381rem;
  margin-bottom: 1rem;
}
footer .fri_link{
  display: flex;
  font-size: .7619rem;
  margin-top: 1rem;
}
footer .fri_link .title{
  color: #fff;
  margin-right: 1rem;
}
footer .fri_link .list_box{
  color: #bdbdbd;
  display: flex;
  flex-wrap: wrap;
}
footer .fri_link .list_box >span{
  cursor: pointer;
  width: 5.3333rem;
  
}
footer .fri_link .list_box >span:hover{
  text-decoration: underline;
}
.flex_align_center {
  display: flex;
  align-items: center;
}

.flex_between_center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_center_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex_between {
  display: flex;
  justify-content: space-between;
}
.fff_color {
  background: #fff;
}


.domDisabled {
  cursor: not-allowed;
  pointer-events: none;
}

.select_box {
  width: 100%;
  height: 32px;
  /* margin-top: .7619rem; */
  /* background: #F7F8FA; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  cursor: pointer;
  border: 1px solid #dcdee3;
  font-size: 14px;
  transition: all .1s;
  position: relative;
}

.select_options {
  display: none;
  position: absolute;
  left: 0;
  top: 59px;
  width: 100%;
  background: #fff;
  z-index: 10;
  border: 1px solid #E6E8EC;
  padding: 5px;
  box-shadow: 0 13px 27px 0 rgba(18, 19, 23, 0.2);
  max-height: 300px;
  overflow-x: scroll;
  overflow-x: hidden;
}

.select_options .option_item {
  width: 100%;
  height: 48px;
  padding: 11px;
}

.select_options .option_item:hover {
  background: #F4F6F9;
}

.select_box:hover {
  background: rgb(238, 238, 238)
}

.select_box img {
  width: 12px;
  height: 12px;
}
.icon_loading {
  animation: rotate 2s linear infinite;
}
@keyframes rotate {
  from {
      transform: rotate(0);
  }

  to {
      transform: rotate(360deg);
  }
}