/*重置*/
@charset "utf-8";
html{ -webkit-text-size-adjust:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body{ font:12px/1.5 Arial,\5b8b\4f53, Verdana;}
h1,h2,h3,h4,h5,h6,p,a{ font-size:100%;}
ul,ol,li{ list-style:none;}
table{ border-collapse:collapse; border-style:none;}
button{ border:0 none; padding:0; cursor:pointer;}
img{ border:0;}
input,select,img{ vertical-align:middle;}
textarea{ resize:vertical;}
a{ outline:0; text-decoration:none;}
.abs{position:absolute;}

body{
	color:#fff;
	font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC",sans-self;
}

.center{text-align:center;}
.wrapper{
	width:100%;
	color:#a8a8a8;
	background-color:#171717;
	/*background:#252525;*/
}


/*绝对定位区域*/
.logo_box{
	position:absolute;
	top:16px;
	left:12px;
	width:128px;
	height:32px;
	z-index:99;
	background-image: url(/static/images/common_mobile_charge/logo_top.png);
	background-repeat: no-repeat;
	background-size:contain;
}
.share_button_box{
	position:absolute;
	top:16px;
	right:12px;
	width:32px;
	height:32px;
	z-index:99;
	background-image: url(/static/images/common_mobile_charge/mobile_share.png);
	background-repeat: no-repeat;
	background-size:contain;
}




/*封面图片*/
.index_cover_box{
	position:relative;
	width:100%;
	background-repeat:no-repeat; 
	background-position:center center; 
	background-size:contain;
}
.index_cover_box img{
	width:100%;
}


.charge_box{
	padding-bottom: 1rem;
	width: 80%;
	margin: 0 auto;
	position: relative;
}

.charge_input{
	display:block;
	float:left;
	width: 62%;
	padding:0.3rem 0px 0.3rem 2%;
	font-size:0.667rem;
	height: 1.5rem;
	border-radius:5px;
	overflow:hidden;
	border:none;
}
.charge_button{
	float:right;
	width: 31%;
	padding:0.3rem 0;
	font-size:0.667rem;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius:5px;
	color:#fff;
	background:#d32550;
	text-align:center;
	overflow:hidden;
}



.top_tips{
	display:none;
	-webkit-box-sizing: 100%;
	-moz-box-sizing:100%;
	box-sizing:100%; 
	color:#e01212;
	text-align:left;
	position: absolute;
	top:4.6rem;
}
.top_count{
	-webkit-box-sizing: 100%;
	-moz-box-sizing:100%;
	box-sizing:100%; 
	text-align:center;
	font-size: 0.8rem;
	margin-top:1rem ;
}

.charged_count{
	color:#ffa52c;
	padding:0 5px;
}

.scroll_button_box{
	position:relative;
	left:50%;
	margin-left:-16px;
	bottom:-2px;
	width:32px;
	height:31px;
	margin-top:20px;
	background-image: url(/static/images/common_mobile_charge/mobile_to_top_djt.png);
	background-size:contain;
	-webkit-animation: jump 1s infinite;
	animation: jump 1s infinite;
}
@-webkit-keyframes jump{
	0%{
		bottom:2px
	}
	50%{
		bottom:8px
	}
	100%{
		bottom:2px
	}
}




.second_screen_box{font-size:16px;}

.topline_box{
	position:relative;
	width:100%;
	border-top:1px solid #444;
}
.info_title{
	width:40%;
	height:16px;
	line-height:16px;
	padding:0 10px;
	margin:20px;
	font-size:16px;
	border-left:2px solid #d32550;
	overflow:hidden;
}

.info_box{
	width:80%;
	margin:0 20px;
	padding:10px 0 10px;
	line-height:20px;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	padding-bottom: 1rem;
}

.info_box p{
	font-size:14px;
	line-height:20px;
	text-align: justify;
}

.bottom_info_box{
	width:80%;
	margin:0 20px;
	padding:10px 0 25px 0;
	line-height:20px;
}

.bottom_info_box p{
	font-size:14px;
	line-height:20px;
}














.guild_comment_list_box{
	position:relative; 
	margin-bottom:10px;
	font-size:12px;
}
.guild_comment_list_box .guild_comment_your_position{
    position:absolute;
    top:0px;
    right:5%;
    font-size:16px;
    color:#919191;
    height:16px;
    line-height:16px;
    z-index:99;
    text-decoration: underline;
}











/*----------微信分享弹窗框-------------------*/
#weixin_pop_box{
	position:absolute;
	z-index:169;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
}
#weixin_pop_box img{
	position:absolute;
	z-index:189;
	width:100%;
	height:100%;
	overflow:hidden;
	background:rgba(0, 0, 0, 0.7);
}




