img {
	width: 100%;
}
.banner-wrap {
  width: 100%;
  height: 3.00rem;
  background: url(//content.gamebean.com/image/0708new/dl_center_banner.jpg) center no-repeat;
  background-size: auto 100%;
  padding-top: .90rem;
  text-align: center;
  min-width: 12.00rem;
}
.banner-wrap .text {
  width: 2.52rem;
}
/* 下载中心 */
.content {
  margin-bottom: 1.00rem;
}
.dl-wrap {
  padding-top: .54rem;
}
.dl-wrap .dl-title {
  height: .32rem;
  width: auto;
  margin-bottom: .26rem;
}
.dl-wrap .dl-content .android-wrap,
.dl-wrap .dl-content .ios-wrap {
  border: 2px solid #1BA8A0;
  border-radius: .1rem 0 .1rem 0; 
  padding: .24rem .60rem .24rem 0;
  width: 7.90rem;
  padding: .24rem 1.10rem;
  overflow: hidden;
  position: relative;
  min-height: 2.10rem;
}
.dl-wrap .dl-content .ios-wrap {
  width: 3.70rem;
  padding: .24rem 0 .24rem .60rem;
}
.dl-wrap .dl-content .android-wrap::before {
  content: '';
  position: absolute;
  width: 1.60rem;
  height: 1.60rem;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 0;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -.80rem;
}
.dl-wrap .dl-content .android-wrap::after {
  content: '';
  position: absolute;
  width: 4.26rem;
  height: .70rem;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 -2.50rem;
  bottom: -.03rem;
  right: -.01rem;
}
.dl-wrap .dl-content .ios-wrap::before {
  content: '';
  position: absolute;
  width: 1.10rem;
  height: 1.27rem;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 -3.96rem;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -.55rem;
}
.dl-wrap .dl-content .ios-wrap::after {
  content: '';
  position: absolute;
  width: 1.41rem;
  height: .70rem;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 -6.10rem;
  bottom: -.03rem;
  right: -.01rem;
}
.dl-wrap .dl-content .android-wrap ul {
    flex-wrap: wrap;
}

.dl-wrap .dl-content .android-wrap ul li {
  width: 2.70rem;
  text-align: left;
  line-height: .52rem;
}
.dl-wrap .dl-content .ios-wrap ul li {
  // width: 2.56rem;
  text-align: left;
  line-height: .52rem;
}
.dl-wrap .dl-content ul li a {
  font-weight: 500;
  color: #333333;
  font-size: .18rem;
  padding-left: .20rem;
  position: relative;
  z-index: 3;
}
.dl-wrap .dl-content ul li a:hover {
  color: #FFB453;
  text-decoration: underline;
}
/* 通用 */
.dl-wrap .title-wrap .dabaogongju-title {
  float: right;
}
.dl-wrap .normal-content .android-wrap,
.dl-wrap .normal-content .ios-wrap  {
  border: 2px solid #5D8AFF;
  min-height: 1.50rem;
}
.dl-wrap .normal-content .android-wrap::before {
  content: '';
  position: absolute;
  width: 1.27rem;
  height: 1.02rem;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 -7.38rem;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -.50rem;
}
.dl-wrap .normal-content .android-wrap::after {
  content: '';
  position: absolute;
  width: 9.63rem;
  height: .70rem;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 -8.88rem;
  bottom: -.18rem;
  left: 1.58rem;
}
.dl-wrap .normal-content .ios-wrap::before {
  content: '';
  position: absolute;
  width: 1.23rem;
  height: 1.09rem;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 -11.52rem;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -.64rem;
}
.dl-wrap .normal-content .ios-wrap::after {
  content: '';
  position: absolute;
  width: 2.36rem;
  height: .70rem;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 -13.12rem;
  bottom: -.20rem;
  right: -.12rem;
}
.dl-wrap .dl-content .android-wrap:hover,
.dl-wrap .dl-content .ios-wrap:hover {
  border: 2px solid #ffb453;
}
.dl-wrap .dl-content .android-wrap:hover::before {
  content: '';
  position: absolute;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: -5.74rem -.20rem;
}
.dl-wrap .dl-content .android-wrap:hover::after {
  content: '';
  position: absolute;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: -5.74rem -2.50rem;
}
.dl-wrap .dl-content .ios-wrap:hover::before {
  content: '';
  position: absolute;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: -5.74rem -3.96rem;
}
.dl-wrap .dl-content .ios-wrap:hover::after {
  content: '';
  position: absolute;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: -5.74rem -6.10rem;
}
.dl-wrap .normal-content .android-wrap:hover::before {
  content: '';
  position: absolute;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: -5.74rem -7.38rem;
}
.dl-wrap .normal-content .android-wrap:hover::after {
  content: '';
  position: absolute;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: 0 -10.08rem;
}
.dl-wrap .normal-content .ios-wrap:hover::before {
  content: '';
  position: absolute;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: -5.74rem -11.52rem;
}
.dl-wrap .normal-content .ios-wrap:hover::after {
  content: '';
  position: absolute;
  background: url(//content.gamebean.com/image/0708new/dl_list_icons.png) no-repeat;
  background-size: 10.00rem 14.00rem;
  background-position: -5.74rem -13.12rem;
  bottom: -.20rem;
  right: -.21rem;
}
/* 抽屉 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.4);
  z-index: 100;
}
.mask .dialog-content-wrap {
  width: 7.30rem;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: .88rem;
  line-height: .94rem;
  transform: scaleX(0);
  transition: all .3s;
  transform-origin: right;
}
.mask .dialog-content-wrap.dialog-show {
  transform: scaleX(1);
}
.mask .dialog-content-wrap .t1 {
height: .94rem;
border-bottom: .01rem solid #ECECEC;
font-size: .24rem;
font-family: PingFang SC;
font-weight: bold;
color: #232323;
margin-bottom: .30rem;
padding: 0 .40rem;
}

.mask .dialog-content-wrap .close-btn1,
.mask .dialog-content-wrap .close-btn2
{
position: absolute;
right: .30rem;
top: .90rem;
/* margin-right: .40rem; */
width: .60rem;
height: .94rem;
cursor: pointer;
background: url(//content.gamebean.com/image/0708new/icon_close.png) center no-repeat;
background-size: .20rem .20rem;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;

-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
z-index: 3;
}
.mask .dialog-content-wrap .close-btn1:hover,
.mask .dialog-content-wrap .close-btn2:hover {
-ms-transform: rotateZ(270deg);
-moz-transform: rotateZ(270deg);
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg);
}
.mask .dialog-content-wrap .dialog-content {
padding: 0 .40rem;
position: absolute;
top: 2.20rem;
bottom: .40rem;
overflow-y: auto;
}
.mask .dialog-new-content .t1 .icon {
display: inline-block;
height: .22rem;
background: url(//content.gamebean.com/image/0708new/icon_dl_t.png) no-repeat;
background-size: 2.00rem;
display: inline-block;

vertical-align: middle;
}
.mask .dialog-new-content .t1 .icon.guonei {
background-position: left top;
width: 1.00rem;
}
.mask .dialog-new-content .t1 .icon.haiwai {
background-position: left -.39rem;
width: 1.00rem;
}
.mask .dialog-new-content .t1 .icon.tongyong {
background-position: left -1.16rem;
width: 1.26rem;
}
.mask .dialog-new-content .t1 .icon.gongju {
background-position: left -.78rem;
width: 1.00rem;
}
.mask .dialog-new-content .item {
margin-bottom: .30rem;
text-align: left;
}
.mask .dialog-new-content .item .key {
font-size: .16rem;
font-family: PingFang SC;
font-weight: bold;
color: #232323;
line-height: .36rem;
}
.mask .dialog-new-content .item .val {
border: .01rem solid #666666;
border-radius: .1rem;
padding: .1rem .17rem;
font-size: .16rem;
font-weight: 400;
color: #444444;
line-height: .24rem;
font-family: PingFang SC;
}
.mask .dialog-new-content .item1 {
width: 3.10rem;
margin-right: .30rem;
}
.mask .dialog-new-content .item1 .key .new {
display: inline-block;
width: .46rem;
height: .16rem;
background: #EF3A3A;
border-radius: 0 .1rem 0 .1rem;
font-size: .14rem;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
line-height: .16rem;
text-align: center;
}
.mask .dialog-new-content .item2 {
width: 3.10rem;
}
.mask .dialog-new-content .his-btn {
width: 1.40rem;
height: .30rem;
border: .01rem solid #39b4ad;
border-radius: .15rem;
font-size: .16rem;
font-family: PingFang SC;
font-weight: 500;
color: #39b4ad;
line-height: .28rem;
margin-bottom: 1.70rem;
text-align: center;
margin-right: 0;
margin-left: auto;
cursor: pointer;
}
.mask .dialog-new-content .dl-btn {
display: block;
height: .50rem;
background: #FFB854;
border: 2px solid #FFA746;
border-radius: .25rem;
font-size: .18rem;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
line-height: .50rem;
text-align: center;
opacity: .9;
}
.mask .dialog-new-content .dl-btn:hover {
opacity: 1;
}
/* 历史记录 */
.mask .dialog-history-content {
  width: 4.30rem;
}

.mask .dialog-history-content .t1 {
 margin-bottom: .40rem;
padding-left: .74rem;
position: relative;

}
.mask .dialog-history-content .t1::before {
  position: absolute;
  top: 0;
  left: .40rem;
  content: '';
  width: .25rem;
  height: .27rem;
  background: url(//content.gamebean.com/image/0708new/icon_history.png) center no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  margin: auto;
}
.mask .dialog-history-content ul li {
width: 3.50rem;
/* height: 2.24rem; */
background: #FFFFFF;
border: .01rem solid #AAAAAA;
border-radius: .1rem;
margin-bottom: .30rem;
padding-bottom: .16rem;
}
.mask .dialog-history-content ul li .his-item-t {
height: .36rem;
border-bottom: .01rem solid #E8E8E8;
padding: 0 .20rem;
margin-bottom: .1rem;
}
.mask .dialog-history-content ul li .his-item-t .version {
font-size: .16rem;
font-weight: bold;
color: #1BA8A0;
line-height: .36rem;
}
.mask .dialog-history-content ul li .his-item-t .time {
height: .20rem;
background: #67C2BD;
border-radius: .1rem 0 .1rem .1rem;
padding: 0 .1rem;
font-size: .14rem;
font-weight: 400;
color: #FFFFFF;
line-height: .20rem;
}
.mask .dialog-history-content ul li .p1,
.mask .dialog-history-content ul li .p2
{
padding: 0 .20rem;
margin-top: .05rem;
font-size: .14rem;
font-family: PingFang SC;
line-height: .20rem;
}
.mask .dialog-history-content ul li .p1 .key {
font-weight: bold;
color: #333333;
}
.mask .dialog-history-content ul li .p1 .val,
.mask .dialog-history-content ul li .p2 {
color: #444444;
margin-top: 0;
word-break: break-all;
}
.header-nav {
	width: 100%;
	height: .88rem;
	background: #f7f7f7;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
