:root {
	--w: 1200px;
}

.topbg {
	width: var(--w);
}

#header2 {
	width: var(--w);
}

body {
	background: url(../images/bg-img.png) repeat-x;
	background-size: auto 149px;
}

header {
	position: relative;
	width: var(--w);
	padding: 0 10px;
	margin: 0 auto;
	height: 100px;
	box-sizing: border-box;
}

header .top_item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 38px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .top_item>div {
	display: flex;
	gap: 10px;
}

header .top_item a {
	font-size: 14px;
	color: #666;
}

header .top_item a:hover {
	color: #40b4f7;
	text-decoration: underline;
}

header .logo_box {
	position: relative;
	top: 20px;
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .logo_box .logo {
	height: 60px;
}
header .logo_box .logo img{
	display: inline-block;
	width: 182px
}

header .logo_box .search-box {
	width: 230px;
	height: 26px;
	border-radius: 4px;
	border: 1px solid #fff;
	position: relative;
	top: 10px;
}

header .logo_box .search-box #searchForm {
	width: inherit;
	height: inherit;
	position: relative;
}

header .logo_box .search-box #searchForm button {
	position: absolute;
	top: 5px;
	left: 4px;
}

header .logo_box .search-box #searchForm button>i {
	width: 16px;
	height: 16px;
	display: block;
	background-image: url(/jsindex/images/search_btn.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

header .logo_box .search-box #searchForm input {
	width: inherit;
	height: inherit;
	border: unset;
	background: unset;
	text-indent: 36px;
	font-size: 12px;
}

.top-menu{
	display: flex;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0 0 6px #DBF4FD;
	margin-bottom: 20px;
}
.top-menu .menu-item{
	position: relative;
	padding-left: 28px;
}
.top-menu .menu-item span{
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	color: #40b4f7;
	writing-mode: vertical-rl;
	letter-spacing: 7px;
	text-align: center;
	height: 98px;
	padding: 0 3px;
}
.top-menu .menu-item:not(:first-child){
	padding-left: 42px;
}
.top-menu .menu-item:not(:first-child) span{
	padding-left: 12px;
}
.top-menu .menu-item:not(:first-child) span:before{
	content: "";
	position: absolute;
	left: -2px;
	display: inline-block;
	width: 1.5px;
	height: 90px;
	background-color: #abd9f3;
	margin-left: 10px;
}
.top-menu .menu-item dl{
	padding: 7px 0;
	border-bottom: 1px dashed #DBF4FD;
}
.top-menu .menu-item dl:nth-child(2){
	padding-top: 0;
}
.top-menu .menu-item dl:nth-child(4){
	padding-bottom: 0;
	border-bottom: 0;
}
.top-menu .menu-item dl dd{
	display: flex;	
	gap: 18px;
	flex-wrap: nowrap;
}
.top-menu .menu-item dl dd a{
	font-size: 15px;
}
.top-menu .menu-item dl dd a:first-child{
	color: #ff6600;
}
.top-menu .menu-item dl dd a:hover{
	color: #ff6600;
	text-decoration: underline;
}

.footer .bconbox,
.footer .flinks,
.footer .info {
	width: var(--w);
}

.main {
	width: var(--w);
	display: flex;
}

.w12_box {
	width: var(--w);
	margin: 0 auto;
}

.index_html .source li {
	height: 120px;
}

.itt,
.mboxtitle2 {
	background-repeat: repeat-x;
}

.topsearch {
	right: 216px;
}

.index_html .bestjs li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

/*  */
.index_html .main_top_box {
	display: flex;
	width: 100%;
}

.index_html .main_top_box .m_item {
	width: auto;
	flex: 1;
	float: initial;
}

.index_html .switch_cate_item dt span:first-child,
.index_html .switch_cate_item dt span:last-child {
	text-align: center;
}

.switch_cate_item dt span.active {
	color: #40b4f7 !important;
}

.switch_cate_item dd .list_cate_item li a:hover,
.switch_cate_item dd .list_cate_item li:hover .time {
	color: #40b4f7 !important;
}

.article_content {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 15px;
}

.title_new_box {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	margin-bottom: 12px;
	height: 34px;
	line-height: 34px;
}

.title_new_box h3 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

.title_new_box a {
	color: #999;
	font-size: 12px;
}

