h1,h2,h3,h4,h5,h6,ul,li,a,p,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6{
	padding: 0rem;
	margin: 0rem;
	list-style: none;
	text-decoration: none;
	color: #282828;
}
/* 头部start */
.index-top *,
#top-right-nav a,
#top-left-nav p{
	color: #ffffff;
}
.topnav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding: 0px 10px;
	box-sizing: border-box;
	padding: 4px;
}
.head-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top-leftnav{
	position: absolute;
	top: 8px;
	position: fixed;
	right: 12px;
}
.top-leftnav>span{
	cursor: pointer;
	border: #ffffff 1px solid;
	border-radius: 5px;
	padding: 4px 0px;
	display: none;
}
.sidebar{
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 15% 75% 10%;
	background-color: #ffffff;
	position: fixed;
	top: 0px;
	width: 68%;
	height: 100%;
	left: -80%;
	transition:left 0.5s;
	-webkit-transition:left 0.5s;
}
.sidebar-logo{
	background-color: #55aaff;
	padding: 10px 0px;
}
.sidebar-logo img{
	width: 68%;
	height: 100%;
	margin: 0px 16%;
}
.sidebar-nav ul{
	display: grid;
	grid-template-columns: 100%;
	margin: 0px 20px;
	padding: 20px 0px;
	box-sizing: border-box;
	height: 100%;
	overflow-x:auto;
	border-bottom: 1px #e8e8e8 solid;
}
.sidebar-nav ul i{
	border-top: #e8e8e8 solid 1px;
	margin-right: 28px;
}
.sidebar-nav ul li a{
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 14px;
	padding: 15px 0px;
	color: #484848;
	padding-left: 12px;
}
.sidebar-nav ul li a img{
	max-width: 16px;
	max-height: 16px;
	margin-right: 6px;
}
.sidebar-bottom{
	background-color: #55aaff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}
#top-off{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	display: none;
	background-color: #00aaff;
	z-index: -999;
	opacity: 0.2;
}
#top-nav-return{
	width: 30px;
	height: 25px;
	position: fixed;
	top: 10px;
	left: 12px;
	border-radius: 30px;
	display: none;
	
}
.head-logo img,
.head-rlogo img{
	width: 100%;
	height: 120px;
}
.head-search {
	margin: auto;
}

.head-search-one {
	width: 80%;
	height: 42px;
	outline: none;
	border: 1px solid #a2a2a2;
	padding-left: 20px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #ffffff;
	font-size: 14px;
	color: #000000;
}
.head-search-two {
	min-width: 45px;
	height: 42px;
	border: none;
	outline: none;
	cursor: pointer;
	position: absolute;
	background-color: #6495ED;
	font-size: 18px;
	font-weight: bold;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	color: #ffffff;
}

.head-nav ul {
	padding: 0rem;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}
.head-nav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 13px 0px;
	max-width: 120px;
	width: 100%;
	display: block;
	text-align: center;
}

/* 头部end */
/* 首页幻灯片strat */
.index-slide {
	padding-left: 0rem;
	padding-right: 0px;
	display: grid;
	grid-template-columns: 18% 61.5% 19.5%;
	justify-content: space-between;
}
.index-nav-game{
	position: relative;
}
.index-nav-game>ul li {
	margin-bottom: 1.4px;
}
.index-nav-game>ul li>a{
	padding: 14.6px 20px;
	justify-content: space-between;
	display: flex;
	align-items: center;
}
.index-nav-game>ul li a span{
	display: flex;
	align-items: center;
}
.index-nav-game>ul li a img{
	width: 25px;
	height: 25px;
	margin-right: 4px;
}
.index-nav-game img {
	width: 100%;
	height: 76px;
}
.index-nav-game-ho{
	position: absolute;
	top: 0px;
	left: 100%;
	width: 100%;
	height: 99%;
	box-sizing: border-box;
	background-color: #787878;
	display: none;
}
.index-nav-game>ul li:hover .index-nav-game-ho{
	display: block;
}
.index-nav-game-ho ul li a{
	justify-content: center;
	padding: 12px 0px;
	font-size: 14px;
	color: #ffffff;
}
#index-gamenavmove{
	display: none;
}
.index-picture img {
	width: 100%;
	height: 410px;
}
.index-notice-img {
	display: flex;
	flex-direction: column;
}

