.nav-menu {
  position: fixed;
  z-index: 10;
  height: 93px;
  width: 1920px;
  top: 0px;
  left: 50%;
  margin-left: -960px;
  /*background: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));*/
  transition: .5s;
  transform-origin: 50% 0;

}
.nav-menu.on{
	top: 0;
}
.nav-menu.show{
	height: 250px;
}
.nav-menu .top_logo {
  width: 314px;
  height: 75px;
  background: url(../logo50images/logo.png) no-repeat 50% 0/100% ;
}
.nav-menu > .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 50px;
  padding-left: 10px;
}
.nav-menu > .center > ul {
  height: 93px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.nav-menu > .center > ul li {
  position: relative;
  float: left;
  width: 180px;
  font-size: 22px;
  font-family: 'title';
  color: #8897a8;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.nav-menu.dark > .center > ul li {
	color: #badeff;
}

.nav-menu > .center > ul li span{
	font-size: 10px;
	opacity: .2;
	margin-top: 5px;
	letter-spacing: 2px;
	display: none;
}
.nav-menu > .center > ul li:hover,
.nav-menu > .center > ul li.act {
  color: #d4b070;
}
.nav-menu.dark > .center > ul li:hover,
.nav-menu.dark > .center > ul li.act {
  color: #ffffff;
}
.nav-menu > .center > ul li:hover:after,
.nav-menu > .center > ul li.act:after{
	opacity: 1;
}
.nav-menu > .center > ul li::before {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 5px;
  height: 21px;
  content: '';
  -webkit-mask: url(//files2.changyou.com/vc/xtl/2025/0417/top/top_line.png);
  -webkit-mask-size: 5px 21px;
  background: #9dafc3;
  transition: .3s;
}
.nav-menu.dark > .center > ul li::before{
	background: #badeff;
}
.nav-menu > .center > ul li::before {
  left: -2px;
}
.nav-menu > .center > ul li:first-child::before {
  display: none;
}
.nav-menu .more-menu-info {
  position: absolute;
  top: 82px;
  left: 50%;
  margin-left: -960px;
  z-index: 1;
  width: 1920px;
  height: 175px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.nav-menu .more-menu-info.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.nav-menu .more-menu-info .select-menu ul{
	display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-left: 136px;
  box-sizing: border-box;
}
.nav-menu .more-menu-info li {
  width: 108px;
  margin: 0 36px;
  background: linear-gradient(to bottom,rgba(0,18,40,.45),rgba(49,61,107,.45));
  padding: 5px 0;
  position: relative;
  visibility: hidden;
  opacity: 0;
}
.nav-menu .more-menu-info li.on{
	visibility: visible;
	opacity: 1;
}
.nav-menu .more-menu-info li:before{
	content: '';
	width: 126px;
	height: 62px;
	background: url(../logo50images/nav_btn_on.png) no-repeat 50% 0/100%;
	position: absolute;
	top: -58px;
	left: -9px;
	pointer-events: none;
}
.nav-menu .more-menu-info li a {
  text-align: center;
  display: block;
  font-size: 16px;
  color: #d3eaff;
  line-height: 40px;
  transition: transform 0.3s ease;
  margin: 0 auto;
  font-family: 'title';
  background: url(../logo50images/nav_line.png) no-repeat 50% 100%/72px 5px;
  position: relative;
}
.nav-menu .more-menu-info li a:last-child{background: none;}
.nav-menu .more-menu-info li a span{position: absolute;right: 100px;top:-56px;padding: 6px; z-index: 999;box-sizing: border-box;background: #fff;display: none;}
.more-menu-info li a:hover span {display: block;}
.nav-menu .more-menu-info li a span::after{
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -20px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;}


.nav-menu .more-menu-info li a:hover {
  color: #d4b070;
}

.cy_share{position: relative;width: 144px;height: 35px;}
.cyou_share{width: 144px;height: 35px;display: flex;justify-content: flex-start;align-items: center;}
#cyouShare2 .cyou_share a{width: 35px !important;height: 35px !important;margin-right: 20px !important;}
#cyouShare2 .cyou_share .s_xlwb{background: url(../logo50images/btn_wb.png) no-repeat 50% 0/100% !important;}
#cyouShare2 .cyou_share .s_txwb{background: url(../logo50images/btn_qq.png) no-repeat 50% 0/100% !important;}
#cyouShare2 .cyou_share .s_qzone{background: url(../logo50images/btn_qzone.png) no-repeat 50% 0/100%  !important;margin-right: 0 !important;}