.title_new_box a:hover {
	color: #40b4f7;
	text-decoration: underline;
}

.title_new_box dl {
	display: flex;
	gap: 10px;
}

.title_new_box dl dd {
	background-color: #F4F4F6;
	border-radius: 5px;
	font-size: 12px;
	color: #333;
	padding: 0 8px;
	height: 28px;
	line-height: 28px;
}

.title_new_box dl dd:hover,
.title_new_box dl dd.active {
	background-color: #40b4f7;
	cursor: pointer;
	color: #fff;
}

.list_circle_item {
	padding: 0;
}

.list_circle_item.none_circle li a:before {
	display: none;
}

.list_circle_item li {
	height: 30px;
	line-height: 30px;
	padding-right: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.list_circle_item li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333;
	font-size: 14px;
}

.list_circle_item li a:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 0%;
	background-color: #A3A3A3;
	position: relative;
	top: -2px;
	margin-right: 5px;
}

.list_circle_item li a:hover {
	text-decoration: underline;
	color: #40b4f7;
}

.list_circle_item li a:hover .type {
	text-decoration: underline;
	color: #40b4f7;
}

.list_circle_item li a .type {
	color: #999;
	font-size: 12px;
	position: relative;
	padding-right: 10px;
}

.list_circle_item li a .type:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 12px;
	background-color: #333;
	right: 5px;
	top: 6px;
}

.list_circle_item li>span {
	float: right;
	color: #999;
	font-size: 12px;
}

.pindao_1_html .col2_box .l_item .list_circle_item li {
	padding: 0px 10px !important;
}

.pindao_1_html .col2_box .l_item .list_circle_item li a {
	display: inline-block;
}



.column_content {
	display: flex;
	gap: 15px;
	margin-top: 15px;
}

.column_content .content {
	width: 800px;
}
.switch-tabs-more a{
	display: none;
}
.switch-tabs-more a.active{
	display: block;
}

.column_content .content:last-child {
	width: 385px;
}

.column_content .content_child {
	display: none;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 15px;
	margin-top: 18px;
}

.column_content .content_child.active {
	display: grid;
}

.column_content .content_child .title_new_box {
	border-bottom: none;
}

.column_content .content_child .img_list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 12px;
}

.column_content .content_child .img_list a {
	display: inline-block;
	width: 72px;
	height: 72px;
	border-radius: 14px;
	position: relative;
	overflow: hidden;
}

