@import url(public.css?version=20260310);

main{padding-bottom:20px;overflow:hidden;}

.header{background:#FFF;-webkit-box-shadow:0 3px 5px 0 rgba(0,1,1,.1);box-shadow:0 3px 5px 0 rgba(0,1,1,.1);overflow:hidden;padding:15px 0px;}
.logo{float:left;}
.logo img{max-height:50px;}
.nav{float:right;line-height:50px;}
.nav ul li{float:left;}
.nav ul li+li{margin-left:35px;}
.nav ul li a{font-size:16px;font-weight:600;}

.show-m-nav-btn{width:24px;height:24px;margin-top:10px;display:inline-block;cursor:pointer;}
.menu-botton{float:right;cursor:pointer;margin-top:10px;}
.menu-botton,
.menu-botton::before,
.menu-botton::after {display: block;background-color: #ddd;position: absolute;height: 3px;width:24px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
.menu-botton::before {content: "";margin-top: -8px;}
.menu-botton::after {content: "";margin-top: 8px;}

.m-nav{background:#f3f3f3;width:360px;height:100%;position:fixed;right:0px;top:0px;z-index:9999;}
.m-nav ul{background:#FFF;padding:0px 15px;margin:30px;}
.m-nav ul li{height:38px;line-height:38px;}
.m-nav ul li + li{border-top:1px solid rgba(94,94,94,0.1);}

.close-nav-wrap{background:#FFF;padding:10px 0px; text-align:center;-webkit-box-shadow:0 3px 5px 0 rgba(0,1,1,.1);box-shadow:0 3px 5px 0 rgba(0,1,1,.1);}
.close-nav-btn {width: 24px;height: 24px;display: flex;margin:0px auto;align-items: center;justify-content: center;cursor: pointer;position: relative;}
.close-nav-btn::before,
.close-nav-btn::after {content: '';position: absolute;width: 18px;height: 2px;background-color: #333;border-radius: 1px;}
.close-nav-btn::before {transform: rotate(45deg);}
.close-nav-btn::after {transform: rotate(-45deg);}
.close-nav-btn:hover::before,
.close-nav-btn:hover::after {background-color: #ff4444;}
.body-shade {overflow:hidden!important}
.body-shade .div-shade-wrap {opacity:1;visibility:visible}
.div-shade-wrap {cursor:pointer;width:100%;height:100%;height:calc(100% + 60px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#fff;background:rgba(0,0,0,.5);content:'';display:block;opacity:0;visibility:hidden;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}

.banner{clear:both;}
.banner img{width:100%;}

footer{background:#111111;color:#FFF;overflow:hidden;padding-top:50px;clear:both;}
footer dl{float:left;width:300px;}
footer dl+dl{margin-left:50px;}
footer dl:last-child{float:right;margin-left:0px;}
footer dl dt{font-size:20px;font-weight:700;padding-bottom:15px;}
footer dl dd{line-height:30px;color:#999;}
footer dl dd a{color:#FFF;}
footer dl dd span{width:50px;color:#FFF;display:inline-block;padding-right:10px;}

footer .copyright{text-align:center;border-top:1px solid #222;padding:15px;}
.links{padding:15px;}

.title-h2{font-size:24px;font-weight:700;text-align:center;line-height:80px;}
.index-article-list{padding:20px 0px;}
.index-article-list ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:16px;grid-row-gap:16px;}
.index-article-list ul li{width:260px;padding:15px;background:#FFF;border-radius:5px;}
.index-article-list ul li .img{height:180px;overflow:hidden;}
.index-article-list ul li .title{font-size:18px;font-weight:700;line-height:22px;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.index-article-list ul li .more{color:#6bc30d;padding-top:8px;}
.index-article-list ul li img{width:100%;}

.index-question-list{padding:20px 0px;}
.index-question-list ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:16px;grid-row-gap:16px;}
.index-question-list ul li{background:#FFF;padding:20px;margin-bottom: 10px;border-bottom: 1px solid #eee;list-style: none;border-radius:5px;}
.index-question-list ul li .qa-title {margin: 0 0 10px 0;font-size: 16px;}
.index-question-list ul li .qa-title a {color: #333;text-decoration: none;}
.index-question-list ul li .qa-title a:hover {color: #0066cc;text-decoration: underline;}
.index-question-list ul li .qa-meta {font-size: 14px;color: #666;}
.index-question-list ul li .qa-view-num {margin-right: 15px;}
.index-question-list ul li .qa-answer-total .red {color: #ff4400;font-weight: bold;}
.index-question-list ul li .qa-asker {margin-left: 10px;}


.title-h1{background:#FFF;padding:15px;margin-bottom:15px;border:1px solid #EEE;}
.article-list{}
.article-list ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:16px;grid-row-gap:16px;}
.article-list ul li{width:244px;padding:15px;background:#FFF;border-radius:5px;}
.article-list ul li .img{height:180px;overflow:hidden;}
.article-list ul li .title{font-size:18px;font-weight:700;line-height:22px;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.article-list ul li .meta{height:24px;line-height:24px;padding-top:8px;}
.article-list ul li time{color:#666;float:left;}
.article-list ul li .more{float:right;color:#6bc30d;}
.article-list ul li img{width:100%;}

.question-list{padding:20px 0px;}
.question-list ul{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:16px;grid-row-gap:16px;}
.question-list ul li{background:#FFF;padding:20px;margin-bottom: 10px;border-bottom: 1px solid #eee;list-style: none;border-radius:5px;}
.question-list ul li .qa-title {margin: 0 0 10px 0;font-size: 16px;}
.question-list ul li .qa-title a {color: #333;text-decoration: none;}
.question-list ul li .qa-title a:hover {color: #0066cc;text-decoration: underline;}
.question-list ul li .qa-meta {font-size: 14px;color: #666;}
.question-list ul li .qa-view-num {margin-right: 15px;}
.question-list ul li .qa-answer-total .red {color: #ff4400;font-weight: bold;}
.question-list ul li .qa-asker {margin-left: 10px;}

.right-category{background:#FFF;padding:15px;}
.right-category h2{font-size:20px;}
.right-category ul{padding-top:8px;}
.right-category ul li{line-height:38px;height:38px;overflow:hidden;}


.right-title{height:38px;}
.right-title h2{font-size:18px;}

.right-article{background:#FFF;padding:15px;margin-top:15px;}
.right-article ul li{overflow:hidden;margin-top:15px;height:66px;overflow:hidden;line-height:22px;}
.right-article ul li:first-child{margin-top:8px;}
.right-article ul li img{float:left;width:98px;height:66px;margin-right:12px;border-radius:6px;}
.right-article ul li a{color:#333;font-size:14px;}

.right-question{padding:15px;background:#FFF;margin-top:15px;}
.right-question ul{clear:both;}
.right-question ul li{background:#FFF;padding:15px 0px;margin-bottom: 10px;border-top: 1px solid #eee;list-style: none;border-radius:5px;}
.right-question ul li .qa-title {font-size: 16px;}
.right-question ul li .qa-title a {color: #333;text-decoration: none;}
.right-question ul li .qa-title a:hover {color: #0066cc;text-decoration: underline;}
.right-question ul li .qa-meta {font-size: 14px;color: #666;padding-top:15px;}
.right-question ul li .qa-view-num {margin-right: 15px;}
.right-question ul li .qa-answer-total .red {color: #ff4400;font-weight: bold;}
.right-question ul li .qa-asker {margin-left: 10px;}


article{background:#FFF;padding:15px;}
article .title{font-size:26px;color:#333;}
article .info{border-bottom:1px solid #EEE;height:40px;line-height:40px;}
article .info span,article .info time{padding-right:20px;font-size:12px;color:#999;}
article .content{font-size:16px;line-height:1.7;padding-top:15px;color:#555;}
article .content img{max-width:100%;display:block;margin:5px auto;}
article .content a{color:#136ec2;}
article .content p{text-indent:2em;padding:8px 0px;}
article .content h2,article .content h3{font-size:20px;line-height:50px;border-bottom:1px solid #EEE;position:relative;}

article .content table {width: 100%;background: white;overflow-x: auto;-webkit-overflow-scrolling: touch;margin-bottom: 2em;border-radius: 12px;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);overflow:hidden;}
article .content table th,article .content table td {border-radius:6px;min-width:80px;padding: 16px;text-align: left;border-bottom: 1px solid #eaeef2;/*! vertical-align: top; */overflow: hidden;}
article .content table th{background: #8fc13c;color: #FFF;font-weight: 600;position: sticky;top: 0;}
article .content table td {max-width: 300px;word-wrap: break-word;white-space: normal;}
article .content table thead th{background: #8fc13c;}
article .content table tr:nth-child(odd) td{background: #def3cc;}
article .content tbody tr:nth-child(even) td{background: #c9e166;}
article .content tbody tr:hover td{background: #f1f7fd;transition: background-color 0.2s; }
article .content .table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
article .content .table-container table{width:auto;min-width:640px;border-collapse: collapse;}
article .content ul li .content-urwar2 table tr td br{display:block;margin:0px;}

.detail-copyright{background:#EEE;padding:15px;border-radius:5px;margin-top:15px;}
.detail-copyright p{line-height:20px;padding:5px 0px;}


.data-pn{clear:both;color:#8a92a9;font-size:14px;line-height:24px;background:#FFF;overflow:hidden;padding:15px;}
.data-pn a{font-size:14px}
.data-pn .prev{float:left;width:48%;border-right:1px dashed #eaeaea;}
.data-pn .next{float:right;width:48%;text-align:right}

.subtitle{overflow:hidden;text-indent:15px;font-size:20px;border-radius:0 4px 4px 0;color:#333;line-height:20px;padding:10px 0px;}
.subtitle h2{float:left;font-size:20px;position:relative;font-weight:bold;}
.subtitle h2::before{content:'';position:absolute;left:0px;width:7px;height:20px;border-radius:5px;background:#6bc30d;display:block;}
.subtitle a{font-size:14px;}

.article-related{clear:both;background:#FFF;padding:15px;border-radius:6px;overflow:hidden;}
.article-related ul{clear:both;display:flex;justify-content: space-between;flex-wrap: wrap;}
.article-related ul li{width:190px;margin:10px 0px;}
.article-related ul li img{width:190px;height:135px;margin-right:15px;float:left;border-radius:6px;}
.article-related ul li p{padding-top:5px;height:44px;line-height:22px;overflow:hidden;color:#FFF;}
.article-related ul li a{font-size:16px;}



.question-info{background:#FFF;padding:15px;}
.question-info .meta{height:40px;line-height:40px;clear:both;}
.question-info .meta span{color:#666;}
.question-info .meta span+span{margin-left:20px;}
.question-info .meta span i{color:#26BF8D}
.question-info .user{padding-top:15px;}
.question-info .user img{width:48px;height:48px;border-radius:48px;float:left;margin-right:10px;}
.question-info .user span{color:#999;}

.answer-list{background:#FFF;margin-top:15px;}
.answer-list ul li{clear:both;padding:15px;}
.answer-list ul li+li{border-top:1px solid #EEE;}
.answer-list ul li .answer-user img{width:48px;height:48px;border-radius:48px;float:left;margin-right:10px;}
.answer-list ul li .content{clear:both;padding-top:15px;}
.answer-list ul li .content p{padding:5px 0px;}

.question-related{clear:both;background:#FFF;padding:15px;border-radius:6px;overflow:hidden;}
.question-related ul{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:16px;grid-row-gap:16px;}
.question-related ul li{background:#FFF;padding:15px;margin-bottom: 10px;border-bottom: 1px solid #eee;list-style: none;border-radius:5px;}
.question-related ul li .qa-title {margin: 0 0 10px 0;font-size: 16px;}
.question-related ul li .qa-title a {color: #333;text-decoration: none;}
.question-related ul li .qa-title a:hover {color: #0066cc;text-decoration: underline;}
.question-related ul li .qa-meta {font-size: 14px;color: #666;}
.question-related ul li .qa-view-num {margin-right: 15px;}
.question-related ul li .qa-answer-total .red {color: #ff4400;font-weight: bold;}
.question-related ul li .qa-asker {margin-left: 10px;}

@media screen and (max-width:1000px) {
	main{padding-bottom:10px;}
	.header{padding:10px;}
	.logo img{max-width:150px;}
	.nav{height:38px;}
	.nav ul li{display:none}
	.nav ul li:last-child{display:block;}
	.show-m-nav-btn{margin-top:0px;}
	.m-nav{width:200px;}
	.m-nav ul{margin:15px;}

	.index-article-list{padding:0px;}
	.index-article-list ul{grid-template-columns:1fr;}
	.index-article-list ul li{width:auto;}
	.index-article-list ul li .title{padding-top:10px;}

	.index-question-list{padding:0px;}
	.index-question-list ul{grid-template-columns:1fr; grid-row-gap:0px}

	.article-list{padding:0px;}
	.article-list ul{grid-template-columns:1fr;}
	.article-list ul li{width:auto;}
	.article-list ul li .title{padding-top:10px;}

	footer{padding-top:20px;}
	footer dl{float:none;padding:0px 15px;width:auto;}
	footer dl + dl{margin-left:0px;padding-top:20px;}
	footer dl:last-child{float:none;}
	footer dl dd{border-top:1px solid #333;height:38px;line-height:38px;overflow:hidden;padding-left:8px;}

	.data-pn{margin-bottom:0px;padding:8px;}
	.data-pn .prev{float:none;width:auto}
	.data-pn .next{float:none;width:auto;text-align:left;padding-top:10px;}

	.article-related{padding:12px;}
	.article-related ul li{width:100%;height:auto;text-align:center;}
	.article-related ul li img{width:100%;height:118px;}


	.question-list{padding:0px;}
	.question-list ul{grid-template-columns:1fr; grid-row-gap:0px}

	.question-related{padding:10px;}
	.question-related ul{grid-template-columns:1fr; grid-row-gap:0px}
}