ul, li {
    text-decoration: none;
    list-style: none;
}

.logo-img {
  height: 60px;  
}

@media (max-width: 575.98px) {
  .logo-img {
    height: 30px;  
  }
}

#page {
	margin: 20px auto;
	width: 100%;
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: center;
}

#page a,#page span {
	display: inline-block;
	width: auto;
	padding: 0 10px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #666;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	margin: 0 5px
}

#page span {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

#page a:hover {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

#page .current {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

 /* 面包屑导航 */
    .crumb {
        background: #f8f9fa;
        padding: 10px 0;
        margin-bottom: 20px;
        border-radius: 6px;
    }

    .crumb a {
        color: #007bff;
        text-decoration: none;
    }
    
    .crumb i {
        color: #6c757d;
        font-style: normal;
    }

.collection {
	border-radius: 12px;
}

.collection .collection_list .li {
	background: #f5f5f5;
	border-radius: 12px;
	float: left;
	overflow: hidden
}

.collection .collection_list .li .img {
	display: block;
	overflow: hidden
}

.collection .collection_list .li .img,.collection .collection_list li .img img {
	width: 100%;
	height: 188px;
	object-fit: cover
}

.collection .collection_list .li .info {
	margin: 15px 0;
}

.collection .collection_list .li .info .bt {
	font-size: 16px;
	display: block;
	width: 100%;
	overflow: hidden
}

.collection .collection_list .li .info .bt p {
	color: #333;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	width: 220px;
	float: left;
	font-weight: bold
}

.collection .collection_list .li .info .bt p:hover {
	color: #40d1f0
}

.collection .collection_list .li .info .bt span {
	float: right;
	height: 25px;
	line-height: 25px;
	color: #999;
	width: 100px;
	text-align: right
}

.collection .collection_list .li .info .lis {
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden
}

.collection .collection_list .li .info .lis a {
	display: block;
	float: left;
	width: 52px;
	height: 80px
}

.collection .collection_list .li .info .lis a:hover p {
	color: #40d1f0
}

.collection .collection_list .li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 12px
}

.collection .collection_list .li .info .lis a img {
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 12px
}

.collection .collection_list .li .info .lis a p {
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	height: 25px;
	overflow: hidden;
	color: #555;
	margin-top: 6px
}

.collection .collection_list .li .info .lis a+a {
	margin-left: 17px
}



.collection_item {
	margin: 0 2px
}

.collection_item li {
	overflow: hidden;
	float: left;
	height: 260px;
	border: 1px solid #eee;
	border-radius: 6px;
}

.collection_item li img {
	display: block;
	float: left;
	width: 140px;
	height: 140px;
	border-radius: 12px;
	margin: 5px
}

.collection_item li .gminfo {
	width: 175px;
	float: left;
	margin-top: 10px
}

.collection_item li .gminfo .bt {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	width: 100%
}

.collection_item li .gminfo .bt:hover {
	color: #40d1f0
}

.collection_item li .gminfo p {
	font-size: 16px;
	color: #999;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	margin-top: 20px
}

.collection_item li .gminfo p span {
	color: #666
}

.collection_item li .gminfo .btn {
	width: 120px;
	text-align: center;
	font-size: 16px;
	color: #666;
	background: #ebebeb;
	border-radius: 12px;
	transition: background .2s linear
}

