/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../pic/2.jpg) !important;} */
 
.content{position: relative;z-index: 5;background: url(../imagesdangjian/subpage.png) no-repeat center top #f8f7f3;background-size: 100% auto;box-sizing: border-box;padding: 9.9vw 0 0;}
.content .gp-container{} 
.sub_content{position: relative;background: #fff;display: flex;align-items: start;align-items: flex-start;align-items: self-start;}
.channel_title{color: rgb(179, 36, 41);text-align: center;margin-bottom: 9.6rem;}   
  
.asideList8{width: 20rem;border-right: 2px solid #e5e5e5;padding-bottom: 9rem;position: sticky;left: 0;top: 6.3rem;}
.asideList8 .gp-subLeft {position: relative;}
.asideList8 .gp-subLeft .subLeftTitle {padding: 2.7rem 3.2rem;color: #fff;font-weight: bold;background: #b32429;background-size: cover;position: relative;margin-bottom: 1px;box-sizing: border-box;display: none;}
.asideList8 .gp-subLeft .subLeftTitle b {background: url(../imagesdangjian/asideList8_subleft_b.png) no-repeat;width: 23px;height: 29px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.asideList8 .gp-subLeft .gp-m-inner-header-icon {width: 4rem;height: 4rem;text-align: center;color: #fff;position: absolute;right: 1.5rem;top: 50%;display: none;line-height: 4rem;transform: translateY(-50%);}
.asideList8 .gp-subLeft > ul {text-align: center;}
.asideList8 .gp-subLeft > ul > li {position: relative;border-bottom: 1px solid #e5e5e5;}
.asideList8 .gp-subLeft > ul > li > a {padding: 2.65rem 2rem;display: block;transition: all 0.35s ease-in-out;position: relative;transition: all 0.3s ease-in-out;color: #333;}
.asideList8 .gp-subLeft > ul > li.active > a {position: relative;}
.asideList8 .gp-subLeft > ul > li.active > a::before{content: "";display: block;width: 1rem;height: 3px;background: #b32429;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.asideList8 .gp-subLeft > ul > li > a:hover {  color: #b32429;box-shadow: 0px 10px 23px 4px rgba(0, 0, 0, 0.1); }
/* .asideList8 .gp-subLeft > ul > li a.active {color: ;margin-right: 0;border-bottom: 1px solid ;font-weight: bold;} */
.asideList8 .gp-subLeft > ul > li .gp-toggles {width: 1em;height: 1em;position: absolute;right: 1rem;top: 2.8rem;line-height: 1em;text-align: center;cursor: pointer;color: #999;opacity: 0.5;filter: alpha(opacity=50);font-size: 18px;}
.asideList8 .gp-subLeft > ul > li .gp-toggles.on {transform: rotate(90deg);}
.asideList8 .gp-subLeft > ul > li .gp-second-nav {display: none;background-color: #f5f5f5;margin-left: 4rem;}
.asideList8 .gp-subLeft > ul > li .gp-second-nav dd{border-bottom: 1px solid #fff;}
.asideList8 .gp-subLeft > ul > li .gp-second-nav dd:last-child{border-bottom: none;}
.asideList8 .gp-subLeft > ul > li .gp-second-nav dd a {display: block;padding: 1.5rem 2rem;color: #757575;transition: all 0.35s ease-in-out;position: relative;} 
.asideList8 .gp-subLeft > ul > li .gp-second-nav dd a:hover {color: #b32429;font-weight: bold;}
.asideList8 .gp-subLeft > ul > li .gp-second-nav dd a > span {position: relative;}
.asideList8 .gp-subLeft > ul > li .gp-second-nav dd a.active {position: relative;color: #b32429;font-weight: bold;padding-left: 30px;}
.asideList8 .gp-subLeft > ul > li .gp-second-nav dd a.active::before{content: "";display: block;width: 1rem;height: 2px;background: #b32429;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);}
 
.subRight{flex: 1; box-sizing: border-box;padding: 6rem 6rem 10rem;} 

.subList1{}
.subList1 li{margin-bottom: 4rem;}
.subList1 .item{display: flex;border: 1px solid #e5e5e5;box-sizing: border-box;position: relative;padding: 1.7rem 2.8rem;align-items: center;}
.subList1 .item::before{content: "";display: block;width: 8.2rem;height: 2px;background: #b32429;position: absolute;left: 0;top: -1px;}
.subList1 .date{margin-right: 3.8rem;color: rgb(179, 36, 41);text-align: right;}  
.subList1 .date .day{line-height: 1.714;}
.subList1 .date .year{line-height: 1;}
.subList1 .title{flex: 1;overflow: hidden;color: #333;line-height: 1.556;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;}
.subList1 .title:hover{color: #b32429;}
 
.subList2{}
.subList2 li{margin-bottom: 5rem;} 
.subList2 li:last-child{margin-bottom: 0;} 
.subList2 .item{display: flex;margin-bottom: 2rem;box-sizing: border-box;position: relative;padding: 1.5rem 0;}
.subList2 .item::before{content: "";display: block;width: 92.3%;height: 100%;border: 1px solid #dcdcdc;border-radius: 7px;position: absolute;right: 0;top: 0;z-index: -1;}
.subList2 .item .lt{width: 48rem;}
.subList2 .item .lt .gp-img{display: block;}
.subList2 .item .rt{flex: 1;overflow: hidden;box-sizing: border-box;padding: 1.5rem 4rem;}
.subList2 .item .title{color: rgb(51, 51, 51);line-height: 1.667;height:3.334em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;}
.subList2 .item .title:hover{color: #b32429;}
.subList2 .item .summary{color: rgb(153, 153, 153);line-height: 1.5;height:6em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 4;-webkit-box-orient: vertical;-moz-box-orient: vertical;margin-top: 1.5rem;}
.subList2 .item .date{color: #c5575b;margin-top: 2.5rem;}
.subList2 .item .date img{display: inline-block;max-width: 1em;margin-right: 1rem;}
.subList2 .noImg .item::before{width: 100%;}
.subList2 .noImg .item .title{height: auto;}
.subList2 .noImg .item .summary{height: auto;}
 
 


.gp-page{text-align: center;margin: 6rem 0 0;}
.gp-page >*{display: inline-block;vertical-align: middle;margin: 0 2px;}
.gp-page a{width: 2.25em;height: 2.25em;text-align: center;line-height: 2.25em;border-radius: 50%;border: 1px solid rgb(220, 220, 220); position: relative;color: #999; }  
.gp-page a.on_pages,.gp-page a:hover{color: #fff;background: #b32429;border-color: #b32429;; } 
.gp-page a.on_pages span,.gp-page a:hover span{ z-index: 1;position: relative;}
.gp-page .divSelect{height: 2.25em;line-height: 2.25em;border-radius: 18px; position: relative;box-sizing: border-box;border: 1px solid rgb(220, 220, 220); }

.select_mask{width: 14px;height: 8px;display: block;position: absolute;right: 20px;top: 14px;background: url(../imagesdangjian/down2.png) no-repeat;transition: all 0.2s ease-in-out;}
.divSelect cite{height: 2.25em;line-height: 2.25em;color: #999;font-style: normal;display: block;cursor: pointer;padding: 0 45px 0 20px;}
.linkList02{position: absolute;left: 0;top: 40px;z-index: 5000;background-color: #fff;width: 100%;max-height:500px;overflow-y: auto;display: none;box-shadow: 5px 9px 10px rgba(0,0,0,0.15);max-height: 150px;}
.linkList02 li{padding:8px;font-size: 14px;text-align: center;line-height: 1.2;cursor: pointer;}
.linkList02 li:hover{background-color: #f1f1f1;}
.linkList02 li a{display: block;width: auto;height: auto;border-radius: 0;border: none;background: none;color: #333;line-height: 1.2;} 
.linkList02 li a:hover{ background: none;color: #333;} 
.divSelect.active .select_mask{transform: rotate(-180deg);} 
  

      

@media screen and (max-width: 996px){
	.sub_content{flex-direction: column;box-sizing: border-box;padding: 30px 30px 50px;}
	.asideList8{width: 100%;border: none;padding-bottom: 0; margin-bottom: 20px;position: relative;top: 0;}
	.subRight{flex: none;padding: 0px;width: 100%;} 

	.asideList8 .gp-subLeft .subLeftTitle {padding: 10px 15px;text-align: left;font-size: 20px;display: block;}
	.asideList8 .gp-subLeft .gp-m-inner-header-icon {display: block;}
	.asideList8 .gp-subLeft > ul {display: none;padding: 0;}
	.asideList8 .gp-subLeft > ul > li > a {padding: 5px 10px 5px 30px;font-size: 14px;text-align: left;}
	.asideList8 .gp-subLeft > ul > li.active > a{border: none;padding: 5px 10px 5px 30px;font-size: 14px;text-align: left;box-shadow: none;background: #f5f5f5;}
	.asideList8 .gp-subLeft > ul > li .gp-second-nav{background: #ededed;margin-top: 2px;}
	.asideList8 .gp-subLeft > ul > li > a.active {border-bottom: none;}
	.asideList8 .gp-subLeft > ul > li .gp-toggles {height: 28px;line-height: 28px;}
	/* .asideList8 .gp-subLeft > ul > li .gp-second-nav {background: none;} */
	.asideList8 .gp-subLeft > ul > li .gp-second-nav dd a {/* padding: 5px 10px 5px 50px; */font-size: 14px;text-align: left;}


	.subList2 .item .summary{height: 3em;-webkit-line-clamp:2;}

}
@media screen and (max-width: 767px) {
	.content{padding: 6rem 0 0;}
	.channel_title {margin-bottom: 4rem;}
	.subList2 .item{flex-direction: column;}
	.subList2 .item .lt{width: 100%;border-radius: 10px 10px 0 0;overflow: hidden;}
	.subList2 .item::before{display: none;}
	.subList2 .item{border: 1px solid #dcdcdc;border-radius: 10px;padding: 0;}
	.subList2 .noImg .item .title{height: auto;}
	.subList2 .noImg .item .summary{height: auto;}

	.gp-page >a{display: none;}
	.gp-page a.gp-page-prev,.gp-page a.gp-page-next,.gp-page a.on_pages{display: inline-block;}

	.subList1 .date {margin-right: 3rem;}

	.gp-page{margin: 4rem 0 0;}
	.sub_content{padding: 20px 20px 40px;}
}
@media screen and (max-width: 479px) {
	.content{padding: 4rem 0 0;}
	.channel_title {margin-bottom: 2rem;}
}





/* article_page_start */
.page_article{position: relative;z-index: 2; } 
.page_article_title {}
.page_article_title h3 {line-height: 1.533;color: #333;font-weight: normal;}
.article_author {margin: 3.2rem 0 2.4rem;position: relative;z-index: 2;overflow: hidden;border-top: 1px solid rgb(220, 220, 220);box-sizing: border-box;padding: 3rem 0 0;}
.article_author span{padding: 0 10rem 0 0;display: inline-block;vertical-align: top;color: #b32429;}
.article_author span img{display: inline-block;margin-right:1rem;}
.article_author span:last-child{padding: 0;}

.font_size_control{float: right;margin-right: 3.5rem;}
.font_size_control i{cursor: pointer;display: inline-block;width: 1em;height: 1em;line-height: 1em;text-align: center; }
.font_size_control i.jia{background: url(../imagesdangjian/jia.png) no-repeat center;background-size: cover;}
.font_size_control i.jian{background: url(../imagesdangjian/jian.png) no-repeat center;background-size: cover;}

.page_article .article {position: relative;line-height: 1.778;}
.page_article .article img{display: block;max-width: 100%;margin: 0 auto;}
.page_article .article *{text-indent: 2em;}
 

 
.article_bottom{display: flex;position: relative;}

.article_links{flex:1;line-height: 1.5;margin: 2.5rem 0 0;padding: 2.5rem 0 0;border-top: .1rem solid #dcdcdc;} 
.article_links div{display: flex;margin-bottom: 1.3rem;}
.article_links span{color: #999;}
.article_links a{flex: 1;overflow: hidden;color: #555;} 
.article_links a:hover{color: #b32429;}

@media screen and (max-width: 996px){ 

	.page_article_title{padding: 0 0 10px;}
	.page_article_title h3{line-height: 1.6em;}
	.page_article .article{font-size: 15px;line-height: 1.8;}
	.article_author{margin: 0 0 20px;font-size: 12px;padding-left: 20px;}
	.article_author span, .article_author span i{font-size: 12px;padding-right: 20px;}
	.annex{padding: 0 0 12px;}

	.font_size_control{}
	.font_size_control i{font-size: 16px;}

}
@media screen and (max-width: 767px) { 
	.page_articleTitle{margin: 0 0 16px;padding-bottom: 0;}
	.font_size_control{float: none;}
	
	.article_author{padding: 0;text-align: center;}
	.article_author span{padding:2px 10px;border: 0;font-size: 14px;line-height: 20px;vertical-align: middle;}

	.article_bottom{flex-direction: column;}
	.font_size_control{margin: 2rem 0 0.5rem;}
	.font_size_control i{width: 1.5em;height: 1.5em;}
	/* .article_author i{display: none;} */

}

.share_box{text-align: center;z-index: 10; margin: 2.5rem 0 0;padding: 2rem 0 0;border-top: .1rem solid #dcdcdc;margin-left: 7.8rem;}
.share_box >div{display: inline-block;margin-left: 1.5rem;}
.share_box >div:first-child{margin-left: 0rem;}
.share_box >div >p{color: #333;text-align: center;line-height: 2.375;}  
.share_box .box{display: inline-block;vertical-align: top;position: relative;margin-left: 2rem;width: 8rem;}
.share_box .box:first-child{margin-left: 0;}
.share_box .share_btn{margin: 0rem auto .2rem;position: relative;width: 5rem;height: 5rem;cursor: pointer;display: block;background-color: #F8F8F8; border-radius: 50%;color: #fff;} 
.share_box .share_btn i{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: 2;}
.share_box .share_btn.share_wechat { background: #0ab70e;}
.share_box .share_btn.share_sina { background: #f56467;}
.share_box .share_btn.share_qzone { background: #f8b551;}
.share_box .share_btn.share_more{background: #b32429;}
.share_box .share_btn.share_twitter { background: #6babe8;}
.share_box .share_btn.share_facebook { background: #415a94;}
.share_box .share_btn.share_linkedin { background: #3d84c2;}

.share_box .share_btn.views{background-color: #e7be65; } 
 

.share_box .share_btn.view{background: #e7be65;}
.share_box .share_btn:last-child { }
#qrcode{padding: .5rem;background: #fff;box-shadow: 0 0 .5rem rgba(0,0,0,.2);}
.share_box canvas { display: block; }
.share_box .share_btn .alert_box {position: absolute;bottom: 100%;left: 0%;padding: .6rem;display: none;z-index: 2;padding: 0;z-index: 10;}
.share_box .share_wechat .alert_box{left: auto;top: 0;right: 109%;}
.sub_right .share_box .share_wechat .alert_box{left: auto;right: 100%;top: 0;}
.share_box .share_more .share_btn {margin: .5rem 0 0;border: 0rem;/* border-radius: 0rem; */}
.share_box .share_btn:hover > .alert_box { display: block; }
@media screen and (max-width: 1280px){
	.share_box .share_btn::before{width: 6rem;height: 6rem;}

}
@media screen and (max-width: 996px) {
	/* .share_box {position: relative;left: 0;right: 0;top: 0;bottom: 0;margin: 8px 0 20px;width: 100%;transform: none;}
	.share_box .share_btn.share_more{width: auto;height: auto;background: none;}
	.share_box .share_btn.share_more > .alert_box{display: block;position: relative;}
	.share_box .share_btn{display: inline-block;}
	.share_box > .share_btn{display: none;}
	.share_box .share_btn.share_more{display: block;}
	.share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; }
	.share_box .share_more .share_btn{margin: 0 2px;}
	
	.share_wechat .alert_box{left: 50% !important;transform: translateX(-50%) !important;top: auto !important;bottom: 105% !important;right: auto !important;} */
}
@media screen and (max-width: 767px) { 
	.share_box{margin-left: 0;}
}
/* article_page_end */