/*
 *电脑端公用样式 
 * */
* {
  padding: 0;
  margin: 0;
}
body,
html {
  width: 100%;
  font-family: Verdana, '微软雅黑', '宋体', Arail, Tabhoma;
  font-size: 14px;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;
}
input,
select,
textarea,
button {
  outline: 0;
}
a {
  text-decoration: none;
  color: #333;
}
li {
  list-style: none;
}
img {
  border: none;
}
.f_l {
  float: left;
}
.f_r {
  float: right;
}
.hide {
  display: none;
}
.lang-change {
  height: 52px;
  background: #06080a;
  border-bottom: 1px solid #161819;
  padding: 0 20px;
}
.lang-change ul {
  margin: 10px 0;
  float: right;
}
.lang-change ul li {
  width: 80px;
  height: 32px;
  text-align: center;
  background: #383236;
  color: #dedede;
  line-height: 32px;
  cursor: pointer;
  float: right;
}
.lang-change ul li a {
  color: #dedede;
}
.lang-change ul li.active {
  background: #b5915d;
}
.lang-change ul li:first-child {
  border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
}
.lang-change ul li:last-child {
  border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
}
.header {
  height: 80px;
  width: 100%;
  border-bottom: 1px solid #383838;
  background: #000;
  position: relative;
  z-index: 3;
}
.header .logo {
  position: absolute;
  left: 18px;
  top: 21px;
}
.header .logo img {
  width: 272px;
}
.header .navs {
  padding-left: 340px;
}
.header .navs li {
  position: relative;
  line-height: 86px;
  font-size: 18px;
  color: #b8aa9a;
  float: left;
  margin: 0 24px;
}
.header .navs li a {
  color: #b8aa9a;
}
.header .navs li a:hover,
.header .navs li a.active {
  color: #d0a02f;
}
.header .navs li .child-nav {
  display: none;
  width: 160px;
  height: 249px;
  background: url(../images/nav_child_bg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -80px;
}
.header .navs li .child-nav dt {
  line-height: 86px;
  color: #d0a02f;
  text-align: center;
}
.header .navs li .child-nav dd {
  text-align: center;
  color: #b8aa9a;
  line-height: 42px;
}
.header .navs li .child-nav dd a {
  cursor: pointer;
  color: #b8aa9a;
}
.header .navs li .child-nav dd a:hover {
  color: #d0a02f;
}
.header .share {
  float: right;
  margin-top: 10px;
}
.header .share li {
  float: right;
  width: 60px;
  height: 60px;
  border-left: 1px solid #1e1f21;
  text-align: center;
  line-height: 82px;
  cursor: pointer;
}
.footer {
  height: 146px;
  border-top: 1px solid #2b2c2e;
  background: url(../images/footer_bg.jpg) no-repeat center;
}
.footer dl {
  width: 770px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.footer dl a {
  color: #6bc5ff;
}
.footer dl dd {
  float: left;
  padding: 0 15px;
  font-size: 16px;
  color: #fff;
  height: 82px;
  margin-top: 32px;
}
.footer dl dd img {
  height: 100%;
}
.footer dl dd ul {
  width: 100%;
  padding-top: 10px;
}
.footer dl dd ul li {
  display: inline-block;
  padding: 0 4px;
  line-height: 40px;
}
.popup_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000;
  z-index: 98;
  top: 0;
  left: 0;
  opacity: 0.7;
  -webkit-opacity: 0.7;
}
.popup {
  width: 1020px;
  height: 740px;
  position: fixed;
  margin: 100px auto;
  top: 50%;
  margin-top: -370px;
  left: 50%;
  margin-left: -510px;
  background: url(../images/gameFeatures_bg3.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 99;
}
.popup .gb_01 {
  position: absolute;
  right: 30px;
  top: 60px;
  cursor: pointer;
  width: 42px;
  height: 42px;
  background: url(../images/close.png) no-repeat;
  background-size: 100% 100%;
}
.popup .gb_01:hover {
  background: url(../images/close-hover.png) no-repeat;
  background-size: 100% 100%;
}
.popup .txt_max {
  width: 850px;
  margin: 0 auto;
  font-size: 18px;
  color: #522809;
  padding-top: 60px;
}
.popup .txt_max h1 {
  padding-bottom: 30px;
  text-align: center;
}
.popup .txt_max .pup-con {
  width: 860px;
  padding-right: 30px;
  line-height: 36px;
  height: 420px;
  overflow: hidden;
  overflow-y: auto;
}
.popup .txt_max .pup-con p {
  text-indent: 2em;
}
.popup .txt_max .pup-con::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.popup .txt_max .pup-con::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}
.popup .txt_max .pup-con::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #EDEDED;
}