* {
	-webkit-tap-highlight-color: transparent
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block
}
div, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, select, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	margin: 0;
	padding: 0
}

        .tab-container {
            max-width: 100%;
            margin: 0 auto; 
        }

        /* 标签导航样式 */
        .tab-nav {
            border-bottom: 2px solid #eee;
            margin-bottom: 1.5rem;
        }

        .tab-link {
            padding: 0.8rem 1.5rem;
            text-decoration: none;
            color: #666;
            float:left;
            font-weight: 500;
            transition: all 0.3s ease;
            border-bottom: 3px solid transparent;
            cursor: pointer;
        }

        .tab-link:hover {
            color: #2c3e50;
        }

        .tab-link.active {
            color: #3498db;
            border-bottom-color: #3498db;
        }

        /* 标签内容样式 */
        .tab-content {
            display: none;
            animation: fadeIn 0.5s ease;
           
        }

        .tab-content.active {
            display: block;
        }

        .tab-content h3 {
            margin-bottom: 1rem;
            color: #2c3e50;
        }

        .tab-content p {
            color: #555;
            line-height: 1.6;
        }
.table{border:1px solid #ddd;overflow:hidden; line-height:3;width:100%;
        text-align: center;
         
        
}

.table:hover a{
        color:red;
}
        /* 淡入动画 */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
    