.column_content .content_child .img_list a p {
	position: absolute;
	z-index: 9;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 3px 10px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(0, 0, 0, .3);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*  */
.pindao_1_html .col2_box .l_item {
	width: 866px;
}

.top_box {
	height: 80px;
}

.top_box.www .w12_box {
	background-size: initial;
}

.top_box .w12_box .input_search {
	margin: 32px 232px 0 auto;
}

.top_box .w12_box .user_item {
	top: 10px;
}

.column1_html .column_box ul li a .content .info {
	width: 660px;
}

.column1_html .column_box ul li a .content .img_item {
	width: 70px;
	border-radius: 10px;
}

.column_html .column_box ul li a .img_item img,
.column1_html .column_box ul li a .content .img_item img {
	transform: scale(1);
}

/*  */
.zthj_detail_html .text_content .content {
	width: 785px;
}

.zthj_detail_html .img_text_item li {
	width: 374px;
}

.zthj_detail_html .list_info_item li {
	width: 374px;
}

.zthj_detail_html .text_content .img_item img,
.zthj_html .img_text_item li a .img_item img,
.zthj_detail_html .img_text_item li a .title_box .img_item img {
	transform: scale(1);
}

.game_cate_item ul li a .img_item {
	transform: scale(1);
}

/*  */
.zthj_html .img_text_item li {
	width: 283px;
}

.lr_img_text.col3 li a .img_item img {
	transform: scale(1);
}

/*  */
.article_detail_1_html .top_title_item .l_item {
	width: 850px;
}

.article_detail_1_html .col2_box .l_item,
.article_detail_html .col2_box .l_item {
	width: 866px;
}

.article_detail_1_html .col2_box .l_item .article_box ul li a .l_item,
.article_detail_html .col2_box .l_item .article_box ul li a .l_item {
	width: 786px;
}

.article_detail_1_html .col2_box .l_item .article_box ul li a .img_item img {
	transform: scale(1);
}

.article_detail_html .col2_box .l_item .main_box .switch_page a {
	float: initial;
	max-width: none;
	white-space: normal;
}

.footer_box .footer_download .w12_box .col_list dl dt h4 {
	font-size: 16px;
}

.footer_box .footer_download .w12_box .col_list dl dd a {
	font-size: 14px;
	color: #777;
}

.footer_box .footer_title,
.footer_box .footer_title ul,
.footer_box .footer_link,
.footer_box .footer_link ul,
.footer_box .copyright .w12_box,
.footer_box .copyright{
	background-color: transparent;
}
.footer_box .footer_link ul li{
	margin-left: 0;
}
.footer_box .footer_download{
	display: none;
}
.footer_box .copyright .w12_box{
	text-align: left;
	padding-left: 15px;
}
.footer_box .footer_title ul li{
	color: #666;
}
.footer_box .footer_title ul li:before{
	display: none;
}

.zthj_detail_html .text_content .img_item{
	height: 236px;
	margin-top: 30px;
}
.zthj_detail_html .text_content .content .link_item {
	margin-bottom: 15px;
}
.zthj_html .img_text_item li a .img_item{
	height: 150px;
}
.zthj_html .img_text_item{
	margin-top: 10px;
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.zthj_html .img_text_item li{
	width: auto;
	margin: 0;
}
.zthj_detail_html .text_content .content .link_item {
	margin-bottom: 15px;
}
.banner_box{
	padding-bottom: 30px;
}
.banner_box .h1_title {
	font-size: 30px;
	line-height: 1.5;
	color: #333;
	margin-top: 30px;
	width: 866px;
}

.banner_box .banner_info {
	display: flex;
	gap: 15px;
	margin-top: 20px;
}

.banner_box .banner_info>div {
	display: flex;
	gap: 10px;
	align-items: center;
}

.banner_box .banner_info>div img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.banner_box .banner_info>div i {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.banner_box .banner_info>div i.share {
	background: url(../images/share_icon.svg) no-repeat center center;
	background-size: contain;
}

.banner_box .banner_info>div i.collect {
	background: url(../images/collect_icon.svg) no-repeat center center;
	background-size: contain;
}

.banner_box .banner_info>div span {
	font-size: 16px;
	cursor: #fff;
}
.banner_box .text{
	font-size: 18px;
	color: #333;
	margin-top: 20px;
}
.group_btn{
	display: flex;
	gap: 25px;
	align-items: center;
	margin-top: 25px;
}
.group_btn        a{
	display: flex;
	align-items: center;
	gap: 10px;
	height: 64px;
	line-height: 64px;
	color: #fff;
	font-weight: bold;
	padding: 0 20px;
	font-size: 20px;
	border-radius: 8px;
}
.group_btn a:hover{
	opacity: 0.8;
}
.group_btn        a.download{
	background-color: #0099FF;
}
.group_btn        a.link{
	background-color: #5F5C5C;
}
.group_btn        .download1_icon{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/download@.svg) no-repeat center center;
	background-size: contain;
}
.group_btn        .cl_icon{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/cl_icon.svg) no-repeat center center;
	background-size: contain;
}


/*  */
.add_article_html .common_2_box{
	border: none;
	margin-top: 15px;
	padding-top: 10px;
	box-shadow: 0 0 8px 0px #eee;
}
.add_article_html .insert_alixixi2,
.add_article_html .insert_alixixi3{
	margin: 15px 10px;
}
.add_article_html .col2_box .content_template{
	margin: 0 10px 10px;
	font-size: 16px;
	text-indent: 32px;
}
.add_article_html .col2_box .content_template p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
	color: #333;
	margin-top: 5px;
	overflow: hidden;
	text-wrap: inherit!important;
}
.add_article_html .col2_box .content_template p span{
	display: inline;
}
.add_article_html .col2_box .content_template span{
	text-wrap: inherit!important;
}
.add_article_html .col2_box .content_template pre{
	text-wrap: inherit!important;
	overflow: auto;
	text-indent: 0;
}
.add_article_html .col2_box .content_template h2,
.add_article_html .col2_box .content_template h3,
.add_article_html .col2_box .content_template h4,
.add_article_html .col2_box .content_template h5,
.add_article_html .col2_box .content_template h6 {
	color: #00AAFF;
	font-weight: bold;
	padding-left: 15px;
	position: relative;
	margin: 10px 0;
	font-size: 18px;
	line-height: 36px;
	text-indent: 0;
}
.add_article_html .col2_box .content_template h2:before,
.add_article_html .col2_box .content_template h3:before,
.add_article_html .col2_box .content_template h4:before,
.add_article_html .col2_box .content_template h5:before,
.add_article_html .col2_box .content_template h6:before{
	content: "";
	position: absolute;
	width: 4px;
	top: 4px;
	bottom: 4px;
	left: 0;
	background-color: #00AAFF;
}
.add_article_html .col2_box .content_template img {
	width: auto;
	max-width: 600px;
	display: block;
	margin: 15px auto 0;
}
/*  */
.add_article_html .col2_box .l_item {
	width: 866px;
	float: left;
}