/*----------------弹出框 样式-----------------------*/
.weixin_pop_bg{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display:none;
	z-index:2598;
	overflow:hidden;
}
.weixin_pop_box{
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	display: table;
	display: none;
	z-index:2599;
	overflow:hidden;
}
.weixin_pop_box img{
	width:100%;
	height:100%;
}

.download_popup_bg {
	background: #000;
	opacity: 0.7;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	display:none;
	z-index:1998;
	overflow:hidden;
}
.download_popup_box {
	position: fixed;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
	display: table;
	display: none;
	z-index:1999;
	overflow:hidden;
}
.download_popup_cell {
	display: table-cell;
	vertical-align: middle;
}
.download_pop_center{
	position:absolute;
	z-index:999;
	left:50%;
	top:50%;
	width:80%;
	background:#fff;
	border-top:2px solid #249ef6;
	margin-left:-10em;
	margin-top:-7em;
	background-repeat:no-repeat; 
	background-position:center center; 
	background-size:contain;
	border-radius:.5em;
}
.download_pop_center h3{
	color:#249ef6;
	font-size:16px;
	line-height:4em;
	text-align:center;
}
.download_pop_center p{
	width:80%;
	margin:0 auto;
	color:#333;
	font-size:12px;
	line-height:20px;
	text-align:left;
	/*overflow:hidden*/
}
.download_pop_center img{width:100%;height:100%;}
.download_pop_closed{
	position: absolute;
	left: 50%;
	bottom: -54px;
	width: 36px;
	height: 36px;
	margin-left:-18px;
	background-repeat: no-repeat;
	background-size:contain;
}
.download_pop_charge_button{
	position:absolute;
	bottom:20px;
	left:50%;
	height:15%;
	line-height:15%;
	border-radius:5px;
	text-align:center;
}
.button_area{
	bottom:0;
	width:100%;
	height:40px;
	font-size:14px;
	border-top:1px solid #ccc;
	text-align:center;
	margin-top: 0.6rem;
}
.button_area .download_pop_closed_button{
	width:49%;
	height:40px;
	float:left;
	color:#848484;
	line-height:40px;
	border-right:1px solid #ccc;
}
.button_area .download_pop_turn_button{
	width:50%;
	height:40px;
	float:left;
	color:#249ef6;
	line-height:40px;
}








/*20160603 预约样式修改 增加去充值*/
.clearfix:before,.clearfix:after{ content:"";  display:table;  }
.clearfix:after{clear:both;}
.clearfix{zoom:1}
.order_describe { width: 100%; text-align: center; font-size:0.77rem; color: #b1b1b1; padding:0.7rem 0px; height: 1.1rem;}
.download_pop_center .kubi_describe { display:none;font-size: 12px;text-align: left; color: #333;margin: 0.6rem auto 0px;}
.download_pop_center .kubi_describe a { float: right; color: #249ef6; font-size: 12px}
.exclusive { width: 80.5555%; height: auto; padding-bottom: 1rem; margin: 0 auto;}
.exclusive p { height:3.14rem ; line-height: 3.14rem; text-align: center; font-size: 0.833rem; color: #ffd475;}
.exclusive .exclusive_a{outline: none; display: block;}
.exclusive img { display: block;  width: 100%;outline: none;}
.topline_box .info_box a { float: right; color: #249ef6; font-size: 14px}
.count_down {position: absolute;bottom: 1rem;width: 100%;text-align: center; display: none;}
.count_down .count_bor {font-size: 0.94rem;color: #eec741;padding: 0.27rem; vertical-align: middle; border: 2px solid #4d4d4e; border-radius:5px ;}
.count_down em {font-size: 0.69rem;font-style: normal;color: #d6c9e6; vertical-align: middle;}