@charset "utf-8";

body {
	background: #fff
}

* {
	padding: 0;
	margin : 0;
}

.clearfix:after {
	content   : ".";
	display   : block;
	clear     : both;
	height    : 0;
	overflow  : hidden;
	visibility: hidden;
	font-size : 0;
}

.clearfix {
	*zoom: 1;
}

.clear {
	clear: both
}

img {
	vertical-align: top;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

.box {
	display  : -webkit-flex;
	/* 新版本语法 : Chrome 21+ */
	display  : flex;
	/* 新版本语法 : Opera 12.1, Firefox 22+ */
	display  : -ms-flexbox;
	/* 混合版本语法: IE 10 */
}

.around {
	/* 12版 */
	-webkit-justify-content: space-around;
	-moz-justify-content   : space-around;
	-ms-justify-content    : space-around;
	-o-justify-content     : space-around;
	justify-content        : space-around;
}

.index-box {
	width          : 100%;
	/* border-right: 1px solid #f5f2f1; */
	position       : absolute;
	max-width      : 640px;
	top            : 0;
	left           : 0;
	z-index        : 999;
	height         : 100%;
	overflow       : auto;
}

.index-head-box {
	background : #f5f5f5;
	margin     : 0 auto;
	/* position:fixed; */
	max-width  : 640px;
	width      : 100%;
	top        : 0;
	left       : 0;
	z-index    : 100;
}

.index-nav-box {
	background: #f5f5f5;
	margin    : 0 auto;
	position  : fixed;
	max-width : 640px;
	width     : 100%;
	bottom    : 0;
	left      : 0;
	z-index   : 100;
}


.index-head-message {
	padding   : 0.18em 0.3em;
	background: #fff;

}

.head-img {
	float                : left;
	width                : 0.92em;
	height               : 0.92em;
	border               : 2px solid #ccc;
	border-radius        : 50%;
	-o-border-radius     : 50%;
	-ms-border-radius    : 50%;
	-moz-border-radius   : 50%;
	-webkit-border-radius: 50%;
	overflow             : hidden;
	margin-right         : 0.2em;
}

.head-img img {
	width : 100%;
	height: 100%;
}

.index-head-message .user-info {
	overflow   : hidden;
	line-height: 0.46em;
	padding    : 2px 0;
}

.index-head-message .p2 {
	font-size: 0.3em;
	color    : #333;
}

.index-head-message .p3 {
	font-size: 0.24em;
	color    : #999;
}

.index-head-btn {
	background   : #fff;
	padding      : 0 0.3em 0.18em;
	border-bottom: 2px solid #e3e3e3;

}

.index-head-btn a {
	float       : left;
	font-size   : 0.24em;
	width       : 4.798em;
	padding-left: 2.5em;

	height         : 2.05em;
	line-height    : 2.05em;
	margin-right   : 1.7em;
	color          : #fff;
	background     : #2a95c1 url(../images/index-head-btn.png) no-repeat 0.8333em top;
	background-size: auto 6.25em;
}

.index-head-btn a:nth-child(2) {
	background-color   : #25b2c5;
	background-position: 0.8333em -2.0501em;
}

.index-head-btn a:nth-child(3) {
	margin-right       : 0;
	background-color   : #e78636;
	background-position: 0.8333em -4.1666em;
}

.present-tab {
	background: #fff;
	border-top: 2px solid #e3e3e3;
}

.present-tab ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.present-tab ul li {
	-webkit-box-flex: 1;
	-webkit-flex    : 1;
	-ms-flex        : 1;
	flex            : 1;
	cursor          : pointer;
	padding-top     : 0.16em;
	text-align      : center;
	color           : #545456;
}

.present-tab ul li .pic {
	width                  : 0.44em;
	height                 : 0.4em;
	background-repeat      : no-repeat;
	background-position    : left top;
	background-size        : 0.44em auto;
	-webkit-background-size: 0.44em auto;
	margin                 : 0 auto;
}

.present-tab ul li .mine {
	background-image: url('../images/tab-icon-mine.png');
}

.present-tab ul li .news {
	background-image: url('../images/tab-icon-2.png');
}

.present-tab ul li .coupon {
	background-image: url('../images/tab-icon-coupon.png');
}

.present-tab ul li .gift {
	background-image: url('../images/tab-icon-1.png');
}

.present-tab ul li .more {
	background-image: url('../images/tab-icon-4.png');
}

.present-tab ul li p {
	height     : 2.24981em;
	line-height: 2.24981em;
	font-size  : 0.24em;
	white-space: nowrap;
}

.present-tab ul li.on {
	background: #f5f5f5;
	color     : #FF9D29;
}

.present-tab ul li.on .pic {
	background-position: left -0.4em;
}


.present-tab-con {
	background: #fff;
	overflow  : hidden;
	padding   : 0 0 0.12em;
}

.present-tab-con h1 {
	font-size  : 16px;
	color      : #000;
	text-align : center;
	line-height: 40px;
	font-weight: normal;
}

.present-tit {
	text-align: center;
	background: #FF9D29;
}

.present-tit h2 {
	color      : #fff;
	line-height: 45px;
	font-size  : 16px;
	font-weight: normal;
}

.present-tit span.color2 {
	color: #999;
}

.present-tit a {
	font-size: 14px;
	color    : #666;
	position : absolute;
	top      : 7px;
	right    : 0;
}

.present-intro-con {
	padding    : 0.4em 1.25em;
	background : #fff;
	line-height: 1.6575em;
	color      : #333;
	font-size  : 0.24em;
}

.present-get {
	padding   : 0.1em 0.3em;
	background: #fff;
}

.present-get .p1 {
	font-size  : 0.24em;
	line-height: 2.58em;
	color      : #333;
}

.present-get .p2 {
	color        : #666;
	position     : relative;
	margin-bottom: 0.2em;
	overflow     : hidden;
}

.present-get .p2 span {
	line-height: 60px;
}

.present-get .p2 a {
	width                : 0.66em;
	height               : 0.66em;
	margin-right         : 0.2em;
	border-radius        : 50%;
	-o-border-radius     : 50%;
	-ms-border-radius    : 50%;
	-moz-border-radius   : 50%;
	-weibkt-border-radius: 50%;
	overflow             : hidden;
	float                : left;
}

.present-get .p2 a img {
	width : 100%;
	height: 100%;
}

.present-get .p2 span {
	line-height: 2.9em;
	font-size  : 0.24em;
	color      : #333;
	overflow   : hidden;
	display    : block;
}

.present-get .p2 .a1 {
	top : 4px;
	left: 28%;
}

.present-get .p2 .a2 {
	top : 4px;
	left: 53%;
}

.recharge-rank {
	padding   : 0.6em 0.3em 0;
	background: #fff;
	position  : relative;
}

.recharge-rank:last-child {
	padding-bottom: 0.5em;
}

.recharge-rank-present {
	border       : 1px solid #f0f0f0;
	padding      : 0.55em 0 0;
	border-radius: 0.2em;
}

.recharge-rank .p1 {
	width                : 18.54em;
	height               : 2.15em;
	text-align           : center;
	line-height          : 2.15em;
	font-size            : 0.28em;
	color                : #fff;
	background           : #00b3fe;
	border-radius        : 0.5em;
	-moz-border-radius   : 0.5em;
	-ms-border-radius    : 0.5em;
	-o-border-radius     : 0.5em;
	-webkit-border-radius: 0.5em;
	position             : absolute;
	left                 : 50%;
	top                  : 1.08em;
	margin-left          : -9.54em;
}

.recharge-rank-present ul li {
	float     : left;
	width     : 1.2em;
	margin    : 0 0.15em 0.45em;
	text-align: center;
}

.recharge-rank-present ul li .pic {
	width : 0.48em;
	height: 0.48em;
	margin: 0 auto 0.06em;
}

.recharge-rank-present ul li img {
	width : 100%;
	height: 100%;
}

.recharge-rank-present ul li span {
	display  : block;
	font-size: 0.24em;
	color    : #666;
}

.back-left {
	position                          : fixed;
	left                              : 84%;
	top                               : 50%;
	margin-top                        : -30px;
	background-color                  : #00b1fd;
	background-image                  : url(..../images/vip/back.png);
	background-repeat                 : no-repeat;
	background-size                   : 16px auto;
	background-position               : center center;
	width                             : 30px;
	height                            : 60px;
	border-top-right-radius           : 6px;
	-moz-border-top-right-radius      : 6px;
	-ms-border-top-right-radius       : 6px;
	-o-border-top-right-radius        : 6px;
	-webkit-border-top-right-radius   : 6px;
	border-bottom-right-radius        : 6px;
	-moz-border-bottom-right-radius   : 6px;
	-ms-border-bottom-right-radius    : 6px;
	-o-border-bottom-right-radius     : 6px;
	-webkit-border-bottom-right-radius: 6px;
}

.black-bg {
	position        : fixed;
	z-index         : 1000;
	width           : 100%;
	height          : 100%;
	top             : 0;
	left            : 0;
	filter          : alpha(opacity=60);
	opacity         : 0.6;
	overflow        : hidden;
	background-color: #000;
	display         : none;
}

.quit-tishi {
	background : #eee;
	width      : 280px;
	position   : fixed;
	top        : 50%;
	left       : 50%;
	margin-top : -84px;
	margin-left: -140px;
	z-index    : 1001;
	display    : none;
}

.quit-tishi .p1 {
	font-size    : 16px;
	color        : #333;
	text-align   : center;
	line-height  : 40px;
	background   : #f5f5f5;
	border-bottom: 1px solid #d9d9d9;
}

.quit-tishi .p2 {
	font-size  : 16px;
	color      : #000;
	text-align : center;
	line-height: 71px;
}

.quit-tishi input {
	width                : 100px;
	height               : 36px;
	text-align           : center;
	float                : left;
	font-size            : 16px;
	border-radius        : 6px;
	-moz-border-radius   : 6px;
	-ms-border-radius    : 6px;
	-o-border-radius     : 6px;
	-webkit-border-radius: 6px;
	margin-bottom        : 20px;
}

.quit-tishi .in1 {
	background : #00b3ff;
	border     : 1px solid #00b3ff;
	color      : #fff;
	margin-left: 20px;
}

.quit-tishi .in2 {
	background : #fff;
	border     : 1px solid #ccc;
	color      : #000;
	margin-left: 30px;
}

.quit-tishi .in3 {
	width      : 120px;
	background : #00b3ff;
	border     : 1px solid #00b3ff;
	color      : #fff;
	margin-left: 80px;
}

.quit-close {
	position       : absolute;
	top            : -10px;
	right          : -10px;
	width          : 20px;
	height         : 20px;
	background     : url(..../images/vip/close.png) no-repeat center top;
	background-size: 20px auto;
}

.kaifu-list {
	padding   : 0 0.30em;
	background: #fff;
}

.kaifu-list li {
	padding-top  : 0.12em;
	height       : 0.58em;
	line-height  : 0.58em;
	font-size    : 0.24em;
	color        : #999;
	border-bottom: 2px solid #f0f0f0;
}

.kaifu-list li:last-child {
	border-bottom: none;
}

.kaifu-list li.open {
	color: #e78636;
}

.kaifu-list li span:nth-child(1) {
	float: left;
}

.kaifu-list li span:nth-child(2) {
	float: right;
}

.get-present {
	padding   : 0.1em 0.3em;
	background: #fff;
}

.get-present ul li {
	padding      : 0.15em 0;
	position     : relative;
	border-bottom: 2px solid #f0f0f0;
	position     : relative;
}

.get-present ul li:last-child {
	border: none;
}

.get-present ul li p.p1 {
	width       : 0.88em;
	height      : 0.88em;
	margin-right: 0.2em;
	float       : left;
}

.get-present ul li p.p1 img {
	width : 100%;
	height: 100%;
}

.get-present ul li p.p2 {
	overflow     : hidden;
	padding-right: 1.24em;
	line-height  : 0.44em;
}

.get-present ul li p span {
	display      : block;
	color        : #9fa1a0;
	font-size    : 0.24em;
	overflow     : hidden;
	text-overflow: ellipsis;
	white-space  : nowrap;
}

.get-present ul li p .s1 {
	font-size: 0.3em;
	color    : #333;
}

.get-present ul li p .s2 {}

.get-present ul li p .s3 {
	width        : 96%;
	color        : #666;
	overflow     : hidden;
	text-overflow: ellipsis;
	white-space  : nowrap;
	background   : #f2f2f2;
	padding      : 2px 0 2px 2px;
}

.get-present ul li p .s4 {
	background: none;
	color     : #a1a1a1;
}

.get-present ul li a {
	position             : absolute;
	right                : 0;
	top                  : 50%;
	margin-top           : -0.27em;
	width                : 5.1662em;
	line-height          : 2.15em;
	height               : 2.15em;
	background           : #00b3fe;
	color                : #fff;
	text-align           : center;
	border-radius        : 0.12em;
	-moz-border-radius   : 0.12em;
	-ms-border-radius    : 0.12em;
	-o-border-radius     : 0.12em;
	-webkit-border-radius: 0.12em;
	font-size            : 0.24em;
	transform            : translateY(-50%);
}

.get-present ul li .a2 {
	color     : #4d4d4d;
	background: none;
	border    : 1px solid #ccc;
}

.get-present ul li .a3 {
	color     : #999;
	background: #e6e6e6;
	border    : 1px solid #e0e0e0;
}

.question-answer {
	padding   : 0.1em 0.3em;
	background: #fff;
}

.question-answer ul li {
	position     : relative;
	padding      : 0.15em 0;
	border-bottom: 2px solid #f0f0f0;
}

.question-answer ul li:last-child {
	border: none;
}

.question-answer ul li a {
	width                : 0.66em;
	height               : 0.66em;
	position             : absolute;
	top                  : 50%;
	left                 : 0;
	margin-top           : -0.33em;
	border-radius        : 50%;
	-moz-border-radius   : 50%;
	-ms-border-radius    : 50%;
	-o-border-radius     : 50%;
	-webkit-border-radius: 50%;
	overflow             : hidden;
}

.question-answer ul li a img {
	width : 100%;
	height: 100%;
}

.question-answer ul li .p1 {
	height      : 2.76em;
	padding-left: 3.6em;
	line-height : 2.76em;
	color       : #333;
	font-size   : 0.24em;
}

.question-answer ul li .p2 {
	height     : 33px;
	line-height: 46px;
	font-size  : 16px;
	color      : #333;
	margin-left: 66px;
}

.question-answer ul li .p3 {
	height     : 33px;
	line-height: 24px;
	font-size  : 14px;
	color      : #999;
	margin-left: 66px;
}

.code7724 {
	position  : relative;
	background: #fff;
	padding   : 0.3em 0.3em;
	height    : 1.6em;
}

.code7724 span {
	position: absolute;
}

.code7724 span img {
	width : 1.6em;
	height: 1.6em;
}

.code7724 .txt {
	padding-left: 7.484em;
	font-size   : 0.24em;
	line-height : 1.9em;
}

.code7724 .p1 {
	line-height  : 2.1em;
	margin-bottom: 0.95em;
}

.code7724 .p2 {
	color: #00b3fe;
}

.game-list {
	padding   : 0.1em 0.3em;
	background: #fff;
}

.game-list li {
	padding      : 0.15em 0;
	position     : relative;
	border-bottom: 2px solid #f0f0f0;
}

.game-list li:last-child {
	border-bottom: none;
}

.game-list li .game-logo {
	width       : 0.88em;
	height      : 0.88em;
	margin-right: 0.2em;
	float       : left;
}

.game-list li .game-logo img {
	width : 100%;
	height: 100%;
}

.game-list li .txt {
	overflow     : hidden;
	padding-right: 5.2em;
	line-height  : 1.44em;
	font-size    : 0.24em;
	color        : #333;
}

.game-list li .txt p:nth-child(2) {
	color: #999;
}

.game-list li .btn {
	width                : 5.2em;
	height               : 2.25em;
	line-height          : 2.25em;
	text-align           : center;
	background           : #00b3fe;
	color                : #fff;
	font-size            : 0.24em;
	position             : absolute;
	right                : 0;
	top                  : 50%;
	margin-top           : -0.27em;
	border-radius        : 0.12em;
	-o-border-radius     : 0.12em;
	-ms-border-radius    : 0.12em;
	-moz-border-radius   : 0.12em;
	-webkit-border-radius: 0.12em;
	transform            : translateY(-50%);
}

.more-game {
	text-align: center;
	font-size : 0.24em
}

.more-game a {
	color      : #00b3fe;
	line-height: 2.72em;

}

/* 实名认证弹框 */

.id-mask {
	display   : none;
	position  : fixed;
	left      : 0;
	top       : 0;
	width     : 100%;
	height    : 100%;
	background: rgba(0, 0, 0, .6);
	z-index   : 9999;
}

.id-authentication {
	display              : none;
	position             : fixed;
	width                : 6em;
	height               : 5.3em;
	overflow             : hidden;
	background           : #fff;
	z-index              : 99999;
	left                 : 50%;
	top                  : 50%;
	margin-left          : -3em;
	margin-top           : -2.25em;
	border-radius        : 0.1em;
	-o-border-radius     : 0.1em;
	-ms-border-radius    : 0.1em;
	-moz-border-radius   : 0.1em;
	-webkit-border-radius: 0.1em;
}

.id-title {
	height     : 0.68em;
	line-height: 0.68em;
	text-align : center;
	color      : #fff;
	background : #00b3fe;
	position   : relative;
}

.id-title h1 {
	font-weight: normal;
	font-size  : 0.28em;
}

.id-title .id-close {
	position               : absolute;
	right                  : 0.08em;
	top                    : 0;
	width                  : 0.68em;
	height                 : 0.68em;
	background             : url('../images/id-close.png') no-repeat center;
	background-size        : 0.24em;
	-webkit-background-size: 0.24em;
}

.id-msg {
	line-height: 1.65em;
	padding    : 1em 1.65em;
	font-size  : 0.2em;
	color      : #f8a523;
	background : #f7f7f7;
	font-size  : .18em;
}

.id-authentication ul {
	padding  : 0 2em;
	font-size: .18em;
}

.id-authentication li {
	padding-top  : 1em;
	border-bottom: 1px solid #d9d9d9;
	line-height  : 4.4em;
	color        : #333;
	overflow     : hidden;
}

.id-authentication li label {
	float      : left;
	width      : 6.4em;
	font-weight: bold;
}

.id-authentication li input {
	overflow  : hidden;
	display   : block;
	border    : none;
	height    : 3.68em;
	background: none;
	width     : 16em;
	font-size : 1.2em;
	outline   : none;
	color     : #333;
}

.id-authentication .id-form p {
	line-height  : 0.54em;
	color        : #999;
	text-align   : center;
	font-size    : 0.18em;
	margin-bottom: 2em;
}

.id-authentication .confirm a {
	display              : block;
	width                : 66%;
	line-height          : 2.14em;
	text-align           : center;
	color                : #fff;
	background           : #a0a2a3;
	margin               : 0 auto;
	border-radius        : 0.12em;
	-o-border-radius     : 0.12em;
	-ms-border-radius    : 0.12em;
	-moz-border-radius   : 0.12em;
	-webkit-border-radius: 0.12em;
	font-size            : .3em;
}

.id-authentication .confirm .open {
	background: #00b3fe;
}

.id-success {
	display    : none;
	padding-top: 1.1em;
}

.id-success .pic {
	width                  : 1em;
	height                 : 1em;
	background             : url('../images/id-success.png') no-repeat;
	background-size        : 100%;
	-webkit-background-size: 100%;
	margin                 : 0 auto;
}

.id-success p {
	line-height: 1em;
	text-align : center;
	color      : #333;
	font-size  : 0.24em;
}

/**提示POP*/
.alert_box {
	border    : 1px solid rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
	width     : 600px;
	position  : absolute;
	left      : 0;
	top       : 87px;
	right     : 0;
	bottom    : 0;
	margin    : auto;
}

.alert_box .clorse_btn {
	color    : #fff;
	position : absolute;
	z-index  : 10;
	right    : -1px;
	top      : -38px;
	width    : 37px;
	font-size: 16px;
}

.alert_box .clorse_btn img {
	width: 100%;
}

.half_item {
	width: 50%;
	float: left;
}

.half_item a {
	font-size       : 16px;
	background-color: #42cccc;
	color           : #fff;
	padding         : 5px 10px;
	border-radius   : 15px;
}

.pop_bg,
.pop_bg_2 {
	position        : fixed;
	bottom          : 0;
	top             : 0;
	left            : 0;
	right           : 0;
	margin          : 0 auto;
	width           : 100%;
	background-color: #000;
	opacity         : .8
}

.pop_pos {
	position: fixed;
	top     : 50%;
	width   : 100%;
	bottom  : 0;
	z-index : 99
}

.pop_container {
	text-align      : center;
	padding         : 20px 10px;
	width           : 85%;
	max-width       : 600px;
	margin          : 0 auto;
	border-radius   : 6px;
	background-color: #fff;
	position        : relative;
	z-index         : 100
}

.pop_content_hd {
	font-size  : 20px;
	font-weight: 300
}

.pop_container_content .wechat_img {
	width : 120px;
	height: 120px
}

.pop_container_top {
	background   : #fff none repeat scroll 0 0;
	border-radius: 100px;
	position     : absolute;
	right        : 0;
	top          : -20px;
	width        : 40px;
	height       : 40px
}

.notice_tip {
	font-size: 15px;
	color    : #74798a
}

.pop_container_ft {
	padding-top: 10px;
	border-top : 1px dashed #ccc;
	margin-top : 15px
}

.f_r {
	float: right !important
}

.kefu_icon {
	height    : 40px;
	width     : 40px;
	background: url(../images/kefu_icon.png) no-repeat center center / 100% 100%;
	display   : inline-block
}

.close_icon {
	height    : 25px;
	width     : 25px;
	background: url(../images/close.png) no-repeat center center / 80% 80%;
	display   : inline-block;
	position  : absolute;
	right     : 8px;
	top       : 8px
}

.pop_container_ft .link_box {
	width       : 50%;
	padding-left: 10%;
	box-sizing  : border-box
}

@media (max-width:407px) {
	.pop_container_ft .link_box {
		padding: 0
	}

	.pop_container_ft .link_box .icon {
		display: block;
		float  : none;
		margin : 0 auto
	}

	.notice_tip {
		float: none
	}
}

.float_tab_no_data {
	font-size : .2em;
	padding   : 1em;
	color     : #989898;
	text-align: center;
}