body {
	height: auto;
}

img {
	border-radius: 10px;
}
.games-comment{
	text-align: left;font-size: small;color: #777777;
}
.games_list>div {
	padding-top: 50px;
	cursor:pointer;
}

.games_list {
	text-align: center;
	padding-bottom: 200px;
	;
}
.padding-bottom_200 {
	padding-bottom: 200px;
	;
}

.footer {
	line-height: 30px;
	text-align: center;
	padding-top: 10px;
	margin-top: 300px;
	bottom: 0;
	position: fixed;
	width: 100%;
}

.game-title {
	padding: 10px;
}

.game-title>span {
	font-weight: bolder;
	font-family: arial;
}

.con_titl {
	text-align: center;
	font-size: x-large;
}
.footer a{
	color: #fff;
}

.con {
	padding-top: 30px;
	;
}

.recharge{
	padding-top:30px;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.shoubanlist{
	width:100%;
}

.shoubanlist ul{
	width: 28%;
    text-align: center;
    display: inline-block;
    margin: 1%;
    padding: 1%;
	border: 1px solid #f6f6f6;
}

.shoubanlist ul img{
	width:90%;
}


.shoubanpaydetail_sl{
	display: inline-block;
}

.shoubanpaydetail_sl img{
	width: 40px;
    padding: 1px;
    margin: 1px;
   border: 1px solid #adadad;
}
.shoubanpaydetail_img{
	display: inline-block;
	
}
.shoubanpaydetail_img img{
	width:300px;
}

.shoubanpaydetail_context{
	display: inline-block;
	    position: relative;
    left: 60px;
}

.shoubanpaydetail_context .title{
	font-size: 20px;
    font-weight: 900;
}

.shoubanpaydetail_context li{
	margin: 10px 0;
} 

.shoubanpaydetail_context .pay{
	padding:10px;
	border:1px solid red;
	text-align:center;
	width:100px;
	background-color:red;
	color:white;
	margin-top: 37px;
}

.shoubanpaydetail_context .money{
    font-size: 16px;
    font-weight: 900;
}
.shoubanpaydetail h1
{
	text-align: center;
    margin: 14px 0;
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}

@media (max-width: 600px) {
	.games_list {
	    text-align: center;
	    padding-bottom: 312px;
	}
	
	.shoubanlist {
    	margin-bottom: 100px;
	}
	.shoubanlist ul {
		width: 44%;
	    text-align: center;
	    display: inline-block;
	}
	
	.shoubanpaydetail_context .pay {
	    padding: 10px;
	    border: 1px solid red;
	    text-align: center;
	    width: 100px;
	    background-color: red;
	    color: white;
	    margin-top: 37px;
	    display: inline-block;
	}
	
	.shoubanpaydetail_context li {

    	margin: 0 auto;
	}
	
	.shoubanpaydetail_context {
	    display: inline-block;
	    position: relative;
	    left: 0;
	    text-align: center;
	    width: 100%;
	}
	
	.padding-bottom_200 {
    padding-bottom: 301px;
}
	
}