/* reset */
body{color: #999;font-size: 16px;font-family: "微软雅黑";overflow-x: hidden;background: url(../images/bg.jpg) no-repeat center 51px #000;background-size: cover;}
body, div, p, form, input, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;}
ul, li ol, dl, dt, dd{list-style-type: none;}
em, i{font-style: normal;}
img{display: block;border: 0;} 
a{color: #999;text-decoration: none;}
a:hover{color: #999;}

.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}

.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}

.dn{display: none;}
.red{color: #ff3b43 !important;}


/* 导航 */
.nav{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #464858;background: #272830;position: relative;z-index: 99;}
.nav .left ul li{float: left;}
.nav .left ul li a .logo{margin-top: 11px;border-right: 1px solid #4a4a4e;padding-right: 20px;}
.nav .left ul li a.public{height: 50px;line-height: 50px;display: block;text-align: center;margin-left: 10px;padding: 0 8px;position: relative;}
.nav .left ul li a.public i{width: 25px;height: 19px;display: inline-block;background: url(../images/icon.png) no-repeat left 0;margin-right: 5px;position: relative;top: 3px;}
.nav .left ul li a.public:hover{background: #31323e;}
.nav .left ul li a.public .code{width: 126px;height: 136px;background: url(../images/codeBg.png);position: absolute;left: 0;top: 41px;z-index: 99;}
.nav .left ul li a.public .code img{width: 114px;height: 114px;margin: 0 auto;margin-top: 16px;}

.nav .left ul li a.appDown{height: 50px;line-height: 50px;display: block;text-align: center;margin-left: 10px;padding: 0 8px;}
.nav .left ul li a.appDown i{width: 16px;height: 20px;display: inline-block;background: url(../images/icon.png) no-repeat left -30px;margin-right: 5px;position: relative;top: 3px;}
.nav .left ul li a.appDown:hover{background: #31323e;}

.nav .right{float: right;}
.nav .right ul li{float: left;font-size: 14px;position: relative;}
.nav .right ul li a{height: 50px;padding: 0 8px;display: block;}
.nav .right ul li a:hover{background: #31323e;}
.nav .right ul li:hover{background: #31323e;}
.nav .right ul li a .face{width: 30px;height: 30px;border-radius: 50%;float: left;margin-right: 10px;margin-top: 10px;}
.nav .right ul li a i.letter{width: 20px;height: 15px;display: inline-block;background: url(../images/icon.png) no-repeat left -60px;position: relative;top: 2px;}
.nav .right ul li a i.letter em{width: 8px;height: 8px;background: #f00;border-radius: 50%;position: absolute;right: -4px;top: -4px;}
.nav .right ul li a i.home{width: 20px;height: 17px;display: inline-block;background: url(../images/icon.png) no-repeat left -85px;position: relative;top: 3px;margin-right: 6px;}
.nav .right ul li .line{width: 1px;height: 18px;background: #575757;overflow: hidden;float: left;margin: 0 10px;position: relative;top: 16px;}
.nav .right ul li dl{width: 150px;height: 86px;border: 1px solid #e3e3e3;border-top: none;background: #fff;position: absolute;left: 0;top: 51px;z-index: 99;}
.nav .right ul li dl dt a{width: 146px;height: 40px;line-height: 40px;background: #f1f1f1;display: block;padding: 0;margin-left: 2px;margin-top: 2px;font-size: 14px;color: #333;transition: all .3s;}
.nav .right ul li dl dt a i.userCenter{width: 20px;height: 20px;display: inline-block;background: url(../images/icon.png) no-repeat left -112px;margin-left: 12px;margin-right: 12px;position: relative;top: 4px;transition: all .3s;}
.nav .right ul li dl dt a i.exit{width: 18px;height: 20px;display: inline-block;background: url(../images/icon.png) no-repeat left -172px;margin-left: 12px;margin-right: 14px;position: relative;top: 4px;transition: all .3s;}
.nav .right ul li dl dt a:hover{background: #f1f1f1;color: #f40d4a;}
.nav .right ul li dl dt a:hover i.userCenter{background-position: left -142px;}
.nav .right ul li dl dt a:hover i.exit{background-position: left -202px;}



.nav .right .userInfo{padding: 0 8px;}
.nav .right ul li a{height: 50px;display: block;float: left;padding: 0;}
.nav .right ul li i.letter{width: 20px;height: 15px;display: inline-block;background: url(../images/icon.png) no-repeat left -60px;position: relative;top: 2px;}
.nav .right ul li i.letter em{width: 8px;height: 8px;background: #f00;border-radius: 50%;position: absolute;right: -4px;top: -4px;}
.nav .right ul li a.backHome{padding: 0 8px;}


.nav .curGame{width: 300px;height: 50px;line-height: 50px;position: absolute;left: 50%;margin-left: -150px;text-align: center;}
/* 竖屏 */
.verticalScreen{background: url(../images/verticalScreenBg.png) no-repeat;margin: 0 auto;margin-top: 20px;background-size: 100% 100%;position: relative;}
.verticalScreen .play{width: 96%;height: 90%;left: 2%;top: 5%;background: #000;position: absolute;border-radius: 10px;overflow: hidden;}

.verticalScreen .fullScreenBtn{width: 40px;height: 140px;background: url(../images/icon_2.png) no-repeat left top;position: absolute;right: -40px;top: 5%;cursor: pointer;}

.verticalScreen .syncGame{width: 200px;height: 248px;background: url(../images/vertSyncGame.png) no-repeat;position: absolute;left: -227px;top: 8%;}
.verticalScreen .syncGame .QRcodeBox{width: 150px;height: 150px;position: absolute;left: 24px;top: 0;}
.verticalScreen .syncGame .QRcodeBox img{width: 150px;height: 150px;}
.verticalScreen .syncGame .QRcodeBox .refresh{width: 150px;height: 150px;background: rgba(0, 0, 0, .7);position: absolute;left: 0;top: 0;text-align: center;}
.verticalScreen .syncGame .QRcodeBox .refresh i{width: 33px;height: 33px;display: block;background: url(../images/icon_2.png) no-repeat left -1067px;margin: 0 auto;margin-top: 45px;margin-bottom: 10px;}
.verticalScreen .syncGame .QRcodeBox .refresh i.zhuan{animation:zhuan 1s infinite linear;transform-origin:57% 50%;}
@keyframes zhuan
{
    from {transform: rotate(0);}
    to {transform: rotate(-360deg);}
}
.verticalScreen .syncGame .QRcodeBox .refresh a{color: #fff;}
.verticalScreen .syncGame .QRcodeBox .refresh a:hover{text-decoration: underline;}


.verticalScreen .menu{width: 64px;position: absolute;right: -132px;top: 16%;}
.verticalScreen .menu ul{position: relative;}
.verticalScreen .menu ul a{1width: 64px;height: 64px;margin-bottom: 10px;display: block;}
.verticalScreen .menu ul a li{width: 64px;height: 64px;transition: transform .9s, background .2s .2s}
.verticalScreen .menu ul a.package li{background: url(../images/package_1.png) no-repeat;}
.verticalScreen .menu ul a.package.active li{background: url(../images/package_3.png) no-repeat;}
.verticalScreen .menu ul a.package:hover li{transform: rotateY(180deg);background: url(../images/package_2.png) no-repeat;}
.verticalScreen .menu ul a.collection li{background: url(../images/collection_1.png) no-repeat;}
.verticalScreen .menu ul a.collection:hover li{transform: rotateY(180deg);background: url(../images/collection_2.png) no-repeat;}
.verticalScreen .menu ul a.save li{background: url(../images/save_1.png) no-repeat;}
.verticalScreen .menu ul a.save:hover li{transform: rotateY(180deg);background: url(../images/save_2.png) no-repeat;}
.verticalScreen .menu ul a.service li{background: url(../images/service_1.png) no-repeat;}
.verticalScreen .menu ul a.service:hover li{transform: rotateY(180deg);background: url(../images/service_2.png) no-repeat;}

/* 兑换 */
.exchange{width: 400px;height: 250px;background: #fff;position: fixed;left: 50%;top: 50%;margin-left: -200px;margin-top: -125px;z-index: 999;}
.exchange p{font-size: 18px;color: #333;text-align: center;padding: 0 30px;margin-top: 78px;}
.exchange p em{font-weight: bold;color: #f00;}
.exchange .btnBox{width: 270px;margin: 0 auto;margin-top: 60px;}
.exchange .btnBox .btn{width: 130px;height: 40px;line-height: 40px;text-align: center;border-radius: 3px;font-size: 16px;float: left;cursor: pointer;}
.exchange .btnBox .exchangeYes{background: #f8b100;border-bottom: 2px solid #f59200;color: #333;}
.exchange .btnBox .exchangeYes:hover{background: #efab01;}
.exchange .btnBox .exchangeNo{background: #b5b5b6;border-bottom: 2px solid #979799;color: #fff;float: right;}
.exchange .btnBox .exchangeNo:hover{background: #adadae;}
.exchange .close{width: 30px;height: 30px;position: absolute;right: 10px;top: 10px;background: url(../images/icon_2.png) no-repeat left -990px;cursor: pointer;}

/* 微信礼包二维码弹窗 */
.popup_1{width: 560px;height: 356px;position: fixed;left: 50%;top: 50%;margin-left: -280px;margin-top: -148px;background: url(../images/popup_1.png) no-repeat;background-size: 560px 356px;z-index: 999;}
.popup_1 h5{font-size: 20px;color: #fffb5d;font-weight: normal;text-align: center;position: relative;top: 88px;}
.popup_1 .close{width: 14px;height: 14px;display: block;position: absolute;right: 72px;top: 72px;cursor: pointer;}
.popup_1 .QRcode{width: 140px;height: 140px;position: absolute;right: 95px;bottom: 35px;}

/* 客服 */
.kf{width: 374px;height: 566px;position: fixed;left: 50%;top: 50%;margin-left: -187px;margin-top: -283px;z-index: 999;}
.kf .p1{width: 368px;height: 48px;line-height: 48px;border: 3px dashed #fff;border-radius: 24px;color: #ff6537;font-size: 22px;text-align: center;}
.kf i{width: 22px;height: 28px;display: block;margin: 20px auto;background: url(../images/icon_2.png) no-repeat left -150px;}
.kf .p2{width: 368px;height: 92px;line-height: 40px;border: 3px dashed #fff;border-radius: 51px;text-align: center;font-size: 22px;color: #fff;padding-top: 10px;}
.kf .p2 em{color: #ff6537;}
.kf img{width: 258px;height: 258px;margin: 0 auto;padding-top: 10px;}
.kf a.close{width: 40px;height: 40px;display: block;position: fixed;right: 80px;top: 80px;background: url(../images/icon_2.png) no-repeat left -188px;}
.kf a.close:hover{background-position: left -238px;}

/* 打开侧导航按钮 */
/*
.openBtn{width: 30px;background: #041b24;position: fixed;top: 51px;bottom: 0;right: 0;cursor: pointer;display: flex;justify-content: center;align-items: center;z-index: 99;z-index: 999;}
.openBtn.dn{display: none;}
.openBtn i{width: 14px;height: 17px;display: block;background: url(../images/icon.png) no-repeat left -232px;}
*/

/* 打开侧导航按钮 */
.openBtn {
	width: 30px;
	/* background: #041b24; */
	position: fixed;
/* 	top: 51px;
	bottom: 0;
	right: 0;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; */
	z-index: 99;
	z-index: 999;
}

.openBtn.dn {
	display: none;
}

.openBtn i {
	width: 14px;
	height: 17px;
	display: block;
	background: url(../images/icon.png) no-repeat left -232px;
}

.customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  color: #000;
}

.customers td, .customers th {
  border: 1px solid #ddd;
  padding: 8px;
}
.customers tr:nth-child(even){background-color: #f2f2f2;}

.customers tr:hover {background-color: #ddd;}

.customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
}

.text-info{
	color:blue;
}

.text-danger{
	color:red;
}

.text-success{
	color: #298828;
}

/* 侧导航 */
.sideNav{width: 60px;height: 100%;background: #041b24;position: fixed;top: 51px;bottom: 0;right: -30px;z-index: 99;}
.sideNav ul{height: 60px;height: 525px;position: fixed;top: 50%;margin-top: -300px;z-index: 9;}
.sideNav ul li{width: 60px;height: 70px;font-size: 14px;color: #ccc;text-align: center;margin-bottom: 10px;padding-top: 10px;cursor: pointer;transition: all .3s;position: relative;}
.sideNav ul li:hover{background: #f8b100;color: #333;}
.sideNav ul li i{width: 40px;height: 40px;display: block;background: url(../images/icon_2.png) no-repeat;margin: 0 auto;margin-bottom: 5px;transition: all .3s;}
.sideNav ul li.phoneGame{height: 65px;padding-top: 15px;margin-bottom: 25px;}
.sideNav ul li.phoneGame i{width: 30px;height: 30px;background-position: left -288px;}
.sideNav ul li.phoneGame:hover i{background-position: left -328px;}
.sideNav ul li.package i{background-position: left -368px;}
.sideNav ul li.package:hover i{background-position: left -418px;}
.sideNav ul li.package.active i{background-position: left -418px;}
.sideNav ul li.package.active{background-color: #f8b100;color: #333;}
.sideNav ul li.collection i{background-position: left -468px;}
.sideNav ul li.collection:hover i{background-position: left -518px;}
.sideNav ul li.save i{background-position: left -568px;}
.sideNav ul li.save:hover i{background-position: left -618px;}
.sideNav ul li.service i{background-position: left -668px;}
.sideNav ul li.service:hover i{background-position: left -718px;}
.sideNav ul li.arrow{height: 23px;padding: 0;margin: 0;padding-top: 7px;margin-top: 40px;}
.sideNav ul li.arrow i{width: 14px;height: 17px;background-position: left -768px;}
.sideNav ul li.arrow:hover i{width: 14px;height: 17px;background-position: left -795px;}

.sideNav ul li.phoneGame .sideCode{width: 138px;height: 130px;background: url(../images/sideCodeBg.png) no-repeat;position: absolute;left: -130px;top: -25px;}
.sideNav ul li.phoneGame .sideCode img{width: 120px;height: 120px;margin-left: 4px;margin-top: 5px;}

.packageBox_2 {
    width: 600px;
    overflow: auto;
    background: #fff;
    position: absolute;
    cursor: auto;
    text-align: left;
    padding: 20px;
    top: 15%;
    z-index: 9;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.packageBox_2 .hd dl{width: 100%;height: 35px;border-bottom: 1px solid #ccc;}
.packageBox_2 .hd dl dt{float: left;margin-right: 20px;}
.packageBox_2 .hd dl dt a {
    height: 36px;
    line-height: 31px;
    font-size: 16px;
    color: #666;
    border-bottom: 3px solid transparent;
    display: block;
	padding: 0 22px;
}
.packageBox_2 .hd dl dt a.active{border-color: #f8b100;color: #f40d4a;}

/*.packageBox_2 .bd{max-height: 420px;overflow-y: auto;margin-top: 20px;}*/
.packageBox_2 .bd dl dt:first-child{padding-top: 0;}
.packageBox_2 .bd dl dt h4{height: 40px;line-height: 40px;margin-bottom: 5px;position: relative;}
.packageBox_2 .bd dl dt h4 i{width: 40px;height: 40px;display: block;background: url(../images/icon_2.png) no-repeat left -940px;float: left;margin-right: 10px;}
.packageBox_2 .bd dl dt h4 span{font-size: 18px;color: #454545;font-weight: bold;}
.packageBox_2 .bd dl dt h4 a.get{width: 98px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #f5682b;color: #f5682b;display: block;float: right;font-weight: normal;border-radius: 3px;position: relative;top: 5px;transition: all .3s;margin-right: 5px;}
.packageBox_2 .bd dl dt h4 a.get:hover{background: linear-gradient(to right, #f40d4a, #f5682b);color: #fff;}
.packageBox_2 .bd dl dt h4 a.disGet{width: 98px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #ccc;color: #ccc;display: block;float: right;font-weight: normal;border-radius: 3px;position: relative;top: 5px;transition: all .3s;margin-right: 5px;cursor: not-allowed;}
.packageBox_2 .bd dl dt h4 a.copy{width: 62px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #f5682b;color: #f5682b;display: block;float: right;font-weight: normal;border-radius: 3px;position: relative;top: 5px;transition: all .3s;margin-right: 5px;}
.packageBox_2 .bd dl dt h4 a.copy:hover{background: linear-gradient(to right, #f40d4a, #f5682b);color: #fff;}
.packageBox_2 .bd dl dt h4 .cardPassword{width: 168px;height: 28px;line-height: 28px;border: 1px solid #dedede;font-weight: normal;position: absolute;right: 75px;top: 5px;padding: 0 10px;font-size: 14px;background: #fff;color: #999}
.packageBox_2 .bd dl dt h4 .need{font-size: 16px;color: #666;font-weight: normal;position: absolute;right: 5px;top: 28px;}
.packageBox_2 .bd dl dt p{color: #999;font-size: 14px;margin-bottom: 5px;clear: both;}
.packageBox_2 .bd dl dt p em{color: #f5383e;}
.packageBox_2 .bd dl dt p span{color: #454545;}
.packageBox_2 .bd dl dt p.p3{padding-top: 5px;}
.packageBox_2 .bd dl dt:last-child{border: none;}

.packageBox_2 .arrow{width: 0;height: 0;position: absolute;right: -18px;top: 30px;border: 9px solid transparent;border-left-color: #fff;}

.packageBox_2 .hd{position: relative;}
i.close {
    width: 39px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 3px;
    /* left: 0; */
    display: block;
    background: url(../images/icon_2.png) no-repeat left -990px;
    cursor: pointer;
    z-index: 9999999999999999;
}
i.close:hover{background: url(../images/icon_2.png) no-repeat left -1030px;}
.packageBox_2 .packageTxt{text-align: center;font-size: 14px;color: #ef383a;padding-top: 10px;border-top: 1px solid #ccc;margin-top: 20px;}

/* 退出全屏 */
.sideNav .exitFullScreenBtn{width: 40px;height: 108px;background: url(../images/icon_2.png) no-repeat left -822px;position: absolute;left: -51px;top: 10px;cursor: pointer;}

/*滚动条样式*/
.packageBox_2 .bd::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 5px;
}
.packageBox_2 .bd::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.packageBox_2 .bd::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

/* 横屏 */
.horizontalScreen{background-image: url(../images/horizontalScreenBg.png);margin-top: 180px;}
.horizontalScreen .play{width: 91%;height: 96%;left: 5%;top: 2%;}
.horizontalScreen .menu{width: 380px;position: absolute;right: 0;top: -100px;}
.horizontalScreen .menu ul a{float: left;margin-bottom: 0;margin-left: 10px;}

.horizontalScreen .syncGame{width: 115px;height: 91px;background: url(../images/horiSyncGame.png) no-repeat;position: absolute;left: auto;right: 0;top: -120px;margin-right: 400px;cursor: pointer;}
.horizontalScreen .syncGame .codeBg{width: 130px;height: 130px;background: #fff;position: absolute;left: -10px;top: 90px;border-radius: 8px;z-index: 99;}
.horizontalScreen .syncGame .codeBg .codeBox{width: 120px;height: 120px;left: 5px;top: 5px;position: relative;}
.horizontalScreen .syncGame .codeBg .codeBox img{width: 120px;height: 120px;}
.horizontalScreen .syncGame .codeBg .codeBox .refresh{width: 120px;height: 120px;background: rgba(0, 0, 0, .7);position: absolute;left: 0;top: 0;text-align: center;}
.horizontalScreen .syncGame .codeBg .codeBox .refresh a:hover{text-decoration: underline;}

.horizontalScreen .syncGame .codeBg .codeBox .refresh i{width: 33px;height: 33px;display: block;background: url(../images/icon_2.png) no-repeat left -1067px;margin: 0 auto;margin-top: 28px;margin-bottom: 10px;}
.horizontalScreen .syncGame .codeBg .codeBox .refresh i.zhuan{animation:zhuan2 1s infinite linear;transform-origin:57% 50%;}
@keyframes zhuan2
{
    from {transform: rotate(0);}
    to {transform: rotate(-360deg);}
}


.horizontalScreen .syncGame .codeBg .codeBox .refresh a{font-size: 16px;color: #fff;}
.horizontalScreen .syncGame .codeBg .arrow{border: 9px solid transparent;border-bottom-color: #fff;position: absolute;top: -18px;left: 50%;margin-left: -10px;}

.horizontalScreen .fullScreenBtn{top: 8%;}


/* 不支持pc玩游戏 2018/7/30 */
.thisWinPop_code{ z-index:99; position:fixed; left: 50%; background:#fff; margin-left:-105px;  width:210px; height: 266px; top:35%;}
* html .thisWinPop_code{ position:absolute; left:expression(eval((document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)/2+105)); top:expression(eval(document.documentElement.scrollTop+150)) }
.thisWinPop_code dl{ width: 182px; margin:0 auto; padding-top: 14px; }
.thisWinPop_code dt,.thisWinPop_code dt img{ width: 182px; height: 182px; display: block;}
.thisWinPop_code dd{ padding-top: 8px; text-align: center; font-size: 16px; color: #333; line-height: 24px;}


/* 欢迎页 2018/7/31 加载动画 */

/* 加载动画 */
.verticalScreen .play .loading{width: 100%;height: 100%;background: url(../images/loadingBg.jpg) no-repeat center top #000;position: absolute;top: 0;background-size: auto 100%;}
.verticalScreen .play .loading .loadingImg_1{width: 80%;position: absolute;left: 50%;margin-left: -40%;top: 50%;margin-top: -30%;}
.verticalScreen .play .loading .loadingImg_2{width: 100%;position: absolute;left: 0;top: 0;}
.verticalScreen .play .loading .loadingImgBox{width: 80%;position: absolute;left: 50%;margin-left: -40%;top: 50%;margin-top: -30%;animation:loading 3s linear 0s infinite ;overflow: hidden;}
.verticalScreen .play .loading p{width: 100%;position: absolute;text-align: center;color: #fff;font-size: 16px;top: 60%;}
@keyframes loading
{
    to {height: 0}
}

.horizontalScreen .play .loading{width: 100%;height: 100%;background: url(../images/loadingBg.jpg) no-repeat center top;position: absolute;top: 0;background-size: 100% 100%;}
.horizontalScreen .play .loading .loadingImg_1{width: 50%;position: absolute;left: 50%;margin-left: -25%;top: 50%;margin-top: -15%;}
.horizontalScreen .play .loading .loadingImg_2{width: 100%;position: absolute;left: 0;top: 0;}
.horizontalScreen .play .loading .loadingImgBox{width: 50%;position: absolute;left: 50%;margin-left: -25%;top: 50%;margin-top: -15%;animation:loading 3s linear 0s infinite ;overflow: hidden;}
.horizontalScreen .play .loading p{width: 100%;position: absolute;text-align: center;color: #fff;font-size: 16px;top: 60%;}
@keyframes loading
{
    to {height: 0}
}

.verticalScreen .loadingResize .loading .loadingImg_1{width: 50%;position: absolute;left: 50%;margin-left: -25%;top: 50%;margin-top: -15%;}
.verticalScreen .loadingResize .loading .loadingImgBox{width: 50%;position: absolute;left: 50%;margin-left: -25%;top: 50%;margin-top: -15%;animation:loading 3s linear 0s infinite ;overflow: hidden;}

/* 更多游戏 2018-09-18*/
.verticalScreen .menu ul a.more li{background: url(../images/more_1.png) no-repeat;}
.verticalScreen .menu ul a.more:hover li{transform: rotateY(180deg);background: url(../images/more_2.png) no-repeat;}
.sideNav ul li.more i{background-position: left -1128px;}
.sideNav ul li.more:hover i{background-position: left -1178px;}

.moreBox{width: 480px;background: #fff;position: fixed;left: -540px;top: -8px;cursor: auto;text-align: left;padding: 20px;z-index: 9;left: 50%;top: 50%;margin-left: -260px;margin-top: -258px;z-index: 9999;}
.moreBox .hd dl{width: 100%;height: 35px;border-bottom: 1px solid #ccc;}
.moreBox .hd dl dt{float: left;margin-right: 20px;}
.moreBox .hd dl dt a{height: 33px;line-height: 33px;font-size: 16px;color: #666;border-bottom: 3px solid transparent;padding: 0 22px;display: block;}
.moreBox .hd dl dt a.active{border-color: #f8b100;color: #f40d4a;font-weight: bold;}
.moreBox .hd i.close{width: 30px;height: 30px;position: absolute;right: 20px;top: 12px;display: block;background: url(../images/icon_2.png) no-repeat left -990px;cursor: pointer;}
.moreBox .hd i.close:hover{background: url(../images/icon_2.png) no-repeat left -1030px;}
.moreBox .hd dl dt a.change{width: auto;font-size: 14px;color: #999;padding: 0;background: url(../images/change.png) no-repeat right center;padding-right: 26px;}
.moreBox .hd dl dt a.change:hover{color: #f8b100;background: url(../images/changeHover.png) no-repeat right center;}


.moreBox .moreCont{clear: both;padding-left: 12px;margin-top: 25px;}
.moreBox .moreCont dl a{width: 80px;height: auto;display: block;font-size: 14px;color: #333;text-align: center;float: left;margin-right: 45px;margin-bottom: 23px;transition: all .3s;}
.moreBox .moreCont dl a.mr0{margin-right: 0;}
.moreBox .moreCont dl a:hover{color: #f8b100;transform: translateY(-10px);}
.moreBox .moreCont dl a dt img{width: 80px;height: 80px;border-radius: 18px;margin-bottom: 10px;}

.horizontalScreen .moreBox .moreCont{padding-left: 0;}
.horizontalScreen .moreBox .moreCont dl a{margin-right: 36px;margin-bottom: 25px;}
.horizontalScreen .moreBox .moreCont dl a.mr0{margin-right: 0;}