/*
Date: 2022.03.9
Author:yzl
*/
.breadcrumb{color: #9c9c9c;padding: 1.5em .5em;font-size:.9em;box-sizing: border-box;}
.breadcrumb a:first-child { color: #9c9c9c;}

.main{justify-content: space-between;background: #EDF1F2;}
.main_l{width: 100%;}
.main_r,.article_main_r{width: 100%;}
.article_list ul {}
.article_list ul li {overflow: hidden;background-color: #fff;padding: 1.2em 1em;border-top: 1px solid #eeecec;}
.article_list li h2 {font-size: 1.2em;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 1em;}
.article_list li h2 a{color: #e74c3c;}
.article_list li h2 a:hover { color: #e74c3c; }
.article_list li i {width: 13em;height: 9em;line-height: 100%;overflow: hidden;float: left;margin-right: 15px;background: #f1f1f1;}
.article_list li i img {width: 100%;display: inline-block;transition: .5s;object-fit: cover;height: 9em;}
.article_list li i:hover img { transform: scale(1.2); }
.article_list li p {color: #666;line-height: 22px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;font-size: 1em;}
.article_list li span {font-size: .9em;margin: 10px 0;height: 16px;display: block;line-height: 16px;}
.article_list li span a {color: #9b9b9b;display: block;position: relative;}
.article_list ul li:hover h2 a { color: #e74c3c; }

/*pagelist*/
.pagelist {text-align: center;padding: 1em 0;color: #666;width: 100%;clear: both;display: flex;justify-content:center;border-top: 1px solid #eeecec;}
.pagelist li {color: #666;margin: 0 5px 10px;padding: 5px 10px;display: inline-block;}
.pagelist li.thisclass{background-color: #e74c3c; color:#fff;}
.pagelist li:hover{ background: #e74c3c; }
.pagelist li:hover a{color: #fff; }


.widget{}
.widget h5{padding: 1em .5em .5em;font-size: 1.15em;margin-bottom: .5em;}
.widget_previous {margin-bottom: .5em; }
.widget_previous ul {padding: 0 1em .5em 1em;overflow: hidden;}
.widget_previous ul li {height: 2.5em;line-height: 2.5em;font-size: 1.05em;margin-bottom: 10px;padding-left: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: 1px solid #e7e7e7;}
.widget_previous ul li i { display: block; width: 16px; height: 16px; background: #B1B1B1; float: left; margin-top: 8px; margin-right: 10px; position: relative; font-style: normal }
.widget_previous ul li i::before { position: absolute; left: 0; top: 0; font-size: 9px; color: #fff; line-height: 16px; width: 16px; text-align: center }
.widget_previous ul li:first-child i, .widget_previous ul li:nth-child(2) i, .widget_previous ul li:nth-child(3) i {background: #e74c3c;}
.widget_previous ul li:first-child i::before { content: "1"; }
.widget_previous ul li:nth-child(2) i::before { content: "2"; }
.widget_previous ul li:nth-child(3) i::before { content: "3"; }
.widget_previous ul li:nth-child(4) i::before { content: "4"; }
.widget_previous ul li:nth-child(5) i::before { content: "5"; }
.widget_previous ul li:nth-child(6) i::before { content: "6"; }
.widget_previous ul li:nth-child(7) i::before { content: "7"; }
.widget_previous ul li:nth-child(8) i::before { content: "8"; }
.widget_previous ul li:nth-child(9) i::before { content: "9"; }
.widget_previous ul li:nth-child(10) i::before { content: "10"; }
.widget_previous ul li:hover { -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }


.article_article{background-color: #fff;padding: 1em;border: 1px solid #eeecec;box-sizing: border-box;border-bottom: none;}
.article_article h1{font-size:1.5em;text-align: center;margin-bottom: .2em;padding: .5em 0 .2em;}
.article_article .info{padding: .5em 0 1em 0;font-size: .9em;color: #7d7d7d;border-bottom: 1px solid #f0f0f0;margin: .7em 0 1em 0;text-align: center;}
.article_article .info span{ padding-right:.7em;}
.article_content{color:#636161;font-size: 15px;line-height:1.7em;text-align:justify;padding: 1.5em .7em;word-break: break-all;word-wrap: break-word;position: relative;}
.article_content img{display:block;margin: 1em auto;max-width: 95% !important;min-width: auto !important;height: auto !important;}
.article_content p,.article_content div{margin-bottom:.5em;color: #545454;font-size: 1.05em;text-align: justify;line-height: 1.8em;}
.article_content h2,.article_content h3{margin: .8em 0;font-size: 1.1em;color: #000;}
.Prev_Next{padding:1.2em 0 1.5em 1em; border: 1px solid #eeeeee;padding-bottom:1.5em;}
.Prev_Next p{ display: flex;}
.Prev_Next span{padding-right: 1.5em;width: 50%;color: #e74c3c;box-sizing: border-box;}
.Prev_Next span:last-child{ padding-right:0;}
.article_related{border: 1px solid #eeecec;border-top: none;background-color:#fff;padding:1em;}
.article_related h3{font-weight:bold;font-size: 1.2em;margin-bottom:1em;}
.article_related ul{width: 100%;flex-wrap: wrap;justify-content:space-between;}
.article_related ul li{
	width: 49%;font-size: 1.1em;height: 2.5em;line-height: 2.5em;display: flex;}
.article_related ul li i{color: #7f7c7c;padding-right: .5em;}
.article_related ul li span{font-weight:bold;color:#888;margin-right:10px;}
@media(max-width: 600px) {
.main,.Prev_Next{ flex-wrap: wrap;}
.main_l,.main_r,.article_main_r,.Prev_Next span,.article_related ul li{ width: 100%;}
.article_article{ padding:.2em;}
}
@media(max-width: 411px) {
	.article_list li i{width: 10em;height: 7.5em;}
	.article_list li i img{height: 7.5em;}
	.article_list li h2{ margin-bottom: .5em;}
}
@media(max-width: 360px) {
	.article_list li i{width: 8em;height: 7.3em;}
	.article_list li i img{height: 7.3em;}
	.article_list li h2{ margin-bottom: .5em;}
}