@charset "utf-8";

/* CSS Document */
*,div{padding:0; margin:0; font-weight:normal;}
.loading {position:absolute;z-index:99999; left:47%;top:48%; width:0;height:0; border-right:20px solid #fff;border-top:20px solid #666;border-left:20px solid #fff;border-bottom:20px solid #666;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
.loading {animation: bganim 0.8s linear 0.2s infinite;-moz-animation: bganim 0.8s linear 0.2s infinite;-webkit-animation: bganim 0.8s linear 0.2s infinite;}
@keyframes bganim {from { transform:rotate(0deg); } to { transform:rotate(360deg); }}
@-moz-keyframes bganim {from { -moz-transform:rotate(0deg); } to { -moz-transform:rotate(360deg); }}
@-webkit-keyframes bganim {from { -webkit-transform:rotate(0deg); } to { -webkit-transform:rotate(360deg); }}
body{font-family:"微软雅黑","Arial";margin:0 auto;background:#efefef;}
img{border:0; display:block;}
a,a:hover,a:active{text-decoration:none;}
ul,li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.input-group {margin:5px;}
em{font-style:normal;}
input{ border:none; outline:none;}
::-webkit-input-placeholder {color:#b4b4b4;}
::-moz-placeholder {color:#b4b4b4;}
::-ms-input-placeholder {color:#b4b4b4;} 
.wbody{width:1200px; margin:auto;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;}
input[type="number"]{ -moz-appearance: textfield;}

/*nav*/
.nav-box{height:100px; background:#fff; line-height:100px;}
.logo{float:left;position:relative; margin-top:10px; z-index:9999;}
.nav{float:right;}
.nav li{float:left; margin:0 10px;}
.nav li a{ display:block;height:100px; padding:0 10px; color:#333; font-size:18px;box-sizing:border-box;}
.nav li .nav-active{ border-bottom:2px solid #fe5e20; color:#fe5e20;}
.nav li a:hover{ color:#fe5e20; background:#fff !important;}
.btn-nav{ display:none;float:right;position:relative;top:20px; right:20px;background: transparent;border: none; padding: 10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease; outline:none;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 9999;}
.icon-bar {display: block;margin: 6px 0; width: 40px; height: 5px; background-color: #FFFFFF;}
.animated .top {-webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg);-ms-transform: translateY(10px) rotateZ(45deg);-o-transform: translateY(10px) rotateZ(45deg);transform: translateY(10px) rotateZ(45deg);}
.animated .bottom {-webkit-transform: translateY(-11px) rotateZ(-45deg);-moz-transform: translateY(-11px) rotateZ(-45deg);-ms-transform: translateY(-11px) rotateZ(-45deg);-o-transform: translateY(-11px) rotateZ(-45deg);transform: translateY(-11px) rotateZ(-45deg);}
.animated .middle { width: 0;}
.showNav {-webkit-animation: showNav 1s ease forwards;-moz-animation: showNav 1s ease forwards;-o-animation: showNav 1s ease forwards;animation: showNav 1s ease forwards;}
.hideNav {-webkit-animation: hideNav 1s ease forwards;-moz-animation: hideNav 1s ease forwards;-o-animation: hideNav 1s ease forwards;animation: hideNav 1s ease forwards;}
@keyframes showNav {from {top: -100%;}to {top: 0;}}
@-webkit-keyframes showNav {from {top: -100%;}to { top: 0;}}
@-moz-keyframes showNav { from {top: -100%; }to {top: 0; }}
@-o-keyframes showNav { from {top: -100%; }to {top: 0;}}
@keyframes hideNav { from {top: 0; }to { top: -100%;}}
@-webkit-keyframes hideNav {from { top: 0;} to { top: -100%;}}
@-moz-keyframes hideNav {from { top: 0;}to {top: -100%;}}
@-o-keyframes hideNav {from { top: 0;}to {top: -100%;}}
.user-icon{ display:none;}
#oAuthlogins {float:left; margin:6px;}
.oauth {background:transparent url(../images/oauths.png) no-repeat;border:none; }
.qq {height:33px; width:33px; background-position-x:0; } .weixin {height:33px; width:33px; background-position-x:-38px;} .alipay {height:33px; width:33px; background-position-x:-73px;}
/*banner*/
.banner{ width:100%; height:500px; overflow:hidden; position:relative;}
.banner .hd{ height:12px; overflow:hidden; position:absolute;left:50%; margin-left:-18px; bottom:10px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin:0 5px;  width:12px; height:12px; line-height:12px; border-radius:50%; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#f00; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; height:500px; }

.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }
.login-box {position:absolute; width:270px; top:0; right:20%;}
.login{float:right;margin-top:90px;background:rgba(0,0,0,0.6);width:270px; height:320px;}
.login h2{ text-align:center; font-size:18px; color:#ff5e20; line-height:60px; border-bottom:1px solid rgba(230,64,0,0.2); box-sizing:border-box; margin-bottom:20px;}
.wrap-login{position:relative;width:230px; height:35px; line-height:35px;margin:auto; margin-top:10px; }
.wrap-login input{ display:block;width:100%; height:35px; line-height:35px;padding-left:40px;background:#fff; box-sizing:border-box; font-size:14px;}
.wrap-login i{position:absolute;top:0; left:0;width:30px; height:20px; border-right:1px solid #d6d6d6; margin-top:7px;}
.username i{background:url(../images/icon-user.png) no-repeat center;}
.password i{background:url(../images/icon-key.png) no-repeat center;}
.forget{ display:block; cursor:pointer;padding:0 20px; box-sizing:border-box;font-size:12px; color:#a9a9a9; margin-top:10px;}
.login-btn{ display:block; width:230px; margin:auto; text-align:center; line-height:40px; height:40px; background:#0066cc; border-radius:6px;  color:#fff; font-size:16px; margin-top:20px;}
.reg-box{ text-align:center; margin-top:20px; font-size:15px; color:#fff;}
.reg-box span{color:#fe5e20;}
.login-pop{ display:none;}
.reg-btn{ cursor:pointer;}
/*热门游戏*/
.i-title{ margin:30px 0; border-left:4px solid #fe5e20; line-height:30px; padding-left:10px; font-size:24px; color:#333333;}
.hot-game{margin-bottom:10px; }
.hot-game li{float:left; width:215px; height:280px; position:relative; margin-right:25px;}
.hot-game li img{ display:block;width:100%;}
.hot-game li .shade{position:absolute; bottom:0px;width:100%; line-height:38px; color:#fff; text-align:left;background: rgba(0,0,0,0.5);}
.hot-game li .shade p{ text-align:center;}
.hot-game li .shade a{ display:none;padding:0px 10px; line-height:26px;text-align:center; font-size:14px;background:#fe5e20;color:#fff;margin-left:10px; margin-bottom:10px;}
.hot-game li .shade a:hover{background:#e33f00;}
.hot-game li:hover .shade a{ display:inline-block;}
.hot-game li:hover .shade p{ text-align:left;padding-left:10px;}

/*游戏专区 */
.game-zone{float:left;  width:840px;}
.more{float:right; width:50px; line-height:24px; height:24px; color:#fe5e20; font-size:14px; border:1px solid #fe5e20; text-align:center; border-radius:4px; margin-top:3px;}
.more:hover{background:#fe5e20;color:#fff;}
.zone{background:#fff;padding:20px 0;}
.zone li{float:left; margin:0 24px; margin-bottom:30px;}
.zone li img{ display:block;}
.zone li p{ text-align:center; font-size:20px; color:#333333; margin-top:20px;}
.zone li:hover p{color:#fe5e20;}

/*新闻公告*/
.news-bulletin{float:right;width:340px;}
.bulletin{background:#fff; padding:0 20px; font-size:14px; padding-bottom:9px;}
.bulletin-1{ display:block; color:#fe5e20; text-align:center; line-height:40px;padding-top:20px;}
.bulletin-1:hover{text-decoration:underline;}
.bulletin li{ line-height:40px; border-bottom:1px dashed #c5c5c5; box-sizing:border-box;}
.icon{ display:inline-block;width:3px; height:3px; background:#c5c5c5;margin-right:20px;}
.bulletin li a{color:#474747;}
.bulletin li a:hover{color:#fe5e20; text-decoration:underline;}
.parents img{ display:block;}

/*友情链接*/
.friend-link{background:#e2e2e2; margin-top:40px; padding:20px; line-height:30px;color:#474747; box-sizing:border-box;}
.friend-link h3{float:left; display:inline;font-size:16px;  font-weight:bold; line-height:30px; margin-top:0; margin-bottom:0;}
.link{ margin-left: 85px;word-wrap: break-word;}
.link a{font-size:14px; color:#474747; display:inline-block; margin-right:10px;}
.link a:hover{color:#fe5e20; text-decoration:underline;}

/*footer*/
.footer{ text-align:center; background:#282828; color:#a1a1a1; padding:20px 0; font-size:14px; line-height:30px; margin-top:40px;}

/*注册*/
.bg{ display:none;width: 100%;height: 100%;bottom: 0;right: 0; background:rgba(0,0,0,0.4); position: fixed;top: 0; left: 0;z-index:9999;}
.register{ display:none;position:fixed; background:#fff; top:50%; margin-top:-215px; left:50%; width:400px; margin-left:-200px;padding-bottom:30px; z-index:9999;}
.pop-title{font-size:18px; color:#ff5e20; text-align:center; line-height:60px; border-bottom:1px solid rgba(230,64,0,0.2); font-weight:bold; margin:0px;}
.pop-title span {font-size:12px;}
.close {position: absolute;top:10px;right:10px;width: 40px;height: 40px;line-height: 40px; text-align: center; background: url(../images/close.png) no-repeat center; cursor: pointer;}
.input-list{width:80%; margin:auto; margin-top:30px;position:relative;}
.input-list span{display:inline; width:80px;}
.input-list input,.input-list select{height:40px; border-radius:4px; line-height:40px; border:1px solid #ddd; word-wrap: break-word;padding-left:10px;width:240px; box-sizing:border-box;}
.yzm{position:absolute;right:0; width:90px !important; background:none; border:none !important; color:#0066cc; border-left:1px solid #eee !important;}
.header-img{ display:block; margin-top:60px; text-align:center; color:#fff; line-height:40px;}
.header-img img,.imageuploaded img{ margin:auto; max-height:100px;max-width:100px; border-radius: 50%; }
@media (min-width: 320px) and (max-width:767px){
	.wbody{width:98%;}
	/*nav*/
	.nav-box{background:#282828; height:60px; line-height:60px;}
	.logo{ height:50px; margin-top:5px;}
	.btn-nav{display:block; top:2px;right:10px;}
	.icon-bar {display: block;margin: 6px 0; width:26px; height: 3px; background-color: #FFFFFF;}
	.nav-list{ position: fixed;top:-100%;bottom: 0;left: 0;right: 0;background: #282828;display: block;height: 100%;z-index:99;float:none;}
	.nav{float:none;width:100%;position:relative; top:20%;}
	.nav li{float:none; text-align:center;}
	.nav li a{color:#fff; line-height:60px; height:60px; font-size:16px;}
	.nav li .nav-active{ border:none; color:#fe5e20;}
	.animated .top {-webkit-transform: translateY(5px) rotateZ(45deg); -moz-transform: translateY(5px) rotateZ(45deg);-ms-transform: translateY(5px) rotateZ(45deg);-o-transform: translateY(5px) rotateZ(45deg);transform: translateY(5px) rotateZ(45deg);}
.animated .bottom {-webkit-transform: translateY(-13px) rotateZ(-45deg);-moz-transform: translateY(-13px) rotateZ(-45deg);-ms-transform: translateY(-13px) rotateZ(-45deg);-o-transform: translateY(-13px) rotateZ(-45deg);transform: translateY(-13px) rotateZ(-45deg);}
	.hidden {display: none;}
	.user-icon{ display:block; width:50px; height:50px; background:url(../images/icon-top-user.png) no-repeat top 10px center; position:absolute; right:66px; top:5px; background-size:24px;}
	.user-icon2{ display:block; width:50px; height:50px; background:url(../images/icon-top-user2.png) no-repeat top 10px center; position:absolute; right:66px; top:5px; background-size:24px;}
	.login{ display:none;}
	/*banner*/
	.banner{ width:100%; height:210px; overflow:hidden; position:relative;}
	.banner .bd li{height:210px; } 
	.banner .prev,.banner .next{ display:none;}
	.pop{background:#fff;position:fixed; width:90%;z-index:99999; left:5%; top:50%; margin-top:-140px;}
	.login-pop{ display:none;}
	.login-pop h2{ text-align:center;color:#ff5e20; font-size:18px; line-height:50px; border-bottom:1px solid rgba(230,64,0,0.2); margin-bottom:20px;}
	.wrap-login input{ border:1px solid #ddd;}
	.wrap-login i{margin-left:1px;}
	.forget{margin:auto;padding:0; margin-left:60px; margin-top:10px; float:left;}
	.reg-box{color:#a9a9a9; margin-top:10px; margin-bottom:10px;}
	.close {top:5px;}
	/*热门游戏*/
	.i-title{ margin:10px 0;font-size:16px; font-weight:bolder;}
	.hot-game li{width:31.333%; height:auto;margin:0 1%; margin-bottom:20px; border-radius:6px; overflow:hidden;}
	.hot-game li p{ line-height:20px; font-size:12px;}
	.hot-game li:hover .shade p{padding:0; text-align:center;}
	.hot-game li:hover .shade a{display:none;}
	
	.game-zone{float:none; width:100%; margin-top:-10px;}
	.zone li{width:28.33%; margin:10px 2.5%;}
	.zone li img{width:100%;}
	.zone li p{font-size:16px; margin-top:10px;}
	.news-bulletin{float:none;width:100%;}
	.parents img{ width:100%;}
	.bulletin-1{ line-height:30px;padding-top:10px;}
	
	.friend-link{margin-top:20px; padding:10px; line-height:24px;}
	.friend-link h3{float:none;font-size:14px;  font-weight:bold;}
	.link{ margin-left:0; font-size:12px;}
	.footer{font-size:12px; line-height:24px; margin-top:20px;}
	
	.register{ top:50%; margin-top:-215px; left:5%; width:90%; margin-left:0;}
	.pop-title{line-height:50px; font-weight:normal;}
	.input-list{width:90%; margin-top:20px; height:35px;}
	.input-list span{display:inline; width:80px; font-size:14px; line-height:35px;}
	.input-list input,.input-list select{float:right;height:35px;line-height:35px;width:70%;}
}

@media (min-width: 768px) and (max-width:991px){
	/*nav*/
	.nav-box{background:#282828;}
	.wbody{width:98%;}
	.btn-nav{display:block;}
	.nav-list{  position: fixed;top:-100%;bottom: 0;left: 0;right: 0;background: #282828;display: block;height: 100%;z-index:99;float:none;}
	.nav{float:none;width:100%;position:relative; top:20%;}
	.nav li{float:none; text-align:center;}
	.nav li a{color:#fff;}
	.nav li .nav-active{ border:none; color:#fe5e20;}
	.hidden {display: none;}
	
	/*热门游戏*/
	.i-title{ margin:20px 0;}
	.hot-game li{width:31.333%; height:auto;margin:0 1%; margin-bottom:20px;}
	.hot-game li:hover .shade p{padding:0; text-align:center;}
	.hot-game li:hover .shade a{display:none;}
	.game-zone{float:none; width:100%;}
	.zone li{width:17%; margin:10px 1.5%;}
	.zone li p{font-size:16px;}
	.news-bulletin{float:none;width:100%;}
	.parents img{ display:none;}
	.footer{font-size:13px; line-height:26px; margin-top:40px;}
	.login-box {position:absolute; width:270px; top:0; right:10%;}
}

@media (min-width: 992px) and (max-width:1199px){
	.wbody{width:98%;}
	.hot-game li{width:18%; height:auto;margin:0 1%; }
	.game-zone{width:70%}
	.news-bulletin{float:right;width:28%;}
	.zone li{width:17%; margin:10px 1.5%;}
	.zone li p{font-size:16px;}
	.zone li img{ width:100%;}
	.parents img{width:100%;}
	.bulletin-1{padding-top:0px;}
	.login-box {position:absolute; width:270px; top:0; right:10%;}
}


/*游戏中心*/
.play-center{background:#fff; margin-top:20px;}
.play-center-title{ line-height:50px; border-bottom:1px solid #e7e7e7; height:50px;position:relative;}
.play-center-title span{ display:inline-block;padding:0 30px; font-size:24px; color:#fe5e20; border-bottom:1px solid #fe5e20; box-sizing:border-box;}
.play-center-title .all{position:absolute; right:20px; border-bottom:none; font-size:14px; color:#444444;}
.play-center-title .all em{color:#fe5e20;}
.game-list{padding-bottom:40px;}
.game-list li{float:left;width:166px; border:1px solid #ddd;  margin:0 17px; margin-top:30px;padding:15px 0; box-sizing:border-box;}
.game-list li:hover p{color:#fe5e20; }
.game-list li img{ height:150px; display:block; margin:auto;}
.game-list li p{ color:#444444; line-height:30px; text-align:center;}
.game-list li p:hover{color:#fe5e20;  transition: all 0.3s;}
.game-list li span{ display:block; font-size:14px; color:#999999; text-align:center;}
.down{ display:block; width:90px; line-height:24px; font-size:14px; color:#444444; margin:auto; border:1px solid #dddddd; box-sizing:border-box;text-align:center; border-radius:4px; margin-top:10px;}
.down:hover{ background:#fe5e20;color:#fff; border:1px solid #fe5e20 ;}
.pages{height:40px; margin:auto; text-align:center; line-height:40px;margin-top:40px;}
.pages a{padding:7px 12px; border:1px solid #dddddd; border-radius:3px; font-size:16px; color:#888888; margin:0 5px;}
.pages a:hover,.pages-active{border:1px solid #fe5e20 !important; background:#fe5e20; color:#fff !important;}


/*游戏详情*/
.game{padding:30px; border-bottom:1px solid #ddd;}
.game-left{float:left;}
.game-img{ float:left; padding:20px; border-radius:20px; background:#f5f5f5;}
.game-img img{ display:block; width:120px; height:120px;border-radius:20px;}
.game-text{float:left; margin-left:40px;}
.game-text h1{ font-size:24px; font-weight:normal; margin-top:26px; color:#333333; line-height:24px;}
.game-text span{ display:block; font-size:14px; color:#666666; margin-top:26px; line-height:14px;}
.game-right{float:right;}
.ewm{float:left;}
.ewm img{ display:block;width:130px; height:130px; border:1px solid #ddd;}
.ewm em{ display:block; text-align:center; color:#333333;margin-top:8px;}
.download{float:left; margin-left:30px; margin-right:20px;}
.download a{ display:block; width:160px; height:40px; color:#fff;border-radius:4px; line-height:40px;padding-left:50px; box-sizing:border-box; margin-top:10px;}
.ios{background:#59c55b url(../images/ios.png) no-repeat left 20px center; margin-bottom:20px;}
.android{background:#59c55b url(../images/android.png) no-repeat left 20px center;}
.imgs{padding:40px 6px;}
.imgs li{float:left; margin:0 33px;}
.imgs li img{ display:block; width:330px;}
.introduce h2{ line-height:50px; height:50px; border-bottom:1px solid #ddd; color:#fe5e20; font-weight:normal; font-size:24px; box-sizing:border-box;}
.introduce h2 span{ display:inline-block; height:50px;padding:0 25px; border-bottom:1px solid #fe5e20;box-sizing:border-box;}
.introduce-text{ font-size:14px; color:#666666; line-height:30px;padding:30px;}
.button{ display:none;}

/*新闻公告*/
.new-banner{background:url(../images/new-banner.png) no-repeat center; height:300px;}
.new-list {background:#fff; padding:15px;}
.new-list li{ margin-top:30px; border:1px solid #ccc; padding:10px;box-shadow: 0 6px 10px #dadada; box-sizing:border-box;}
.new-list li img{float:left; width:360px;}
.new-list li .new-text{float:left;width:778px; margin-left:30px;}
.new-list li .new-text h2{color:#000000; font-size:18px; font-weight:600; line-height:40px;}
.new-list li .new-text h2 a{float:right; color:#666666;}
.new-list li .new-text h2 a:hover{color:#fe5e20;}
.new-list li .new-text p{font-size:14px; color:#999; line-height:26px;}

/*申请流程*/
.custody-banner{background:url(../images/custody-banner.png) no-repeat center; height:500px;}
.cus-title{ text-align:center;}
.cus-title a{ display:inline-block;line-height:40px; padding:0 40px;color:#fff; background:#cccccc; border-radius:4px; margin:0 20px; margin-top:60px; font-size:22px; margin-bottom:50px;}
.flow{color:#444444; line-height:30px;padding-bottom:20px;}
.flow span{ display:block;color:#000;}
.flow b{ color:#6cc127; font-size:20px; text-align:center; display:block; margin:30px 0;}
.flow em{ color:#6cc127; display:block; margin:20px 0;}
.download-btn{ display:block; width:300px; height:80px; line-height:80px; text-align:center; background:#eb2929; color:#fff; font-size:24px; margin:30px auto; border-radius:10px;}
.pic{ display:block; margin:30px auto;}
.flow-t{color:#6cc127; font-size:20px; font-weight:bold; display:block; text-align:center; font-style:normal; margin-bottom:20px;}

/*充值中心*/
.recharge-box{margin-top:20px;}
.advertising{float:left;width:320px;}
.advertising img{ display:block;width:100%;}
.recharge-right{float:left;background:#fff; margin-left:30px; width:820px;padding:0 20px; box-sizing:border-box;}
.account{margin-top:30px;position:relative;}
.text{ display:inline-block;font-size:16px; color:#666666; line-height:40px; margin-right:20px;}
.account input{ font-size:18px; color:#333333; width:200px; height:40px; line-height:40px; border:1px solid #ddd; box-sizing:border-box; background:url(../images/account.png) no-repeat right center; padding-left:10px; padding-right:40px;}
.account-icon{position:absolute; right:0; top:0;width:40px; height:40px;}
.amount{margin-top:30px;}
.top-up li{float:left; width:22%; margin-left:2%; text-align:center;  cursor:pointer; line-height:80px; height:80px;position:relative;color:#666666;border:1px solid #e1e1e1; box-sizing:border-box; margin-top:20px;}
.top-up li .radio{display:none;}
.top-up li p{width:100%; height:100%; position:absolute;top:0; left:0; }
.top-up li p b{color:#fe5e20; font-size:30px;}
.top-up .on{border:2px solid #fe5e20; box-sizing:border-box; background:url(../images/icon-right.png) no-repeat right bottom;}
.top-up  li span{ display:none;}
.top-up .on span{ display:block;position:absolute;left:-8px; top:-2px; width:80px; height:28px; line-height:22px; background:url(../images/icon-t.png) no-repeat center; color:#fff; font-size:12px;}
.top-up  li .game-money{width:60%; color:#fe5e20; float:left;opacity:1; background:none; padding-left:10px; box-sizing:border-box; font-size:18px;}
.mode{margin-top:20px;}
.toggle{ width:100%;}
.toggle .hd{ height:40px; line-height:40px;border-bottom:1px solid #e7e7e7; position:relative; }
.toggle .hd ul li{ float:left;padding:0 20px;cursor:pointer; color:#666666; font-size:16px;  }
.toggle .hd ul li.on{border-bottom:1px solid #fe5e20;color:#fe5e20;}
.toggle .bd li{float:left;width:18%; margin:0 1%;margin-top:20px; border:1px solid #e1e1e1; box-sizing:border-box;position:relative;}
.toggle .bd li img{ display:block;width:100%;}
.toggle .bd .on{border:1px solid #fe5e20; box-sizing:border-box;}
.toggle .bd .on i{ background:url(../images/icon-right.png) no-repeat right bottom !important;position:absolute; right:0; bottom:0;width:32px; height:26px; }
.paymaict{ font-size:18px; color:#666666; margin-top:50px;}
.paymaict b{ font-weight:bold;color:#fe5e20;}
.sub-btn{width:140px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:4px; font-size:16px;background:#fe5e20; margin-top:20px;}
.word{margin-top:40px; color:#999999; font-size:14px; line-height:24px; margin-bottom:40px;}
.about{ color:#666666; line-height:36px; padding:20px; margin-bottom:20px;}
.new-title{ text-align:center;border-bottom:1px solid #ddd; line-height:50px; font-size:18px; color:#fe5e20; margin-top:20px;}
@media (min-width: 320px) and (max-width:767px){
	.play-center{margin-top:10px;}
	.play-center-title{ line-height:40px;height:40px;}
	.play-center-title span{padding:0 20px; font-size:16px; }
	.play-center-title .all{right:0px; font-size:12px;}
	.game-list{padding-bottom:10px;}
	.game-list li{width:29.33%; margin:0 2%; margin-top:20px; border:none;padding:0;}
	.game-list li img{ height:108px;}
	.game-list li p{ line-height:24px; font-size:14px;}
	.game-list li span{font-size:12px;}
	.down{color:#fe5e20;background:none; border:1px solid #fe5e20;}
	.pages{ width:100%; margin-top:10px;margin-bottom:0px;}
	.pages a{padding:2px 8px;  border-radius:2px;margin-left:2px; font-size:12px;}
	.game{padding:20px 10px;}
	.game-left{float:none; position:relative;}
	.game-img{padding:0px;background:none; border-radius:0;}
	.game-img img{ display:block; width:80px; height:80px;border-radius:0;}
	.game-text{float:left; margin-left:10px;}
	.game-text h1{ font-size:18px;margin-top:2px; color:#333333; line-height:16px;}
	.game-text span{font-size:14px; margin-top:12px; line-height:14px;}
	.button{ display:block; position:absolute; right:0px; font-size:14px; color:#fff; background:#59c55b; line-height:26px; width:60px; text-align:center; border-radius:60px; top:50%; margin-top:-13px;}
	.game-right{ display:none;}
	.imgs{padding:20px 6px;}
	.imgs li{float:left; width:31.33%; margin:0 1%;}
	.imgs li img{ display:block; width:100%;}
	.introduce h2{ line-height:40px; height:40px;font-size:16px;}
	.introduce h2 span{  height:40px;padding:0 20px; }
	.introduce-text{ font-size:12px;line-height:20px;padding:10px;}
	.new-banner{height:100px; background-size:auto 100px;}
	.new-list li{ margin-top:10px;box-shadow: 0 2px 6px #dadada; }
	.new-list li img{float:none; display:block; width:100%;}
	.new-list li .new-text{float:none;width:100%; margin-left:0px;}
	.new-list li .new-text h2{ font-size:16px; font-weight:normal;line-height:24px; margin-top:10px; clear:both;}
	.new-list li .new-text h2 a{float:none;color:#fe5e20; font-size:16px; margin-left:10px;}
	.new-list li .new-text p{font-size:14px; color:#999; line-height:20px; margin-top:10px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4;}
	.custody-banner{height:150px; background-size:auto 150px;}
	.cus-title a{line-height:30px; padding:0 30px;border-radius:4px; margin:0 10px; margin-top:20px; font-size:18px; margin-bottom:20px;}
	.flow{font-size:14px;line-height:24px;padding-bottom:20px;}
	.flow b{font-size:16px; margin:10px 0;}
	.download-btn{width:200px; height:40px; line-height:40px; font-size:16px; margin:20px auto; border-radius:10px;}
	.flow em{ font-size:14px;margin:10px 0; font-weight:bold;}
	.pic{ width:100%;}
	.flow-t{font-size:18px; font-weight:normal; }
	.advertising{ display:none;}
	.recharge-right{float:none; margin-left:0px; width:100%;padding:1px 10px; }
	.account{margin-top:10px;}
	.text{font-size:14px; line-height:24px;}
	.text em{ display:block;}
	.account input{width:180px; font-size:16px;}
	.amount{margin-top:10px;}
	.top-up li {float: left; width:42%; line-height:50px; margin-left:4%; height:50px; font-size:14px;}
	.toggle .hd ul li{font-size:14px;}
	.toggle .bd li{float:left;width:31.33%; margin:0 1%;margin-top:20px;}
	.toggle .bd .on i{ background:url(../images/icon-right.png) no-repeat right bottom !important;position:absolute; right:0; bottom:0;width:32px; height:26px; }
	.paymaict{ margin-top:30px; font-size:16px;}
	.top-up .on span{width:60px; background:url(../images/icon-t.png) no-repeat right center; text-align:left; padding-left:4px; height:18px; font-size:12px; line-height:16px;}
	.top-up li p{ font-size:14px;}
	.top-up li p b{font-size:20px;}
	.top-up .on{border:1px solid #fe5e20; box-sizing:border-box; background:url(../images/icon-right.png) no-repeat right bottom;}
	.top-up  li .game-money{ font-size:14px;}
	.word{ margin-top:20px; font-size:12px; line-height:20px; margin-bottom:20px;}
	.about{line-height:24px; padding:10px; margin-bottom:10px; font-size:14px;}
}
@media (min-width: 768px) and (max-width:991px){
	.game-list li{width:21%; margin:0 2%; margin-top:20px;}
	.game-img{padding:10px;}
	.game-img img{ width:80px; height:80px;}
	.game-text{margin-left:20px;}
	.game-text h1{ font-size:20px;margin-top:12px;line-height:20px;}
	.game-text span{ margin-top:12px; line-height:14px;}
	.ewm img{width:100px; height:100px; border:1px solid #ddd;}
	.ewm em{margin-top:6px; font-size:14px;}
	.download{margin-left:20px; margin-right:10px;}
	.download a{margin-top:0px;}
	.imgs{padding:20px 10px;}
	.imgs li{width:31.33%; margin:0 1%;}
	.imgs li img{width:100%;}
	.introduce-text{ line-height:24px; padding:20px;}
	.new-banner{height:200px; background-size:auto 200px;}
	.new-list li img{width:30%;}
	.new-list li .new-text{width:70%; margin-left:0;padding-left:10px; box-sizing:border-box;}
	.new-list li .new-text h2{font-size:16px; font-weight:600; line-height:30px;}
	.new-list li .new-text h2 a{ font-size:14px;}
	.new-list li .new-text p{line-height:22px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
	.custody-banner{height:300px; background-size:auto 300px;}
	.cus-title a{ margin-top:40px; margin-bottom:30px; font-size:20px;}
	.flow{padding:0 20px;}
	.download-btn{width:300px; height:60px; line-height:60px;font-size:20px; margin:30px auto; border-radius:10px;}
	.advertising{ display:none;}
	.recharge-right{float:none; margin-left:0px; width:100%;padding:1px 20px; }
	}

@media (min-width: 992px) and (max-width:1199px){
	.game-list li{width:14.666%; margin:0 1%; margin-top:20px;}
	.imgs{padding:30px 0px;}
	.imgs li{width:31.33%; margin:0 1%;}
	.imgs li img{width:100%;}
	.new-banner{height:260px; background-size:auto 260px;}
	.new-list li img{width:30%;}
	.new-list li .new-text{width:70%; margin-left:0;padding-left:10px; box-sizing:border-box;}
	.new-list li .new-text h2{font-size:16px; font-weight:600; line-height:20px;}
	.new-list li .new-text h2 a{ font-size:14px;}
	.new-list li .new-text p{line-height:22px; }
	.custody-banner{height:300px; background-size:auto 300px;}
	.advertising{float:left;width:30%;}
	.recharge-right{float:right; margin-left:0px; width:68%;}
	}

/*用户中心*/

.user-left{ float:left; width:240px; background:#fafafa; margin-top:30px; line-height:50px;text-align:center;}
.user-left .active { color: #fe5e20;}
.user-left span{ display:block;color:#fff;background:#fe5e20; }
.user-left li{ border-bottom:1px dashed #e6e6e6;}
.user-left li a{color:#666;}
.user-left li a:hover{color:#fe5e20;}
.user-right{float:right;width:930px;margin-top:30px;box-sizing:border-box;}
.data{background:#fff;padding:20px;}
.data-img{position:absolute;left:0; top:0; border:1px solid #ddd; border-radius:50%; margin-top:6px; max-width:80px; max-height:80px;}
.data-text{position:relative;padding-left:100px;}
.data-text h2 span{color:#fe5e20; font-weight:bold; font-size:20px;}
.data-text h2 em{ color:#666; margin-left:4px;font-size:20px;}
.data-text p{margin-top:10px; color:#666; font-size:14px;}
.data-text p a{color:#3895f2; margin-right:10px; text-decoration:underline;}
.my-game{background:#fff;margin-top:20px;}
.my-game h2{color:#fe5e20; background:#fff8f5; font-size:20px; line-height:50px;padding-left:20px; border-bottom:1px solid #ddd;}
.recom{padding-bottom:40px;}
.recom li{float:left;width:29%; border:1px solid #ddd; margin:0 2%; margin-top:30px;padding:15px 0; box-sizing:border-box;}
.recom li:hover p{color:#fe5e20; }
.recom li img{ display:block; margin:auto; width:90%}
.recom li p{ color:#444444; line-height:30px; text-align:center;}
.recom li p:hover{color:#fe5e20;  transition: all 0.3s;}
.recom li span{ display:block; font-size:14px; color:#999999; text-align:center;}
.down{ display:block; width:90px; line-height:24px; font-size:14px; color:#444444; margin:auto; border:1px solid #dddddd; box-sizing:border-box;text-align:center; border-radius:4px; margin-top:10px;}
.down:hover{ background:#fe5e20;color:#fff; border:1px solid #fe5e20 ;}
.right-bg{background:#fff;padding-bottom:40px; min-height:356px;}
.right-title{color:#fe5e20; background:#fff8f5; font-size:20px; line-height:50px;padding-left:20px; border-bottom:1px solid #ddd;}
.info{margin-left:200px; position:relative; line-height:40px;margin-top:20px; color:#333; min-height:40px;}
.info span{position:absolute; text-align:right;left:0;top:0px; border-right:1px solid #ddd;width:100px;padding-right:10px; box-sizing:border-box; line-height:40px; background:#fff;}
.info input{ display:block; border:1px solid #ddd; border-radius:4px;line-height:40px; height:40px; width:300px; padding:0 10px 0 110px; box-sizing:border-box; border-left:none;}
.info  .user-btn{width:100px;padding:0;margin-left:100px; height:36px; line-height:36px; text-align:center; color:#fff; border:none; background:#fe5e20; font-size:16px;}
.info p{ width:80%; padding:0 10px 0 100px; box-sizing:border-box; }
.info .radio{ display:inline-block; width:15px; vertical-align:middle; margin-right:6px;}
.info p select{ vertical-align:middle; height:30px; line-height:30px; padding:0 10px;}
.table{ display:table; width:100%; text-align:center; margin-top:20px; border:1px solid #e8e8e8;}
.table tr th{background:#f7f6f6; line-height:50px; color:#666;}
.table tr td{color:#999; font-size:14px; line-height:50px;border-top:1px solid #e8e8e8;}
@media (min-width: 320px) and (max-width:767px){
	.user{ width:100%;}
	.user-left{float:none; width:100%; margin-top:0; border-left:1px solid #e6e6e6; border-top:#e6e6e6; box-sizing:border-box; font-size:14px;}
	.user-left li{float:left;width:33.33%; border-right:1px solid #e6e6e6; box-sizing:border-box; border-bottom:1px solid #e6e6e6;}
	.user-left span{ display:none;}
	.user-right{float:none;width:100%; margin-top:20px;}
	.data{padding:20px 10px;}
	.data-img{width:64px;}
	.data-text{padding-left:76px;}
	.recom{padding-bottom:10px;}
	.recom li{width:29.33%; margin:0 2%; margin-top:20px; border:none;padding:0;}
	.recom li img{width:80%;}
	.recom li p{ line-height:24px; font-size:14px;}
	.recom li span{font-size:12px;}
	.my-game h2{font-size:16px; line-height:40px;}
	.right-title{font-size:16px; line-height:40px;}
	.info{margin-left:0px;padding:0 10px; box-sizing:border-box; line-height:36px; min-height:36px;}
	.info span{left:10px;width:90px;line-height:36px; font-size:14px;}
	.info input{width:98%; padding-left:100px;line-height:36px; height:36px;}
	.info  .user-btn{margin-left:90px;}
	.right-bg{padding-bottom:40px; min-height:auto; font-size:14px;}
	.info p{ width:100%;padding:0 0 0 90px;}
	.info p select{padding:0;}
	.table{margin-top:10px;}
	.table tr th{background:#f7f6f6; line-height:20px;padding:6px 0px; font-size:14px;}
	.table tr td{color:#999; font-size:12px; line-height:20px;padding:6px 0px;border-top:1px solid #e8e8e8;}
}

@media (min-width: 768px) and (max-width:991px){
	.user-left{width:20%;}
	.user-right{width:78%;}
	.recom li img{width:90%;}
	.info{margin-left:100px;}
}

@media (min-width: 992px) and (max-width:1199px){
	.user-left{width:20%;}
	.user-right{width:78%;}
}

.money{padding:20px; font-size:16px; line-height:30px;color:#666;}
.money-btn{ line-height:28px; height:28px; margin-left:10px; padding:0 10px; font-size:16px; color:#fff; background:#fe5e20; border:1px solid #f14300;box-sizing:border-box;}
.code{padding:0 20px; font-size:16px; color:#666; line-height:30px; border-bottom:1px solid #ddd; padding-bottom:30px; margin-top:10px;}
.code-text{border:1px solid #ddd; font-size:16px; line-height:28px; height:28px; padding:0 10px; display:inline-block; width:280px; margin-left:10px;box-sizing:border-box; }
.generalize{padding:20px; margin-top:20px; display:flexbox;}
.code-img{float:left; margin-left:40px; position:relative;}
.geeralize-text{float:left;margin-left:70px; width:480px;}
.geeralize-text h2{ line-height:50px; font-size:26px; color:#c01733; margin:0px;}
.geeralize-text span{ line-height:50px; font-size:20px; color:#67be95; background:url(/images/code-arrow.png) no-repeat right center;padding-right:20px;}
.geeralize-text li{ line-height:30px; color:#666666; font-size:16px; margin-top:6px;}
.phone-code{ position:absolute; top:50%; margin-top:-70px; width:140px; height:140px; left:50%;margin-left:-70px;}
@media (min-width: 768px) and (max-width:991px){
	.generalize{ display:block;}
	.code-img{float:left; margin-left:0px; width:30%;}
	.code-bg{width:100%;}
	.phone-code{ position:absolute; top:50%; margin-top:-50px; width:100px; height:100px; left:50%;margin-left:-50px;}
	.geeralize-text{float:left;margin-left:5%; width:65%;}
}
@media (min-width: 320px) and (max-width:767px){
	.money{padding:10px;}
	.money-btn{ padding:0 5px; font-size:14px;}
	.code{padding:0 10px;padding-bottom:20px;}
	.generalize{ display:block; padding:0 20px;}
	.code-text{width:130px; font-size:14px;}
	.code-bg{ display:none;}
	.geeralize-text{float:none;margin-left:auto; width:100%; margin-top:10px;}
	.geeralize-text h2{ text-align:center; font-size:20px; line-height:30px;}
	.geeralize-text span{ font-size:18px; background-size:auto 18px;}
	.code-img{float:none;position:relative; margin-left:0;}
	.phone-code{ position:relative; top:0;  margin-top:0;}
	.my-game-pop{margin-top:-150px;}
}

.picture-box{ height:60px;}
.picture-box span{border-right:none; line-height:60px;}
.picture-box .box {float:left;margin-left:110px; width:60px; height:60px; border-radius: 50%; border: 1px solid #999; position: relative; overflow:hidden;}
.picture-box .box .mask {width: 100%; height: 60px; font-size:9px; text-align:center;color:red; background-color: rgba(220,220,220, 0.5); position: absolute;  bottom: 0px; }
.picture-box .box img{ width:59px; height:59px;}
.alter{float:left; position:relative; height:60px; margin-left:10px;}
.info .alter a{display:block;width:80px;margin-top:15px; height:30px; line-height:30px; border:1px solid #999;color: #666; text-align:center; font-size:12px; border-radius:2px;background: url(../images/btnbg.png)repeat-x 0 0;}
.info .alter input{ opacity:0; position:absolute; left:0; top:15px; border:none; border-radius:0;line-height:30; height:30px; width:80px; padding:0; box-sizing:border-box; border-left:none; }
.exchange{display:block; width:90px; line-height:24px; font-size:14px;margin:auto;border:1px solid #fe5e20 ; box-sizing:border-box;text-align:center; border-radius:4px; margin-top:10px;background:#fe5e20;color:#fff !important; cursor:pointer;}

.pay{width:560px; display:flexbox; position:fixed; left:50%; margin-left:-300px;top:50%; margin-top: -200px; background-color:#fff; }
.pay .content {float:left;}
.pay img{width:50px; height:50px; margin:30px; float:left;}
.pay h3{color:#333; font-size:18px; font-weight:normal; line-height:40px;}
.pay p{ font-size:14px; line-height:30px;}
.pay p a{color:#0066cd;}
.pay-btn{ display:inline-block;background:#0099cd;color:#fff; line-height:30px; font-size:14px;padding:0 10px; margin:15px 0;}
@media (min-width: 320px) and (max-width:767px){
	.pay{width:94%; position:fixed; left:3%; margin-left: 0px;top:16%;margin-top: 0px; }
    .pay img{width:50px; height:50px; margin:0 auto; float:none;}
    .pay .content {float:none; margin:20px;}
	.pay h3{ font-size:16px; line-height:30px;}
	.pay p{ font-size:14px; line-height:24px; margin:10px 0;}
	.pay-btn{ margin:10px 0; line-height:34px;}
}

.pagetour { background: #fff;}
.pagetour li { float: left;border: 1px solid #eaeaea; border-radius: 10px; margin-right: 2%; margin-top: 30px; width: 32%; box-shadow: 0 0 5px rgba(0,0,0,0.1); overflow: hidden; position: relative; box-sizing: border-box;}
.pagetour li:hover{ border: 1px solid #fe5e20; box-shadow:0 0 5px rgba(254,94,32,0.5);}
.pagetour li:nth-child(3n){ margin-right: 0;}
.pagetour li .gametext{ float: left; width: 50%; padding: 20px 0 15px 30px; box-sizing: border-box;}
.pagetour li .gametext dt { font-size: 18px;color: #fe5e20;}
.pagetour li .gametext dd{ font-size: 12px;color:#666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 20px;}
.pagetour li .gametext dd span{color: #333;}
.pagetour li .gametext dd em { display: block; width: 120px; line-height: 30px; height: 30px; color: #fff; font-size: 16px;background: -webkit-linear-gradient(#f0dc37, #eb5d2a); background: -o-linear-gradient(#f0dc37, #eb5d2a); background: -moz-linear-gradient(#f0dc37, #eb5d2a); background: linear-gradient(#f0dc37, #eb5d2a); border-radius: 50px; text-align: center; margin-top: 10px;}
.pagetour li .gametext dd em:hover{background: -webkit-linear-gradient(#ffed29, #ff5112); background: -o-linear-gradient(#ffed29, #ff5112); background: -moz-linear-gradient(#ffed29, #ff5112); background: linear-gradient(#ffed29, #ff5112);}
.pagetour li .img{ float:left; width: 50%;}

.pagetour .lab { position: absolute; left: 0; top: 0;}
@media (min-width: 992px) and (max-width:1199px){
	.pagetour li .gametext{ width: 50%;}
	.pagetour li .gametext dd:nth-of-type(1){ display:none;}
	.pagetour li .img{ width: 50%;}
}
@media (min-width: 768px) and (max-width:991px){
	.pagetour li {  margin-right: 2%; width: 49%; }
	.pagetour li:nth-child(3n){ margin-right: 2%;}
	.pagetour li:nth-child(2n){ margin-right: 0;}
}
@media (min-width: 320px) and (max-width:767px){
	.pagetour li { float: none;border: none; border-radius: 0; margin-right: 0; margin-top: 15px; width: 100%; box-shadow: none;}
}