.t1,.t2,.t3{
        float:left; 
        overflow:Hidden;
       border:1px solid #ddd;
       border-bottom:none;
       border-right:none;
}
.t1{width:70%; text-align:left;padding-left:5px;}
.t2,.t3{width:14%;}
.table:hover{
    background:#ddd;
    
}
.xin_yanshi{width:300px;margin:0 auto;padding:20px;overflow:hidden;clear:both;}
.xin_yanshi a{margin:0 auto; background:#C30404; color:#fff; line-height:44px; display:inline-block; width:220px; border-radius:4px; text-align:center; font-size:16px}
.xin_yanshi a:hover{ background:#000; color:#fff}

.pagination{ text-align: center;overflow:hidden;}
.pagination  .page-item,.pagination .page-num{background:#C30404; color:#fff; line-height:35px; display:inline-block; padding:0 10px;}
.pagination .page-num{margin:0 5px;}
.pagination .page-num-current{background-color:#fff;color:#000}
.pagination  .page-item:hover{ background:#000; color:#fff}
.pagination .page-num:hover{ background:#000; color:#fff}
body {
	background-color: #f9f9f9;
	color: #333;
	font: 16px/1.75em Arial, "Microsoft Yahei", "Lucida Grande";
	overflow-x: hidden;
	width: 100%
}
table {
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 16px;
	width: 100%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	box-sizing: border-box
}
table th {
	background-color: #f8f8f8;
	text-align: center;
	box-sizing: border-box
}
table td, table th {
	padding: 10px;
	border: 1px solid #ddd;
	box-sizing: border-box
}
button, select, input, textarea {
	background: 0;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #333;
	outline: 0;
	-webkit-appearance: none
}
input:focus {
	outline: 0
}
textarea {
	resize: none
}
a {
	text-decoration: none;
	outline: 0;
	color: #333
}
a:focus {
	outline: 0;
	-moz-outline: 0
}
a:hover {
	color: #222
}
a img {
	border: 0
}
li {
	list-style: none
}
.inner {
	width: 1440px;
	margin: 0 auto
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden
}
.thumbnail {
	position: relative;
	overflow: hidden
}
.thumbnail a {
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 25%
}
.thumbnail img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.thumbnaila {
	position: relative;
	overflow: hidden
}
.thumbnaila a {
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 25%
}
.thumbnaila img {
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.postbottom {
	font-size: 14px;
	color: #999;
	margin-left: 80px;
	margin-bottom: 20px
}
.bgcolor {
	background-color: #e4e4e4
}
.boxpic {
	overflow: hidden;
	margin-bottom: 25px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 20px
}
.boxpic a, .postpic a, .sitepic a {
	display: block
}
.boxpic img, .postpic img, .sitepic img {
	display: block;
	width: 100%;
	height: auto
}
.postpic {
	overflow: hidden;
	margin-bottom: 25px
}
.sitepic {
	overflow: hidden;
	clear: both
}
.error .title {
	font-size: 36px;
	font-weight: normal;
	text-align: center;
	line-height: 1.35em;
	margin-bottom: 3.5%
}
.error .warning {
	text-align: center;
	font-size: 28px;
	margin-bottom: 5%;
	line-height: 1.75em;
	border-bottom: 1px solid #eee;
	padding-bottom: 5%
}
.error .related .boxtitle {
	text-align: center
}
.warning {
	margin-bottom: 25px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
	padding: 20px;
	text-align: center;
	font-size: 16px;
	color: #555;
	font-weight: bold
}
.header {
	padding: 15px 0;
	background-color: #000;
    border-bottom: 1px solid #e4e4e4;
}
.header .inner {
	position: relative
}
#topBar {
	background-color: #f9f9f9;
	border-bottom: 1px solid #e4e4e4;
	padding: 3px 0;
	font-size: 12px;
	color: #888
}
#logo {
	float: left
}
#logo a {
	display: block;
	width: 190px;
	height: 50px;
	overflow: hidden;
	background: no-repeat left center;
	background-size: contain;
	text-indent: -9999em
}
.nav {
	float:left;
	width:65%;
}
.nav ul {
	position: relative;
	height: 50px
}
.nav li {
	float: left;
    margin:0 10px;
    padding:0 5px;
	text-align: center; 
	font-size: 18px;
	line-height: 50px;
	position: relative
}
.nav li a {
	display: block;
    color:#fff;
    padding:0 10px;
	position: relative
}
.nav li a:hover, .nav li a.cur {
		background-color: #404040
}
.nav li em {
	display: none
}
.nav li ul {
	position: absolute;
	height: auto;
	left: 0;
	top: 100%;
	width:300px;
	background-color: #000;
	text-align: center;
	display: none;
	z-index: 5
}
.nav li ul.show {
	display: block
}
.nav li li {
	width: auto;
	float: left;
	font-size: 16px
}
.nav li li a {
	line-height: 24px;
	padding: 8px 5px
}

.fabu {
	float: right;
    margin:0; 
	text-align: center;
	color: #333;
	font-size: 18px;
	line-height: 50px;
	color:red;
	position: relative
}
.fabu:hover{color:#fff;}

.search {
	float: right;
	position: relative
}
.schBtn {
	position: absolute;
	right: 40px;
	top: 50%;
	display: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	color: #666;
	margin-top: -20px
}

/*submitSite*/
#submitSite{width:600px;margin:0 auto;}
#submitSite .item{overflow:hidden;margin-bottom:20px;}
#submitSite label{display:block;height:38px;line-height:38px;float:left;width:95px;text-align:right;color:#222;font-size:16px;}
#submitSite label i{font-style:normal;color:#f00;}
#submitSite .ml4{margin-left:105px;overflow:hidden;}
#submitSite .input{border:1px solid #ddd;border-radius:3px;}
#submitSite .text{height:26px;line-height:26px;padding:5px 5%;display:block;width:90%;font-family:'Microsoft Yahei';font-size:14px;color:#555;border:none;}
#submitSite .tips{display:block;clear:both;font-size:12px;color:#a3a3a3;}
#submitSite select{border:1px solid #ddd;height:38px;line-height:38px;width:100%;padding:0 5%;border-radius:3px;font-family:'Microsoft Yahei';font-size:14px;color:#555;overflow:hidden;}
#submitSite textarea.text{height:150px;resize:vertical;}
#submitSite .submit{display:block;width:38px;line-height:38px;border:none;width:120px;cursor:pointer;background-color:#3CADFB;color:#fff;border-radius:3px;}
#submitSite .warning {margin-bottom: 0;}

.searchForm {
	width: 150px;
	padding: 5px 45px 5px 5px;
	border-radius: 3px;
	overflow: hidden
}
.searchForm .submit {
	display: block;
	width: 45px;
	height: 35px;
	float: right;
	position: absolute;
	right: 0;
	top: 5px;
	cursor: pointer;
	font-size: 18px;
	color: #fff;
	text-align: center
}
.searchForm .text {
	background-color: #f8f8f8;
	color: #333;
	height: 35px;
	line-height: normal;
	width: 96%;
	padding: 0 2%;
	-webkit-appearance: none;
	font-size: 14px
}
#footer {
	background-color: #fff;
	border-top: 1px solid #eee
}
#footer .btm {
	overflow: hidden;
	padding: 1.5% 0
}
.links {
	padding: 1.5% 0 1%;
	border-bottom: 1px solid #eee
}
.links ul {
	overflow: hidden;
	font-size: 0;
	line-height: normal;
	text-align: center
}
.links li {
	display: inline-block;
	font-size: 14px;
	color: #999;
	padding: 0 10px;
	line-height: 30px;
	position: relative
}
.links li a {
	color: #999
}
.links li a:hover {
	color: #c00
}
.copyright {
	text-align: center;
	font-size: 14px;
	color: #999;
	text-transform: uppercase
}
.copyright a {
	color: #999
}
.slides, .istop {
	margin-bottom: 25px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
	padding: 20px
}
.slides .owl-stage-outer {
	border-radius: 5px;
	overflow: hidden
}
.slides .item {
	background: no-repeat center center;
	background-size: cover;
	padding-bottom: 37.5%;
	position: relative
}
.slides .item a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.slides .item i {
	font-style: normal;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 96%;
	padding: 0 2%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	text-align: center
}
.slides .owl-nav button {
	position: absolute;
	top: 50%;
	display: block;
	margin-top: -25px
}
.slides .owl-nav span {
	display: block;
	width: 30px;
	height: 50px;
	line-height: 45px;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	font-family: Arial;
	font-size: 50px
}
.slides .owl-nav .owl-prev {
	left: 5px
}
.slides .owl-nav .owl-next {
	right: 5px
}
.slides .load {
	padding-bottom: 34.375%;
	background-color: #f9f9f9;
	position: relative
}
.slides .load span {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	font-size: 36px;
	line-height: 1.125em;
	color: #999;
	text-align: center
}
.istop {
	padding-top: 15px;
	padding-bottom: 15px
}
.istop ul {
	overflow: hidden;
	width: 100%
}
.istop li {
	width: 100%;
	padding: 5px 0;
}
.istop li .thumbnail {
	margin-bottom: 10px
}
.istop li .thumbnail img {
	transition: transform .3s
}
.istop li .thumbnail img:hover {
	transform: scale(1.1, 1.1)
}
.istop li .thumbnaila {
	margin-bottom: 10px
}
.istop li .thumbnaila img {
	transition: transform .3s
}
.istop li .thumbnaila img:hover {
	transform: scale(1.1, 1.1)
}
.istop li h3 {
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 28px
}
.hmBox {
	overflow: hidden;
	width: 103%
}
.hmBox .boxWrap {
	width: 47%;
	float: left;
	padding-right: 3%;
	padding-bottom: 3%
}
.hmBox .box {
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #eee;
	overflow: hidden;
	padding: 20px
}
.hmBox .top {
	overflow: hidden;
	margin-bottom: 15px;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 10px
}
.hmBox .top h2 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-right: 35px
}
.hmBox .top span {
	float: right;
	font-size: 14px
}
.hmBox li {
	overflow: hidden
}
.hmBox .thumbnail {
	width: 150px;
	float: left
}
.hmBox .thumbnaila {
	width: 150px;
	float: left
}
.hmBox .info {
	margin-left: 165px;
	overflow: hidden
}
.hmBox h4 {
	font-weight: normal;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5em
}
.hmBox .first {
	padding-bottom: 5px
}
.hmBox .first h4 {
	margin-bottom: 10px
}
.hmBox .first p {
	font-size: 14px;
	line-height: 1.75em;
	height: 5.25em;
	overflow: hidden;
	color: #666
}
.hmBox .list {
	border-top: 1px solid #eee;
	padding-top: 10px;
	margin-top: 10px
}
.hmBox .list span{float:right:font-size:8px;color:#ddd;}
.wrapper {
	margin-top:1%;
}
.banner {
	background: no-repeat center center;
	background-size: cover;
	padding-bottom: 26%;
	overflow: hidden
}
.breadcrumb {
	padding: 5px 0; 
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #fff;
	border-bottom: 1px solid #eee;
	margin-bottom: 25px;
	clear: both
}
.breadcrumb a {
	color: #999;
	padding:0 5px;
}
.pagenavi {
	font-size: 0;
	line-height: normal;
	text-align: center;
	padding-top: 15px
}
.pagenavi a, .pagenavi span.now-page {
	display: inline-block;
	font-size: 14px;
	color: #999;
	background-color: #fff;
	margin: 2px 2.5px;
	height: 27px;
	line-height: 28px;
	padding: 0 10px;
	border-radius: 3px
}
.pagenavi a:hover, .pagenavi span.now-page {
	background-color: #222;
	color: #fff
}
.newsitem {
	overflow: hidden;
	margin-bottom: 25px;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 5px
}
.newsitem .thumbnail {
	float: left;
	width: 180px
}
.newsitem .thumbnaila {
	float: left;
	width: 180px
}
.newsitem .info {
	margin-left: 200px;
	overflow: hidden
}
.newsitem h2 {
	font-weight: normal;
	font-size: 22px;
	line-height: 1.35em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px
}
.newsitem h2 a {
	color: #333
}
.newsitem h2 a:hover {
	color: #222
}
.newsitem .meta {
	color: #999;
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px
}
.newsitem .meta a {
	color: #888
}
.newsitem .meta span {
	margin-right: 15px
}
.newsitem .meta span:last-child {
	margin-right: 0
}
.newsitem p {
	font-size: 16px;
	line-height: 1.75em;
	overflow: hidden;
	color: #555
}
.details {
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 20px
}
.details .title {
	font-size: 24px;
	text-align: center;
	line-height: 1.35em;
	margin-bottom: 15px;
	font-weight: normal
}
.details .meta {
	text-align: center;
	font-size: 0;
	line-height: normal;
	border-bottom: 1px solid #eee;
	padding-bottom: 1.5%;
	margin-bottom: 2.43%
}
.details .meta span {
	font-size: 14px;
	color: #888;
	padding: 2px 15px;
	display: inline-block
}
.details .meta a {
	color: #888
}
.entry {
	font-size: 16px;
	line-height: 1.75em;
	color: #333
}
.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	margin-bottom: 20px;
	word-break: break-all
}
.entry ul, .entry ol {
	margin-bottom: 2.43%;
	word-break: break-all;
	margin-left: 2em
}
.entry img {
	max-width: 100%;
	height: auto!important
}
.entry ul li {
	list-style: outside disc none;
	margin-left: 1em
}
.entry ol li {
	list-style: outside decimal none;
	margin-left: 1em
}
.entry blockquote {
	margin: 0 2em 2.43%;
	padding: 2.43% 2.43% 0;
	font-style: italic;
	overflow: hidden;
	color: #555;
	border: 1px dashed #eee;
	background-color: #f9f9f9;
	border-radius: 3px
}
.entry hr {
	border: 0;
	border-bottom: 1px solid #999;
	margin-bottom: 2.43%
}
.entry li p {
	display: inline
}
.tags {
	overflow: hidden;
	font-size: 16px;
	color: #000;
	padding: 10px 0
}
.tags a {
	color: #000;
	margin-left: 15px
}
.postnavi {
	overflow: hidden;
	padding: 10px 0 20px;
	color: #000
}
.postnavi div {
	padding: 5px 0
}
.postnavi a {
	color: #333
}
.postnavi a:hover {
	color: #000
}
.boxtitle {
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.35em;
	font-weight: normal
}
.related {
	margin-bottom: 20px
}
.related ul {
	overflow: hidden;
	width: 102%
}
.related li {
	float: left;
	width: 23%;
	padding-right: 2%
}
.related li .thumbnail {
	margin-bottom: 15px
}
.related li .thumbnail img {
	transition: transform .3s
}
.related li .thumbnail img:hover {
	transform: scale(1.1, 1.1)
}
.related li .thumbnaila {
	margin-bottom: 15px
}
.related li .thumbnaila img {
	transition: transform .3s
}
.related li .thumbnaila img:hover {
	transform: scale(1.1, 1.1)
}
.related li h3 {
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 28px
}
.commentlist {
	overflow: hidden;
	margin-bottom: 2.43%
}
.commentlist li {
	overflow: hidden;
	margin-bottom: 2.43%;
	padding-bottom: 2.43%;
	border-bottom: 1px solid #eee
}
.commentlist .avatar {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	overflow: hidden
}
.commentlist .avatar img {
	display: block;
	width: 100%;
	height: 100%
}
.commentlist .info {
	margin-left: 80px;
	overflow: hidden
}
.commentlist .name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.35em;
	color: #333
}
.commentlist time {
	display: block;
	color: #999;
	font-size: 12px;
	line-height: 1.5em
}
.commentlist .replay {
	font-size: 12px;
	font-weight: bold;
	color: #000
}
.commentlist .text {
	padding: 5px 0;
	font-size: 16px;
	color: #555
}
.commentlist li li {
	margin: 2.43% 0 0 2%;
	padding-bottom: 0;
	border-bottom: 0
}
.commentlist p {
	text-align: center;
	font-size: 14px;
	padding: 1% 0;
	color: #666
}
#comment .item {
	overflow: hidden;
	margin-bottom: 15px;
	position: relative
}
#comment label {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 16px
}
#comment label i {
	font-style: normal;
	color: #f00
}
#comment .input {
	margin-left: 80px;
	overflow: hidden;
	border: 1px solid #e4e4e4;
	border-radius: 5px
}
#comment .text, #comment textarea {
	width: 98%;
	height: 20px;
	line-height: normal;
	padding: 10px 1%;
	font-size: 16px;
	font-family: 'Microsoft Yahei';
	-webkit-appearance: none
}
#comment textarea {
	height: 150px;
	resize: none
}
#comment .submit {
	margin-left: 80px;
	color: #fff;
	background-color: #555;
	border-radius: 5px;
	height: 45px;
	width: 150px;
	font-size: 16px;
	cursor: pointer
}
#comment .submit:hover {
	opacity: .9
}
#comment .verify {
	position: relative
}
#comment .verify .input {
	margin-right: 126px
}
#comment .verify img {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: auto;
	cursor: pointer;
	border-radius: 2px
}
.main {
	float: right;
	width: 74%;
	overflow: hidden
}
.sidebar {
	width: 24%;
	float: left
}
.widget {
	margin-bottom: 25px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 20px
}
.widget h3 {
	font-weight: normal;
	font-size: 18px;
	line-height: 1.125em;
	margin-bottom: 15px
}
.widget li {
	border-top: 1px solid #eee;
	overflow: hidden;
	font-size: 16px;
	position: relative;
	padding: 10px 0 10px 15px
}
.widget li:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #aaa;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 21px
}
.widget li a {
	display: block;
	word-break: break-all
}
.widget .text time {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	color: #999
}
.widget .pic {
	padding: 10px 0;
	border-top: 1px solid #eee
}
.widget .pic:before {
	display: none
}
.widget .pic .thumbnail {
	float: left;
	width: 100px
}
.widget .pic .thumbnaila {
	float: left;
	width: 100px
}
.widget .pic .thumb{float:left;width:100px;}
.widget .pic .thumb img{width:100px;height:100%;}
.widget .intro{float:left;padding-left:10px;}
.widget .intro .litxt{font-size:12px;background:red;color:#fff; width:80px;line-height:1.6;display:block; text-align:center;}
.widget .pic p {
	margin-left: 110px;
	overflow: hidden
}
.widget .pic a {
	display: block;
	font-size: 16px;
	line-height: 1.5em;
	max-height: 4.5em;
	overflow: hidden
}
.divTags ul {
	overflow: hidden;
	width: 102%
}
.divTags li {
	float: left;
	padding: 5px 2% 5px 0;
	border: 0
}
.divTags li:before {
	display: none
}
.divTags li a {
	display: block;
	background-color: #f9f9f9;
	border-radius: 3px;
	padding: 1px 10px;
	color: #fff;
	font-size: 12px
}
.divTags li a:hover {
	opacity: .8
}
.divTags li:nth-child(8n-7) a {
	background-color: #8A9B0F
}
.divTags li:nth-child(8n-6) a {
	background-color: #EB6841
}
.divTags li:nth-child(8n-5) a {
	background-color: #3FB8AF
}
.divTags li:nth-child(8n-4) a {
	background-color: #FE4365
}
.divTags li:nth-child(8n-3) a {
	background-color: #FC9D9A
}
.divTags li:nth-child(8n-2) a {
	background-color: #EDC951
}
.divTags li:nth-child(8n-1) a {
	background-color: #C8C8A9
}
.divTags li:nth-child(8n) a {
	background-color: #83AF9B
}
.divTags li:first-child a {
	background-color: #E1474D
}
.divTags li:last-child a {
	background-color: #3299BB
}
.divLinkage li {
	float: left;
	width: 45%
}
.divSearchPanel form {
	border: 1px solid #ddd;
	position: relative;
	padding-right: 60px;
	border-radius: 3px
}
.divSearchPanel input[type='submit'] {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #c00;
	color: #fff;
	height: 100%;
	width: 60px;
	border-radius: 0 3px 3px 0
}
.divSearchPanel input[type='text'] {
	text-indent: 5px;
	padding: 8px 0;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	width: 100%
}
.textwidget {
	overflow: hidden
}
.textwidget a {
	display: block
}
.textwidget img {
	display: block;
	width: 100%;
	height: auto
}
@media only screen and (max-width:1536px) {
.inner {
	width: 93.75%
}
}
@media only screen and (max-width:1280px) {
.main {
	width: 70%
}
.sidebar {
	width: 28%
}
.newsitem .thumbnail {
	width: 250px
}
.newsitem .thumbnaila {
	width: 250px
}
.newsitem .info {
	margin-left: 270px
}
.newsitem h2 {
	font-size: 24px;
	margin-bottom: 5px
}
.newsitem time {
	font-size: 14px;
	margin-bottom: 5px
}
.newsitem p {
	font-size: 16px;
	height: 7em
}
}
@media only screen and (max-width:960px) {
.t1 , .t2, .t3{height:2rem;}
.fabu{margin-right:25%;}
.wrapper {
	margin-bottom: 0
}
.header {
	border-bottom: 1px solid #eee;
	padding: 15px 0
}
.search {
	display: none;
	position: absolute;
	top: 58px;
	right: 0;
	width: 100%
}
.searchForm {
	width: auto
}
.schBtn {
	display: block
}
body.open {
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0
}
.navBtn {
	width: 25px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	height: 40px;
	cursor: pointer
}
.navBtn span {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #666;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1.5px
}
.navBtn span:before, .navBtn span:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background-color: #666;
	position: absolute;
	left: 0;
	top: -9px;
	transition: transform .3s;
	transition: transform .3s
}
.navBtn span:after {
	top: auto;
	bottom: -9px
}
.navBtn.open span {
	height: 0
}
.navBtn.open span:before {
	transform: rotate(45deg);
	top: 0
}
.navBtn.open span:after {
	transform: rotate(-45deg);
	bottom: auto;
	top: 0
}
.nav {
	position: fixed;
	right: -200px;
	top: 105px;
	height: 100%;
	width: 200px;
	background-color: #fff;
	overflow-y: auto;
	transition: right .3s;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	z-index: 9
}
.nav.open {
	right: 0
}
.nav .inner {
	width: auto
}
.nav ul {
	padding-bottom: 106px
}
.nav li {
	float: none;
	width: auto;
	text-align: left
}
.nav li a {
	line-height: 26px;
	padding: 12px 2em 12px 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333
}
.nav li a:hover {
	background-color: transparent
}
.nav li ul {
	position: static;
	left: auto;
	top: auto;
	width: auto;
	margin-left: 0;
	background-color: transparent;
	text-align: left;
	border: 0;
	padding-bottom: 0
}
.nav li ul.show {
	display: none
}
.nav li ul.open {
	display: block
}
.nav li li {
	font-size: 18px
}
.nav li li a {
	line-height: 26px;
	padding: 12px 1.5em 12px 2.5em
}
.nav li em {
	position: absolute;
	right: 0;
	top: 12px;
	width: 2em;
	height: 26px;
	display: block;
	cursor: pointer
}
.nav li em:before {
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	transition: transform .3s;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -6px;
	margin-left: -5px
}
.nav li em.open:before {
	transform: rotate(45deg)
}
.pagenavi {
	padding-top: 20px
}
.details .title {
	font-size: 24px
}
.main {
	width: 98%;
	margin-bottom: 0;
	float:left;
}
.sidebar {
	width: auto;
	float: none
}
.widget h3 {
	font-size: 18px
}
}
@media only screen and (max-width:768px) {
.postbottom {
	margin-left: 50px
}
.boxpic {
	margin-bottom: 15px;
	padding: 15px
}
.postpic {
	margin-bottom: 20px
}
#footer .btm {
	padding: 10px 0
}
.links {
	padding: 10px 0 5px
}
.links ul {
	margin-left: 0;
	font-size: 0;
	line-height: normal
}
.links li {
	float: none;
	display: inline-block;
	padding: 0 5px;
	font-size: 12px;
	line-height: 1.75em
}
.copyright {
	float: none;
	line-height: 1.5em;
	font-size: 12px
}
.header {
	padding: 5px 0
}
.header .inner {
	height: 40px
}
#topBar {
	padding: 0
}
#logo {
	padding: 7px 0
}
#logo a {
	height: 26px
}
.navBtn {
	height: 30px;
	margin-top: -15px
}
.nav {
	top: 79px
}
.nav ul {
	padding-bottom: 80px
}
.nav li, .nav li li {
	font-size: 16px
}
.search {
	top: 47px
}
.breadcrumb {
	margin-bottom: 15px
}
.slides, .istop {
	padding: 10px;
	margin-bottom: 15px;
	width:100%;
	display: inline-block;
}
.slides .item i {
	font-size: 12px;
	line-height: 32px
}
.slides .owl-nav span {
	font-size: 32px;
	width: 20px;
	height: 30px;
	line-height: 25px
}
.hmBox {
	width: auto
}
.hmBox .boxWrap {
	width: auto;
	float: none;
	padding-right: 0;
	padding-bottom: 15px
}
.hmBox .box {
	padding: 10px
}
.hmBox .thumbnail {
	width: 105px
}
.hmBox .thumbnaila {
	width: 105px
}
.hmBox .info {
	margin-left: 115px
}
.hmBox .first h4 {
	margin-bottom: 5px;
	font-size: 16px
}
.hmBox .first p {
	height: 3.5em
}
.hmBox .list {
	padding-top: 5px;
	margin-top: 5px
}
.hmBox h4 {
	font-size: 14px
}
.istop {
	padding-top: 7px;
	padding-bottom: 7px
}
.istop li {
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px
}
.istop li .thumbnail {
	margin-bottom: 5px
}
.istop li .thumbnaila {
	margin-bottom: 5px
}
.istop li h3 {
	line-height: 32px;
	font-size: 14px
}
.related {
	margin-bottom: 5px
}
.related li {
	width: 48%;
	padding-bottom: 10px
}
.related li h3 {
	font-size: 14px
}
.related li .thumbnail {
	margin-bottom: 5px
}
.related li .thumbnaila {
	margin-bottom: 5px
}
.pagenavi {
	padding-top: 0;
	margin-bottom: 15px
}
.newsitem {
	margin-bottom: 15px;
	padding: 10px
}
.newsitem .thumbnail {
	width: 110px
}
.newsitem .thumbnaila {
	width: 110px
}
.newsitem .info {
	margin-left: 120px
}
.newsitem h2 {
	font-size: 16px;
	white-space: normal;
	line-height: 1.75em
}
.newsitem .meta {
	display: none
}
.newsitem p {
	display: none
}
.details {
	padding: 15px 10px;
	margin-bottom: 15px
}
.details .title {
	font-size: 18px;
	margin-bottom: 10px
}
.details .meta {
	padding-bottom: 10px;
	margin-bottom: 20px
}
.details .meta span {
	padding: 2px 7px;
	font-size: 12px
}
.postnavi {
	padding: 5px 0 10px;
	font-size: 14px
}
.entry {
	font-size: 16px
}
.entry p, .entry ul, .entry ol, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry hr {
	margin-bottom: 15px
}
.entry blockquote {
	margin-bottom: 15px;
	padding: 15px 15px 0
}
.tags {
	padding: 0;
	font-size: 14px;
	color: #888
}
.tags a {
	color: #888
}
.boxtitle {
	margin-bottom: 15px
}
.commentlist {
	margin-bottom: 20px
}
.commentlist li {
	margin-bottom: 15px;
	padding-bottom: 10px
}
.commentlist .avatar {
	width: 30px;
	height: 30px
}
.commentlist .info {
	margin-left: 40px
}
.commentlist .name {
	font-size: 14px;
	margin-bottom: 5px
}
.commentlist .replay a {
	color: #999
}
.commentlist .text {
	font-size: 14px;
	line-height: 1.75em
}
.commentlist li li {
	margin-top: 15px
}
#comment label {
	font-size: 14px;
	height: 35px;
	line-height: 35px
}
#comment .input {
	margin-left: 50px
}
#comment .text, #comment textarea {
	padding: 7.5px 2%;
	width: 96%;
	font-size: 14px
}
#comment textarea {
	height: 90px
}
#comment .submit {
	margin-left: 50px;
	font-size: 14px;
	height: 37px;
	width: 100px
}
#comment .verify .input {
	margin-right: 111px
}
.error .title {
	font-size: 24px;
	margin-bottom: 15px
}
.error .warning {
	font-size: 20px;
	margin-bottom: 25px;
	padding-bottom: 25px
}
.widget {
	padding: 10px;
	margin-bottom: 15px
}
.widget h3 {
	margin-bottom: 10px;
	line-height: 1.35em
}
.widget li {
	padding: 5px 0 5px 15px;
	font-size: 14px
}
.widget li:before {
	top: 15px
}
.widget .pic {
	padding: 10px 0
}
.divTags ul {
	width: auto
}
.divTags li {
	padding: 5px 7px 2px 0
}
.divTags li a {
	font-size: 12px
}
.cead img {
	width: 100%;
	height: auto
}
}
.pcd_ad {
	display: block
}
.mbd_ad {
	display: none
}
@media screen and (max-width:768px) {
.pcd_ad {
	display: none!important
}
.mbd_ad {
	display: block!important;
	overflow: hidden
}
}
.ecomment {
	margin: 0;
	padding: 0
}
.ecomment {
	margin-bottom: 12px;
	background: #FFE;
	padding: 3px 8px;
	border-radius: 4px
}
.ecommentauthor {
	float: left;
	color: #F96;
	font-weight: bold
}
.ecommenttext {
	clear: left;
	margin: 0;
	padding: 0;
	text-align: left!important
}
 

/* 给iframe设置类名，统一控制样式 */
.custom-iframe {
  /* 1. 确保iframe本身有固定尺寸，滚动条才会生效 */
  width: 100%; /* 或固定值如800px */
  height: 472px; /* 必须设置高度，否则内容会撑满iframe，不显示滚动条 */
  
  /* 2. 优化滚动条样式（仅现代浏览器支持） */
  overflow-y: auto; /* 等同于scrolling="auto"，控制垂直滚动条 */
  overflow-x: hidden; /* 隐藏水平滚动条（如需） */
  
  /* 3. 自定义滚动条外观（以Chrome为例） */
  &::-webkit-scrollbar {
    width: 6px; /* 右侧滚动条宽度，数值越小越窄 */
  }
  &::-webkit-scrollbar-thumb {
    background-color: #ccc; /* 滚动条滑块颜色 */
    border-radius: 3px; /* 滑块圆角，更美观 */
  }
  
