@charset "utf-8";

body{ background: #F8F8F8; font-size:16px; color: #fff;}

.content2{max-width:1150px;margin:0 auto 50px;overflow:hidden;text-align: center;/* min-width: 1250px; */padding-top: 50px;display: flex;}
/*侧边栏*/
.gp-subLeft{background: #fff;width: 200px;/* box-shadow: 0 0 5px rgba(0,0,0,0.08); */}
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{padding:18px 15px 18px 30px;display: block;border-bottom: 1px solid #fff;margin-right: 20px;transition: all 0.35s ease-in-out;text-align: left;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{background: #fff;padding-right: 20px;margin-right: 0;color:#333;color: #2f82ff;background: #e3eeff;}
.gp-subLeft .gp-toggles{width: 58px;height: 58px;position: absolute;right: 0;top: 0;line-height: 58px;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 14px;display: none;}
.gp-second-nav dd a{display: block;padding:10px 15px 10px 45px;color:#666;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;text-align: left;}
.gp-second-nav dd a:hover,.gp-second-nav dd a.active{background: #fff;color: #2f82ff;background: #e3eeff;}
.subRight{flex: 1;background-color: #fff;margin-left: 30px;padding: 25px 25px 40px;/* box-shadow: 0 0 5px rgba(0,0,0,0.08); */text-align: left;}
.subRight .curchannel{border-bottom: 1px solid #eee;padding: 0 0 20px;font-weight: bold;color: #2f82ff;font-size: 20px;display: none;}
.gpList1{text-align: left;}
.gpList1 li{border-bottom: 1px solid #eee;padding: 20px 0;}
.gpList1 li:last-child{border-bottom: none;}
.pageTitle{text-align: center;color: #333;padding: 15px;font-size: 30px;}
.pageAuthor{color: #999;padding: 10px;font-size: 14px;text-align: center;border-bottom: 1px solid #eee;}
.gp-article{padding: 25px 0;min-height: 50vh;}
.annex h2{font-size: 18px;margin-bottom: 10px;color: #333;}
.annex ul li{padding: 14px 15px;border-bottom: 1px solid #eee;position: relative;font-size: 16px;}
.annex ul li::before{content: '';width: 5px;height: 5px;border-radius: 50%;background-color: #0089FF;position: absolute;left: 0;top: 24px;}
.gp-article p{margin-top: 1em;margin-bottom: 1em;line-height: 1.8;color: #333;}
/*文章页控制ul li序号*/
.gp-article ol,.gp-article ol li,.gp-order-list li,.gp-order-list{list-style:decimal inside none;}
.gp-article ul,.gp-article ul li,.gp-unorder-list li,.gp-unorder-list{list-style: disc inside  none;}
.gp-unorder-list.circle{list-style-type:circle}
.gp-unorder-list.square,.gp-unorder-list.square li{list-style-type:square}
.gp-unorder-list.upper-roman,.gp-unorder-list.upper-roman li{list-style-type:upper-roman}
.gp-unorder-list.lower-alpha,.gp-unorder-list.lower-alpha li{list-style-type:lower-alpha}
.gp-article{word-break: break-word;}
.gp-article p{line-height:1.6;margin-top:1em;margin-bottom:1em;}
.gp-article a{color: blue;}

.gp-bread{text-align: right; color: #666;  padding-bottom: 22px; border-bottom: 1px solid #eee;}
.gp-bread a:hover{color:#2f82ff;}

/* 视频列表 */
.video ul{ margin-left: -5px; margin-right: -5px;}
.video ul li{ margin-bottom: 30px;}
.video ul a{ display: block; margin: 0 5px; border-radius: 20px; background: #F3F7FB; padding: 10px; box-sizing: border-box;}
.video > a{ display: block;}
.video .img{ position: relative;}
.video .img .gp-img-responsive{ border-radius: 20px; padding-bottom: 56.25%;}
.video  a:hover img{ transform: scale(1.03); opacity: 0.95;}
.video .video{ width: 50px; height: 50px; background: url(../images/video_icon.png) no-repeat center/cover; 
    position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);}
.video .title{ font-size: 18px; color: #333; line-height: 25px; margin-top: 10px;}


/*分页*/
.gp-page { padding:15px 0; color:#999;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;width: 32px;height: 32px;line-height: 32px;
 position:relative;text-align: center;  border:1px solid #ddd;  margin-bottom:5px; margin-left:5px;vertical-align: top;}
.gp-page-select{height: 32px;line-height: 32px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {width: auto;padding:0 15px;}
.gp-page > span{border:none}
.gp-page > a:hover { background-color:#eee}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}



@media screen and (max-width:992px){
	.content2{padding: 20px;display: block;}
	.gp-subLeft{width: auto;}
	.subRight{margin: 10px 0 0;padding: 10px 20px;}
	
	.gp-page{ display: none;}
	.gp-m-page{ display: block;}
	
	.mob_nav_btn + ul{display: none;}
	.mob_nav_btn{height: 40px;position: relative;background: #2f82ff;}
	.mob_nav_btn span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% + 3px) / 3);width: 22px;height: 2px;background-color: #fff;animation-duration: 0.5s;animation-fill-mode: both;display: block;}
	.mob_nav_btn.off span:nth-child(1){transform: translateY(4px) rotate(0deg);animation-name: outfirst;}
	.mob_nav_btn.off span:nth-child(2){transform: translateY(-4px) rotate(0deg);animation-name: outsecond;}
	.mob_nav_btn.off span:nth-child(3){transform: translateY(-4px) rotate(0deg);animation-name: outthird;}
	@keyframes outfirst {
		0%{transform: translateY(0) rotate(-45deg);}
		100% {transform: translateY(-4px) rotate(0deg);}
	}
	@keyframes outsecond {
		0% {transform: translateY(0) rotate(45deg);}
		100% {transform: translateY(4px) rotate(0deg);}
	}
	@keyframes outthird {
		0% {transform: translateY(0) rotate(90deg);}
		100% {transform: translateY(12px) rotate(0deg);}
	}
	.mob_nav_btn.on span:nth-child(1){animation-name: clickfirst;}
	.mob_nav_btn.on span:nth-child(2){animation-name: clicksecond;}
	.mob_nav_btn.on span:nth-child(3){animation-name: clickthird;}
	@keyframes clickfirst {
		0% {transform: translateY(4px) rotate(0deg);}
		100% {transform: translateY(4px) rotate(45deg);}
	}   
	@keyframes clicksecond {
		0% {transform: translateY(-4px) rotate(0deg);}
		100% {transform: translateY(4px) rotate(-45deg);}
	} 
	@keyframes clickthird {
		0% {opacity: 0}
		100% {opacity: 0}
	}   
	.subRight .curchannel{display: block;}
	
	.gpList1 li{padding: 16px 0;}
	
}
@media screen and (max-width:767px) {
	.gp-article {word-break: break-all;}
	.gp-article img{width:auto !important;height:auto !important;}
	.gp-article video{width:auto !important;}
	.gp-article table{width:100% !important; }
	.gp-search .notxt1{width: 70px;}
	
	.allSearch{height: auto;padding: 0 0 20px;}
	.allSearch .title{margin: 30px 0 20px;font-size: 24px;}
}
@media screen and (max-width:680px) {
	.video ul li{ width: 100%; margin-bottom: 20px;}
}
@media screen and (max-width:479px) {
	.subRight{ padding: 10px;}
}