.collection_item li .gminfo .btn:hover {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

.collection_item li .txt {
	background: #f5f5f5;
	overflow: hidden;
	width: 100%;
	float: left;
	height: 103px;
	padding: 10px 0
}

.collection_item li .txt p {
	margin: 5px 20px;
	height: 60px;
	overflow: hidden;
	line-height: 30px;
	color: #666;
	font-size: 16px
}

.collection_item li .txt span {
	display: block;
	float: right;
	margin: 8px 20px 0 0;
	font-size: 15px;
	color: #999
}

.Qztitle {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 15px 0;
	width: 100%
}

.Qztitle span {
	font-size: 20px;
	font-weight: bold;
	color: #222;
	margin-left: 20px;
	float: left
}

.Qztitle .more {
	margin-right: 20px;
	color: #999;
	font-size: 15px
}

.contentwrap {

	overflow: hidden
}

.contentwrap .cont_title {
	height: 44px;
	line-height: 44px
}

.contentwrap .cont_title span {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin: 0 20px;
	float: left
}

.contentwrap .cont_title .pg_tab {
	float: left
}

.contentwrap .cont_title .pg_tab a {
	display: block;
	float: left;
	width: 124px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	color: #666;
	background: #ebebeb;
	border-radius: 8px;
	float: left;
	margin-right: 20px;
	font-weight: 600
}

.contentwrap .cont_title .pg_tab .on,.contentwrap .cont_title .pg_tab a:hover {
	background: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

.cont_L .art_list {
	background: #fff;
	width: 100%;
	padding: 10px 0;
	border-radius: 10px
}

.cont_L .art_list .pagetab {
	overflow: hidden
}

.cont_L .art_list .pagetab a {
	display: block;
	float: left;
	width: 120px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	background: #ebebeb;
	border-radius: 6px;
	margin: 10px 0 10px 20px
}

.cont_L .art_list .pagetab .on,.cont_L .art_list .pagetab a:hover {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

.cont_L .art_list .list {
	overflow: hidden;
	margin: 0 20px
}

.cont_L .art_list .list li {
	overflow: hidden;
	padding: 20px 0;
	height: 165px
}

.cont_L .art_list .list li a>img {
	display: block;
	float: left;
	width: 250px;
	height: 165px;
	border-radius: 12px;
	margin-right: 20px;
	object-fit: cover
}

.cont_L .art_list .list li .info {
	float: left;
	overflow: hidden;
	width: 500px
}

.cont_L .art_list .list li .info .bt {
	font-weight: bold;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #333
}

.cont_L .art_list .list li .info .bt:hover {
	color: #40d1f0
}

.cont_L .art_list .list li .info .desc {
	height: 90px;
	line-height: 30px;
	font-size: 16px;
	color: #666;
	overflow: hidden;
	margin: 12px 0 10px
}

.cont_L .art_list .list li .info .bot {
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #999
}

.cont_L .art_list .list li .info .bot span {
	color: #666
}

.cont_L .art_list .list li+li {
	border-top: 1px dashed #edeff5
}

.cont_L .art_detail {
	background: #fff;
	width: 100%;
	overflow: hidden;
	border-radius: 10px
}

.cont_L .art_detail .bt {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	margin: 20px;
	color: #555
}

.cont_L .art_detail .artinfo {
	text-align: center;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	color: #999;
	margin: 10px 0
}

.cont_L .art_detail .artinfo span {
	margin: 0 25px
}

.cont_L .art_detail .artinfo i {
	color: #666
}

.cont_L .art_detail .line {
	border-top: 2px solid #f5f5f5;
	margin: 10px 0
}

.cont_L .art_detail .article_main {
	margin: 10px 20px 30px;
	padding-bottom: 20px
}

.cont_L .art_detail .article_main p {
	line-height: 32px;
	font-size: 16px;
	color: #353535
}

.cont_L .art_detail .article_main img {
	display: block;
	margin: 10px auto;
	max-width: 100%
}

.cont_L .art_detail .article_main h3 {
	display: block;
	float: left;
	border-left: 4px solid #40d1f0;
	font-size: 16px;
	font-weight: 600;
	text-indent: 10px;
	width: 100%;
	margin: 15px 0
}

.cont_L .art_detail .art_page {
	margin: 0 auto 20px;
	text-align: center
}

.cont_L .art_detail .art_page a {
	display: inline-block;
	margin: 0 10px;
	width: 320px;
	padding: 0 10px;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	background: #ebebeb;
	border-radius: 24px;
	font-size: 15px;
	font-weight: bold
}

.cont_L .art_detail .art_page a:hover {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

.cont_L .tj_game {
	overflow: hidden;
	margin-top: 20px;
	background: #fff;
	border-radius: 10px;
	display: block
}

.cont_L .tj_game>img {
	display: block;
	float: left;
	width: 148px;
	height: 148px;
	border-radius: 12px;
	margin: 20px
}

.cont_L .tj_game .info {
	width: 445px;
	float: left;
	margin-top: 20px
}

.cont_L .tj_game .info .bt {
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	width: 100%
}

.cont_L .tj_game .info .txt {
	font-size: 15px;
	color: #999;
	margin-top: 30px
}

.cont_L .tj_game .info .txt i {
	color: #666
}

.cont_L .tj_game .info .txt span {
	margin-right: 40px
}

.cont_L .tj_game .info .dp {
	margin-top: 30px;
	font-size: 15px;
	color: #666;
	margin-top: 20px;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

.cont_L .tj_game .info .dp span {
	color: #999
}

.cont_L .tj_game .btn {
	width: 136px;
	height: 53px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 53px;
	display: block;
	float: left;
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	border-radius: 26px;
	float: right;
	margin: 70px 20px 0
}

.cont_L .tj_game .btn:hover {
	opacity: .88
}

.cont_L .aboutart {
	overflow: hidden;
	margin-top: 20px;
	background: #fff;
	border-radius: 10px;
	display: block
}

.cont_L .aboutart .list {
	overflow: hidden
}

.cont_L .aboutart .list li {
	width: 242px;
	overflow: hidden;
	float: left;
	margin-left: 21px
}

.cont_L .aboutart .list li:hover p {
	color: #40d1f0
}

.cont_L .aboutart .list li img {
	height: 160px;
	width: 100%;
	object-fit: cover;
	border-radius: 12px;
	display: block
}

.cont_L .aboutart .list li p {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	margin: 15px 0
}

.cont_L .Gamehead {
	background: #fff;
	border-radius: 10px
}

.cont_L .Gamehead .img {
	width: 164px;
	height: 164px;
	display: block;
	float: left;
	margin: 10px;
	border-radius: 16px;
}

.cont_L .Gamehead .info {
	float: left;
	margin: 10px 10px;
	overflow: hidden;
	width: 360px
}

.cont_L .Gamehead .info .bt {
	font-weight: bold;
	color: #555;
	font-size: 24px;
	height: 25px;
	line-height: 25px;
	overflow: hidden
}

.cont_L .Gamehead .info .time {
	font-size: 15px;
	color: #999;
	margin-top: 20px
}

.cont_L .Gamehead .info .time span {
	margin-right: 20px
}

.cont_L .Gamehead .info .time i {
	color: #333
}

.cont_L .Gamehead .info .tags {
	margin-top: 10px;
	overflow: hidden;
	height: 24px;
}

.cont_L .Gamehead .info .tags a {
	display: inline-block;
	margin-right: 12px;
	height: 22px;
	line-height: 22px;
	width: 72px;
	text-align: center;
	border-radius: 15px;
/* border:1px solid #e7e7e7; */
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 6px;
	overflow: hidden;
	background: #ddd;
	margin-bottom: 4px;
}

.cont_L .Gamehead .info .btnwrap {
	overflow: hidden
}

.cont_L .Gamehead .info .btnwrap .btn {
	width: 160px;
	text-align: center;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	float: left;
	margin: 15px 20px 0 0
}

.cont_L .Gamehead .info .btnwrap .btn:hover {
	opacity: .88
}

.cont_L .Gamehead .info .btnwrap .btn i {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 5px 2px 0
}

.cont_L .Gamehead .info .btnwrap .az {
	background-image: linear-gradient(135deg, #52bf50, #68de66)
}

.cont_L .Gamehead .info .btnwrap .az i {
	background: url(../images/ic_az.png) no-repeat center
}

.cont_L .Gamehead .info .btnwrap .ios {
	background-image: linear-gradient(135deg, #40b8f5, #40ddec)
}

.cont_L .Gamehead .info .btnwrap .ios i {
	background: url(../images/ic_ios.png) no-repeat center
}

.cont_L .Gamehead .ewm {
	width: 164px;
	height: 164px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	float: left;
	margin-top: 10px
}

.cont_L .Gamehead .ewm img {
	width: 100px;
	height: 100px;
	display: block;
	margin: 20px auto 0
}

.cont_L .Gamehead .ewm span {
	display: block;
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: #666;
	font-size: 15px;
	margin-top: 8px
}

.cont_L .Gamehead .txt {
	width: 100%;
	overflow: hidden;
	margin: 20px;
	font-size: 15px;
	color: #555
}

.cont_L .Gamepic {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 20px
}

.cont_L .Gamepic .hd_wrap {
	margin: 0 30px;
	overflow: hidden;
	position: relative;
	margin-bottom: 12px
}

.cont_L .Gamepic .sild_btn {
	background: url(../images/slide_btn.png) no-repeat;
	width: 22px;
	height: 35px;
	position: absolute;
	top: 43%;
	z-index: 2;
	cursor: pointer
}

.cont_L .Gamepic .hd_wrap .next_btn {
	right: 0;
	background-position: -24px 0
}

.cont_L .Gamepic .hd_wrap .next_btn i {
	background-position: 0 -138px
}

.cont_L .Gamepic .hd_wrap .next_btn:hover i {
	background-position: 0 -104px
}

.cont_L .Gamepic .hd_wrap .prve_btn {
	left: 0
}

.cont_L .Gamepic .hd_wrap .prve_btn:hover i {
	background-position: 0 -172px
}

.cont_L .Gamepic .hd_wrap .pics {
	position: relative;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0;
	margin: 0 35px 10px
}

.cont_L .Gamepic .hd_wrap .pics p:last-child {
	margin: 0
}

.cont_L .Gamepic .hd_wrap .pics p {
	display: inline-block;
	height: 300px;
	margin-right: 20px
}

.cont_L .Gamepic .hd_wrap .pics p img {
	max-width: 300px;
	height: 300px
}

.cont_L .Game_desc {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 20px
}

.cont_L .Game_desc .desc_conten {
	margin: 10px 30px;
	padding-bottom: 20px
}

.cont_L .Game_desc .desc_conten p {
	line-height: 32px;
	font-size: 16px;
	color: #353535
}

.cont_L .Game_desc .desc_conten img {
	display: block;
	margin: 10px auto;
	max-width: 100%
}

.cont_L .Game_desc .desc_conten h3 {
	display: block;
	float: left;
	border-left: 4px solid #40d1f0;
	font-size: 16px;
	font-weight: 600;
	text-indent: 10px;
	width: 100%;
	margin: 15px 0
}

.cont_L .Game_desc .art_page {
	margin: 0 auto 20px;
	text-align: center
}

.cont_L .Game_desc .art_page a {
	display: inline-block;
	margin: 0 10px;
	width: 320px;
	padding: 0 10px;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	background: #ebebeb;
	border-radius: 24px;
	font-size: 15px;
	font-weight: bold
}

.cont_L .Game_desc .art_page a:hover {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

.cont_L .Leftbox {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 20px
}

.cont_L .gameinfo {
	width: 590px;
	float: left;
	margin: 0 0 0 20px
}

.cont_L .gameinfo li {
	width: 33%;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 10px 0 20px 0;
	font-size: 16px;
	color: #999
}

.cont_L .gameinfo li span {
	color: #555
}

.cont_L .score {
	float: right;
	width: 134px;
	height: 134px;
	border: 1px solid #e6e6e6;
	border-radius: 12px;
	overflow: hidden;
	margin: -40px 20px 0 0;
}

.cont_L .score span {
	height: 47px;
	text-align: center;
	line-height: 47px;
	display: block;
	text-align: center;
	background: #ebebeb;
	font-size: 16px;
	color: #555
}

.cont_L .score i {
	display: block;
	width: 100%;
	text-align: center;
	height: 88px;
	line-height: 88px;
	font-size: 48px;
	color: #ff6666;
	font-weight: bold;
	font-style: italic;
	text-indent: -14px
}

.cont_L .hjtab_hd {
	display: block;
	float: left;
	margin-left: 20px;
	height: 30px
}

.cont_L .hjtab_hd i {
	font-size: 15px;
	color: #999;
	font-weight: bold;
	display: inline-block;
	padding-left: 10px;
	cursor: pointer;
	height: 25px;
	line-height: 25px;
	margin-top: 5px
}

.cont_L .hjtab_hd .on,.cont_L .hjtab_hd i:hover {
	color: #40d1f0
}

.cont_L .hjtab_hd i+i::before {
	content: '/';
	display: inline-block;
	font-weight: normal;
	margin-right: 10px;
	color: #999 !important
}

.cont_L .hjtab_bd .item+.item {
	display: none
}

.cont_L .hjtab_bd .item>img {
	display: block;
	float: left;
	width: 370px;
	height: 185px;
	border-radius: 8px;
	margin: 0 12px 0 20px
}

.cont_L .hjtab_bd .item .info {
	background: #f6f6f6;
	width: 390px;
	height: 185px;
	float: left;
	border-radius: 8px
}

.cont_L .hjtab_bd .item .info .bt {
	font-size: 20px;
	font-weight: bold;
	color: #555;
	height: 30px;
	overflow: hidden;
	margin: 15px;
	display: block
}

.cont_L .hjtab_bd .item .info p {
	margin: 0 15px 10px;
	overflow: hidden;
	font-size: 16px;
	color: #666;
	line-height: 28px;
	height: 110px
}

.cont_L .hjtab_bd .item .list {
	overflow: hidden;
	margin: 30px auto 0;
	width: 100%;
	float: left
}

.cont_L .hjtab_bd .item .list a {
	display: block;
	width: 96px;
	height: 140px;
	float: left;
	margin: 0 19px 0 20px
}

.cont_L .hjtab_bd .item .list a img {
	width: 96px;
	height: 96px;
	border-radius: 8px;
	display: block
}

.cont_L .hjtab_bd .item .list a p {
	text-align: center;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	overflow: hidden;
	margin-top: 8px
}

.cont_L .newslist {
	overflow: hidden;
	width: 100%;
	margin-bottom: 10px
}

.cont_L .newslist li {
	width: 50%;
	height: 35px;
	line-height: 35px;
	float: left
}

.cont_L .newslist li i {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #d9d9d9;
	margin: 14px 15px 0 20px
}

.cont_L .newslist li a {
	display: block;
	float: left;
	width: 230px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	overflow: hidden;
	color: #555
}

.cont_L .newslist li a:hover {
	color: #40d1f0
}

.cont_L .newslist li span {
	float: right;
	font-size: 15px;
	color: #999;
}

.cont_R {
	overflow: hidden
}

.cont_R .ritem {
	width: 100%;
	background: #fff;
	overflow: hidden;
	padding: 10px 20px;
	border-radius: 10px;
	margin-bottom: 20px
}

.cont_R .ritem .mtitle {
	margin: 10px 0;
	overflow: hidden;
	text-align: center;
	position: relative
}

.cont_R .ritem .mtitle span {
	font-size: 20px;
	color: #222;
	display: inline-block;
	background: #fff;
	padding: 0 20px;
	position: relative;
	z-index: 2;
	font-weight: bold
}

.cont_R .ritem .mtitle::before,.cont_R .ritem .mtitle::after {
	width: 100%;
	content: '';
	background: #f7f7f7;
	display: block;
	position: absolute;
	left: 0
}

.cont_R .ritem .mtitle::before {
	height: 2px;
	top: 18px
}

.cont_R .ritem .mtitle::after {
	top: 11px;
	height: 4px
}

.cont_R .hotnews .hd {
	overflow: hidden
}

.cont_R .hotnews .hd:hover p {
	color: #40d1f0
}

.cont_R .hotnews .hd img {
	width: 100%;
	height: 212px;
	display: block;
	border-radius: 6px;
	object-fit: cover
}

.cont_R .hotnews .hd p {
	line-height: 25px;
	overflow: hidden;
	font-size: 16px;
	color: #555;
	margin: 12px 0 8px
}

.cont_R .hotnews .hd span {
	font-size: 15px;
	color: #999
}

.cont_R .hotnews .listbox .lis {
	overflow: hidden;
	margin: 10px 0;
	width: 100%;
	float: left
}

.cont_R .hotnews .listbox .lis:hover .info p {
	color: #40d1f0
}

.cont_R .hotnews .listbox .lis img {
	width: 140px;
	height: 92px;
	margin-right: 20px;
	display: block;
	float: left;
	border-radius: 10px
}

.cont_R .hotnews .listbox .lis .info {
	width: 160px;
	float: left
}

.cont_R .hotnews .listbox .lis .info p {
	height: 60px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 12px;
	font-size: 15px;
	color: #555
}

.cont_R .hotnews .listbox .lis .info span {
	color: #999;
	font-size: 15px
}

.cont_R .hotgm {
	overflow: hidden
}

.cont_R .hotgm .lis {
	overflow: hidden;
	padding: 10px 0;
	display: block
}

.cont_R .hotgm .lis:hover .main p {
	color: #40d1f0
}

.cont_R .hotgm .lis:hover .btn {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

.cont_R .hotgm .lis img {
	width: 60px;
	height: 60px;
	border-radius: 16px;
	display: block;
	float: left;
	margin: 0 20px 0 12px
}

.cont_R .hotgm .lis .main {
	height: 60px;
	width: 140px;
	overflow: hidden;
	float: left
}

.cont_R .hotgm .lis .main p {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px
}

.cont_R .hotgm .lis .main span {
	font-size: 14px;
	color: #999
}

.cont_R .hotgm .lis .main span+span::before {
	content: '';
	height: 12px;
	display: inline-block;
	margin: 0px 4px  -1px 0;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #f1f1f1
}

.cont_R .hotgm .lis .btn {
	width: 70px;
	text-align: center;
	background: #ececec;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	display: block;
	float: right;
	margin-top: 12px;
	border-radius: 20px
}

.cont_R .gmlist {
	overflow: hidden;
	width: 360px
}

.cont_R .gmlist li {
	width: 80px;
	overflow: hidden;
	float: left;
	margin: 5px 40px 15px 0
}

.cont_R .gmlist li:hover p {
	color: #40d1f0
}

.cont_R .gmlist li img {
	width: 80px;
	height: 80px;
	border-radius: 18px;
	display: block
}

.cont_R .gmlist li p {
	width: 100%;
	line-height: 30px;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 16px;
	color: #333;
	margin-top: 10px
}

.cont_R .gmclass {
	width: 100%;
    overflow: hidden;
}

.cont_R .gmclass li {
	overflow: hidden;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 6px;
    float: left;
    background: #ebebeb;
    margin-top: 10px;
}

.cont_R .gmclass li a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #555
}

.cont_R .gmclass li:hover {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea)
}

.cont_R .gmclass li:hover a {
	color: #fff
}


.collection_head {
	width: 100%;
	height: 300px;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 30px
}

.collection_head .img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.collection_head .info .bt {
	width: 100%;
	height: 50px;
	overflow: hidden;
	line-height: 50px;
	margin-top: 10px
}

.collection_head .info .bt h1 {
	float: left;
	height: 50px;
	width: 420px;
	overflow: hidden;
	line-height: 50px;
	font-size: 30px;
	color: #333
}

.collection_head .info .bt span {
	font-size: 15px;
	color: #999;
	text-align: right
}

.collection_head .info .bt span i {
	color: #ff6666;
	font-size: 30px;
	font-weight: bold;
	font-style: italic
}

.collection_head .info .line {
	width: 100%;
	margin: 15px auto 10px;
	border-top: 4px solid #f7f7f7;
	height: 2px;
	border-bottom: 2px solid #f7f7f7
}

.collection_head .info .desc {
	color: #666;
	font-size: 16px;
	line-height: 35px;
	height: 140px;
	overflow: hidden;
	margin-bottom: 24px
}

.collection_head .info .time {
	float: left;
	font-size: 16px;
	color: #999
}


.downl_cont {
	overflow: hidden
}

.downl_cont .downl_tag {
	width: 200px;
	overflow: hidden;
	background: #fff;
	border-radius: 10px;
	padding: 10px 0
}

.downl_cont .downl_tag a {
	display: block;
	margin: 10px auto;
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #555;
	font-weight: bold;
	text-align: center;
	background: #ebebeb;
	border-radius: 8px
}

.downl_cont .downl_tag .on,.downl_cont .downl_tag a:hover {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

.downl_cont .downl_list {
	width: 970px;
	overflow: hidden;
	background: #fff;
	border-radius: 10px
}

.downl_cont .downl_list .page_tab {
	margin: 20px;
	font-size: 16px;
	color: #999;
	font-weight: bold
}

.downl_cont .downl_list .page_tab a {
	display: inline-block;
	margin-right: 10px
}

.downl_cont .downl_list .page_tab a+a::before {
	content: '';
	height: 12px;
	display: inline-block;
	margin: 0px 8px -1px 0;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #f1f1f1
}

.downl_cont .downl_list .page_tab .on,.downl_cont .downl_list .page_tab a:hover {
	color: #40d1f0
}

.downl_cont .downl_list .listbox {
	overflow: hidden
}

.downl_cont .downl_list .listbox .lis {
	width: 290px;
	height: 180px;
	border: 1px solid #eee;
	border-radius: 6px;
	margin: 5px 0 15px 20px;
	display: block;
	float: left
}

.downl_cont .downl_list .listbox .lis .bt {
	width: 265px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
	color: #555;
	margin: 15px 20px
}

.downl_cont .downl_list .listbox .lis img {
	width: 108px;
	height: 108px;
	border-radius: 12px;
	margin: 0 15px 0 20px;
	display: block;
	float: left
}

.downl_cont .downl_list .listbox .lis:hover .bt {
	color: #40d1f0
}

.downl_cont .downl_list .listbox .lis:hover .info .btn {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	color: #fff
}

.downl_cont .downl_list .listbox .lis .info {
	width: 140px;
	height: 108px;
	float: right
}

.downl_cont .downl_list .listbox .lis .info p {
	font-size: 14px;
	color: #9e9e9e;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	margin-bottom: 15px
}

.downl_cont .downl_list .listbox .lis .info p span+span {
	margin-left: 10px
}

.downl_cont .downl_list .listbox .lis .info .btn {
	width: 120px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	background: #ececec;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	display: block;
	border-radius: 20px;
	transition: background .2s linear
}

.phb_itemwrap {
	width: 1200px;
	background: #fff;
	margin: 20px auto 0;
	border-radius: 10px;
	min-height: 300px;
	position: relative;
	z-index: 2;
	display: table
}

.phb_itemwrap .tab {
	width: 960px;
	height: 200px;
	background: #fff;
	box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.1);
	margin: -130px auto 20px;
	border-radius: 10px;
	overflow: hidden
}

.phb_itemwrap .tab a {
	display: block;
	float: left;
	width: 50%;
	height: 200px;
	position: relative;
	background: #fff
}

.phb_itemwrap .tab a i {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 200px;
	background: url(../images/ic_tabbg1.png) no-repeat
}

.phb_itemwrap .tab a span {
	font-size: 40px;
	font-weight: bold;
	color: #666;
	line-height: 200px;
	text-align: center;
	width: 100%;
	display: block;
	text-indent: 75px
}

.phb_itemwrap .tab a+a i {
	width: 187px;
	height: 187px;
	background: url(../images/ic_tabbg2.png) no-repeat
}

.phb_itemwrap .tab .on.tab1,.phb_itemwrap .tab .tab1:hover {
	background: linear-gradient(135deg, #3eb6f3, #3edbea)
}

.phb_itemwrap .tab .on.tab1 span,.phb_itemwrap .tab .tab1:hover span {
	color: #fff !important
}

.phb_itemwrap .tab .on.tab1 i,.phb_itemwrap .tab .tab1:hover i {
	background: url(../images/ic_tabbg1_2.png) no-repeat
}

.phb_itemwrap .tab .on.tab2,.phb_itemwrap .tab .tab2:hover {
	background: linear-gradient(135deg, #3eb6f3, #3edbea)
}

.phb_itemwrap .tab .on.tab2 span,.phb_itemwrap .tab .tab2:hover span {
	color: #fff !important
}

.phb_itemwrap .tab .on.tab2 i,.phb_itemwrap .tab .tab2:hover i {
	background: url(../images/ic_tabbg2_2.png) no-repeat
}

.phb_itemwrap .phlist {
	overflow: hidden
}

.phb_itemwrap .phlist .list {
	display: block;
	float: left;
	width: 214px;
	height: 156px;
	border-radius: 10px;
	border: 1px solid #f1f1f1;
	margin: 10px 0 0 20px
}

.phb_itemwrap .phlist .list .bt {
	height: 50px;
	line-height: 50px;
	background: #f5f5f5;
	overflow: hidden;
	width: 100%;
	text-align: center;
	overflow: hidden;
	font-size: 15px;
	font-weight: bold;
	color: #555
}

.phb_itemwrap .phlist .list .bt:hover {
	color: #40d1f0
}

.phb_itemwrap .phlist .list img {
	display: block;
	width: 60px;
	height: 60px;
	float: left;
	border-radius: 8px;
	margin: 20px 10px 0 20px
}

.phb_itemwrap .phlist .list .info {
	float: left;
	margin-top: 20px;
	width: 115px;
	height: 60px
}

.phb_itemwrap .phlist .list .info p {
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	color: #333;
	overflow: hidden
}

.phb_itemwrap .phlist .list .info p:hover {
	color: #40d1f0
}

.phb_itemwrap .phlist .list .info span {
	color: #999;
	font-size: 12px;
	display: block;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 20px;
	margin-top: 15px
}

.phb_itemwrap .taglist {
	margin-top: 20px
}

.phb_itemwrap .taglist .openbtn {
	display: block;
	margin: 10px auto 20px;
	height: 20px;
	width: 30px;
	cursor: pointer;
	background: url(../images/openbtn.png) no-repeat center
}

.phb_itemwrap .taglist ul {
	overflow: hidden;
	max-height: 190px
}

.phb_itemwrap .taglist ul li {
	display: block;
	float: left;
	width: 148px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #ebebeb;
	border-radius: 6px;
	font-size: 15px;
	font-weight: bold;
	color: #555;
	margin: 10px 0 10px 20px;
	overflow: hidden;
}

.phb_itemwrap .taglist ul li a {
	display: block
}

.phb_itemwrap .taglist ul li:hover {
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea)
}

.phb_itemwrap .taglist ul li:hover a {
	color: #fff
}

.phb_itemwrap .taglist.on ul {
	max-height: inherit
}

.phb_itemwrap .taglist.on .openbtn {
	transform: rotate(180deg)
}


.phb_detailswrap {
	width: 1200px;
	margin: 10px auto 20px
}

.phb_details {
	margin: 20px auto 40px
}

.phb_details .tab1,.phb_details .tab2 {
	display: block;
	width: 480px;
	height: 200px;
	position: relative;
	z-index: 2;
	background: linear-gradient(135deg, #3eb6f3, #3edbea);
	box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.1);
	margin: -100px auto -60px;
	border-radius: 10px;
	overflow: hidden
}

.phb_details .tab1 i,.phb_details .tab2 i {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 280px;
	height: 200px;
	background: url(../images/ic_tabbg1_2.png) no-repeat
}

.phb_details .tab1 span,.phb_details .tab2 span {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	line-height: 200px;
	text-align: center;
	width: 100%;
	display: block;
}

.phb_details .tab2 span {
	color: #fff !important
}

.phb_details .tab2 i {
	background: url(../images/ic_tabbg2_2.png) no-repeat
}

.phb_details .phblist {
	margin: 0 auto;
	width: 1200px;
	display: block;
	overflow: hidden
}

.phb_details .phblist .top {
	padding-top: 100px
}

.phb_details .phblist li {
	width: 1160px;
	float: left;
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	overflow: hidden;
	margin-bottom: 15px
}

.phb_details .phblist li .gm_lk {
	width: 165px;
	float: left;
	margin-right: 30px
}

.phb_details .phblist li .gm_lk img {
	display: block;
	width: 165px;
	height: 165px;
	border-radius: 18px
}

.phb_details .phblist li .gm_lk .btn {
	display: block;
	width: 165px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	border-radius: 6px;
	background-image: linear-gradient(135deg, #3eb6f3, #3edbea);
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	margin-top: 20px
}

.phb_details .phblist li .gm_lk .btn:hover {
	opacity: .88
}

.phb_details .phblist li .gm_info {
	width: 530px;
	height: 236px;
	float: left
}

.phb_details .phblist li .gm_info .bt {
	font-size: 24px;
	color: #333;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	overflow: hidden
}

.phb_details .phblist li .gm_info .size {
	font-size: 15px;
	color: #999;
	height: 25px;
	line-height: 25px;
	margin-top: 20px
}

.phb_details .phblist li .gm_info .size i {
	color: #666
}

.phb_details .phblist li .gm_info .size span {
	margin-right: 40px
}

.phb_details .phblist li .gm_info .desc {
	height: 60px;
	line-height: 30px;
	font-size: 15px;
	color: #555;
	overflow: hidden;
	margin: 20px 0
}

.phb_details .phblist li .gm_info .tags {
	overflow: hidden;
	width: 100%;
	margin-top: 15px;
	float: left
}

.phb_details .phblist li .gm_info .tags a {
	display: block;
	float: left;
	width: 160px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #e6e6e6;
	border-radius: 20px;
	text-align: center;
	font-size: 15px;
	color: #999;
	font-weight: bold
}

.phb_details .phblist li .gm_info .tags a:hover {
	background: #ebebeb;
	color: #333
}

.phb_details .phblist li .gm_info .tags a+a {
	margin-left: 15px
}

.phb_details .phblist li .gm_pic {
	float: right;
	width: 420px;
	height: 236px
}

.phb_details .phblist li .gm_pic img {
	display: block;
	border-radius: 10px;
	width: 420px;
	height: 236px
}

.page404 {
	width: 1200px;
	margin: 100px auto;
}

.page404 img {
	width: 400px;
	display: block;
	margin: 50px auto;
}

.page404 p {
	text-align: center;
	font-size: 48px;
	color: #6B6B6B;
}

.page404 .back {
	width: 200px;
	height: 50px;
	background: #7ad1f2;
	border-radius: 10px;
	text-align: center;
	margin: 50px auto;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 50px;
}

.page404 .back:hover {
	opacity: .8;
}

.cont_L .Gamehead .info .tags a {
	background: #ff8733;
}

.cont_L .Gamehead .info .tags a + a {
	background: #32b930;
}

.cont_L .Gamehead .info .tags a + a + a {
	background: #fa4968;
}

.cont_L .Gamehead .info .tags a + a + a+ a {
	background: #2797ff
}

.Min4wrap .phwrap .phtitle {
	margin-top: 0;
}

.Min4wrap .gm_tab .tabhd {
	padding-bottom: 20px;
}

.hdcontent .nav {
	float: right;
}

.hdcontent {
	height: 100px;
}

.hdcontent .nav {
	height: 100px;
}

.hdcontent .logo {
	margin-top: 20px;
}

.hdcontent .nav li a {
	margin-top: 26px;
}

.content .Min2wrap .M2left .slidepicBox {
	height: 100%;
}

.content .Min2wrap .M2left .slidepicBox .bd {
	height: 100%;
}

.content .Min2wrap .M2left .slidepicBox .bd ul {
	height: 100%;
}

.content .Min2wrap .M2left .slidepicBox .bd ul li {
	height: 100%;
}

.content .Min2wrap .M2left .slidepicBox .bd ul li a {
	height: 100%;
	width: 100%;
	display: block;
}

.content .Min2wrap .M2left .slidepicBox .bd ul li a img {
	height: 100%;
	width: 100%;
}

.downl_cont .downl_list .page_tab {
	display: flex;
}

.downl_cont .downl_list .page_tab li {
	margin-right: 20px;
	text-align: center;
	cursor: pointer;
}
 


/* 为main部分添加的响应式文章列表样式 */
.article-list-container {
	margin-top: 20px;
	margin-bottom: 40px;
}

.article-item {
	display: flex;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #eaeaea;
	transition: all 0.3s ease;
}

.article-item:hover {
	background-color: #f9f9f9;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
    
    /* PC端：左图右文 */
.article-img {
	width: 220px;
	height: 150px;
	object-fit: cover;
	border-radius: 8px;
	margin-right: 20px;
	flex-shrink: 0;
}

.article-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.article-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.4;
}

.article-title a {
	color: #333;
	text-decoration: none;
	transition: color 0.3s;
}

.article-title a:hover {
	color: #007bff;
	text-decoration: underline;
}

.article-meta {
	color: #666;
	font-size: 14px;
	margin-top: 10px;
	order: 2;
 /* 默认PC端meta信息在底部 */
}

.article-meta span {
	margin-right: 15px;
}

.article-excerpt {
	color: #666;
	line-height: 1.6;
	font-size: 14px;
	flex-grow: 1;
	order: 1;
 /* 默认PC端摘要在meta上方 */
}
    
/* 移动端适配 */
@media (max-width: 768px) {
	.article-item {
		flex-direction: column;
		padding: 15px;
		border: 1px solid #eee;
		border-radius: 10px;
		background-color: #fff;
		box-shadow: 0 3px 10px rgba(0,0,0,0.05);
	}

	.article-item:hover {
		background-color: #fff;
		box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	}

	.article-img {
		width: 100%;
		height: 180px;
		margin-right: 0;
		margin-top: 15px;
		margin-bottom: 15px;
		order: 2;
 /* 移动端：图片在中间 */
	}

	.article-title {
		font-size: 16px;
		order: 1;
 /* 移动端：标题在最上方 */
		margin-bottom: 10px;
	}

	.article-excerpt {
		order: 3;
 /* 移动端：摘要在图片下方 */
		margin-bottom: 15px;
		font-size: 14px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 4.2em;
		line-height: 1.4;
	}

	.article-meta {
		order: 4;
 /* 移动端：日期和访问数在最底部 */
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: 12px;
		border-top: 1px solid #f0f0f0;
		margin-top: 0;
		font-size: 13px;
	}

	.article-meta span {
		margin-right: 0;
	}
        
        /* 美化移动端meta信息 */
	.article-meta span:first-child {
		background-color: #f0f8ff;
		padding: 3px 10px;
		border-radius: 12px;
		color: #007bff;
	}

	.article-meta span:last-child {
		color: #888;
	}
}
    
/* 超小屏幕进一步优化 */
@media (max-width: 576px) {
	.article-img {
		height: 160px;
	}

	.article-title {
		font-size: 15px;
	}

	.article-excerpt {
		-webkit-line-clamp: 2;
		max-height: 2.8em;
	}
}
    
/* 图片懒加载相关样式 */
.article-img.lazy {
	background-color: #f5f5f5;
	background-image: url('http://www.121yx.com/ling/Public/images/default.gif');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px 50px;
}

        
/*底部部分*/
.foot {
	background: #2f2f2f;
	margin: 30px auto;
	overflow: hidden;
}

.foot img {
	margin: 35px 10px;
}

.foot p {
	text-indent: 30px;
	font-size: 20px;
	color: #ccc;
	font-weight: bold;
	margin: 30px 0 20px;
}

.foot a {
	float: left;
	color: #666;
	font-size: 15px;
	width: 80px;
	margin: 0 0 20px 30px;
}

.foot a:hover {
	color: #fff;
}

.beian {
	font-size: 14px;
	color: #999;
	padding-bottom: 20px;
}

.beian a {
	color: #999;
}

.beian a:hover {
	color: #fff;
}