.index-notice ul {
	height: 221px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 0px 1rem;
}
.index-notice ul h2{
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	align-items: center;
}
.index-notice ul h2 a{
	font-size: 15px;
	font-weight: 500;
} 
.index-notice ul li {
	display: flex;
	justify-content: space-between;
	border-top:  1px dashed #4c4c4c;
	padding-top: 5px;
}

.index-notice ul li a {
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.index-notice-img img {
	max-width: 280px;
	width: 100%;
	height: 90px;
}
#index-roll h5{
	padding:5px;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
/* 首页幻灯片end */
/* 首页内容start */
.index-commodity-hot ul {
	margin: 10px 0px;
	display: grid;
	grid-template-columns: 24.6% 24.6% 24.6% 24.6%;
	justify-content: space-between;
}

.index-commodity-hot ul li {
	background-color: #fff;
	margin-bottom: 8px;
	padding: 15px;
}
.index-commodity-hot ul li a{
	display: block;
} 
.index-commodity-hot ul li a p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
}
.index-commodity-hot ul li a img {
	max-width: 140px;
	width: 100%;
	height: 80px;
	float: left;
	margin-right: 10px;
}
.index-content h2{
	display: flex;
	justify-content: space-between;
}
.index-content h2 span{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.index-content h2 img{
	width: 36px;
	height: 36px;
	margin-right: 5px;
}
.index-content h2 a{
	display: block;
	color: #868686;
	font-size: 18px;
}
.index-commodity-img{
	width: 100%;
	height: 370px;
}
.index-commodity-content{
	display: grid;
	grid-template-columns: 18% 81.5%;
	justify-content: space-between;
	grid-column-gap:0.5%;
}
.index-commodity-content ul{
	display: grid;
	grid-template-columns: 33% 33% 33%;
	justify-content: space-between;
	grid-column-gap:0.5%;
}
.index-commodity-mian{
	background-color: #ffffff;
	padding: 21.5px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
.index-commodity-top{
	display: grid;
	grid-template-columns: 42% 53%;
	grid-gap:10px;
	justify-content: space-between;
	font-size: 14px;
}
.index-commodity-top img{
	width: 100%;
	height: 93.5px;
	
}
.index-commodity-mian span{
	float: right;
	margin-right: -21px;
	background-color: #ff0000;
	color: #ffff00;
	border-top-left-radius: 10px;
	padding: 1px 8px;
	font-size: 15px;
}
.index-commodity-top div{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.index-commodity-an{
	background-color: #ff5800;
	border-radius: 5px;
	padding: 8px 12px;
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 70%;
	margin-left: 30%;
	margin-bottom: 4px;
	color: #FFFFFF;
}

/* 首页内容end */
/* 首页底部start */
.bottom {
	display: grid;
	grid-template-columns:70% 28%;
	justify-content: space-between;
}
.bottom h2{
	display: flex;
	color: #000000;
}
.bottom h2 img{
	width: 36px;
	height: 36px;
	margin-right: 5px;
}
.bottom-left,
.bottom-left-img{
	width: 100%;
}
.bottom-left-main {
	display: grid;
	grid-template-columns:35% 28% 36%;
	justify-content: space-between;
	border-top: 1px solid #c6c6c6;
	padding-top: 10px;
}
.bottom-left-img img,
.bottom-left-gg{
	width: 100%;
	height: 220px;
}
.bottom-left-gg img {
	width: 100%;
	height: 49%;
}
.bottom-left-notice ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 90%;
	padding: 10px;
	box-sizing: border-box;
}

.bottom-left-notice ul li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.bottom-left-notice ul li *{
	font-size: 14px;
}
.bottom-right {
	width: 100%;
	float: right;
}
.bottom-right ul {
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-row-gap:3px;
	border-top: 1px solid #c6c6c6;
	padding-top: 10px;
	height: 220px;
	justify-content: space-between;
}

.bottom-right ul li a {
	background-color: #ffffff;
	text-align: center;
	height: 100%;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	border-radius: 5px;
	color: #484848;
	font-size: 14px;
}
.bottom-right ul li a img{
	width: 30px;
	height: 30px;
}
/* 首页底部end */
/* 首页脚start */
.foot{
	padding: 20px;
	box-sizing: border-box;
}
.foot-side{
	position: fixed;
	right: 0px;
	top: 35%;
	background-color: #ffffff;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border: 1px solid #efefef;
}
.foot-side ul li a{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
	color: #484848;
}
.foot-side ul li a img{
	width: 24px;
	height: 24px;
}
.foot-nav{
	display: grid;
	grid-template-columns:18% 18% 18% 18% 28%;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.foot-nav ul{
	border-right: 1px solid #e8e8e8;
	padding: 10px;
	box-sizing: border-box;
}
.foot-nav h3{
	font-size: 16px;
	margin-bottom: 10px;
	color: #484848;
	display: flex;
	justify-content: center;
}
.foot-nav h3 img{
	width: 22px;
	height: 22px;
	margin-right: 5px;
}
.foot-nav ul li{
	font-size: 12px;
	padding: 8px;
}
.foot-nav ul li a{
	color: #787878;
}
.foot-nav-img{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.foot-nav-img a{
	display: flex;
	flex-direction: column;
}
.foot-nav-img img{
	width: 120px;
	height: 120px;
	margin-bottom: 12px;
}
.foot-copy *{
	text-align: center;
	font-size: 12px;
}
.foot-info ul{
	display: flex;
	margin-bottom: 20px;
	align-items: center;
}
/* 首页脚end */
/* 商品列表start */
.cmdlist{
	display: grid;
	grid-template-columns:23% 76%;
	justify-content: space-between;
	margin: 10px 0px;
}
.cmdlist-left{
	height: 980px;
}
.cmdlist-left-hot{
	box-sizing: border-box;
	margin-bottom: 10px;
}
.cmdlist-left-hot ul li{
	display: grid;
	grid-template-columns:42% 55%;
	justify-content: space-between;
	width: 100%;
	border-bottom: solid #e8e8e8 1px;
	padding: 10px;
	box-sizing: border-box;
}
.cmdlist-left-hot ul li a{
	font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cmdlist-left-hot ul li img{
	width: 100%;
	height: 80px;
}
.cmdlist-left-gimg{
	border-bottom: #e8e8e8 1px solid;
}
.cmdlist-left-gimg img{
	width: 100%;
	height: 100px;
	margin-bottom: 3px;
}
.cmdlist-left-img ul li a{
	display: flex;
	justify-content: center;
	padding: 10px;
	margin: 5px 0px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 14px;
}
.cmdlist-left-img ul li a img{
	width: 22px;
	height: 22px;
	margin-right: 5px;
}
.cmdlist-left-img>a img{
	width: 70%;
	height: 160px;
	margin:0px 15%;
	margin-top: 10px;
}
.cmdlist-nav ul{
	display: grid;
	grid-template-columns:16.5% 16.5% 16.5% 16.5% 16.5% 16.5%;
	justify-content: space-between;
	position: relative;
}
.cmdlist-nav ul li a img{
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.cmdlist-nav ul li>a{
	background-color: #ffffff;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0px;
	box-sizing: border-box;
}
.cmdlist-nav ul li dl{
	background-color: #ffffff;
	text-align: center;
	position: absolute;
	width: 16.5%;
	display: none;
	transition:0.4s;
	-webkit-transition:0.4s;
	box-shadow: 6px 6px 5px #8c8c8c;
	z-index: 20;
}
.cmdlist-nav ul li dl>* a{
	display: block;
	padding: 10px 0px;
	font-size: 12px;
	z-index: 20;
}
.cmdlist-content ul{
	display: grid;
	grid-template-columns:49.5% 49.5%;
	justify-content: space-between;
	grid-row-gap:10px;
}
.cmdlist-content ul li{
	width: 100%;
	background-color: #ffffff;
	box-sizing: border-box;
}
.cmdlist-mian{
	display: grid;
	grid-template-columns:34% 64%;
	justify-content: space-between;
}
.cmdlist-mian a img{
	width: 100%;
	height: 110px;
	border-right: #000000 1px solid;
	padding-right: 5px;
	border-radius: 5px;
}
.cmdlist-mian a{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cmdlist-mian a p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.cmdlist-content ul li span{
	float: left;
	background-color: #ff0000;
	color: #ffff00;
	border-bottom-right-radius: 5px;
	padding: 2px 10px;
	font-size: 16px;
}
.cmdlist-content-an{
	float: right;
	display: block;
	margin-top: -40px;
	margin-right: 10px;
	color: #ffffff;
	background-color: #FF5800;
	font-size: 14px;
	padding: 6px 16px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}

/* 商品列表end */

/* 商品页start */
.cmdpage{
	display: grid;
	grid-template-columns:23% 76%;
	justify-content: space-between;
	margin: 10px 0px;
}
.cmdpage-right-inf{
	display: grid;
	grid-template-columns:38% 60%;
	justify-content: space-between;
	background-color: #ffffff;
	padding: 10px;
	box-sizing: border-box;
}
.cmdpage-right-inf img{
	width: 100%;
	height: 280px;
}
.cmdpage-right-infmian{
	display: grid;
	grid-template-rows: 36% 46% 18%;
	align-content: space-between;
}
.cmdpage-right-infmian-title{
	display: grid;
	grid-template-rows: 38% 32% 30%;
}
.cmdpage-right-infmian-title small kbd{
	border: #686868 1px solid;
	padding: 2px;
    box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cmdpage-right-infmian-title span b{
	color: #FF5800;
	box-sizing: border-box;
	align-items: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
.cmdpage-right-infmian-att{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	overflow: hidden;
	white-space: nowrap;
}
.cmdpage-right-infmian-att p{
	overflow: hidden;
	font-size: 14px;
	text-overflow: ellipsis;
}
.cmdpage-right-infmian-an,
.cmdpage-right-deta-sx a{
	display: flex;
}
.cmdpage-right-infmian-an a{
	background-color: #ff5800;
	color: #ffffff;
	padding: 0px 40px;
	margin-right: 10px;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	border-radius: 5px;
}
.cmdpage-right-deta{
	background-color: #ffffff;
	min-height: 400px;
	margin-top: 10px;
	padding: 10px;
	box-sizing: border-box;
}
.cmdpage-right-deta h4{
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 5px;
}
.cmdpage-content img{
	width: 100%;
	padding: 10px 0px;
	box-sizing: border-box;
}
/* 商品页end */
/* 文章列表start */
.artlist{
	display: grid;
	grid-template-columns:23% 76%;
	justify-content: space-between;
	margin: 10px 0px;
}
.artlist-right{
	box-sizing: border-box;
}
.artlist-main{
	display: grid;
	grid-template-columns:25% 73%;
	justify-content: space-between;
	border-bottom: 1px #c8c8c8 solid;
	padding: 10px;
	box-sizing: border-box;
}
.artlist-main a img{
	width: 100%;
	height: 140px;
}
.artlist-mian-xx{
	box-sizing: border-box;
	position: relative;
}
.artlist-mian-xx p{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding: 0px 10px;
	margin-right: 120px;
	margin-top: 10px;
	font-size: 16px;
}
.artlist-mian-xx span{
	font-size: 12px;
	color: #686868;
	position: absolute;
	bottom: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: flex;
	align-items: center;
}
.artlist-mian-xx span img{
	width: 16px;
	height: 16px;
	margin-right: 4px;
}
.artlist-mian-xx>a{
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	display: block;
	background-color: #ffaa00;
	padding: 10px 15px;
	color: #ffffff;
}
/* 文章列表end */
/* 文章页start */
.artpage{
	display: grid;
	grid-template-columns:23% 76%;
	justify-content: space-between;
	margin: 10px 0px;
}
.artpage-right-content{
	min-height: 400px;
	padding: 10px;
	background-color: #FFFFFF;
}
.artpage-right-content>span{
	font-size: 14px;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
}
.artpage-right-content span img{
	width: 16px;
	height: 16px;
	margin-right: 4px;
}
.artpage-content{
    min-height: 400px;
}
.artpage-content img{
	padding: 10px 0px;
	max-width: 100%;
	box-sizing: border-box;
}
/* 文章页end */
/* 列表分页start */
.list-paging{
	margin-top: 10px;
	padding: 16px;
	justify-content: center;
	display: flex;
	background-color: #ffffff;
	align-items: center;
}
.list-paging a{
	padding: 6px 12px;
	border: 1px solid #000000;
	font-size: 14px;
	margin: 0px 5px;
}
/* 列表分页end */
/* 当前位置start */
.crlt{
	font-size: 14px;
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.crlt a{
	font-weight: 500;
}
.crlt img{
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
/* 当前位置end */
/* 自适应媒体查询start */
@media screen and (max-width:1320px) {
	.index-notice ul li a{
		max-width: 150px;
	}
}
@media  screen and (max-width:1200px) {
	.index-notice ul li a{
		max-width: 140px;
	}
	.index-commodity-hot ul li a img{
		max-width: 110px;
	}
}
@media  screen and (max-width:1140px) {
	.index-notice ul h2{
		font-size: 18px;
	}
	.index-notice ul li a{
		max-width: 108px;
	}
	.index-commodity-img{
		height: 363px;
	}
	.index-commodity-top h3,
	.cmdlist-content ul li h3{
		font-size: 16px;
	}
	.cmdlist-left-hot,
	.index-commodity-content p,
	.cmdlist-mian p{
		font-size: 14px;
	}
	.cmdlist-left-hot ul li img{
		height: 70px;
	}
	.cmdlist-left-gimg img,
	.index-commodity-top img,
	.cmdlist-mian img{
		height: 90px;
	}
}
@media screen and (max-width:1030px) {
	.index-nav-game ul li a{
		padding: 9.1px 0px;
		font-size: 14px;
	}
	.index-nav-game img{
		height: 60px;
	}
	.index-picture img{
		height: 327px;
	}.index-notice-img img{
		height: 70px;
	}
	.index-notice ul{
		height: 180px;
	}
	.head-logo img,
	.head-rlogo img{
		max-height: 80px;
	}
	.head-search-one{
		height: 28px;
		width: 60%;
	}
	.head-search-two{
		height: 32px;
	}
	.index-notice ul h2{
		font-size: 16px;
	}
	.index-notice ul li a{
		max-width: 100%;
	}
	.index-commodity-hot ul li a h3{
		clear: both;
		font-size: 16px;
		margin-bottom: 3px;
	}
	.index-commodity-hot ul li{
		padding: 5px;
	}
	.index-commodity-content ul li p,a,
	.index-commodity-top span{
		font-size: 14px;
	}
	.bottom-left-gg,
	.bottom-right ul,
	.bottom-left-img a img{
		height: 190px;
	}
	.cmdlist-left,
	.foot-side,
	.index-commodity-img{
		display: none;
	}
	.cmdlist,
	.cmdpage,
	.artlist,
	.artpage,
	.index-commodity-content{
		grid-template-columns:100%;
	}
	.foot-nav-img img{
		width: 80px;
		height: 80px;
	}
}
@media screen and (max-width:768px) {
	body{
		background-color: #686868;
		padding-top: 46px;
	}
	.head-logo,
	.head-rlogo,
	#top-left-nav>p,
	#top-right-nav,
	.head-nav,
	.index-nav-game ul li a>img,
	.index-gamenavimg,
	.index-picture,
	.bottom-left-notice,
	.foot,
	.index-nav-game>ul li:hover .index-nav-game-ho{
		display: none;
	}
	.head-search{
		position: fixed;
		top: 6px;
		width: 60%;
		left: 20%;
		right: 25%;
	}
	.head-search-one{
		font-size: 14px;
		height: 34px;
	}
	.head-search-two{
		font-size: 14px;
		height: 34px;
	}
	.topnav{
		height: 46px;
		position: fixed;
		background-color: #000000;
		top: 0px;
	}
	.topnav>span{
		font-size: 16px;
	}
	#top-nav-return,
	#index-gamenavmove,
	#index-gamenavmove a img
	{
		display: block;
	}
	.top-leftnav>span{
		display: block;
		text-align: center;
		width: 40px;
		color: #ffffff;
	}
	.index-slide{
		grid-template-columns: 100%;
	}
	.index-nav-game{
		padding: 5px 10px;
		z-index: 1;
	}
	.topnav{
		z-index: 999;
	}
	.head-search{
		z-index: 9999;
	}
	.index-nav-game ul{
		display: grid;
		grid-template-columns:25% 25% 25% 25%;
		justify-content: space-between;
		padding: 5px;
		border-radius: 5px;
		
	}
	.index-nav-game ul li a{
		border-radius: 10px;
		justify-content: space-around;
	}
	.index-nav-game ul li a span{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.index-nav-game ul li a img{
		width: 40px;
		height: 40px;
	}
	#index-gamenavmove a{
		display: flex;
		flex-direction: column;
		align-items: center;
		border-radius: 10px;
	}
	.index-notice{
		padding: 5px 10px;
	}
	.index-notice ul{
		border-radius: 5px;
	}
	.index-notice-img{
		display: grid;
		grid-template-columns: 49.5% 49.5%;
		justify-content: space-between;
	}
	.index-notice-img img{
		max-width: 100%;
		border-radius: 5px;
	}
	#index-roll h5{
		margin: 5px 10px;
	}
	.index-content h2{
		font-size: 18px;
	}
	.index-content h2 img{
		width: 24px;
		height: 24px;
	}
	.index-commodity-hot{
		margin: 0px 10px;
	}
	.index-commodity-hot ul,
	.index-commodity-content ul,
	.bottom-left-main{
		grid-template-columns: 49.5% 49.5%;
	}
	.index-commodity-hot ul li a p{
		-webkit-line-clamp: 1;
	}
	.index-commodity{
		margin: 10px;
	}
	.index-commodity-top span,
	.artlist-mian-xx span{
		font-size: 12px;
	}
	.index-commodity-mian{
	    padding: 12px;
	}
	.index-commodity-mian span{
	    margin-right: -12px;
	    margin-top: -10px;
	}
	.bottom{
		grid-template-columns:100%;
	}
	.bottom-left{
		padding: 5px 10px;
		box-sizing: border-box;
	}
	.bottom-right{
		padding: 5px 10px;
		box-sizing: border-box;
		display: none;
	}
	.cmdlist-nav ul li a{
		font-size: 14px;
	}
	.cmdpage-right-inf{
		grid-template-columns:100%;
		grid-template-rows:40% 58%;
		align-content: space-between;
		height: 600px;
	}
	.cmdpage-right-inf img{
		width: 100%;
		height: 100%;
	}
	.artlist-main>a img{
		height: 120px;
	}
	.artlist-mian-xx p{
		-webkit-line-clamp: 2;
		margin-top: 0px;
		margin-right: 0px;
		font-size: 14px;
	}
}
@media screen and (max-width:560px) {
	.head-content,
	.cmdlist-content ul{
		grid-template-columns: 100%;
	}
	.index-commodity-hot ul li a img{
		max-width: 100%;
		height: 120px;
		margin-bottom: 3px;
	}
	.index-commodity-an{
		padding: 14px;
		font-size: 12px;
	}
	.bottom-left-img a img,
	.bottom-left-gg{
		height: 160px;
	}
	.index-notice ul,
	#index-roll,
	.cmdpage-right-deta-sx a span{
		display: none;
	}
	.cmdlist-nav ul{
		grid-template-columns: 30% 30% 30%;
		grid-row-gap:5px;
		background-color: #ffffff;
		padding: 10px;
		box-sizing: border-box;
	}
	.cmdlist-nav ul li dl{
		top: -10000px;
	}
	.cmdlist-nav ul li a{
		padding: 15px 0px;
		flex-direction: column;
		border-radius: 5px;
	}
	.cmdlist-nav ul li a img{
		width: 40px;
		height: 40px;
		margin-right: 0px;
		margin-bottom: 5px;
	}
	.cmdpage-right{
		margin-bottom: 60px;
	}
	.cmdpage-right-inf{
		height: 500px;
	}
	.cmdpage-right-infmian{
		grid-template-rows: 40% 58%;
	}
	#staover{
		display: grid;
		grid-template-columns:50% 50%;
	}
	.cmdpage-right-infmian-an{
		display: grid;
		grid-template-columns:49.9% 49.9%;
		justify-content: space-between;
		position: fixed;
		width: 100%;
		bottom: 0px;
		left: 0px;
		right: 0px;
		height: 60px;
		background-color: #ffffff;
		padding: 8px;
		box-sizing: border-box;
		box-shadow: 0px -5px 5px #8c8c8c;
	}
	.cmdpage-right-infmian-an a{
		padding: 0px;
		margin-right: 0px;
		border-radius: 20px;
	}
	.cmdpage-right-infmian-title span{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.cmdpage-right-infmian-title span b{
		height: 100%;
	}
	.artlist-main>a img{
		height: 90px;
	}
	.artlist-mian-xx>a{
		padding: 3px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.artpage-right-content>h2{
		font-size: 20px;
	}
	.cmdpage-right-deta-sx{
		display: flex;
		justify-content: space-between;
	}
	.cmdpage-right-deta-sx a{
		border:1px solid #000000;
		padding: 6px;
	}
	.list-paging{
	    justify-content: space-between;
	}
}
@media screen and (max-width:480px) {
	.index-commodity-hot ul li a img,
	.artlist-mian-xx{
		height: 100px;
	}
	.index-commodity-content ul,
	.artlist-main{
		grid-template-columns:100%;
	}
	.index-commodity-top img{
		height: 110px;
	}
	.artlist-main>a img{
		display: none;
	}
	.list-paging a{
    	padding: 4px 8px;
    	border: 1px solid #000000;
    	font-size: 12px;
    	margin: 0px 5px;
    }
}
@media screen and (min-width:1140px) and (max-width:1320px) {
	
}
@media screen and (min-width:1030px) and (max-width:1139px) {
	
}
@media screen and (min-width:721px) and (max-width:1030px) {
	.index-notice ul li span,
	.bottom-left-notice ul li span{
		display: none;
	}
	.index-commodity-hot ul li a img{
		max-width: 100%;
		height: 100px;
		margin-bottom: 3px;
	}
}
@media screen and (max-width:720px) and (min-width:560px) {
	.index-commodity-hot ul li a img{
		max-width: 100%;
		height: 140px;
		margin-bottom: 3px;
	}
	
}

/* 自适应媒体查询end */

/* 悬停效果start */
/* 全局文字悬停start */
#top-right-nav a:hover,
.head-nav ul li a:hover,
.index-notice>ul>h2 a:hover,
.index-notice>ul li a:hover,
.index-commodity-hot ul li:hover a h3,
.index-commodity-mian:hover div h3,
.bottom-left-notice>h3>span>a:hover,
.bottom-left-notice >ul li a:hover,
.foot-nav-img span:hover,
.foot-side ul li a:hover,
.crlt a:hover,
.cmdlist-left-hot ul li:hover a h4,
.cmdlist-content ul li:hover >a h3,
.artlist-mian-xx>h3>a:hover,
.cmdpage-right-deta-sx a:hover,
.sidebar-nav ul li a:hover,
.index-content h2 a:hover,
.foot-info ul li a:hover{
	color: #ff8000;
	transition: color 0.3s;
	-webkit-transition:color 0.3s;
}
/* 全局文字悬停end */
/* 全局块悬停start */
.index-nav-game>a img:hover,
.index-notice-img a img:hover,
.index-commodity-hot ul li:hover,
.index-commodity-mian:hover,
.index-commodity-content>a img:hover,
.bottom-left-main>div img:hover,
.cmdlist-left-hot ul li:hover,
.cmdlist-left-gimg img:hover,
.cmdlist-content ul li:hover
{
	transform:translate(-2px,-2px);
	-ms-transform:translate(-2px,-2px);
	-webkit-transform:translate(-2px,-2px);
	transition:0.3s;
	-webkit-transition:0.3s;
	box-shadow: 6px 6px 6px #8c8c8c;
}

/* 全局块悬停end */
/* 首页顶部悬停start */
.head-search-two:hover{
	color: #55ffff;
	transition:color 0.3s;
	-webkit-transition:color 0.3s;
	transition: font-size 0.2s;
	-webkit-transition:font-size 0.2s;
	font-size: 16px;
	padding: 7px;
}
.index-nav-game-ho ul li a:hover,
.index-nav-game>ul>li a:hover{
	background-color: #FF5820;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
/* 首页顶部悬停end */
/* 首页内容悬停start */

.index-commodity-hot ul li:hover a img{
	padding: 5px;
	box-sizing: border-box;
	transition:0.4s;
	-webkit-transition:0.4s;
}

.index-commodity-an:hover{
	background-color: #ff8000;
	border-radius: 10px;
	padding: 10px 0px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.index-commodity-mian:hover a img{
	padding: 5px;
	box-sizing: border-box;
	transition:0.4s;
	-webkit-transition:0.4s;
}
/* 首页内容悬停end */
/* 首页底部悬停start */

.bottom-right ul li a:hover{
	color: #ff8000;
	transform:translate(-2px,-2px);
	-ms-transform:translate(-2px,-2px);
	-webkit-transform:translate(-2px,-2px);
	transition:0.4s;
	-webkit-transition:0.4s;
	box-shadow: 4px 4px 6px #8c8c8c;
}
/* 首页底部悬停end */
/* 页脚悬停start */
.foot-nav ul li a:hover{
	color: #ff8000;
	font-size: 14px;
	transition:0.4s;
	-webkit-transition:0.4s;
}
/* 页脚悬停end */
/* 列表页悬停start */
.cmdlist-content ul li:hover .cmdlist-mian>a img,
.artlist-main>a img:hover,
.cmdlist-left-hot ul li:hover a img{
	padding: 5px;
	box-sizing: border-box;
	transition:0.4s;
	-webkit-transition:0.4s;
}
.cmdlist-left-img ul li a:hover{
	transform:translate(-2px,-2px);
	-ms-transform:translate(-2px,-2px);
	-webkit-transform:translate(-2px,-2px);
	color: #ffffff;
	transition:0.4s;
	-webkit-transition:0.4s;
	background-color: #686868;
	border-radius: 20px;
	border-bottom: #ffffff solid 1px;
}
.cmdlist-nav ul li a:hover{
	background-color: #ff5820;
	transition:color 0.4s;
	-webkit-transition:background-color 0.4s;
	color: #ffffff;
}
.cmdlist-nav ul li:hover dl{
	display: block;
}
.cmdlist-content-an:hover{
	background-color: #ff8000;
	border-radius: 10px;
	padding: 8px 18px;
	margin-top: -42px;
	margin-right: 8px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.list-paging a:hover{
	color: #ffffff;
	border-radius: 10px;
	border: 1px solid #ff8000;
	background-color: #ff8000;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.artlist-mian-xx>a:hover{
	color: #ffffff;
	border-radius: 10px;
	background-color: #ff8000;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
/* 列表页悬停end */
/* 页面悬停start */
.cmdpage-right-infmian-an a:hover{
	color: #ffffff;
	border-radius: 20px;
	background-color: #ff8000;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
/* 页面悬停end */
/* 悬停效果end */