/*清除默认样式*/
*{
    margin: 0;
    padding: 0;
    font-family: "Microsoft Yahei";
}
img{
    border:0;
}
ol, ul ,li{
    list-style: none;
}
a{
	cursor: pointer;
	color: #0f0f0f;
    text-decoration: none;
}

/*设置默认样式*/
.btn{
	width: 90px;
	height: 35px;
	font-size: 16px;
	color: white;
	background-color: #ff9b4b;
	border: none;
	cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px #ff8421;
	margin: 0 20px;
}
.btn_grey{
	background-color: grey;
	box-shadow: 1px 1px grey;
}
.frame_select, .frame_input{
	width: 100%;
	height: 25px;
	float: right;
	background-color: #f6f6f6;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
}
/*普通黑色文字： #0f0f0f*/
/*高亮橙色：#ff9b4b*/
/*hover橙色：#ff8421*/
p{
    display: inline;
    font-color: #0f0f0f;
}
.txt_hl{
	color: #ff9b4b!important;
}
.txt_hover:hover{
	color: #ff8421!important;
}
.txt_white{
	color: white;
}
.txt_red{
	color: red;
}
.txt_grey{
    color: #bfbfbf;
}
.txt_darkgrey{
	color: #0f0f0f;
}
.txt10{
	font-size: 10px;
}
.txt12{
	font-size: 12px;
}
.txt14{
	font-size: 14px;
}
.txtbold{
	font-weight: bold;
}
.txtunderline{
	text-decoration: underline;
}
.block{
	display: block;
}
.span_left{
	float: left;
}
.span_right{
	float: right;
}
.span_center{
	text-align: center;
	margin: 0 auto;
}
.height30{
	height: 30px;
}
.bottommargin40{
	margin-bottom: 40px;
}
/*主体背景：#f0f0f0*/
body{
	background-color: #f0f0f0;
}

/*通用*/
/*最上方titile*/
#title{
	background-color: #f0f0f0;
	height: 40px;
	line-height: 40px;
}
#title a{
	font-size: 14px;
}
.center{
	width: 980px;
	height: 100%;
	margin: 0 auto;
}
.login_txt{
	float: right;
	padding: 0 10px;
}
/*logo*/
#logo{
	float: left;
	z-index: 9;
	width: 160px;
	height: 120px;
	color: white;
	line-height: 120px;
	text-align: center;
	font-size: 30px;
	background-color: #ff9b4b;
}
/*页面链接*/
#option{
	height: 80px;
	line-height: 80px;
	background-color: white;
}
.option_txt{
	font-size: 18px;
	float: right;
	padding: 0 14px;
}
/*轮播图*/
.banner{
	/*padding: 0;*/
	background-color: #f0f0f0;
	height: 450px;
}
.centerpic{
	width: 1280px;
	margin: 0 auto;
}
.picframe{
	position: absolute;
	width: 1280px;
	height: 450px;
	margin: 0 auto;
	overflow: hidden;
}
#pics{
	position: absolute;
	width: calc(1280px*3);
    left: 0;
}
.picframe img{
	float: left;
}
.dots ul{
	position: absolute;
	left: -50%;
}
ul li{
	float: left;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.3);
	margin: 0 10px;
}
.dot_hl{
	background-color: rgba(255, 255, 255, 1);
}
.dots{
	width: 300px;
	left: 50%;
	position: absolute;
	top: 530px;
	height: 20px;
}
/*轮播图下方主要页面内容，最小高度540px*/
#details{
	min-height: 540px;
	padding: 30px;
}

/*首页内容*/
.left{
	float: left;
	width: 580px;
	margin: 0px 30px 10px 0;
}
.right{
	float: right;
	width: 340px;
	margin: 0px 0px 10px 30px;
}
.title{
	border-bottom: 1px solid #cbcbcb;
}
.title h4{
	display: inline-block;
	width: 100px;
	text-align: center;
	border-bottom: 3px solid #ff9b4b;
	margin-bottom: -1px;
	padding-bottom: 4px;
}
.title span{
	float: right;
}
.content{
	font-size: 14px;
	padding: 25px;
}
.content h3{
	margin-bottom: 10px;
}
.content .details{
	margin-top: 10px;
}
.details img{
	margin-right: 20px;
	float: left;
	width: 140px;
	height: 140px;
}
.content{
	line-height: 28px;
}

/*游戏中心*/
.game_card{
	width: 200px;
	height: 290px;
	border-radius: 2px;
	border: 1px solid #bdbdbd;
	background-color: #e3e3e3;
}
.gameinfo{
	padding: 10px 10px;
}
.gameinfo h3{
	margin-bottom: 5px;
}
.game_cover{
	width: 192px;
	height: 210px;
	overflow: hidden;
	border: 4px solid white;
}
.txt_grey a{
    color: #bfbfbf;
    text-decoration: underline;
}

/*充值中心*/
table{
	/*width: 600px;*/
	margin: 10px 25px;
}
tr{
	display: block;
	line-height: 45px;
}
tr td:first-child{
	width: 100px;
}
tr td:last-child{
	width: 300px;
}
table .btn{
	float: right;
}
.attention{
	width: 600px;
	line-height: 20px;
}
.frametable{
	width: 400px;
}

/* 页脚模块 */
.footer{
    width: 100%;
    height: 120px;
    background-color: #2f2f2f;
    padding: 40px 0;
}
.footertext{
	font-size: 12px;
    text-align: center;
    margin: 0 auto;
    line-height: 40px;
}