.add_article_html .col2_box .r_item {
	width: 314px;
	float: right;
}
.add_article_html .col2_box .l_item .sm_info{
	padding: 10px;
	color: #666;
	background: #FDF4F4;
	border-radius: 5px;
	margin: 10px;
}
.add_article_html .col2_box .l_item .sm_info img{
	width: auto;
	height: 40px;
}
/*  */
.add_article_html .xgwz_box{
	display: grid;
	gap: 20px;
	margin: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.add_article_html .xgwz_box li{
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 0 12px 0 #eee;
}
.add_article_html .xgwz_box li .img_item{
	display: inline-block;
	width: 100%;
	height: 152px;
	flex: none;
}
.add_article_html .xgwz_box li .img_item img{
	transform: scale(1);
}
.add_article_html .xgwz_box li .content{
	padding: 15px;
}
.add_article_html .xgwz_box li .content .tips{
	font-size: 12px;
	padding: 5px 8px;
	border-radius: 99999px;
	color: #fff;
	background-color: #0099FF;
}
.add_article_html .xgwz_box li .content h3{
	font-size: 16px;
	color: #333;
	line-height: 20px;
	font-weight: 700;
	margin: 15px 0;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.add_article_html .xgwz_box li .content h3:hover a{
	color: #0099FF;
}
.add_article_html .xgwz_box li .content p{
	font-size: 14px;
	color: #666;
	line-height: 18px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.add_article_html .xgwz_box li .content .info{
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
.add_article_html .xgwz_box li .content .info div{
	display: flex;
	gap: 10px;
	align-items: center;
}
.add_article_html .xgwz_box li .content .info div span{
	color: #666;
	font-size: 14px;
}
.add_article_html .xgwz_box li .content .info div i {
	display: inline-block;
	width: 15px;
	height: 15px;
}

.add_article_html .xgwz_box li .content .info div i.date {
	background: url(../images/date_icon.png) no-repeat center center;
	background-size: contain;
}

.add_article_html .xgwz_box li .content .info div i.eye {
	background: url(../images/eye_icon.png) no-repeat center center;
	background-size: contain;
}
.add_article_html .sm_info2{
	border-top: 1px solid #E6E7EB;
	padding: 20px 5px;
	margin: 20px 10px 0;
	color: #666;
}
.add_article_html .sm_info2 a{
	color: #0099FF;
}
.add_article_html .sm_info2 a:hover{
	text-decoration: underline;
}
.add_article_html .title_new_box{
	padding: 0 10px;
}
.add_article_html .title_new_box h3{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
}
/*  */
.add_article_html .auther_box{
	padding:20px 0;
}
.add_article_html .auther_box .auther_img{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.add_article_html .auther_box .auther_img img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.add_article_html .auther_box .auther_img span{
	font-size: 20px;
	font-weight: bold;
	color: #0099FF;
	margin-top: 20px;
}
.add_article_html .auther_box p{
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-top: 10px;
}
.add_article_html .auther_box .tips{
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 15px;
}
.add_article_html .auther_box .tips a{
	display: inline-block;
	font-size: 14px;
	padding: 5px 10px;
	color: #666;
	border-radius: 9999px;
	background-color: #F3F4F6;
}
.add_article_html .auther_box .auther{
	display: block;
	text-align: center;
	width: 86%;
	height: 50px;
	line-height: 50px;
	margin: 20px 7% 0;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	background-color: #0099FF;
}
.add_article_html .auther_box .auther:hover{
	opacity: 0.8;
}
.new_download_box{
	margin:0 10px;
}
.new_download_box a{
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}
.new_download_box a img{
	flex: none;
	width: 80px;
	height: 80px;
	border-radius: 5px;
}
.new_download_box a .content h4{
	font-size: 16px;
	font-weight: bold;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.new_download_box a .content p{
	color: #666;
	font-size: 14px;
	margin-top: 10px;
}
.new_download_box a:hover .content h4{
	color: #0099FF;
}
.look_a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0099FF;
	padding-bottom: 10px;
}
.look_a a{
	color: #0099FF;
	font-size: 16px;
}
.look_a a:hover{
	text-decoration: underline;
}
/*  */
.new_book_box{
	margin:0 10px;
}
.new_book_box a{
	display: block;
	margin-bottom: 15px;
}
.new_book_box a .img_item{
	position: relative;
	height: 200px;
	border-radius: 10px;
	overflow: hidden;
}
.new_book_box a .img_item img{
	transform: scale(1);
	transition: all .3s ease;
}
.new_book_box a:hover .img_item img{
	transform: scale(1.08);
}
.new_book_box a .img_item span{
	position: absolute;
	z-index: 99;
	bottom: 10px;
	right: 8px;
	height: 20px;
	line-height: 20px;
	padding: 0 6px;
	font-size: 12px;
	color: #fff;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, .7);
}
.new_book_box a .img_item p{
	position: absolute;
	bottom: 15px;
	color: #fff;
	left: 0;
	right: 0;
	padding: 0 10px;
	z-index: 99;
}
.new_book_box a p{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-top: 15px;
}
/*  */
.new_recommend_box{
	margin: 0 10px;
}
.new_recommend_box a{
	display: flex;
	gap: 12px;
	margin-bottom: 15px;
}
.new_recommend_box a span{
	font-weight: 700;
	color: #0099FF;
	font-size: 18px;
}
.new_recommend_box a p{
	font-size: 16px;
	font-weight: 500;
	color: #333;
}
.new_recommend_box a:hover p{
	color: #0099FF;
}
.download_icon{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/download_icon.svg) no-repeat center center;
	background-size: contain;
}
.play_icon{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/play_icon.svg) no-repeat center center;
	background-size: contain;
}
.menu_icon{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/menu_icon.svg) no-repeat center center;
	background-size: contain;
}
.flame_icon{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/flame_icon.svg) no-repeat center center;
	background-size: contain;
}
/*  */
.reader_icon{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url(../images/reader_icon.svg) no-repeat center center;
	background-size: contain;
}
.reader_menu{
	padding: 15px;
	margin: 10px;
	background-color: #F3F4F6;
}
.reader_menu .title{
	display: flex;
	gap: 10px;
	align-items: center;
	color: #0099FF;
	font-size: 20px;
	font-weight: bold;
}
.reader_menu ul {
	margin-left: 15px;
	list-style-type: decimal;
}
.reader_menu ul  li{
	margin-top: 10px;
}
.reader_menu ul  li a{
	font-size: 16px;
	font-weight: 500;
}
.reader_menu ul  li:hover a{
	color: #0099FF;
	text-decoration: underline;
}
/*  */
.add_article_html .common_2_box .h4_title{
	font-size: 16px;
	margin: 0 10px;
	color: #0099FF;
}
.add_article_html .add_content{
	display: grid;
	gap: 15px;
	margin: 15px 10px 25px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.add_article_html .add_content .list{
	display: flex;
	gap: 15px;
}
.add_article_html .add_content .list .img_item{
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 6px;
	background-color: #E9EFFF;
}
.add_article_html .add_content .list .img_item img{
	display: inline-block;
	width: auto;
	height: 25px;
	transform: scale(1);
}
.add_article_html .add_content .list .content h5{
	font-size: 16px;
	font-weight: bold;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.add_article_html .add_content .list .content p{
	color: #666;
	font-size: 14px;
	margin-top: 10px;
}
.add_article_html .table_box{
	width: calc(100% - 20px);
	margin: 15px 10px 25px;
}
.add_article_html .table_box thead{
	border-bottom: 1px solid #eee;
	background-color: #F9FAFB;
}
.add_article_html .table_box thead tr td{
	color: #666;
	padding: 0 15px;
}
.add_article_html .table_box tr{
	height: 50px;
	line-height: 50px;
}
.add_article_html .table_box tbody tr{
	border-bottom: 1px solid #eee;
}
.add_article_html .table_box tbody tr td{
	color: #333;
	padding: 0 15px;
}
.install_box{
	margin:15px 10px 25px 25px;
	list-style-type: decimal;
}
.install_box li{
	margin-top: 10px;
}
.install_box li a{
	font-size: 16px;
	font-weight: 500;
}
/*  */
.scale_img_template {
	height: 268px;
	margin: 15px 10px;
	padding: 10px 0;
	overflow-x: auto;
}
.scale_img_template::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: transparent;
}
.scale_img_template::-webkit-scrollbar-thumb {
	background: #FFDD59;
	border-radius: 4px;
}
.scale_img_template::-webkit-scrollbar-track {
	border-radius: 4px;
	background-color: #EEEEEE;
}
.scale_img_template .scale_img {
	display: flex;
	height: 100%;
	column-gap: 15px;
}
.scale_img_template .scale_img .list {
	flex: none;
}
.scale_img_template .scale_img .list .img_item {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.scale_img_template .scale_img .list .img_item img {
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transform: scale(1);
}
.add_article_html .download_h{
	margin: 20px 10px;
}
.add_article_html .download_h li{
	box-shadow: none;
	flex-direction: row;
	gap: 20px;
}
.add_article_html .download_h li .img_item{
	width: 120px;
	height: 120px;
	border-radius: 8px;
	overflow: hidden;
}
.add_article_html .download_h li .content{
	padding: 0;
}
.add_article_html .download_h li .content h3{
	margin: 0 0 10px;
}
.add_article_html .download_h li .content .size{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	margin-top: 10px;
	font-size: 14px;
	color: #0099FF;
	font-weight: bold;
	border-radius: 9999px;
	background-color: #dbeafe;
}
.zyxx_box .title_new_box{
	display: block;
}
.zyxx_box .title_new_box h3{
	display: flex;
	justify-content: space-between;
}
.zyxx_box .title_new_box h3 span{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px;
	border-radius: 9999px;
	color: #15803d;
	background-color: #DCFCE8;
}
.zyxx_box ul{
	margin: 0 10px;
}
.zyxx_box ul li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.zyxx_box ul li span:first-child{
	font-size: 14px;
	color: #666;
}
.zyxx_box ul li span:last-child{
	font-size: 14px;
	color: #333;
}
/*  */
.zyxx_box .share_item{
	display: flex;
	gap: 15px;
	margin: 0 10px 10px;
}
.zyxx_box .share_item a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #F3F4F6;
}
.zyxx_box .share_item a:hover{
	background-color: #eee;
}
.zyxx_box .share_item a i{
	display: inline-block;
	width: 22px;
	height: 20px;
}
.zyxx_box .share_item a .wx{
	background: url(../images/zy_wx_icon.svg) no-repeat center center;
	background-size: contain;
}
.zyxx_box .share_item a .wb{
	background: url(../images/zy_wb_icon.svg) no-repeat center center;
	background-size: contain;
}
.zyxx_box .share_item a .qq{
	background: url(../images/zy_qq_icon.svg) no-repeat center center;
	background-size: contain;
}
.zyxx_box .share_item a .link{
	background: url(../images/zy_link_icon.svg) no-repeat center center;
	background-size: contain;
}
.zthj_item a .img_item{
	height: 160px;
}
/*  */
.star_template {
	width: 80px;
	height: 16px;
	margin-top: 10px;
}
.star_template dl {
	position: relative;
	height: 100%;
	display: flex;
	background: url(../images/star.svg);
	background-size: auto 100%;
}
.star_template dl dt {
	position: absolute;
	height: 100%;
	text-indent: -9000px;
	z-index: 1;
	background-image: url(../images/star@.svg);
	background-size: auto 100%;
}
.star_template dl dd {
	text-indent: -9000px;
	padding: 0;
	margin: 0;
	float: left;
	width: 16px;
	height: 100%;
}
.list_circle_item.list2_row{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 15px;
}
.list_circle_item.list2_row li{
	padding-left: 10px;
}
.add_article_html .col2_box .r_item .list_circle_item li{
	padding-left: 10px;
}
.menu_btn{
	display: none;
	position: relative;
	padding: 0;
	width: 26px;
	height: 34px;
	border-radius: 50%;
}
.menu_btn i{
	display: block;
	height: 0;
	border-top: #0099FF 2.5px solid;
	width: 100%;
	border-radius: 2px;
	margin-top: 6px;
}
.menu_btn i:first-child{
	margin-top: 0;
}
.m_box{
	display: none;
}
.add_article_html .col2_box .sm_info{
	padding: 10px;
	color: #666;
	background: #FDF4F4;
	border-radius: 5px;
	margin: 10px;
}
.add_article_html .col2_box .sm_info img{
	width: auto;
	height: 40px;
}

.all_nav_menu dl{position: relative;display: flex;flex-wrap: wrap;gap: 10px;min-height: 65px;padding: 15px 0 15px 110px;border-bottom: 1px dashed #ddd;}
.all_nav_menu dl:first-child{border-top: 1px dashed #ddd;}
.all_nav_menu dl dt{position: absolute;left: 10px;top: 15px;width: 90px;}
.all_nav_menu dl dt a{position: relative;display: block;color: #333;font-size: 16px;font-weight: bold;text-align: center;}
.all_nav_menu dl dd{position: relative;padding: 8px;min-width: 80px;height: fit-content;text-align: center;border-radius: 3px;background-color: #f5f5f5;}
.all_nav_menu dl dd>a{font-size: 14px;color: #565656;}
.all_nav_menu dl dd:hover{background-color: #40b4f7;}
.all_nav_menu dl dd:hover > a{color: #fff;}
.all_nav_menu dl dd > div{position: absolute;top: 36px;left: 0;right: 0;color: #000;z-index: 99;display: none;font-size: 14px;padding: 10px 0;text-align: center;background-color: #fff;box-shadow: 0 2px 2px 2px #f2f2f2;transition: all .3s ease;}
.all_nav_menu dl dd:hover > div{display: block;}
.all_nav_menu dl dd > div a{display: block;width: 92%;color: #40b4f7;padding: 8px 0;margin: 0 4%;}
.all_nav_menu dl dd div a:hover{background-color: #DBF4FD;}


.category_ul{display: grid;row-gap: 20px;column-gap: 10px;grid-template-columns: repeat(2, minmax(0, 1fr));}
.category_ul li{display: flex;gap: 20px;padding: 15px 10px;border-radius: 5px;box-shadow: 0 0 6px #f1f1f1;background-color: #fff;}
.category_ul li:hover{box-shadow: 0 0 12px 0 #DBF4FD;}
.category_ul li .img_item{display: block;width: 96px;height: 96px;flex: none;}
.category_ul li .img_item img{transform: scale(1);}
.category_ul li .content{flex: 1;}
.category_ul li .content .title{margin-bottom: 10px;}
.category_ul li .content .title a{font-size: 16px;color: #333;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.category_ul li .content .title:hover a{color: #40b4f7;}
.category_ul li .content .title i{color: #999;font-size: 14px;}
.category_ul li .content .desc {color: #999;font-size: 14px;line-height: 20px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.category_ul li .content .notes{display: flex;justify-content: space-between;align-items: center;margin-top: 10px;}
.category_ul li .content .notes span{color: #555;font-size: 14px;}
.cate_game_html .content_child{display: none;margin: 30px 0;}
.cate_game_html .content_child.active{display: block;}
.cate_game_html .switch_tabs, .cate_article_html .switch_tabs{display: flex;gap: 10px;}

.cate_game_html .switch_tabs dd, .cate_article_html .switch_tabs dd{background-color: #F4F4F6;border-radius: 5px;font-size: 14px;color: #333;text-align: center;min-width: 60px;font-weight: 500;}
.cate_game_html .switch_tabs dd a, .cate_article_html .switch_tabs dd a{display: block;padding: 8px;}

.cate_game_html .switch_tabs dd:hover, .cate_game_html .switch_tabs dd.active, .cate_article_html .switch_tabs dd:hover, .cate_article_html .switch_tabs dd.active{background-color: #40b4f7;}
.cate_game_html .switch_tabs dd:hover a, .cate_game_html .switch_tabs dd.active a, .cate_article_html .switch_tabs dd:hover a, .cate_article_html .switch_tabs dd.active a{color: #fff;}
.cate_article_html .switch_tabs{margin-bottom: 15px;}

.article_ul li{display: flex;gap: 20px;padding: 15px 10px;border-radius: 5px;box-shadow: 0 0 6px #f1f1f1;background-color: #fff;}
.article_ul li:hover{box-shadow: 0 0 12px 0 #DBF4FD;}
.article_ul li .img_item{display: block;width: 120px;height: 80px;flex: none;}
.article_ul li .img_item img{transform: scale(1);border-radius: 8px;}
.article_ul li .content{flex: 1;}
.article_ul li .content h3 a{font-size: 16px;font-weight: 500;}
.article_ul li .content h3 a:hover{color: #0099FF;}
.article_ul li .content .desc {color: #333;font-size: 14px;line-height: 20px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.article_ul li .content .notes{display: flex;align-items: center;gap: 15px;margin-top: 10px;}
.article_ul li .content .notes span, .article_ul li .content .notes a{display: inline-block;color: #999;font-size: 12px;padding: 5px 10px;border-radius: 9999px;border: 1px solid #eee;}

.menu_btn_close{
	width: 24px;
	height: 24px;
	position: absolute;
	display: none;
	right: 20px;
	top: 15px;
}

.menu_btn_close i{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 26px;
	height: 2px;
	background: #0099FF;
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(45deg);
	border-radius: 2px;
	box-sizing: border-box;
}

/* 第二条逆旋转 */
.menu_btn_close i + i{
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* 可选：聚焦/hover 效果 */
.menu_btn_close:hover i { filter: brightness(1.1); }

@media screen and (max-width: 768px) {
	:root {
		--w: 100%;
	}
	.all_nav_menu dl{
		padding: 70px 10px 10px;
		justify-content: center;
	}
	.all_nav_menu dl dt{
		top: 25px;
		left: 50%;
		transform: translate(-50%);
	}
	header .logo_box .logo img{
		width: 142px
	}
	.category_ul {
		display: flex;
		flex-direction: column;
	}
	.category_ul li .content .notes{
		justify-content: start;
		flex-wrap: wrap;
		column-gap: 12px;
		row-gap: 8px;
	}
	.cate_game_html .switch_tabs + p{
		padding: 0 15px;
	}
	.pc_box,.m_none,
	.add_article_html .auther_box{
		display: none;
	}
	.m_box{
		display: block;
	}
	.menu_btn{
		display: block;
	}
	.menu_btn_close{
		display: inline-block;
	}
	header{
		height: 80px;
	}
	header .logo_box .search-box{
		display: none;
	}
	header .top_item{
		position: relative;
		height: 30px;
	}
	header .logo_box{
		top: 0;
		height: 40px;
	}
	header .logo_box .logo{
		height: 40px;
	}
	.banner_box{
		padding: 15px;
	}
	.banner_box .h1_title{
		width: 100%;
		font-size: 20px;
		font-weight: bold;
	}
	.banner_box .text{
		font-size: 16px;
	}
	.group_btn a{
		height: 48px;
		font-size: 16px;
	}
	.add_article_html .col2_box .l_item,
	.add_article_html .col2_box .r_item{
		width: 100%;
	}
	.add_article_html .col2_box .content_template img{
		max-width: 100%;
	}
	.top-menu{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99;
		transition: all .5s ease;
		background-color: #fff;
		margin: 0;
	}
	.top-menu.show{
		display: block;
	}
	.top-menu .menu-item{
		padding: 0 15px;
		margin-top: 25px;
	}
	.top-menu {
		padding-top: 30px;
	}
	.top-menu .menu-item span{
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 0;
		writing-mode: initial;
		height: 36px;
	}
	.top-menu .menu-item:not(:first-child) span{
		padding-left: 0;
	}
	.top-menu .menu-item:not(:first-child){
		padding: 0 15px;
	}
	.top-menu .menu-item:not(:first-child) span:before{
		display: none;
	}
	.cate_game_html .switch_tabs,
	.cate_article_html .switch_tabs{
		margin: 0 15px 15px;
		padding-top: 15px;
	}
}