#header {
  height: 60px;
}
.head_box {
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(25,34,54,0.5);;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*padding: 0 54px;*/
  box-sizing: border-box;
  font-family: MicrosoftYaHei;
  /* border-bottom: 1px solid #bdbdc9; */
  z-index: 200;
}

#loginBtn:hover,#registerBtn:hover{
	cursor: pointer;
}

.head_box .item:nth-child(1) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head_box .item:nth-child(1) img {
  height: 43px;
  width: 153px;
}
.head_box .item:nth-child(1) ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 28px;
}
.head_box .item:nth-child(1) ul li {
  list-style: none;
  margin-right: 26px;
  font-size:14px;
  font-family:'PingFangSC-Medium';
  font-weight:500;
  color:rgba(222,238,255,1);
}
.head_box .item:nth-child(1) ul li a {
  color: #DEEEFF;
  text-decoration: none;
  /* font-size: 16px; */
  padding: 10px 0;
  font-family: 'PingFangSC-Medium';
}
.head_box .item:nth-child(1) ul li a:hover {
  /* border-bottom: 2px solid #f6ba03; */
  animation: titleCor 1s ease forwards;
}
.head_box .item:nth-child(1) ul li a.active {
  /* border-bottom: 2px solid #f6ba03; */
  color: #f6ba03
}
.head_box .item:nth-child(2) ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.head_box .item:nth-child(2) ul li {
  list-style: none;
  margin-left: 31px;
  color: #fff;
}
.head_box .item:nth-child(2) ul li a {
  color: #DEEEFF;
  text-decoration: none;
  font-size: 14px;
}
.head_box .item:nth-child(2) ul li a.active {
  color: #f6ba03;
}
.head_box .item:nth-child(2) ul li a:hover {
  animation: titleCor 1s ease forwards;
}
.head_box .item:nth-child(2) ul li .register {
  /* border: 1px solid #efb443; */
  /* border-radius: 6px; */
  padding: 6px 20px;
}
.head_box .item:nth-child(2) ul li .register:hover {
  /* background-color: #f6ba03; */
  animation: titleCor 1s ease forwards;
}
.head_box .item:nth-child(2) ul li.internationalization a {
  font-size: 12px;
  cursor: pointer;
  /* color: #DEEEFF; */
}
.head_box .item:nth-child(2) ul .li_userBox {
  display: none;
}
.head_box .item:nth-child(2) ul .li_userBox .userBox {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.head_box .item:nth-child(2) ul .li_userBox .userBox #account {
  margin-right: 8px;
  font-size: 14px;
  color: #DEEEFF;
  font-family: 'PingFangSC-Medium'
}
.head_box .item:nth-child(2) ul .li_userBox .userBox #account:hover {
  opacity: 0.7;
}
.head_box .item:nth-child(2) ul .li_userBox .userBox .user_info {
  position: absolute;
  right: -28px;
  margin: auto;
  top: 40px;
  width: 150px;
  background-color: #3b3b65;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  padding-top: 20px;
  display: none;
}
.head_box .item:nth-child(2) ul .li_userBox .userBox .user_info .up_sj {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #3b3b65;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -6px;
}
.head_box .item:nth-child(2) ul .li_userBox .userBox .user_info ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #3b3b65;
}
.head_box .item:nth-child(2) ul .li_userBox .userBox .user_info ul li {
  display: flex;
  width: 100%;
  justify-content: center;
  line-height: 40px;
  margin-left: 0;
}
.head_box .item:nth-child(2) ul .li_userBox .userBox .user_info ul li:hover {
  animation: lititleCor 1s ease forwards;
}
.head_box .item:nth-child(2) ul .down {
  width: 0;
  height: 0;
  display: inline-block;
  border-left: 6px solid transparent;
  border-top: 6px solid #fff;
  border-right: 6px solid transparent;
  margin-left: 5px;
}
.down_sj {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
}
.setWidth_1 {
  animation: setWidth_1 0.5s ease forwards;
}
setWidth_2 {
  animation: setWidth_2 0.5s ease forwards;
}
.borderDown {
  /* border-bottom: 2px solid #f6ba03; */
  color: #f0b406
}

.headTrade{
	position: relative;
}
.headTrade_down{
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}
#header_transaction:hover{
	border-bottom: none;
}

.ht_arrow{
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #3b3b65;
	margin: auto;
}

.ht_dropDown{
	width: 100px;
	border-radius: 4px;
	background:#3b3b65;
	padding: 10px 0;
}
.ht_downLi{
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
}
.ht_downLi:hover{
  animation: lititleCor 1s ease forwards;
}

#headTrade .ht_downLi i{
	font-size: 14px;
	color: inherit;
}


/* * {
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif !important;
} */
* a {
  text-decoration: none;
}
@-moz-keyframes setWidth_1 {
  0% {
    height: 80px;
  }
  100% {
    height: 60px;
  }
}
@-webkit-keyframes setWidth_1 {
  0% {
    height: 80px;
  }
  100% {
    height: 60px;
  }
}
@-o-keyframes setWidth_1 {
  0% {
    height: 80px;
  }
  100% {
    height: 60px;
  }
}
@keyframes setWidth_1 {
  0% {
    height: 80px;
  }
  100% {
    height: 60px;
  }
}
@-moz-keyframes setWidth_2 {
  0% {
    height: 60px;
  }
  100% {
    height: 80px;
  }
}
@-webkit-keyframes setWidth_2 {
  0% {
    height: 60px;
  }
  100% {
    height: 80px;
  }
}
@-o-keyframes setWidth_2 {
  0% {
    height: 60px;
  }
  100% {
    height: 80px;
  }
}
@keyframes setWidth_2 {
  0% {
    height: 60px;
  }
  100% {
    height: 80px;
  }
}
@-moz-keyframes titleCor {
  0% {
    color: #DEEEFF
  }
  100% {
    color: #f6ba03;
  }
}
@-webkit-keyframes titleCor {
  0% {
    color: #DEEEFF
  }
  100% {
    color: #f6ba03;
  }
}
@-o-keyframes titleCor {
  0% {
    color: #DEEEFF
  }
  100% {
    color: #f6ba03;
  }
}
@keyframes titleCor {
  0% {
    color: #DEEEFF
  }
  100% {
    color: #f6ba03;
  }
}

@-moz-keyframes lititleCor {
  0% {
    color: #fff;
    background: #3b3b65;
  }
  100% {
    background-color: #303059;
    color: #f0b406;
  }
}
@-webkit-keyframes lititleCor {
  0% {
    color: #fff;
    background: #3b3b65;
  }
  100% {
    background-color: #303059;
    color: #f0b406;
  }
}
@-o-keyframes lititleCor {
  0% {
    color: #fff;
    background: #3b3b65;
  }
  100% {
    background-color: #303059;
    color: #f0b406;
  }
}
@keyframes lititleCor {
  0% {
    color: #fff;
    background: #3b3b65;
  }
  100% {
    background-color: #303059;
    color: #f0b406;
  }
}
.internationalization {
  width: 71px;
  height: 23px;
  border-radius: 10px;
  text-align: center;
  font-size: 12px !important;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: rgba(222,238,255,1);
  line-height: 23px;
}
.white_next img{
  width: 0.5rem;
  height: 0.5rem;
}
.language {
  background: white;
  width: 4rem;
  height: 6rem;
  line-height: 3rem;
  position: absolute;
  top: 44px;
  display: none;
  right: 1px;
}
.language hr{
  border:0;background-color:#ccc;height:0.5px;
}
.language p{
  text-align: center;
  color: #333;
}
.big_box{
  height: 9rem;
}