h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, li, body, form { padding:0; margin:0; }
html	{ overflow-y:scroll; }
img { border:0; }
ul, ol { list-style-type:none; }
a {font-size:12px; color:#444;}
a:link	{text-decoration:none;}
a:visited {text-decoration:none;}
a:hover	{text-decoration:underline;}
a:active {text-decoration:none;}
body	{
	text-align:center; margin:0 auto;
	font-size:12px; color:#000000; line-height:1.2; font-family:宋体,Arial;
}

.clear	{ width:984;height:1px;}
.clear1	{ width:984;height:5px;}
#htmlBody	{ width:984px; text-align:center; margin:0 auto; padding:0 2px 0 3px;  }
#topBody	{ width:984px; margin:0 auto; text-align:left; }
#mainBody	{ width:984px; margin:0 auto; text-align:left; }
#mainBody1	{ width:984px; margin:0 auto; text-align:left; }
#bottomBody	{ width:984px; margin:0 auto; text-align:left; background-position:0 -15px; }

#topBody .topMenu	{ height:28px;line-height:28px; overflow:hidden; }
#topBody .topMenu .a	{ float:left; width:804px; overflow:hidden; font-size:12px; color:#02b31a }
#topBody .topMenu .a li	{ padding-right:20px; }
#topBody .topMenu .b	{ float:right; width:151px; overflow:hidden; text-align:right; }
#topBody .topLogo		{ min-height:90px; }
#topBody .topLogo .a	{ float:left; width:256px; overflow:hidden; }
#topBody .topLogo .b	{ float:left; width:728px; overflow:hidden; }
#topBody .mainMenu		{
	width:984px;
}

#topBody .mainMenu .topnav	{
	width:984px; height:31px; background:url(../images/top_menuBg.gif) repeat-x top;
	
}
#topBody .mainMenu .topnav .itemMenu	{
	float:left; width:100%; height:31px; overflow:hidden; font-weight:bold;
}
#topBody .itemMenu1	{
	font-size:14px; float:left; color:#ffffff;  font-weight:bold; width:200px;  height:31px;
}
#topBody .mainMenu .topnav a	{ font-size:14px; color:#ffffff; font-family:宋体,Arial; text-decoration:none;  }
#topBody .mainMenu .topnav a:hover { font-size:14px; color:#e2e0e0; font-family:宋体,Arial; text-decoration:none;  }

#topBody .mainMenu .topnav .a	{
	width:93px; line-height:31px; text-align:center; background:url(../images/top_menuOver.gif) no-repeat;
	
}
#topBody .mainMenu .topnav .b	{
	width:93px; line-height:31px; text-align:center; background:none;
	
}
#topBody .mainMenu .topnav .c	{
	width:3px; height:31px; text-align:center; background:url(../images/top_menuDz.gif) no-repeat; font-size:1px;
	
}

#topBody .searchBox	{ margin-top:5px; height:24px; }
#topBody .searchBox .a	{ width:520px; height:22px; line-height:22px; border:1px #e0e0e0 solid; text-indent:5px; }
#topBody .searchBox .b	{ width:438px; height:100%; }
#topBody .searchBox .b div	{ float:right; }
#topBody .searchBox .b .searchImg	{
	width:101px; height:21px; font-size:14px; font-weight:bold; line-height:21px; background:url(../images/top_searchDz.gif);
	 color:#02b31a
}
#topBody .searchBox .b .searchInput	{
	border:1px #cccccc solid; background:#f6f6f6; width:140px; height:19px; line-height:19px;
	
}
#topBody .searchBox .b .searchSelect{
	margin-right:5px;
	
}
#topBody .searchBox .b .searchBtn	{
	width:48px; height:22px; background:url(../images/top_searchBtn.gif); vertical-align:top;
	
}

.topnav{ text-align:center;}
.topnav li{ float: left; position: relative; z-index:999; }
.topnav li ul.subnav {
	float:left; display:none;
	list-style:none; margin:0; padding:0;
	position: absolute; z-index:999; left:-2px; top:30px; width:94px;
	background:#07bf20; border:1px #03ae19 solid;
	filter:alpha(opacity=95);
	-moz-opacity:0.95; 
	opacity: 0.95; 
}
.topnav li ul.subnav li{
	clear: both;
	margin: 0; padding: 0;
	width: 94px;
}
.topnav li ul.subnav li a {
	float:left;
	width: 94px;
	background:#07bf20; color:#d6d5d5;
	
}
.topnav li ul.subnav li a:hover {
	background:#03ae19; color:#ffffff;
}
.list ul	{ margin:0; padding:0; list-style:none; }
.list ul li	{ float:left; overflow:hidden; }

.fenlei{ float:left; width:984px; margin:0 2px 2px 0; }
.fenlei dt{
	background:url(../images/fenlei0.gif) no-repeat; height:30px; 
}
.fenlei dt tt{
float:left; width:200px; line-height:32px; height:30px;  overflow:hidden; font-size:14px; font-weight:bold; color:#ffffff; text-indent:12px;_padding-left:12px;
}
.fenlei dt span{
float:left;text-align:center; width:650px; font-size:12px; line-height:30px; font-weight:bold; color:#1B78A5;
}
.fenlei dd{
	width:980px; float:left; min-height:40px; padding:1px 1px 1px 1px; overflow:hidden;
	border:1px #cecece solid; border-top:none;
}

