@CHARSET "UTF-8";
html,body{overflow:hidden}
body{font-size:12px;font-family:sans-self,"Microsoft YaHei";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
i, em { font-style: normal;}
a,input,li{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
@font-face{font-family:'FontAwesome';src:url('../fonts/icomoon.eot?ver=nupz7c') format('embedded-opentype'),url('../fonts/icomoon.ttf?ver=nupz7c') format('truetype'),url('../fonts/icomoon.woff?ver=nupz7c') format('woff'),url('../fonts/icomoon.svg?ver=nupz7c') format('svg')}
.pay-box,.login-box,.dialog-box{position:fixed;z-index:10000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);font-size:15px;text-align:center}
.pay-box>div,.login-box>div,.dialog-box>div{position:fixed;z-index:10001;width:80%;max-width:300px;top:50%;left:50%;overflow:hidden;background:#fff;border-radius:5px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.dialog-box{z-index:99998}
.dialog-box>div{z-index:99999}
.dialog_hd{padding:20px 0 15px 0;color:#333}
.dialog_bd{padding:0 20px;font-size:15px;color:#888;max-height:350px;overflow-y:auto}
.dialog_bd .content,.dialog_bd .footer{line-height:22px;text-align:left;font-size:12px;color:#666}
.dialog_bd .content h2{padding:8px 0;font-size:20px;border-bottom:1px solid #d1d1d1;text-align:center;margin-bottom:20px}
.dialog_bd .content h3{margin-top:15px}
.dialog_bd a,.dialog_bd .footer a{color:#00A3FF}
.dialog_bd .author{padding:10px 0;text-align:right;font-weight:bold}
.dialog_bd .footer{text-align:center}
.dialog_bd input{border:1px solid #666}
.dialog_bd #quicktip{color:#00A3FF;text-decoration:underline;padding:0 3px;cursor:pointer}
.dialog_ft{margin-top:20px;border-top:1px solid #d5d5d5}
.dialog_ft a{display:block;color:#00A3FF;line-height:42px;text-decoration:none}
.pay-head{position:relative;color:#333;padding:20px 0;line-height:2.4;font-size:18px}
.pay-head span{position:absolute;top:0}
.pay-head span:nth-child(1){left:0;width:100%}
.pay-head span:nth-child(2){right:15px;font-weight:bold;font-size:22px;color:#737272;line-height:1.8;cursor:pointer}
.pay-info{background:#f5f5f5;border-top:1px solid #e5e5e7;padding:9px 0 6px 0}
.pay-info p:last-child{font-size:30px}
.pay-mode{border-top:1px solid #e5e5e7;border-bottom:1px solid #e5e5e7;text-align:left}
.pay-mode li{height:31px;line-height:31px;padding:5px 0;border-top:1px solid #e5e5e7;margin-left:6%;display:none}
.pay-mode li:first-child{border-top:1px solid #fff}
.pay-mode li i{float:left;width:32px;height:32px;background:url(../images/pay_box_icon.jpg) no-repeat}
.pay-mode li i.pay-qq{background:url(../images/qqpay_icon.png);background-size:cover}
.pay-mode li i.pay-zfb{background:url(../images/alipay_icon.png);background-size:cover}
.pay-mode li i.pay-wx{background:url(../images/wxpay_icon.png);background-size:cover}
.pay-mode li span{float:left;margin-left:10px}
.pay-mode li em,.pay-tip p em{float:right;width:20px;height:20px;border-radius:50%;border:1px solid #e5e5e7;margin:5px 10px 0 0;position:relative;font-size:21px}
.pay-mode li em.icon-check:before,.pay-tip p em.icon-check:before{position:absolute;left:0;top:-5px;color:#3997EE}
.pay-btn{padding:14px 0}
.pay-tip{line-height:1;padding-bottom:10px}
.pay-tip>p em{width:15px;height:15px;font-size:17px;margin:0 3px 0 0}
.pay-tip>p em.icon-check:before{top:-1px}
.pay-tip span,.pay-tip>p em{float:left}
.pay-tip>span{margin-left:10px;line-height:1.1}
.pay-tip>p{float:right;font-size:13px;line-height:1;margin-right:5px}
.pay-tip>p a{color:#3997EE;padding-left:3px}
.pay-tip>p span,.pay-tip>p a{line-height:1.2}

.login-info,.login-mode,.pay-btn{width:82%;margin:0 auto}
.login-info>div>a,.pay-btn>a{display:block;width:100%;padding:8px 0;border:1px solid #3997EE;background:#3997EE;color:#fff;text-decoration:none;line-height:1;border-radius:2px}
.icon-check:before{content:"\e900"}

#load-box-css @-webkit-keyframes line-load {0%{-webkit-transform:scaley(1);transform:scaley(1);}80%{-webkit-transform:scaley(0.3);transform:scaley(0.3);}90%{-webkit-transform:scaley(1);transform:scaley(1);}}@keyframes line-load {0%{-webkit-transform:scaley(1);transform:scaley(1);}80%{-webkit-transform:scaley(0.3);transform:scaley(0.3);}90%{-webkit-transform:scaley(1);transform:scaley(1);}}.load-box-ing{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:100000;}.load-box-ing>div{position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.load-box-ing>div>div{background:#fff;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:line-load 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);animation:line-load 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78); }.load-box-ing>div>div:nth-child(2),.load-box-ing>div>div:nth-child(4){-webkit-animation-delay: 0.25s !important;animation-delay: 0.25s !important;}.load-box-ing>div>div:nth-child(1),.load-box-ing>div>div:nth-child(5){-webkit-animation-delay: 0.5s !important;animation-delay: 0.5s !important;}
	
.cf:before,.cf:after,.box ol li:before,.box ol li:after{content:"";display:table}
.cf:after,.box ol li:after{clear:both}
[class^="icon-"]{display:inline-block;font-family:'FontAwesome';}

.mask{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.8);left:0;top:0;z-index: 10;}
.mask>div{position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.mask .closeMask{position:absolute;right:0;top:7px;font-weight:bold;font-size:28px;line-height:1}

.payFrame-box{position:fixed;z-index:10000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);font-size:15px;text-align:center}
.payFrame-box>div{position:fixed;z-index:10001;width:90%;top:50%;left:50%;background:#fff;border-radius:5px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.gameFrame {    overflow: hidden;    border: none;}
.box-close, .page-close {    position: absolute;    width: 24px;    height: 24px;    top: -10px;    right: -8px;}
.box-close img, .page-close img {    width: 100%;    height: 100%;}



.register-Box{z-index: 9;}
.register-btn {    padding: 14px 0;    width: 86%;    margin: 0 auto;}
.register-btn>a{display:block;width:95%;padding:8px 0;border:1px solid #3997EE;background:#3997EE;color:#fff;text-decoration:none;line-height:1;border-radius:2px;float: left;margin: 5px 5px 10px 5px;}
.register-mode{border-top:1px solid #e5e5e7;border-bottom:1px solid #e5e5e7;text-align:left}
.register-mode ul { padding: 2px 18px 0 18px; clear: both;}
.register-mode ul li { clear: both;    margin-top: 10px;    background: #fff;    box-shadow: 0 0 1px 0 rgba(0,0,0,0.1);    position: relative;    height: 46px;}
.register-mode ul li span {    position: absolute;    left: 0;    top: 10px;    width: 40px;    height: 26px;    display: inline-block;    border-right: 1px solid #e0e0e0;}
.register-mode ul li span.r_user {    background: url(../images/sdk/user.png) no-repeat center;    background-size: 24px auto;}
.register-mode ul li span.r_password {    background: url(../images/sdk/ps.png) no-repeat center;    background-size: 24px auto;}
.register-mode ul li p {    position: absolute;    left: 50px;    top: 0;    right: 10px;}
.register-mode ul li p .input_1, .input_2 {    background: none;    border: 0;    width: 100%;    color: #8c8c8c;    font-size: 14px;    line-height: 16px;    padding: 15px 0;}
.register-txt{border-top: 1px solid #e5e5e7;}
.register-txt p{margin: 2px 0px ;}
.register-txt a{padding: 2px 14px;    text-decoration: none;}
.register-txt img{width: 52px;}

.register-txt2{float: right;}
.register-txt2 a{color: #f39700;    text-decoration: none;    line-height: 150%;}

.registerQuick{    width: 140px;    height: 40px;    left: -210px;    top: -50%;    padding: 10px;    background: rgba(19,129,241,.5);    border-radius: 3px;    position: absolute;    color: #fff;}
.registerQuick a{display: inline-block;    text-align: center;    white-space: nowrap;    margin: 0px 8px;    padding: 0px 10px;    color: #fff;    text-decoration: none;    font-size: 16px;    line-height: 40px;    background: #0C247B;    border-radius: 10px;}

.share-square{position:fixed;background:rgba(0,0,0,.8);width:100%;height:100%;left:0;top:0;font-size:14px;color:#fff;z-index:110000;font-weight:bold}
.share-square .share-box{position:relative;top:5px}
.share-square .share-box>img{position:absolute;right:30px;width:50px;}
.share-square .share-box>img:nth-child(1){width:25px;top:20px;z-index:1;-moz-animation:icon-bounce .2s ease-in-out infinite alternate;-webkit-animation:icon-bounce .2s ease-in-out infinite alternate;animation:icon-bounce .2s ease-in-out infinite alternate;}
.share-square .share-box>img:nth-child(2){right:35px;z-index:2;}
.share-square span{position:absolute;right:5px;top:68px;}
.share-square span img{position:relative;width:16px;top:1px;}

@keyframes icon-bounce{ 0%{top:20px;} 50%{top:0;} 100%{top:17px;} }


/*绑定提示*/
.tourists_tips{max-width:480px;	width:94%;	height: 72px;	background-color: #fff;	position: fixed;	z-index: 9;	left:0;	right: 0;	top:10px;	margin:auto;	border-radius: 4px;}
.tourists_tips .t_close{	width: 12px;	height: 12px;	background: url("http://game.cc52.com/public/sdk/images/close.png") no-repeat;	position: absolute;	top: 5px;	right: 9px;	background-size: 100%;}
.tourists_tips b{font-size: 14px; color: #e61616;}
.tips_title{	font-size: 13px;	color:#666;	margin: 2px 20px;	position: relative;}
.tips_title:before{	width: 12px;	height: 12px;	background: url("http://game.cc52.com/public/sdk/images/exclamation.png") no-repeat;	background-size: 100%;	content: '';	position: absolute;	left: -14px;	top: 1px;}
.tips_meg{	font-size: 12px;	margin: 2px 20px;}
.btn_tips_bang{	width:66px;	height: 20px;	line-height: 21px;	background-color: rgb(10,190,12);	border-radius: 4px;	position: absolute;	right:9px;	bottom:3px;	font-size: 12px;	text-align: center;	color:#fff;}
.btn_tips_bang img{	width: 8px;	height: 14px;	vertical-align: sub;	position: relative;	left:-2px;}



html,body{overflow:hidden;}
@font-face { font-family: 'icomoon2';  src:  url('../fonts/icomoon2.eot?yuf3bi');  src:  url('../fonts/icomoon2.eot?yuf3bi#iefix') format('embedded-opentype'),    url('../fonts/icomoon2.ttf?yuf3bi') format('truetype'),    url('../fonts/icomoon2.woff?yuf3bi') format('woff'),    url('../fonts/icomoon2.svg?yuf3bi#icomoon2') format('svg');  font-weight: normal;  font-style: normal;}
[class^="font-"]{display:inline-block;font-family:'icomoon2' !important;}
.font-cancel:before{content:"\e802";}
/*exit*/
.history{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.8);}
.history>div{position:relative;z-index:10000;background:#fff;width:300px;left:50%;margin-left:-150px;top:24%;background:transparent;-webkit-animation:fadeInDown .5s linear;animation:fadeInDown .5s linear;}
.history .history-banner{-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;overflow:hidden;}
.history .history-banner img{width:100%;}
.history .history-banner i{position:absolute;right:-20px;top:0;color:#fff;line-height:1;font-size:20px;}
.history .history-btn{background:#f3f3f4;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;text-align:center;padding:10px 0;position:relative;}
.history .history-focus{background:#f3f3f4;font-size:16px;border-bottom:1px solid #ddd;}
.history .history-focus img{width:80px;height:80px;margin-left:20px;}
.history .history-focus p{margin:auto 30px auto 0;font-weight:bold;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
.history .check{color:#777;font-size:12px;position:absolute;right:5px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);line-height:1;}
.history .check input{margin:0;display:none;}
.history .check label{position:relative;cursor:pointer;font-family:'icomoon2';padding-left:12px;white-space:nowrap;}
.history .check label:before,.history .check label:after{position:absolute;left:0;}
.history .check label:before{content:"\f1db";}
.history .check input:checked + label:after{content:"\e801";color:#3997EE;}
.history .btn{display:inline-block;text-decoration:none;font-size:14px;padding:6px 12px;border:1px solid #3997EE;color:#fff;background:#3997EE;white-space:nowrap;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.flexs {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.flexs-v {-webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.flexs-x-between { -webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;}


/*exit end*/

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@media screen and (max-width:320px) {
	.history .history-banner i{right:2px;top:2px;}
}