/*
 * @Description: 公用的css
 * @Author: shenah
 * @Date: 2021-08-02 09:45:11
 * @LastEditors: shenah
 * @LastEditTime: 2021-09-28 15:45:40
 */

/* 禁止横屏的弹框 */
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}
/* 竖屏的提示语 */
.floatBox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999999;
  text-align: center;
  background-color: #fff;
}

.floatBox .float_layout {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.floatBox .float_layout .vertical-screen {
  animation: verticalScreen 2s linear infinite;
}

.floatBox .tipText {
  margin: 0.3rem 0;
  font-size: 0.25rem;
}

/* 公用头部 */
.common-header {
  padding: 0 0.27rem;
  height: 1.06rem;
  background-color: #000;
}
.common-header .mobile-lan{
	color:#fff;
  margin-left:10px;
}
.common-header .header-left {
}
.common-header .header-left .header-dh-logo {
  width: 1rem;
}
.common-header .header-left .header-lan {
  margin-left: 0.46rem;
  font-size: 0.28rem;
}
.common-header .header-left .header-lan .common-lan-items {
  color: #fff;
  opacity: 0.6;
}

.common-header .header-left .header-lan .active-lan {
  color: #007cfa !important;
  opacity: 1 !important;
}
.common-header .header-left .header-lan .header-line {
  padding: 0 0.26rem;
  color: #272727;
}
.common-header .menu-icon-left-wrap {
  padding-left: 0.5rem;
  height: 100%;
}
.common-header .menu-icon-right-wrap {
  padding-right: 0.5rem;
  height: 100%;
}
.common-header .menu-icon {
  width: 0.46rem;
  height: 0.46rem;
}
.common-header .logo {
  /* width: 2.9rem; */
  height: 0.5rem;
}
.common-header .lan {
  font-size: 0.29rem;
  color: #fff;
  padding-left: 0.2rem;
  height: 100%;
}
/* 公用menu的弹窗 */
.common-menu-pop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  padding: 0 0.45rem;
  height: 9rem;
  background-color: rgba(0, 0, 0, 0.88);
  display: none;
}

.common-menu-pop .title {
  height: 1.06rem;
}

.common-menu-pop .title .dh_logo {
  width: 1rem;
}
.common-menu-pop .title .close {
  font-size: 0.6rem;
  color: #007efa;
  font-weight: bold;
  padding: 0.2rem 0 0.2rem 0.2rem;
}
.common-menu-pop .menu-list-wrap {
}
.common-menu-pop .menu-list {
  list-style: none;
}
.common-menu-pop .menu-list .menu-item {
  font-size: 0.53rem;
  color: #fff;
}
.common-menu-pop .menu-list .line {
  margin: 0.42rem 0;
  width: 4.42rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.26);
}

/* 公用的背景页 */
.content-wrap {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.common-bc-wrap {
  position: relative;
  font-size: 0;
  height: 7.74rem;
  overflow: hidden;
}
.common-bc-wrap .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 1000;
}
.common-bc-wrap .mask-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  color: #fff;
  font-size: 0.66rem;
}
.common-bc-wrap .bc-video {
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
}
.common-bc-wrap .bc-img {
  width: 100%;
  height: 100%;
  position: relative;
}
/* 游戏列表 */
.game-list {
  margin-top: 0.66rem;
}
.game-list .game-item {
  margin-bottom: 0.48rem;
}
.game-list .game-item .game-img {
  width: 8.2rem;
  height: 4.67rem;
}
.game-list .game-item .game-name {
  margin-top: 0.26rem;
  font-size: 0.42rem;
  color: #000;
  max-width: 8.2rem;
  text-align: center;
}
.game-list .game-item .game-des {
  max-width: 8.2rem;
  font-size: 0.24rem;
  color: #757575;
  opacity: 0.6;
  text-align: center;
}

/* 公共页的footer */
.no-margin-footer{
	margin-top:0 !important;
}
.footer {
  background-color: #000;
  padding: 0.53rem;
}
.footer .footer-top {
  font-size: 0;
}
.footer .footer-top .footer-icon {
  width: 2.8rem;
}
.footer .footer-top .footer-icon .twitter-img {
  width: 0.62rem;
  margin-right: 0.28rem;
}
.footer .footer-top .footer-icon .weibo-img {
  width: 0.6rem;
  margin-right: 0.28rem;
}
.footer .footer-top .footer-icon .wechat-img {
  width: 0.53rem;
  margin-right: 0.28rem;
}
.footer .footer-top-right {
  font-size: 0.3rem;
  font-weight: 300;
  color: #fff;
  opacity: 0.8;
}
.footer .footer-top-right .footer-text {
  color: #fff;
  text-align: center;
}
.footer .footer-top-right .footer-line {
  width: 1px;
  background-color: #fff;
  opacity: 0.8;
  margin: 0 0.13rem;
}
#footerCnText {
  margin-top: 0.56rem;
}
.footer .footer-sub-text {
  font-size: 0.24rem;
  color: #757575;
  font-weight: 300;
  text-align: right;
  width: 100%;
}
.footer .show-a {
  color: #fff !important;
  opacity: 0.8;
  text-decoration: none;
}
.footer .show-a:visited {
  opacity: 0.8;
  color: #fff !important;
}
.footer .show-a:link {
  opacity: 0.8;
  color: #fff !important;
}
.footer .sub-text-space {
  margin-top: 0.28rem;
}

#aaaaaa {
  width: 100%;
  height: 7rem;
}

/* 联系我们的弹窗 */
#contactUsPop {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: none;
}
#contactUsPop .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.8;
  z-index: 1000;
  font-size: 0;
  /* 兼容性写法 */
  zoom: 1;
  -moz-opacity: 0.8; /* 老版Mozilla */
  -khtml-opacity: 0.8; /* 老版Safari */
}
#contactUsPop .contact-body {
  position: absolute;
  background-color: #fff;
  width: 8rem;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#contactUsPop .contact-body .contact-title-wrap {
  width: 100%;
  border-bottom: 1px solid #930010;
}
#contactUsPop .contact-body .contact-title-wrap .contact-title {
  padding: 0 0.53rem;
  font-size: 0.5rem;
}
#contactUsPop .contact-body .contact-title-wrap .contact-close {
  width: 1.07rem;
  height: 1.07rem;
  background-color: #d32f2f;
  cursor: pointer;
}
#contactUsPop
  .contact-body
  .contact-title-wrap
  .contact-close
  .contact-close-icon {
  width: 0.4rem;
  height: 0.4rem;
}
#contactUsPop .contact-body .contact-info {
  width: 100%;
  padding: 0.28rem;
  font-size: 0.37rem;
  max-height: 7rem;
  overflow-y: auto;
  border-bottom: 1px solid #eee;
}
#contactUsPop .contact-body .contact-info .contact-info-items {
  margin-bottom: 0.22rem;
}
#contactUsPop .contact-body .contact-info .contact-info-item-left {
  width: 2.4rem;
  text-align: right;
  word-break: break-all;
}
#contactUsPop .contact-body .contact-info .colon {
  margin-right: 0.16rem;
}
#contactUsPop .contact-body .contact-info .contact-info-item-right {
  overflow: hidden;
  word-break: break-all;
  color:blue;
}
#contactUsPop .contact-body .zh-wechat-wrap {
  width: 100%;
  margin: 0.28rem 0;
}
#contactUsPop .contact-body .zh-wechat {
  width: 3.2rem;
  height: 3.2rem;
}