.biaoge{ border-collapse:collapse;  border: solid #cecece; border-width:1px 1px 1px 1px; color:#1B78A5;}
.biaoge td{ border-collapse:collapse;  border: solid #cecece; border-width:1px 1px 1px 1px; height:28px;}

.biaoge1{ color:#FFFF00;}
.biaoge1 td a:link,.biaoge1 td a:visited{ font-size:12px; color:#FFFF00; line-height:22px; text-decoration:none;}
.biaoge1 td a:hover{ font-size:12px; color:#FFFF00; line-height:22px; }

.biaoge2{ color:#FF0000;}
.biaoge2 td a:link,.biaoge2 td a:visited{ font-size:12px; color:#FF0000; line-height:22px; text-decoration:none;}
.biaoge2 td a:hover{ font-size:12px; color:#FF0000; line-height:22px; }

.biaoge3{ border-collapse:collapse;  border: solid #cecece; border-width:1px 1px 1px 1px; color:#1B78A5;}
.biaoge3 td{ border-collapse:collapse;  border: solid #cecece; border-width:1px 1px 1px 1px; height:26px;}
.biaoge3 td a:link,.biaoge3 td a:visited{ font-size:12px; color:#1B78A5; line-height:22px; text-decoration:none;}
.biaoge3 td a:hover{ font-size:12px; color:#1B78A5; line-height:22px; }

.family_biaoge{ border-collapse:collapse;  border: solid #cecece; border-width:1px 1px 1px 1px; color:#1B78A5;}
.family_biaoge td{ border-collapse:collapse;  border: solid #cecece; border-width:1px 1px 1px 1px; height:25px;}
.family_biaoge td a:link,.family_biaoge td a:visited{ font-size:12px; color:#1B78A5; line-height:22px; text-decoration:none;padding:5px 5px 5px 5px;}
.family_biaoge td a:hover{ font-size:12px; color:#1B78A5; line-height:22px; }

.ad_biaoge{ border-collapse:collapse;  border: solid #cecece; border-width:1px 1px 1px 1px; color:#1B78A5;}
.ad_biaoge td{ border-collapse:collapse;  border: solid #cecece; border-width:1px 1px 1px 1px; height:35px;}

.wenzhang{ float:left; width:244px; padding:1px}
.wenzhang dt{
	background:url(../images/item2.gif) no-repeat; height:30px; text-align:center; line-height:32px; overflow:hidden; font-size:14px; font-weight:bold; color:#ffffff; text-indent:12px;_padding-left:12px;
	
}
.wenzhang dt a{
	font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none;
	
}
.wenzhang dd{
	width:232px; min-height:30px; padding:5px 5px 5px 5px; overflow:hidden;
	border:1px #cecece solid; border-top:none;
	
}

.bottomLine	{
	width:984px; height:5px; overflow:hidden;
	background:#0078bf;
}
.bottomMenu	{ text-align:center; margin: 10px auto 0; padding:0 0 8px 0; }
.bottomCopyright{ text-align:center; line-height:1.6; padding:3px 0 5px 0; }

.listArrow0 ul		{ margin:0; padding:0; list-style:none; }
.listArrow0 ul li	{ line-height:2; overflow:hidden; height:20px; }
.listArrow1 ul		{ margin:0; padding:0; list-style:none; }
.listArrow1 ul li	{ background:url(../images/arrow1.gif) no-repeat 0 0px; line-height:1; overflow:hidden; height:20px; padding-left:16px; }
.listArrow2 ul		{ margin:0; padding:0; list-style:none; }
.listArrow2 ul li	{ background:url(../images/arrow2.gif) no-repeat 0 4px; line-height:2; overflow:hidden; height:25px; padding-left:18px; }
.listArrow3 ul		{ margin:0; padding:0; list-style:none; }
.listArrow3 ul li	{ background:url(../images/arrow3.gif) no-repeat 0 4px; line-height:2; overflow:hidden; height:25px; padding-left:16px; }

.list_list{ float:left; width:984px; margin:0 2px 2px 0; }

.left_list{ float:left; width:280px; padding:1px}
.left_list dt{
	background:url(../images/left_list.gif) no-repeat; height:30px; text-align:center; line-height:32px; overflow:hidden; font-size:14px; font-weight:bold; color:#ffffff; text-indent:12px;_padding-left:12px;
	
}
.left_list dd{
	float:left; width:268px; padding:5px 5px 5px 5px; overflow:hidden;
	border:1px #cecece solid; border-top:none;
}

.right_list{ float:right; width:700px; padding:1px}
.right_list dt{
	background:url(../images/right_list.gif) no-repeat; height:30px; 
}

.right_list dt tt{
float:left; width:190px; line-height:32px; height:30px;  overflow:hidden; font-size:14px; font-weight:bold; color:#ffffff; text-indent:12px;_padding-left:12px;
}
.right_list dt span{
float:left; width:450px; font-size:12px; line-height:30px; font-weight:bold; color:#1B78A5;
}

.right_list dd{
	float:left; width:686px; padding:5px 5px 5px 5px; overflow:hidden;font-size:14px; 
	border:1px #cecece solid; border-top:none;
	
}

.web_list_content {padding:0px 0px 0px 5px; font-weight:bold;}
.add_input {height:40px; width:180px; text-align:left;  padding:1px; font-size:12px; }
.article_content {padding:5px 5px 5px 5px; }
.article_show {font-size:14px; }
.article_show a:link,.article_show a:visited{ font-size:14px; color:#000000; line-height:22px; text-decoration:none;}
.article_show a:hover{ font-size:14px; color:#000000; line-height:22px; }

.thumbItem {
    margin-right: -18px
}

.thumbItem
li {
    float: left;
    margin-right: 16px !important;
    margin-bottom: 16px !important;
    padding: 7px 7px 0 !important;
    border-width: 1px !important;
    font-size: 12px;
    line-height: 22px;
    position: relative;
    background: #fff
}

.thumbItem li
img {
    width: 234px;
    height: 167px;
    display: block
}

.thumbItem li
span {
    height: 40px;
    line-height: 43px;
    padding-left: 0px;
    overflow: hidden
}

.thumbItem.small li
p {
    height: 33px;
    line-height: 33px;
    width: 218px
}

.thumbItem.large
li {
    background: #fff;
    float: left
}

.thumbItem.large li
img {
    width: 300px;
    height: 214px
}

.thumbItem.large
.title {
    float: left;
    width: 245px;
    font-size: 14px;
    font-family: 'microsoft yahei', "\5B8B\4F53", sans-serif
}

.thumbItem.large
.title2 {
    float: left;
    width: 278px;
    font-size: 14px;
    font-family: 'microsoft yahei', "\5B8B\4F53", sans-serif
}

.thumbItem.large li .col-item-ads {
    width: 300px;
    height: 250px;
    margin-bottom: 7px
}

.thumbItem.large li .col-item-ads
img {
    height: 250px
}

.Itemli {
    height: 300px
}

.Itemli
img {
    height: 255px !important
}

.thumbItem.large li .col-item-ads1 {
    width: 300px;
    height: 300px !important;
    margin-bottom: 7px
}

.thumbItem
.title {
    float: left;
    width: 160px;
    font-size: 12px
}

.thumbItem
.demo {
    float: right;
    width: 44px;
    height: 21px;
    margin-top: 10px;
    margin-right: 3px;
    overflow: visible;
    line-height: 21px
}

.thumbItem .demo
a {
    text-align: center;
    border-radius: 2px;
    background: #eee;
    background: -webkit-linear-gradient(top, rgba(205, 205, 205, 1) 0%, rgba(239, 239, 239, 1) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%);
    box-shadow: 1px 1px 1px #c2c2c2;
    padding: 2px 10px
}

.thumbItem .demo a:hover {
    background: -webkit-linear-gradient(top, rgba(155, 155, 155, 0.8) 2%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(top, rgba(155, 155, 155, 1) 0%, rgba(239, 239, 239, 1) 100%);
    background: linear-gradient(top, rgba(155, 155, 155, 1) 0%, rgba(239, 239, 239, 1) 100%);
    box-shadow: 1px 1px 1px #999
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    font-size: 0
}

.clearfix {
    zoom: 1
}

.page-block, .thumbItem li, .content-wrap, .page-radius {
    box-shadow: -1px 0px 1px rgba(0, 0, 0, .04), 0px 1px 1px rgba(0, 0, 0, .13), 1px 0px 2px rgba(0, 0, 0, .05);
    border-top: 1px solid #e4e4e4;
    border-radius: 2px
}

.thumbItem.large
.title1 {
    float: left;
    width: 300px;
    font-size: 14px;
    font-family: 'microsoft yahei', "\5B8B\4F53", sans-serif
}

.thumbItem.large .title1 .title1-t {
    float: left;
    width: 230px;
    font-size: 14px;
    font-family: 'microsoft yahei', "\5B8B\4F53", sans-serif
}
.thumbItem.large .title1 .preview{
    float: right;
    display: inline-block;
    width: 44px;
    height: 21px;
    margin-top: 10px;
    margin-right: 3px;
    overflow: visible;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
    background: #eee;
    background: -webkit-linear-gradient(top, rgba(205, 205, 205, 1) 0%, rgba(239, 239, 239, 1) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%);
    box-shadow: 1px 1px 1px #c2c2c2;
    padding: 2px 10px;
    box-sizing: border-box;
    font-size: 12px;
}
    .col-media-main1 .thumbItem.large
    li {
        margin-right: 21px;
        margin-bottom: 20px
    }

.thumbItem.large li .Item-label{
    position: absolute;
    top: 14px;
    right: 7px;
    width: 99px;
    height: 24px;
    line-height: 22px;
    background: url(/images/icon-label.png) 0px 0px no-repeat;
    box-sizing: border-box;
    padding: 0px 5px 0px 20px;
    text-align: center;
}
.thumbItem.large li .Item-label span{
    position: absolute;
	top: -10px;
    right: -6px;
    width: 99px;
    height: 30px;
    display: inline-block;
    width: 100%;
    white-space:nowrap;
    overflow: hidden;
    font-size: 12px;
    color: #7FA8FF;
}

.dede_pages{
	width:100%;height:50px;
	float:left;position:relative;z-index:9999
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}

.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;

}

.dede_pages ul li a{
	float:left;
	padding:1px 4px 1px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:1px 4px 1px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:1px 4px 1px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

.publish-form {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #444444;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 13px;
}

.publish-form .publish-row > td {
    height: 34px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    vertical-align: middle;
}

.publish-form input[type="text"] {
    box-sizing: border-box;
    width: 210px;
    height: 32px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #D6DEE8;
    border-radius: 5px;
    background: #FFFFFF;
    color: #333333;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 13px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.publish-form input[type="text"]:hover {
    border-color: #91BDE0;
}

.publish-form input[type="text"]:focus {
    border-color: #1688D4;
    box-shadow: 0 0 0 3px rgba(22,136,212,0.12);
}

.publish-form input[type="text"]::placeholder {
    color: #A5ADB8;
    opacity: 1;
}

.publish-form select {
    box-sizing: border-box;
    min-width: 140px;
    max-width: 100%;
    height: 32px;
    padding: 0 8px;
    border: 1px solid #D6DEE8;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #444444;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 13px;
    outline: none;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.publish-form select:hover {
    border-color: #91BDE0;
}

.publish-form select:focus {
    border-color: #1688D4;
    box-shadow: 0 0 0 3px rgba(22,136,212,0.12);
}

.publish-form input.Wdate {
    box-sizing: border-box;
    width: 145px;
    height: 32px;
    line-height: 30px;
    padding: 0 26px 0 10px;
    border: 1px solid #D6DEE8;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #444444;
    cursor: pointer;
}

.publish-form input.Wdate:focus {
    border-color: #1688D4;
    box-shadow: 0 0 0 3px rgba(22,136,212,0.12);
}

.publish-form .publish-time-table {
    width: auto;
    max-width: 100%;
    border: 0;
    background: transparent;
}

.publish-form .publish-time-table td {
    height: 34px;
    padding: 0 6px 0 0;
    border: 0;
    background: transparent;
    vertical-align: middle;
}

.publish-form .publish-time-table select {
    min-width: 125px;
}

.publish-form .publish-time-table select[name="minute"] {
    min-width: 75px;
}

.publish-form textarea {
    box-sizing: border-box;
    display: inline-block;
    width: 95%;
    max-width: 600px;
    height: 180px;
    min-height: 180px;
    padding: 10px 12px;
    border: 1px solid #D6DEE8;
    border-radius: 6px;
    background: #FFFFFF;
    color: #333333;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.7;
    outline: none;
    resize: vertical;
    vertical-align: middle;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.publish-form textarea:hover {
    border-color: #91BDE0;
}

.publish-form textarea:focus {
    border-color: #1688D4;
    box-shadow: 0 0 0 3px rgba(22,136,212,0.12);
}

.publish-form textarea::placeholder {
    color: #A5ADB8;
}

.publish-form .publish-help {
    display: inline-block;
    margin-left: 5px;
    color: #888888;
    font-size: 12px;
    vertical-align: middle;
}

.publish-form .publish-submit {
    box-sizing: border-box;
    display: inline-block;
    width: 130px;
    height: 36px;
    line-height: 36px;
    padding: 0;
    margin: 3px 0;
    border: 1px solid #0878C0;
    border-radius: 5px;
    background: #1688D4;
    color: #FFFFFF;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    box-shadow: 0 2px 5px rgba(22,136,212,0.18);
    transition: background 0.2s, box-shadow 0.2s;
}

.publish-form .publish-submit:hover {
    background: #0878C0;
    border-color: #066EAE;
    box-shadow: 0 3px 8px rgba(22,136,212,0.25);
}

.publish-form .publish-submit:active {
    background: #066AA8;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.publish-form .publish-submit:focus-visible {
    outline: 2px solid #1688D4;
    outline-offset: 3px;
}

.publish-form .publish-row {
    background-color: #F1F7FD;
    transition: background-color 0.2s ease;
}

.publish-form .publish-row:hover {
    background-color: #D6E9FA;
}

.publish-form .publish-row:hover td {
    background-color: transparent;
}

.site-extra-page { font-family: 宋体, Arial, sans-serif; font-size:12px; color:#34495e; }
.site-extra-page .extra-table {
  width:100%; border-collapse:collapse; border:1px solid #c5dced;
  background:#fff; color:#34495e; font:12px 宋体,Arial,sans-serif;
}
.site-extra-page .extra-table td {
  box-sizing:border-box; padding:8px 10px; border:1px solid #d6e5f0;
  line-height:1.65; vertical-align:middle;
}
.site-extra-page .extra-table .extra-head td {
  padding:9px 8px; color:#fff; font-weight:bold; text-align:center;
  background:linear-gradient(to bottom,#168ddd,#0562a9);
}
.site-extra-page .extra-table .extra-row { background:#fff; transition:background-color .18s ease; }
.site-extra-page .extra-table .extra-row:nth-child(even) { background:#f1f7fd; }
.site-extra-page .extra-table .extra-row:hover { background:#d6e9fa; }
.site-extra-page .extra-table a { color:#0878c0; text-decoration:none; }
.site-extra-page .extra-table a:hover { color:#e56b00; text-decoration:underline; }

.template-gallery-page .thumbItem {
    display: grid !important;
    grid-template-columns: repeat(3, 286px);
    justify-content: center !important;
    justify-items: center;
    column-gap: 36px;
    row-gap: 30px;
    width: 100% !important;
    box-sizing: border-box;
    padding: 16px 0 !important;
    margin: 0 auto !important;
    list-style: none;
}

.template-gallery-page .thumbItem::before,
.template-gallery-page .thumbItem::after {
    display: none !important;
    content: none !important;
}

.template-gallery-page .thumbItem > li {
    position: relative;
    display: block;
    float: none;
    min-width: 0;
    box-sizing: border-box;
    width: 286px !important;
    margin: 0 !important;
    padding: 9px;
    border: 1px solid #d5e5f1;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(30, 90, 130, .07);
    transition: border-color .18s, box-shadow .18s, transform .18s;
}

.template-gallery-page .thumbItem > li:hover {
    border-color: #78b8e2;
    box-shadow: 0 5px 14px rgba(30, 110, 165, .13);
    transform: translateY(-2px);
}

.template-gallery-page .thumbItem .thumbImgs {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
    border: 1px solid #e2ebf2;
    border-radius: 4px;
}

.template-gallery-page .thumbItem .title1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    float: none;
    width: 100%;
    margin-top: 9px;
    line-height: 28px;
}

.template-gallery-page .thumbItem .title1-t {
    display: block;
    float: none;
    width: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #245575;
    font: bold 13px/28px 宋体, Arial, sans-serif;
}

.template-gallery-page .thumbItem .preview {
    flex: none;
    display: inline-block;
    float: none;
    width: auto;
    height: 25px;
    margin: 0;
    padding: 0 12px;
    border: 0;
    border-radius: 4px;
    background: #1688d4;
    color: #ffffff !important;
    line-height: 25px;
    text-decoration: none !important;
    box-shadow: none;
}

.template-gallery-page .thumbItem .preview:hover {
    background: #0872b8;
}

.template-gallery-page .thumbItem .Item-label {
    margin-top: 5px;
    color: #71869a;
    font: 12px/22px 宋体, Arial, sans-serif;
}

.template-gallery-page .template-paging {
    clear: both;
    float: right;
    margin: 8px 5px 12px;
    font: 12px/26px 宋体, Arial, sans-serif;
}

.template-gallery-page .template-paging a {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 8px;
    border: 1px solid #c4dced;
    border-radius: 4px;
    background: #f5faff;
    color: #076eac;
    text-decoration: none;
}

.template-gallery-page .template-paging a:hover {
    background: #d6e9fa;
}

.template-detail-page .template-meta {
  width:100%; max-width:760px; margin:4px auto 12px; border-collapse:collapse;
  background:#f1f7fd; border:1px solid #d6e5f0;
}
.template-detail-page .template-meta td { padding:9px 10px; color:#425b72; font:12px 宋体,Arial,sans-serif; }
.template-detail-page .template-content {
  padding:20px 24px!important; color:#34495e; font:14px/2 "Microsoft YaHei",宋体,Arial,sans-serif!important;
  word-break:break-word; overflow-wrap:anywhere;
}
.template-detail-page .template-content img { max-width:100%; height:auto; cursor:zoom-in; }
.template-detail-page .template-source {
  margin:18px 0 4px; padding:14px 18px; border:1px solid #d6e5f0;
  background:#f8fbff; color:#52677b; font:12px/2 宋体,Arial,sans-serif;
}

.family-publish-page .family-publish-table { width:100%; border-collapse:collapse; }
.family-publish-page .family-publish-table td {
  padding:6px 8px; border-bottom:1px solid #e1ebf3; font:12px 宋体,Arial,sans-serif;
}
.family-publish-page .family-publish-table tr { background:#f7fbff; transition:background .18s; }
.family-publish-page .family-publish-table tr:hover { background:#e2f0fc; }
.family-publish-page .family-publish-table td:first-child { width:18%; color:#315a78; text-align:center; white-space:nowrap; }
.family-publish-page .family-publish-table input[type=text],
.family-publish-page .family-publish-table input[type=url],
.family-publish-page .family-publish-table input[type=number],
.family-publish-page .family-publish-table select,
.family-publish-page .family-publish-table textarea {
  box-sizing:border-box; max-width:100%; padding:7px 9px; border:1px solid #c8dbea;
  border-radius:4px; background:#fff; color:#34495e; font:12px 宋体,Arial,sans-serif;
}
.family-publish-page .family-publish-table input[type=text] { width:260px; }
.family-publish-page .family-publish-table textarea { width:min(620px,98%); min-height:150px; resize:vertical; }
.family-publish-page .family-publish-table input:focus,
.family-publish-page .family-publish-table select:focus,
.family-publish-page .family-publish-table textarea:focus {
  outline:none; border-color:#1688d4; box-shadow:0 0 0 3px rgba(22,136,212,.12);
}
.family-publish-page .family-copy-area { width:95%; max-width:420px; height:55px; resize:vertical; }
.family-publish-page .family-copy-button,
.family-publish-page .family-publish-submit {
  display:inline-block; padding:8px 18px; border:1px solid #0878c0; border-radius:4px;
  background:#1688d4; color:#fff; font: bold 12px 宋体,Arial,sans-serif; cursor:pointer;
}
.family-publish-page .family-copy-button:hover,
.family-publish-page .family-publish-submit:hover { background:#056baa; }

.ad-service-page .ad-table .ad-red-row { background:#b82020!important; color:#fff; font-weight:bold; }
.ad-service-page .ad-table .ad-red-row:hover { background:#941616!important; }
.ad-service-page .ad-table .ad-yellow-row { background:#fff2a8!important; color:#9a3c00; font-weight:bold; }
.ad-service-page .ad-table .ad-yellow-row:hover { background:#ffe477!important; }
.ad-service-page .ad-table .ad-price { background:#eaf7ff; color:#176da9; font-weight:bold; white-space:nowrap; }
.ad-service-page .ad-notice { color:#c0392b; font-weight:bold; text-align:center; }

.service-page .service-highlight {
  padding:18px; background:#f1f7fd; border:1px solid #d6e5f0;
  color:#245575; text-align:center; font:bold 15px/2 "Microsoft YaHei",宋体,Arial,sans-serif;
}
.service-page .service-contact {
  display:inline-block; margin:8px 0; padding:8px 18px; border-radius:4px;
  background:#1688d4; color:#fff!important; font-weight:bold;
}
.service-page .service-contact:hover { background:#056baa; text-decoration:none!important; }

@media screen and (max-width: 700px) {
    .template-gallery-page .thumbItem {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        padding: 12px;
    }

    .template-gallery-page .thumbItem .thumbImgs {
        height: 160px;
    }

    .family-publish-page .family-publish-table td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .family-publish-page .family-publish-table input[type=text] {
        width: 100%;
    }

    .ad-service-page .ad-table td {
        padding: 7px 4px;
    }
}

@media screen and (max-width: 480px) {
    .template-gallery-page .thumbItem {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 10px;
    }

    .template-gallery-page .thumbItem .thumbImgs {
        height: auto;
        max-height: 220px;
        object-fit: contain;
    }
}

.family-page {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    color: #243c55;
}
.family-page .fenlei dt span {
    color: #146ea9;
    font-size: 12px;
}
.family-page .fenlei dd {
    background: #fff;
}
.family-page .family_biaoge {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #c5dced;
    background: #fff;
    color: #243c55;
    font: 12px 宋体, Arial, sans-serif;
}
.family-page .family_biaoge td {
    box-sizing: border-box;
    height: 36px;
    padding: 5px 2px;
    border: 1px solid #d6e5f0;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    font: 13px 宋体, Arial, sans-serif;
}
.family-page .family_biaoge .family-header-row td {
    height: 36px;
    padding: 5px 2px;
    background: #0878c2;
    background: linear-gradient(to bottom, #168ddd, #0562a9);
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
}
.family-page .family_biaoge .family-data-row {
    background: #fff;
    transition: background-color .18s ease;
}
.family-page .family_biaoge .family-data-row:nth-child(odd) {
    background: #f1f7fd;
}
.family-page .family_biaoge .family-data-row:hover {
    background: #d6e9fa;
}
.family-page .family_biaoge .family-data-row td {
    background: transparent;
    font: 13px/1.5 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.family-page .family_biaoge a.family-name {
    color: #086cae;
    font-weight: bold;
    text-decoration: none;
}
.family-page .family_biaoge a.family-name:hover {
    color: #e56b00;
}

.family-page .family-version,
.family_show_table .family-version {
    display: inline-block;
    box-sizing: border-box;
    width: 68px;
    height: 22px;
    padding: 0;
    overflow: hidden;
    border-radius: 4px;
    color: #fff !important;
    font: 12px/22px 宋体, Arial, sans-serif !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.family-page .family-version-1,
.family_show_table .family-version-1 {
    background: linear-gradient(to bottom, #35bb67, #159543) !important;
}
.family-page .family-version-2,
.family_show_table .family-version-2 {
    background: linear-gradient(to bottom, #36b1eb, #087bc8) !important;
}
.family-page .family-version-3,
.family_show_table .family-version-3 {
    background: linear-gradient(to bottom, #ff7966, #d83b30) !important;
}
.family-page .family-version-default,
.family_show_table .family-version-default {
    background: #718aa1 !important;
}

.family-page .family_biaoge a.family-action,
.family_show_table a.family-action {
    display: inline-flex;
    box-sizing: border-box;
    width: 84px;
    min-width: 84px;
    height: 26px;
    padding: 0 4px !important;
    align-items: center;
    justify-content: center;
    gap: 3px;
    overflow: hidden;
    border: 1px solid #0584c9;
    border-radius: 4px;
    background: linear-gradient(to bottom, #21b8ee, #0579c7);
    color: #fff !important;
    font: 12px/24px 宋体, Arial, sans-serif !important;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    vertical-align: middle;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
}
.family-page .family-action img,
.family_show_table .family-action img {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    border: 0;
    vertical-align: middle;
    flex: none;
}
.family-page .family_biaoge a.family-join,
.family_show_table a.family-join {
    border-color: #0584c9;
    background: linear-gradient(to bottom, #21b8ee, #0579c7);
}
.family-page .family_biaoge a.family-vote {
    border-color: #e58209;
    background: linear-gradient(to bottom, #ffa93e, #e87d08);
}
.family-page .family_biaoge a.family-detail {
    border-color: #9dc8e5;
    background: linear-gradient(to bottom, #f5fbff, #c8e8fc);
    color: #086ba6 !important;
}
.family-page .family_biaoge a.family-action:hover,
.family_show_table a.family-action:hover {
    filter: brightness(.90);
    text-decoration: none !important;
}

.family-page .family-paging {
    float: right;
    margin: 8px 4px 10px;
    font: 12px/26px 宋体, Arial, sans-serif;
}
.family-page .family-paging a {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 7px;
    border: 1px solid #c4dced;
    border-radius: 4px;
    background: #f5faff;
    color: #076eac;
    text-decoration: none;
}
.family-page .family-paging a:hover {
    background: #d6e9fa;
}

.family_show_table {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #c5dced;
    border-collapse: collapse;
    background: #fff;
    color: #243c55;
    font: 12px 宋体, Arial, sans-serif;
}
.family_show_table td {
    box-sizing: border-box;
    height: 38px;
    padding: 5px 12px;
    border: 1px solid #d6e5f0;
    font: 14px/26px "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
    vertical-align: middle;
}
.family_show_table .family_show_label {
    width: 150px;
    background: #eaf3fc;
    color: #086cae;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
.family_show_table .family_show_value {
    padding-left: 16px;
    background: #fff;
    color: #35465a;
}
.family_show_table tr:nth-child(even) .family_show_value {
    background: #f1f7fd;
}
.family_show_table tr:hover .family_show_label {
    background: #d6e9fa;
}
.family_show_table tr:hover .family_show_value {
    background: #e7f2fc;
}
.family_show_table .family_show_name {
    color: #0878c0 !important;
    font-size: 14px !important;
    font-weight: bold;
}
.family_show_table .family-copy-name {
    display: inline-block;
    margin-left: 12px;
    color: #e45b45 !important;
    text-decoration: none !important;
}
.family_show_table .family-copy-name:hover {
    color: #c73525 !important;
    text-decoration: underline !important;
}
.family_show_table .family_show_value a:not(.family-action):not(.family-qun-click) {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
    font-size: 14px !important;
}
.family_show_table a img[alt="复制家族信息"] {
    display: inline-block;
    width: 260px;
    height: 24px;
    max-width: 100%;
    border: 0;
    vertical-align: middle;
}
.family_show_table .family_hot_value {
    color: #f18b16 !important;
    font-weight: bold;
}
.family_show_table .family_show_content {
    min-height: 65px;
    padding: 12px 16px;
    color: #46576a;
    line-height: 2 !important;
    word-break: break-all;
}
.family_show_table .family_show_value a:not(.family-action):not(.family-copy-name) {
    color: #1683c5;
    text-decoration: none;
}
.family_show_table .family_show_value a:not(.family-action):not(.family-copy-name):hover {
    color: #e45b45;
    text-decoration: underline;
}

@media screen and (max-width: 600px) {
    .family_show_table .family_show_label {
        width: 95px;
    }
    .family_show_table td {
        padding: 5px 7px;
    }
    .family-page .family_biaoge td {
        padding: 4px 1px;
    }
    .family-page .family_biaoge a.family-action {
        width: 78px;
        min-width: 78px;
    }
}

.article-page {
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
    color: #243c55;
}

.article-page .article-list-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #c5dced;
    background: #fff;
    font: 12px 宋体, Arial, sans-serif;
}

.article-page .article-list-table td {
    box-sizing: border-box;
    height: 36px;
    padding: 5px 7px;
    border: 1px solid #d6e5f0;
    line-height: 1.5;
    vertical-align: middle;
    font-size: 14px;
}

.article-page .article-list-table a,
.article-page .article-list-table a:hover,
.article-page .article-list-table a:visited {
    text-decoration: none !important;
}

.article-page .article-list-table .article-header-row td {
    height: 36px;
    background: linear-gradient(#168ddd, #0562a9);
    color: #fff;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.article-page .article-list-table .article-data-row {
    background: #ffffff;
}

.article-page .article-list-table .article-data-row:nth-child(even) {
    background: #f1f7fd;
}

.article-page .article-list-table .article-data-row:hover {
    background: #d6e9fa;
}

.article-page .article-list-table .article-data-row td {
    background: transparent;
}

.article-page .article-list-table a {
    color: #086cae;
    text-decoration: none;
}

.article-page .article-list-table a:hover {
    color: #e56b00;
    text-decoration: underline;
}

.article-page .article-title-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-page .article-count {
    color: #e58a19;
    font-weight: bold;
}

.article-page .article-paging {
    float: right;
    margin: 8px 4px 10px;
    font: 12px/26px 宋体, Arial, sans-serif;
}

.article-page .article-paging a {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 8px;
    border: 1px solid #c4dced;
    border-radius: 4px;
    background: #f5faff;
    color: #076eac;
    text-decoration: none;
}

.article-page .article-paging a:hover {
    background: #d6e9fa;
}

.article-page .article-detail-panel {
    width: 100%;
    border: 1px solid #c5dced;
    border-collapse: collapse;
    background: #fff;
    color: #35465a;
    font: 12px 宋体, Arial, sans-serif;
}

.article-page .article-detail-panel > tbody > tr > td {
    padding: 10px 14px;
    border-bottom: 1px solid #e0eaf3;
    vertical-align: top;
}

.article-page .article-meta {
    width: 100%;
    border-collapse: collapse;
    background: #f1f7fd;
    border: 1px solid #d6e5f0;
}

.article-page .article-meta td {
    height: 36px;
    padding: 5px 8px;
    font: 12px 宋体, Arial, sans-serif;
}

.article-page .article-meta-label {
    color: #176da9;
    font-weight: bold;
    text-align: right;
}

.article-page .article-meta-value {
    color: #35465a;
}

.article-page .article-content {
    padding: 22px 24px !important;
    color: #333f4d;
    font: 14px/2 "Microsoft YaHei", 宋体, Arial, sans-serif !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.article-page .article-content img {
    max-width: 100%;
    height: auto;
}

.article-page .article-content a {
    color: #0878c0;
    text-decoration: none;
}

.article-page .article-content a:hover {
    color: #e56b00;
    text-decoration: underline;
}

.article-page .article-prev-next {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    margin-top: 18px;
    padding: 0 12px;
    border: 1px solid #c5dced;
    background: #f1f7fd;
    font: 12px/38px 宋体, Arial, sans-serif;
}

.article-page .article-prev,
.article-page .article-next {
    display: block;
    box-sizing: border-box;
    width: 50%;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-page .article-prev {
    float: left;
    text-align: left;
}

.article-page .article-next {
    float: right;
    text-align: right;
}

.article-page .article-source {
    margin-top: 18px;
    padding: 14px 18px;
    border: 1px solid #d6e5f0;
    background: #f8fbff;
    color: #52677b;
    font: 12px/2 宋体, Arial, sans-serif;
}

.article-page .article-source strong {
    color: #176da9;
}

.article-page .article-source a {
    color: #0878c0;
    text-decoration: none;
}

.article-page .article-source a:hover {
    color: #e56b00;
    text-decoration: underline;
}

.template-gallery-page .thumbItem > li .title1 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    width: 100% !important;
    min-height: 32px;
    margin-top: 10px;
    line-height: 32px !important;
}

.template-gallery-page .thumbItem > li .title1-t,
.template-gallery-page .thumbItem > li .title1 .title1-t {
    flex: 1 1 auto;
    min-width: 0;
    height: 32px;
    margin: 0;
    overflow: hidden;
    color: #075b96 !important;
    font: bold 12px/32px 宋体, Arial, sans-serif !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-gallery-page .thumbItem > li .preview,
.template-gallery-page .thumbItem > li .demo a,
.template-gallery-page .thumbItem > li .title1 > a:not(.title1-t) {
    flex: 0 0 auto;
    display: inline-block !important;
    float: none !important;
    box-sizing: border-box;
    width: 48px !important;
    min-width: 48px;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #0878bd !important;
    border-radius: 3px;
    background: linear-gradient(to bottom, #36a9e8, #0878c0) !important;
    color: #ffffff !important;
    font: 12px/23px 宋体, Arial, sans-serif !important;
    font-weight: normal !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 55, 100, .35);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 65, 110, .18);
    opacity: 1 !important;
}

.template-gallery-page .thumbItem > li .preview:hover,
.template-gallery-page .thumbItem > li .demo a:hover,
.template-gallery-page .thumbItem > li .title1 > a:not(.title1-t):hover {
    border-color: #055f9b !important;
    background: linear-gradient(to bottom, #168bd0, #0565a8) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.family-page .family_biaoge a.family-vote,
.family-page .family_biaoge a.family-detail {
    width: 62px !important;
    min-width: 62px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 2px !important;
    gap: 2px !important;
    font: 12px/22px 宋体, Arial, sans-serif !important;
    border-radius: 3px;
}

.family-page .family_biaoge a.family-vote img,
.family-page .family_biaoge a.family-detail img {
    width: 13px !important;
    height: 13px !important;
}

#topBody .wenzhang {
    float: left;
    width: 244px;
    margin: 0;
    padding: 1px;
    box-sizing: content-box;
    color: #34495e;
    font-family: 宋体, Arial, sans-serif;
    font-size: 12px;
}

#topBody .wenzhang dl {
    margin: 0;
    padding: 0;
    border: 1px solid #cbddea;
    background: #ffffff;
    overflow: hidden;
}

#topBody .wenzhang dt {
    height: 29px;
    margin: 0;
    padding: 0 6px;
    overflow: hidden;
    border: 1px solid #0876b9;
    background: linear-gradient(to bottom, #28a5e8 0%, #0878bd 55%, #0565a8 100%);
    color: #ffffff;
    font: bold 14px/29px 宋体, Arial, sans-serif;
    text-align: center;
    text-indent: 0;
    white-space: nowrap;
}

#topBody .wenzhang dt a {
    color: #ffffff;
    font: bold 14px/29px 宋体, Arial, sans-serif;
    text-decoration: none;
}

#topBody .wenzhang dd {
    width: auto;
    min-height: 205px;
    margin: 0;
    padding: 6px 7px;
    box-sizing: border-box;
    overflow: hidden;
    border: 0;
    background: #ffffff;
}

#topBody .wenzhang .listArrow1,
#topBody .wenzhang .listArrow1 ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#topBody .wenzhang .listArrow1 ul li {
    height: 25px;
    margin: 0;
    padding: 0 2px 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #edf3f8;
    background: url(../images/arrow1.gif) no-repeat 2px 5px;
    color: #43566a;
    font: 12px/25px 宋体, Arial, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

#topBody .wenzhang .listArrow1 ul li:last-child {
    border-bottom: 0;
}

#topBody .wenzhang .listArrow1 ul li a {
    color: #43566a;
    font: 12px/20px 宋体, Arial, sans-serif;
    text-decoration: none;
}

#topBody .wenzhang .listArrow1 ul li:hover {
    background-color: #edf7ff;
    border-bottom-color: #d8eaf7;
}

#topBody .wenzhang .listArrow1 ul li a:hover {
    color: #0878bd;
    text-decoration: underline;
}

@media screen and (max-width: 1000px) {
    #topBody .wenzhang {
        max-width: calc(25% - 2px);
    }
}

@media screen and (max-width: 760px) {
    #topBody .wenzhang {
        width: calc(50% - 4px);
        max-width: none;
        box-sizing: border-box;
    }

    #topBody .wenzhang dd {
        min-height: 190px;
    }
}

@media screen and (max-width: 480px) {
    #topBody .wenzhang {
        float: none;
        width: 100%;
        max-width: none;
        padding: 1px 0;
    }

    #topBody .wenzhang dd {
        min-height: 0;
    }
}

#htmlBody .fenlei dt {
    background: url("/images/fenlei0.gif") no-repeat left top !important;
    height: 30px !important;
}

.xad {
    display: flow-root;
    margin-bottom: 3px !important;
}

.xad .lj-ads-xad-grid {
    row-gap: 3px !important;
    column-gap: 1px !important;
}

.site-footer {
    clear: both;
    width: 984px;
    margin: 15px auto 0;
    text-align: center;
}

.site-footer .bottomMenu {
    padding: 10px 0 10px;
    margin: 0;
}

.site-footer .bottomLine {
    margin: 0 auto 0px;
}

.site-footer .bottomCopyright {
    line-height: 24px;
}

.game-detail-page .home-qq-action,
.family_show_table .family-qun-click {
    display: inline-flex !important;
    width: 110px !important;
    min-width: 110px !important;
    height: 32px;
    padding: 0 7px !important;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start !important;
    gap: 4px;
    border: 1px solid #0878bd;
    border-radius: 4px;
    background: linear-gradient(to bottom,#27b9ed,#0571b7);
    color: #fff !important;
    font: 12px/25px "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
}
.game-detail-page .home-qq-action img,
.family_show_table .family-qun-click img {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    margin: 0 !important;
}
.game-detail-page .home-qq-action:hover,
.family_show_table .family-qun-click:hover {
    background: linear-gradient(to bottom,#168ed5,#0566a9);
    color: #fff !important;
    text-decoration: none !important;
}
.game-detail-page .home-qq-action:active,
.family_show_table .family-qun-click:active {background:#04598f;}

:root {
    --lj-primary: #0878c0;
    --lj-primary-dark: #0562a9;
    --lj-text: #333333;
    --lj-muted: #526579;
    --lj-border: #d6e5f0;
    --lj-soft: #edf5fc;
    --lj-font: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
#htmlBody .article-page,
#htmlBody .family-page,
#htmlBody .family_show_table,
#htmlBody .site-extra-page,
#htmlBody .publish-form,
#htmlBody .template-gallery-page,
#htmlBody .template-detail-page,
#topBody .wenzhang {font-family:var(--lj-font);}
#htmlBody .article-page .article-list-table,
#htmlBody .article-page .article-list-table td,
#htmlBody .article-page .article-list-table a,
#htmlBody .article-page .article-detail-panel,
#htmlBody .article-page .article-meta,
#htmlBody .article-page .article-content,
#htmlBody .family_show_table td,
#htmlBody .site-extra-page .extra-table td {font-family:var(--lj-font) !important;font-size:14px;line-height:1.75;}
#htmlBody .article-page .article-list-table .article-header-row td {font-size:14px !important;font-weight:600;}
#htmlBody .article-page .article-title-link {font-weight:500;}
#htmlBody .family_show_table .family_show_label {font-weight:600;color:#45576a;}
#htmlBody .family_show_table .family_show_value {color:#333;}
#htmlBody .family-page .family_biaoge .family-data-row td {font-family:var(--lj-font) !important;font-size:13px !important;}
#htmlBody .family-page .family_biaoge .family-header-row td {font-family:var(--lj-font) !important;font-size:13px !important;}
#htmlBody .family-page .family_biaoge a.family-name {font-family:var(--lj-font);font-size:13px;font-weight:600;}
#htmlBody .family-page .family_biaoge a.family-action {font-family:var(--lj-font) !important;font-size:12px !important;}
#htmlBody .family-page .family-version {font-family:var(--lj-font) !important;font-size:12px !important;}
#htmlBody .publish-form {font-family:var(--lj-font);}
#topBody .wenzhang dt,
#topBody .wenzhang dt a {font-family:var(--lj-font);font-weight:600;}
#topBody .wenzhang .listArrow1 ul li,
#topBody .wenzhang .listArrow1 ul li a {font-family:var(--lj-font);font-size:12px;}
.site-footer {font-family:var(--lj-font);}