/* 顶部内容 */
.navbar {padding: 0 1rem;}
.gamecontent{text-align: left;padding-left: 15px;line-height: 40px;}
.gamecontent h5{font-size: 28px;}
.gamecontent span{font-size: 12px;}
.jumbotron{background-image: url(../image/categories.jpg);background-size: auto;background-repeat: repeat;width: 100%;}
.media{display: flex;}
.media .icon-gouxuan{padding-right: 5px;}
.media p{padding-left: 20px;}
.media p strong{font-size: 28px;}
.media .btn-light{margin: 0 8px;}
.media .btn-primary{font-size: 16px;border-radius: 100px!important;background-image: linear-gradient(to right, #02bbe0, #1a5cfd);padding: 6px 15px;margin-top: 11px;}
.jumbotron .pt-4{padding-top: 30px!important;}

/* 导航切换 */
.nav-tabs .nav-link{border-top-left-radius: 8px;border-top-right-radius: 8px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: initial;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:white;background-image: linear-gradient(to top, #4f4032, #292138);border: none;border-bottom: 1px solid #fccc36;}
.bg-light{background: #535353!important;}
.nav-link{padding: 7px 5rem;font-size: 16px;}
.nav-link .iconfont{padding-right: 5px;font-size: 18px;}
.nav-tabs {border-bottom: none;background-image: url(../image/buy/filling.jpg);background-size: auto;background-repeat: repeat;width: 100%;padding: 0 13.7%;}
/* --------------------------- 购买内容 --------------------------- */
.col-md-6-0{-ms-flex:0 0 16.6%;flex:0 0 16.6%;max-width:16.6%}
/* 支付场景 */
.Emptycontent .card{background: #191920;border-radius: 16px;}
.Emptycontent h5{font-size: 16px;font-weight: bold;}
.Emptycontent .card .fl{float: left;}
/* 商品内容 */
.gamelist .card-title{font-size: 14px;margin-bottom: 25px;}
/* 热门充值 */
.Midasbuy {display: grid;padding: 15px 20px;border-radius: 16px;}
.Midasbuy img{width: 100%;border-radius: 12px!important;}
.Midasbuy .card{background: none;border: none;}
.Midasbuy .newtext{font-size: 12px;text-align: left;padding: 11px 0 25px;}
/* 分类 */
.list-group-item-action{color: white;padding: 12px 0px;font-size: 14px;}
.list-group-item{background-color:initial}
.list-group-item-action:focus, .list-group-item-action:hover{background: initial;color: #fccc36;}
.list-group-item.active{background: initial;color: #fccc36;border: initial;}
.badge-primary{background-color:initial;float: right;color: #fff;}
/* 分页 */
.pagination {display: flex;justify-content: center;flex-wrap: wrap;float: right;}
.page-link{color: white;background-color: #1c1c23;border: 1px solid #1c1c23;padding: 10px 16px;}
.page-link:hover{background: #fccc36;border-color: #fccc36;color: black;}
.page-item.active .page-link{color: black;background-color: #fccc36;border-color: #fccc36;z-index: 1;}
.page-item {margin: 0 2px;}
/* 数量 */
.quantity-control {display: flex;align-items: center;}
.quantity-btn {background: #333;color: white;border: none;width: 40px;height: 40px;border-radius: 8px;font-size: 16px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.quantity-input {width: 80px;text-align: center;background: transparent;color: white;border: 1px solid #333;border-radius: 8px;margin: 0 5px;padding: 5px;}
.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}