body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin: 0;padding: 0;outline: none;}
body {font-family: "Microsoft YaHei", '\5FAE\8F6F\96C5\9ED1';display: block;overflow-x: hidden;background: #000;}
body, html {-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: none;-webkit-user-select: none;user-select: none;width: 100%;position: relative;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
a {text-decoration: none;}
a:focus, a:active, a {outline: none;}
a, button, input {-webkit-tap-highlight-color: rgba(255, 0, 0, 0);}
a, p, span, i ,h1, h2, h3, h4, h5, h6  {-webkit-font-smoothing: antialiased;}
a, img, input {border: none;}
a, img {-webkit-touch-callout: none;}
img {width: 100%;height: auto;}
ul, ol, li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
input[type="text"], input[type="password"], select{-webkit-appearance: none;appearance: none;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 0;box-sizing: border-box;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
em, i, b {font-style: normal;}
fieldset, img {border: 0;display: block;}
/* input,textarea,select {*font-size: 100%}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;} */
address,caption,cite,code,dfn,em,th,var {font-style: normal;font-weight: normal}
abbr,acronym {border: 0;font-variant: normal}
sup {vertical-align: text-top;vertical-align: text-bottom}
* { -webkit-overflow-scrolling: touch;backface-visibility: hidden; }
.text-hide {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-hide-more {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.clear:after {content: '\20';display: block;height: 0;line-height: 0;visibility: hidden;clear: both;}
.fl{float: left;}
.fr{float: right;}
.none{display: none;}
.cb{clear: both}
.bc{margin-left: auto;margin-right: auto}
.pr{position:relative}
.pa{position:absolute}
.ovh{overflow:hidden}
.db{display:block}
.ht{display:block;overflow:hidden;text-indent:-999em}
.tc{text-align:center}
.d_flex{display: flex;}
.d_flex_column{flex-direction: column;}
.d_flex_j_center{justify-content: center;}
.d_flex_j_start{justify-content: flex-start;}
.d_flex_j_end{justify-content: flex-end;}
.d_flex_a_center{align-items: center;}
.d_flex_a_start{align-items: flex-start;}
.d_flex_a_end{align-items: flex-end;}
.imgitem{width: 100%;vertical-align: top;}
.hide{display: none;}
.t_visibility{
  -webkit-backface-visibility: hidden;  
  -moz-backface-visibility: hidden;  
  -ms-backface-visibility: hidden; 
  backface-visibility: hidden;  
  -webkit-perspective: 1000;  
  -moz-perspective: 1000;  
  -ms-perspective: 1000;  
  perspective: 1000; 
}
.mf_s_box{
  width: 1px;
  height: 1px;
  position: absolute;
  top: -10000px;
  left: -10000px;
  text-indent: -100000px;
  overflow: hidden;
}
.no-scroll {
  overflow: hidden;
}
.loading{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  z-index: 99998;
}
.loading .load_progress{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.6rem;
  color: #212121;
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'opt';
}
.loading .loading_main{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.loading .loading_logo{
  width: calc(5.4*1rem);
  height: calc(5.4*1rem*360/660);
  /* width: calc(660/2560*19.2*1rem);
  height: calc(360/2560*19.2*1rem); */
  top: 0;
  left:0;
  z-index: 2;
  transform-origin: 0 0;
  position: relative;
}
.loading .loading_logo img{
  width: 100%;
  vertical-align: top;
}
.loading .loading_logo::after{
  content: " ";
  width: 2.5rem;
  height: .27rem;
  /* width: calc(250/2560*19.2*1rem);
  height: calc(27/2560*19.2*1rem); */
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%,calc(165/660*9.6*1rem));
  background: url(https://game.gtimg.cn/images/op/web202406/loading/txt.png) no-repeat 0 0/100% 100%;
}
.loading_txt{
  margin-top:.8rem;
  width: .39rem;
  height: .26rem;
  padding: .2rem;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(0,500%);
}
.loading_txt img{
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.loading_txt::before,.loading_txt::after{
  content: " ";
  display: block;
  width: .23rem;
  height: .25rem;  
  background: url(https://game.gtimg.cn/images/op/web202406/loading/ico.png) 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
}
.loading_txt::before{
  left: -.5rem;
}
.loading_txt::after{
  right: -.5rem;
}
/* 
@font-face {
	font-family: 'hywh75';
	src:url('https://op.qq.com/m202406/fonts/hywh75.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:url('https://op.qq.com/m202406/fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-0:before {
  content: "\e900";
}
.icon-1:before {
  content: "\e901";
}
.icon-2:before {
  content: "\e902";
}
.icon-3:before {
  content: "\e903";
}
.icon-4:before {
  content: "\e904";
}
.icon-5:before {
  content: "\e905";
}
.icon-6:before {
  content: "\e906";
}
.icon-7:before {
  content: "\e907";
}
.icon-8:before {
  content: "\e908";
}
.icon-9:before {
  content: "\e909";
} */