body,dl,dd,h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0px;}
body{font:12px/1.5 microsoft yahei,tahoma,simsun,sans-serif;color:#adadad;background: #000;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border: none;padding: 0;margin:0}
em,i,b{font-style:normal}
ul,ol{list-style:none;margin:0;padding:0}
a{text-decoration:none}
a:hover{text-decoration:underline}
table{border-collapse:collapse;border-spacing:0}
ul,li{list-style: none;}
.f14{font-size:14px}
.fl{float:left}
.fr{float:right}
.cb{clear: both}
.bc{margin-left: auto;margin-right: auto}
.pr{position:relative}
.pa{position:absolute}
.ovh{overflow:hidden}
.db{display:block}
.none{display:none}
.ht{display:block;overflow:hidden;text-indent:-999em}
.tc{text-align:center}
.wp{width: 100%;}
.pvt{vertical-align: top;}
.pvt100{vertical-align: top;width: 100%;}
.hide{display: none;}
@font-face {
	font-family: 'hkljh';
	src:url('../fonts/hkljh.TTF') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
/* @font-face {
	font-family: 'hyykh';
	src:url('../fonts/hyykh.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
} */
/* @font-face {
	font-family: 'hywh55';
	src:url('https://op.qq.com/web202406/fonts/hywh75.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opt';
	src:url('https://op.qq.com/web202406/fonts/opt.ttf') format('truetype');
	font-style: normal;
} */
 
@font-face {
	font-family: 'hywh55';
	src:url('../fonts/hywh55.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'hywh75';
	src:url('../fonts/hywh75.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opt';
	src:url('../fonts/opt.ttf') format('truetype');
	font-style: normal;
}
@font-face {
	font-family: 'dfm';
	src:url('../fonts/dfm1.ttf') format('truetype');
	font-style: normal;
}
.f_hkljh{
  font-family: 'hkljh';
}
/* .f_hyykh{
  font-family: 'hyykh';
} */
.f_hywh75{
  font-family: 'hywh55';
}
.f_hywh75{
  font-family: 'hywh75';
}
.f_opt{
  font-family: 'opt';
}
.f_dfm{
  font-family: 'dfm';
}

.mf_s_box{
  width: 1px;
  height: 1px;
  position: absolute;
  top: -10000px;
  left: -10000px;
  text-indent: -100000px;
  overflow: hidden;
}
/*---------topbar-----------*/
.topbar{
  width: 100%;
  height: 1.6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 997;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* transition: all .3s linear; */
  /* background-image: linear-gradient(0deg, transparent 10%, rgba(0, 0, 0, .8)); */
  background: url(../images/topbar/bg.png) no-repeat 0 0/100% 100%;
}
.topbar_toup_hide{
  opacity: 0;
  transform: translate(0,-100%);
}
.topbar_left{
  width: 60%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transform-origin: 0 50%;
  padding-left: .65rem;
}
.topbar_logo{
  display: block;
  width: 1.47rem;
  height: .8rem;
  transition: all .3s linear;
  flex-shrink: 0;
}
.topbar_logo img{
  /* width: 100%; */
  height: 100%;
  vertical-align: top;
}
.topbar_show_logo .topbar_logo{
  opacity: 1;
  z-index: 1;
}
.topbar_right{
  width: 1px;
  height: 100%;
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  transform-origin: 100% 50%;
  box-sizing: border-box;
  padding-right: .55rem;
  position: relative;
}
.topbar_right .btn_reserve,.topbar_right .btn_download{
  flex-shrink: 0;
  width: 3.08rem;
  height: .55rem;
  background-size: 100% 100%;
}
.topbar_right .btn_reserved{
  background: url(../images/index/btn_reserved.png) no-repeat 50% 50%/100% 100%;
}
.topbar_right .btn_download{
  background: url(../images/index/btn_download.png) no-repeat 50% 50%/100% 100%;
}
.topbar_right .btn_bind{
  flex-shrink: 0;
  width: .55rem;
  height: .55rem;
  background: url(../images/m202406/topbar/btn_bind.png) 0 0 no-repeat;
  background-size: 100% 100%;
  margin-right: .1rem;
}
.topbar_right .btn_audio{
  flex-shrink: 0;
  width: .55rem;
  height: .55rem;
  /* background: url(../images/topbar/btn_mute.png) 0 0 no-repeat;
  background-size: 100% 100%; */
}
.topbar_right .btn_audio img{
  width: 100%;
  vertical-align: top;
}
.topbar_right .download_tips{
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  right: 4.1rem;
  bottom: .15rem;
  font-size: 0.18rem;
  /* color: #3f4952; */
  color: #dddddd;
  font-family: 'hywh75';
  text-align: right;
  /* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.84); */
}
.bind_info{
  width: 1.85rem;
  height: .95rem;
  top: 1.1rem;
  right: .54rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-top: .15rem;
  background: url(../images/m202406/topbar/bg_bind.png) no-repeat 0 0/100% 100%;
}
.bind_info p{
  line-height: .4rem;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: .2rem;
  text-shadow: 1px 1px 0.1rem rgba(0, 0, 0, .8);
}
.bind_info a{
  width: 1.8rem;
  height: .65rem;
}
.bind_info_hide{
  display: none;
}
.bind_info a.btn_unbind{
  width: 1.8rem;
  height: .65rem;
}
/*---------logo-----------*/
/*---------navbar-----------*/
.navbar{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transform-origin: 50% 50%;
  margin-left: .4rem;
  transition: all .3s linear;
  z-index: 2;
}
/* .topbar_show_logo .navbar{
  transform: translate(240px,0);
} */
.menu{
  width: 100%;
  height: .6rem;
  transform-origin: 0 50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.menu li{
  height: 100%;
  display: flex;
  cursor: pointer;
  position: relative;
  padding: 0 .5rem;
  font-size: .25rem;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.menu li span::after{
  content: " ";
  display: block;
  align-items: center;
  width: 0;
  height: 2px;
  background: #fff;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all linear .3s;
}
.menu li.active span::after{
  opacity: 1;
  width: 100%;
}
.menu li:hover span::after{
  opacity: 0.5;
  width: 100%;
  background: #fff;
}
.menu li.menu_service .qrcode{
  position: absolute;
  top: .6rem;
  width: 2rem;
  height: 2rem;
  box-sizing: border-box;
  background: #fff;
  left: 50%;
  margin-left: -1rem;
  display: none;
  /* opacity: 0;
  transition: all .3s linear; */
}
.menu li.menu_service .qrcode img{
  width: 100%;
  vertical-align: top;
}
.menu li.menu_service:hover .qrcode{
  display: block;
}
/*---------login-----------*/
.login{
  height: .18rem;
  padding: 0 .2rem;
  transform-origin: 100% 0;
  border-left: 2px solid rgba(255, 255, 255, 0.7);
  margin-left: .2rem;
}
.login_box{
  height: 100%;
  transform-origin: 50% 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0 3px;
  /* font-size: .2rem; */
  color: #fff;
}
.login_box a{
  color: #ffb24e
}


/*---------footer-----------*/
.section_footer{
  width: 100%;
  height: 3.63rem;
  background: url(../images/bg_foot.png) 0 0 no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 0 4.7rem;
}
.footer_content{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.8;
}
.footer_logos{
  width: 9.44rem;
  height: 2.2rem;
  background: url(../images/foot_logo.png) 0 0 no-repeat;
  background-size: 100% auto;
  box-sizing: border-box;
  padding-top: 1.4rem;
}
.foot_tips{
  font-family: 'hywh55';
  font-size: .2rem;
  color: #c9c9c9;
}
.foot_copyright{
  width: 1px;
  flex-grow: 1;
  height: 100%;
  padding-left: 1.35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: 'hywh55';
  font-size: .2rem;
  color: #c9c9c9;
}
.copyright_nbgi{
  width: 100%;
  box-sizing: border-box;
}
#gfooter{
  width: 100%;
}
#gfooter a{
  color: #c9c9c9!important;
  font-family: 'hywh55'!important;
  font-size: .2rem!important;
}
#gfooter p{
  line-height: 1.8!important;
}
#gfooter .foot{
  font-family: 'hywh55';
  font-size: .2rem;
  color: #c9c9c9;
  min-width: 100px;
}
#gfooter .foot .foot_cpright{
  padding: 0;
}
#gfooter .foot_links{
  width: auto;
}
#gfooter .foot_links li {
  line-height: 1.8;
  overflow: hidden;
}
.btn_disabled{
  filter: grayscale(100%);
}
.qcwx-login-cover{
  background-color: #000!important;
}