html {text-align: center;}
body {font-family: "MicrosoftYaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;font-family: "微软雅黑"; background: #f5f5f5;text-decoration: none; margin:0px; padding:0px; }
input { font: 10pt Verdana, Arial, Helvetica, sans-serif, "宋体"; }
img {border: none;}
p,ul,ol,li,form {margin: 0;padding: 0;list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
.clear {clear: both;}
/** 页头区 **/
/*---------------------------------top----------------------------------------*/

.top {height: 34px;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	background: #333; margin-top:0px; width:100%; line-height:34px;}
.top_con {margin: 0 auto; font-size:14px;}
.top_left {float: left; line-height:34px;text-indent:20px; height:34px;}
.top_left a{ color:#fff; font-size:14px; line-height:34px; height:34px;}
.top_right {float: right;height: 32px; overflow:hidden;}
.top_right a {height: 32px;display: block;font: 14px/32px "微软雅黑";	color: #eee;float: left;margin-right: 20px;	/*pointer-events: none;*/}
.top_rightx {float: right;height: 32px; overflow:hidden;}
.top_rightx a {height: 32px;display: block;font: 14px/32px "微软雅黑";	color: #eee;float: left;margin-right: 20px;	/*pointer-events: none;*/}

.locacent{width:100%; background:url(/static/assets/images/banner1.jpg) no-repeat center top ;background-size: 100% 100%;  height:300px; padding-top:15px;}
.locawz {width: 1200px;margin:0px auto;height: 60px; color:#f0f0f0; }
.locawz .locawzleft {width: 100%;	font: 14px/40px "微软雅黑";	color: #333;float: left; text-align:left; text-indent:20px; line-height:60px; height:60px;}
.locawz .locawzleft a {	color: #333;}
.locawz .locawzright { width:58%; float: right;	color:#fef507;	font: 14px/52px 微软雅黑; line-height:60px; margin-right:10px; text-align:right; display:block; overflow:hidden;}
.fenleitit{ width:500px; height:40px; line-height:40px; text-align:center;  display:block; margin:20px auto;  }
.fenleitit a{ color:#fff; font-size:38px; background:#ef4146; height:40px; padding:0px 15px 2px 15px; border-radius:8px; }
.fenleitit span{ font-size:20px; padding:0px 8px; color:#555;}
.fenleititx{ width:1200px; height:40px; line-height:60px; text-align:center; font-size:15px; display:block; margin:0px auto; color:#eee; overflow:hidden;}


/** 百科简介 **/
.indexzong {width:1200px; margin:-120px auto 20px;display:block; overflow:hidden; background:#fff; border-top-left-radius:10px;border-top-right-radius:10px;-webkit-box-shadow: 0 0 5px #dfe8f2;box-shadow: 0 0 5px #dfe8f2; padding:5px 0px;}

.indexlieb{ width:585px; display:block; overflow:hidden; background:#fbf6f6; margin:5px 0px 5px 10px; float:left; height:210px;}
.zuopinleft img { width: 140px;height: 180px; margin-left: 10px; margin-top: 12px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.zuopinright{ width: 390px; float: left; margin-left: 15px;margin-top: 16px;}
.zprtitle{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:20px; height:36px; overflow:hidden; margin:0px;}
.zprtitle a{ font-weight:bold; color:#555; font-size:20px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.zprzz{width: 100%;overflow:hidden;height:36px;}
.zprzz p {font: 14px/40px "微软雅黑";color: #666;float: left;margin-right: 50px;}
.zprjj{font-size: 14px;color: #999; margin-top:5px;line-height: 24px; height:100px; overflow:hidden; text-align:left; }


.indexliebtwo{ width:386px; display:block; overflow:hidden; background:#fbf6f6; margin:5px 0px 5px 10px; float:left; height:210px;}
.zuopinlefttwo img { width: 140px;height: 180px; margin-left: 10px; margin-top: 12px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.zuopinrighttwo{ width: 200px; float: left; margin-left: 15px;margin-top: 16px;}
.zprtitletwo{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:20px; height:36px; overflow:hidden; margin:0px;}
.zprtitletwo a{ font-weight:bold; color:#555; font-size:20px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.zprzztwo{width: 100%;overflow:hidden;height:36px;}
.zprzztwo p {font: 14px/40px "微软雅黑";color: #666;float: left;margin-right: 10px;}
.zprzztwo p:nth-child(even) {margin-right:0}
.zprjjtwo{font-size: 14px;color: #999; margin-top:5px;line-height: 24px; height:100px; overflow:hidden; text-align:left; }



.baikeinfo {width:1200px; margin:-120px auto 20px;display:block; overflow:hidden; background:#fff; border-top-left-radius:10px;border-top-right-radius:10px;-webkit-box-shadow: 0 0 5px #dfe8f2;box-shadow: 0 0 5px #dfe8f2; padding:5px 0px;}
.baikeinfo .baketu img { width: 168px;height: 220px; margin-left: 20px; margin-top: 20px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.bakejj{ width: 970px; float: left; margin-left: 20px;margin-top: 16px;}
.bakejj .bakejjs{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:26px; height:40px; overflow:hidden; margin:0px;}
.bakejj .bakejjs H1{ font-weight:bold; color:#555; font-size:26px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.bakejj .bakejjx{font-size: 14px;color: #999;margin-top: 8px;line-height: 24px; height:200px; overflow:hidden; }

/** 小说百科调用 **/
.newxiaoshuo {width: 1200px;margin:0 auto; height:auto; display:block; overflow:hidden; }
.newxstitz{ display:block; background:#fff; overflow:hidden; text-align:center; margin-bottom:10px;height:46px; }
.newxstitz H2{ display:block; margin:0px auto; color:#666; font-size:19px;background:#fff; height:46px; line-height:46px; overflow:hidden; }

.xiaoshuozuixin {width: 850px; float:left; overflow:hidden; display:block; }
.xiaoshuozuixin ul{ background:#fff; margin:10px 0px; padding:0px 1%; width:98%; display:block; overflow:hidden; border-top:2px solid #fff;}
.xiaoshuozuixin ul li{ width:50%; display:block; float:left; border-bottom:1px  dashed #ddd; height:38px;  overflow:hidden; text-align:left; text-indent:22px; font-size:14px; background:url(/static/assets/images/btnactive.png) no-repeat left center;}
.xiaoshuozuixin ul li a{height:38px; line-height:38px; color:#555;}


.zhengwentit{ display:block; background:#fff; overflow:hidden; text-align:center; margin-bottom:10px;height:46px; width:100%; }
.zhengwentit H2{ display:block; margin:0px auto; color:#666; font-size:19px;background:#fff; height:46px; line-height:46px; overflow:hidden; }
.zhengwentit H2 a{color:#666;}
.zhengwentit H2 a:hover{color:#555;}

.zhengwen {width: 1200px; margin:0px auto; overflow:hidden; display:block; }
.zhengwen ul{ background:#fff; margin:10px 0px; padding:0px 1%; width:98%; display:block; overflow:hidden; border-top:5px solid #fff;}
.zhengwen ul li{ width:33%; display:block; float:left; border-bottom:1px  dashed #ddd; height:38px;  overflow:hidden; text-align:left; text-indent:22px; font-size:14px; background:url(/static/assets/images/btnactive.png) no-repeat left center;}
.zhengwen ul li a{height:38px; line-height:38px; color:#555;}
.zhengwen ul li span{ font-size:13px; color:#999;}
.zhengwentitss{display:block; background:#eee; overflow:hidden; text-align:center;height:40px; width:98%; margin:5px auto 10px; line-height:40px; }

.content{ background: #dfdfdf; padding:0px;  overflow:hidden; margin-bottom:0px; width:100%;}
.xscontent{background:#f6f4ec; max-width: 1140px; margin:40px auto; overflow:hidden; display:block; padding:30px 20px 0px; width:auto;  }
.wenztit H1{font: bold 26px/50px 微软雅黑; color:#222; height:50px; width:100%; }
.wenzbiaoq{color:#aaa; font: 15px/26px 微软雅黑; height:40px;  width:96%; }
.wenzbody{color:#444; line-height:30px; font-size:18px; padding:20px 2%; text-align:left; border-top:1px dashed #ccc; width:96%; }
.wenzbody p{font-size:18px; margin:15px 0px;}
.wenzbody table{ background:#f5f5f5;}
.wenzbody table td{ border:1px solid #fff; font-size:15px;}
.wenzbody h2{ font-size:17px; font-weight:bold;}

.wenzabout {margin: 10px 0px;  height:70px;}
.wenzabout div {font: 16px/40px "微软雅黑";color: #fff;text-align:center;border-radius:8px; display:block; float:left;}
.wenzabout div a {color: #fff; font-size:15px; text-decoration:none;}
.wenzabout div a:hover{color:#eee;}
.nextxs{ width:31%; background:#1abc9c;  margin:0px 1%;}
.fhmulu{ width:32%; background:#ff8822;  margin:0px 1%; }

/* 作者简介 */ 
.ppyouce{width:340px; display:block; float:right; overflow:hidden; }
.ppyoucefenti{width:300px;background: #fff; margin-bottom:10px;padding:10px 20px 5px 20px;}
.ppyoucetit{height:40px;}
.ppyoucetit span{display: block;width:4px;height:16px;float:left;background: #E00B0B;margin-right: 10px;margin:10px 10px 0 0;}
.ppyoucetit H2{font:18px/36px "微软雅黑";	color:#333;	float:left;	font-weight: 600; height:40px; overflow:hidden; margin:0px;}
.ppyoucetitx{height:40px;}
.ppyoucetitx H2{font:18px/36px "微软雅黑";	color:#333;		font-weight: 600; height:40px; overflow:hidden; margin:10px auto; width:230px;}

.zuozhejianjie {border-top:1px dashed #eee; font: 14px/26px "微软雅黑";	color: #666; text-align:left; height:auto; overflow:hidden; padding-top:3px;}
.zuozhejianjie a{color: #ff0000;}

.qyico1{background: url(/static/assets/images/qyico1.png) no-repeat center center;  height:30px; width:60px; display:block;float:left;}
.qyico2{background: url(/static/assets/images/qyico2.png) no-repeat center center;  height:30px; width:60px; display:block;float:left;}
.qyico3{background: url(/static/assets/images/qyico3.png) no-repeat center center;  height:30px; width:60px; display:block;float:left;}
.qyico4{background: url(/static/assets/images/qyico4.png) no-repeat center center;  height:30px; width:60px; display:block;float:left;}

.affcopy_itr{width: 100%;overflow:hidden;height: 46px;}
.affcopy_itr p {font: 15px/46px "微软雅黑";color: #666;float: left;margin-right: 60px;}

.affcopy_itr p a {color: #f00; font-weight:bold;}
.affintros {font: 14px/26px "微软雅黑";	color: #666;/*margin-top:4px;*/  text-align:left; height:130px; overflow:hidden; padding-top:3px;}

.pager{ display:block; overflow:hidden; margin:15px auto;  }
.pager a{ display:block; padding:6px 20px; background:#ec3333; overflow:hidden; color:#fff; float:left; margin:3px;border-radius:5px;}

/* links代码 */ 
.links{ width:1180px; height:auto; display:block; margin:10px auto;  overflow:hidden; color:#333; padding:10px;}
.links ul li{ display:block; float:left; margin:5px; font-size:14px;}
.links ul li a{color:#333;}


.banquan{ width:1160px; height:auto; background:#fff; display:block; margin:10px auto; font-size:14px; color:#555; line-height:30px; text-align:left; padding:10px 20px; overflow:hidden;}
/* footer代码 */ 
.footer{ width:100%; height:115px;  background:#111; line-height:32px; color:#fff; padding-top:10px;font-size:13px; overflow:hidden;}
.footer .footdibu{ width:100%; height:32px; line-height:32px; display:block; margin:10px auto;}
.footer .footdibu a{color:#fff;padding:0px 2px;}

.xgfenl{ width:1180px; display:block; margin:0px auto 10px auto; background:#fff; line-height:46px; padding:5px 10px; overflow:hidden;}
.xgfenl a{ background:#efefef; padding:0px 6px; border-radius:5px; color:#555; display:block; float:left; margin:4px; height:32px; line-height:32px;}

.indexjianjie{ width:1160px; display:block; margin:10px auto; background:#f9e7e8; line-height:30px; padding:10px; text-align:center; font-size:20px;font-weight: bold; color:#333; border-radius:10px;}
.shoufen{height:50px; display:block; margin:10px auto; text-align:center; width:95%; padding:10px; background:#fff;}
.shoufen li{float:left;width:24%;text-align:center;line-height:50px;height:50px;cursor:pointer; font-size:17px;overflow:hidden;background:#ef4146; margin-right:1%; border-radius:5px;color:#fff;}
.shoufen li a{ color:#fff;width:100%; height:100%; display:block; }
.shoufen li.off{background:#ef4146;color:#fff;}

.conindex{width:1180px;  margin:10px auto; padding:10px; background:#fff; display:block; font-size:15px; line-height:32px; color:#555;   }
.fznxti{ position:sticky; top:0px; width:100%; display:block;  background:#fff; overflow:hidden;  }
.fznxti a{ background:#ef4146;  margin:3px 5px 3px 0px; float:left;  color:#fff; display:block; text-align:left; padding:0px 15px; height:32px; line-height:32px; border-radius:6px;}


@media(max-width:1200px){
.locawz {width: 98%;margin:0px auto;height: 60px; color:#f0f0f0; }
.newxiaoshuo {width:960px;margin:0 auto; height:auto; display:block; overflow:hidden; }

.zhengwen {width: 960px; margin:0px auto; overflow:hidden; display:block; }
.xiaoshuozuixin {width:610px; float:left; overflow:hidden; display:block; }

.indexzong {width:960px; margin:-120px auto 20px; display:block; overflow:hidden; background:#fff; border-top-left-radius:10px;border-top-right-radius:10px;-webkit-box-shadow: 0 0 5px #dfe8f2;box-shadow: 0 0 5px #dfe8f2;}
.indexlieb{ width:465px; display:block; overflow:hidden; background:#fbf6f6; margin:5px 0px 5px 10px; float:left; height:210px;}
.zuopinleft img { width: 150px;height: 180px; margin-left: 10px; margin-top: 12px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.zuopinright{ width: 260px; float: left; margin-left: 15px;margin-top: 16px;}
.zprtitle{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:20px; height:36px; overflow:hidden; margin:0px;}
.zprtitle a{ font-weight:bold; color:#555; font-size:20px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.zprzz{width: 100%;overflow:hidden;height: 36px;}
.zprzz p {font: 14px/40px "微软雅黑";color: #666;float: left;margin-right: 30px;}
.zprjj{font-size: 14px;color: #999;margin-top: 5px;line-height: 24px; height:100px; overflow:hidden; text-align:left; }

.indexliebtwo{ width:306px; display:block; overflow:hidden; background:#fbf6f6; margin:5px 0px 5px 10px; float:left; height:200px;}
.zuopinlefttwo img { width: 130px;height: 170px; margin-left: 10px; margin-top: 12px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.zuopinrighttwo{ width: 140px; float: left; margin-left: 10px;margin-top: 16px;}
.zprtitletwo{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:20px; height:36px; overflow:hidden; margin:0px;}
.zprtitletwo a{ font-weight:bold; color:#555; font-size:18px; line-height:30px; overflow:hidden; margin:0px 10px; float:left;}
.zprzztwo{width: 100%;overflow:hidden;height:36px;}
.zprzztwo p {font: 14px/40px "微软雅黑";color: #666;float: left;margin-right: 10px;}
.zprzztwo p:nth-child(even) {margin-right:0}
.zprjjtwo{font-size: 14px;color: #999; margin-top:0px;line-height: 24px; height:100px; overflow:hidden; text-align:left; }




.affcopy_itr p {font: 15px/46px "微软雅黑";color: #666;float: left;margin-right: 20px;}

.baikeinfo {width:960px; margin:-120px auto 20px; display:block; overflow:hidden; background:#fff; border-top-left-radius:10px;border-top-right-radius:10px;-webkit-box-shadow: 0 0 5px #dfe8f2;box-shadow: 0 0 5px #dfe8f2;}
.baikeinfo .baketu img { width:168px; height: 220px;  border: 1px solid #ddd; padding:1px; display:block; overflow:hidden; float:left; margin-left:20px; margin-top:20px; max-width:168px;}
.bakejj{ width:77%; float: left; margin-top: 16px; display: block; overflow:hidden;}
.bakejj .bakejjs{ border-bottom: 1px #E6EAF2 solid; background:url(/static/assets/images/baike.png) no-repeat left center;text-indent:26px; height:40px; overflow:hidden; margin:0px; width:100%;}
.bakejj .bakejjs H1{ font-weight:bold; color:#555; font-size:26px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.bakejj .bakejjx{font-size: 14px;color: #999;margin-top: 8px;line-height: 24px; height:200px; overflow:hidden; }
.conindex{width:940px;}
.banquan{ width:920px; display:block; margin:10px auto;}
.xgfenl{ width:940px;}

.indexjianjie{ width:920px; }
}

@media(max-width:960px){

.top {height: 46px;	border-top: 1px solid #ddd;	border-bottom: 1px solid #ddd;	background: #333; margin-top:0px; width:100%; line-height:46px;}
.top_con {margin: 0 auto; font-size:16px;}
.top_left {float: left; text-indent:20px;}
.top_left h1{ font-size:17px; font-weight:normal; line-height:46px; height:46x;}
.top_left a{ color:#fff; line-height:46px;}
.top_rightx {float: right;height: 46px; overflow:hidden; display:block;}
.top_rightx a {height:46px;display: block;font: 14px/46px "微软雅黑";	color: #eee;float: left;margin-right: 20px;	/*pointer-events: none;*/}
.top_right {display:none;}

.locacent{display:block;}
.locawz {display:block; overflow:hidden;}
.fenleitit{ width:100%; height:40px; line-height:40px; text-align:center;  display:block; margin:50px auto 0px;  }
.fenleitit a{ color:#fff; font-size:38px; background:#ef4146; height:40px; padding:0px 15px 2px 15px; border-radius:8px; }
.fenleitit span{ font-size:20px; padding:0px 8px; color:#555;}

.indexzong{width:97%;margin:-80px auto 20px; display:block; overflow:hidden;background:#fff; border-top-left-radius:10px;border-top-right-radius:10px;-webkit-box-shadow: 0 0 5px #dfe8f2;box-shadow: 0 0 5px #dfe8f2;}
.indexlieb{ width:97%; display:block; overflow:hidden; background:#fbf6f6; margin:5px 0px 5px 10px; float:left; height:190px;display:flex;}
.zuopinleft img { width: 125px;height: 160px; margin-left: 10px; margin-top: 12px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.zuopinright{flex:1; float: right; margin-left: 15px;margin-top: 16px; padding-right:10px;}
.zprtitle{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:26px; height:36px; overflow:hidden; margin:0px;}
.zprtitle a{ font-weight:bold; color:#555; font-size:18px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.zprzz{width: 100%;overflow:hidden;height: 40px;}
.zprzz p {font: 15px/40px "微软雅黑";color: #666;float: left;margin-right: 30px;}
.zprjj{font-size: 14px;color: #999;margin-top: 5px;line-height: 24px; height:70px; overflow:hidden; text-align:left; }

.indexliebtwo{ width:48%; display:block; overflow:hidden; background:#fbf6f6; margin:5px 0px 5px 8px; float:left; height:190px;display:flex;}
.zuopinlefttwo img { width: 125px;height: 160px; margin-left: 10px; margin-top: 12px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.zuopinrighttwo{flex:1; float: right; margin-left: 15px;margin-top: 10px; padding-right:10px;}
.zprtitletwo{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:20px; height:30px; overflow:hidden; margin:0px;}
.zprtitletwo a{ font-weight:bold; color:#555; font-size:17px; line-height:30px; overflow:hidden; margin:0px 10px; float:left;}
.zprzztwo{width: 100%;overflow:hidden;height: 30px;}
.zprzztwo p {font: 15px/36px "微软雅黑";color: #666;float: left;margin-right: 30px;}
.zprzztwo p:nth-child(even) {margin-right:0}
.zprjjtwo{font-size: 14px;color: #999; line-height: 24px; height:90px; overflow:hidden; text-align:left; }

.baikeinfo {width:98%;margin:-80px auto 20px; display:block; overflow:hidden;background:#fff; border-top-left-radius:10px;border-top-right-radius:10px;-webkit-box-shadow: 0 0 5px #dfe8f2;box-shadow: 0 0 5px #dfe8f2;display:flex;}
.baikeinfo .baketu img { width:168px; height: 220px;  border: 1px solid #ddd; padding:1px; display:block; overflow:hidden; float:left; margin-left:20px; margin-top:20px; max-width:168px;}
.bakejj{ flex:1; float: right; margin-top: 25px; display: block; overflow:hidden; padding-right:10px;}
.bakejj .bakejjs{ border-bottom: 1px #E6EAF2 solid; background:url(/static/assets/images/baike.png) no-repeat left center;text-indent:26px; height:40px; overflow:hidden; margin:0px; width:100%;}
.bakejj .bakejjs H1{ font-weight:bold; color:#555; font-size:23px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.bakejj .bakejjx{font-size: 14px;color: #999;margin-top: 8px;line-height: 24px; height:190px; overflow:hidden; }

.affcopy_itr{width: 100%;overflow:hidden;height:35px;}
.affcopy_itr p {font: 15px/35px "微软雅黑";color: #666;float: left;margin-right: 30px;}
.affintros {font: 14px/26px "微软雅黑";	color: #666;/*margin-top:4px;*/  text-align:left; height:130px; overflow:hidden; padding-top:3px;}

.conindex{width:95%;}
.newxiaoshuo {width:98%; margin:0 auto; height:auto; display:block; overflow:hidden; }
.xiaoshuozuixin {width:100%; margin:0 auto; overflow:hidden; display:block; }
.zhengwen {width:98%; margin:0px auto; overflow:hidden; display:block; }
.ppyouce{ display:none;}

.content{ background: #f6f4ec;  width:100%;}
.xscontent{background:#f6f4ec; margin:0px auto; overflow:hidden; display:block;  width:96%;  }
.wenztit H1{font: bold 26px/50px 微软雅黑; color:#222; height:50px; width:100%; }
.wenzbiaoq{color:#888; font: 16px/26px 微软雅黑; height:40px;  width:96%; }
.wenzbody{color:#333; line-height:32px; font-size:17px; padding:20px 2% 0px; text-align:left; border-top:1px dashed #ccc; width:94%;  }
.wenzbody p{font-size:17px;line-height:30px; margin:5px 0px; }

.wenzabout {margin: 10px 0px 0px;  height:70px; width:98%;}
.wenzabout div {font: 17px/40px "微软雅黑";color: #fff;text-align:center;border-radius:8px; display:block; float:left;}
.wenzabout div a {color: #fff; font-size:17px; text-decoration:none;}
.wenzabout div a:hover{color:#eee;}
.nextxs{ width:31%; background:#1abc9c;  margin:0px 1%;}
.fhmulu{ width:32%; background:#ff8822;  margin:0px 1%; }
.footdibu{ width:100%; height:40px; line-height:40px; display:block; margin:10px auto;}

.zhengwen ul li{ width:50%; display:block; float:left; border-bottom:1px  dashed #ddd; height:38px;  overflow:hidden; text-align:left; text-indent:22px; font-size:14px; background:url(/static/assets/images/btnactive.png) no-repeat left center;}
.xiaoshuozuixin ul li{ width:50%; display:block; float:left; border-bottom:1px  dashed #ddd; height:38px;  overflow:hidden; text-align:left; text-indent:22px; font-size:14px; background:url(/static/assets/images/btnactive.png) no-repeat left center;}

.banquan{ display:none;}
.xgfenl{ width:95%;}
.xgfenl a{background:#efefef; padding:0px 5px; border-radius:5px; color:#555; display:block; float:left; margin:3px; height:30px; line-height:30px;}
.indexjianjie{ width:94%; max-height:115px; overflow:hidden; }

}

@media(max-width:570px){
.locacent{ height:200px;}
.locawz{ display:none;}
.fenleitit { margin-top:10px;}
.fenleitit a{ font-size:32px;}
.fenleitit span{ display:none;}

.indexzong{width:98%;margin:-110px auto 20px; display:block; overflow:hidden;background:#fff; border-top-left-radius:10px;border-top-right-radius:10px;-webkit-box-shadow: 0 0 5px #dfe8f2;box-shadow: 0 0 5px #dfe8f2;}
.indexlieb{ width:96%; display:block; overflow:hidden; background:#fbf6f6; margin:5px 0px 5px 8px; float:left; height:190px;display:flex;}
.zuopinleft img { width: 125px;height: 160px; margin-left: 10px; margin-top: 12px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.zuopinright{flex:1; float: right; margin-left: 15px;margin-top: 10px; padding-right:10px;}
.zprtitle{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:20px; height:30px; overflow:hidden; margin:0px;}
.zprtitle a{ font-weight:bold; color:#555; font-size:17px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.zprzz{width: 100%;overflow:hidden;height: 30px;}
.zprzz p {font: 15px/36px "微软雅黑";color: #666;float: left;margin-right: 30px;}
.zprjj{font-size: 14px;color: #999; line-height: 24px; height:90px; overflow:hidden; text-align:left; }

.indexliebtwo{ width:96%; display:block; overflow:hidden; background:#fbf6f6; margin:5px 0px 5px 8px; float:left; height:180px;display:flex;}
.zuopinlefttwo img { width: 118px;height: 150px; margin-left: 10px; margin-top: 12px; float: left; border: 1px solid #ddd; padding:1px; display:block; overflow:hidden;}
.zuopinrighttwo{flex:1; float: right; margin-left: 10px;margin-top: 10px; padding-right:10px;}
.zprtitletwo{ border-bottom: 1px #E6EAF2 solid; background: url(/static/assets/images/baike.png) no-repeat left center;text-indent:20px; height:30px; overflow:hidden; margin:0px;}
.zprtitletwo a{ font-weight:bold; color:#555; font-size:17px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.zprzztwo{width: 100%;overflow:hidden;height: 30px;}
.zprzztwo p {font: 15px/36px "微软雅黑";color: #666;float: left;margin-right: 30px;}
.zprzztwo p:nth-child(even) {margin-right:0}
.zprjjtwo{font-size: 14px;color: #999; line-height: 24px; height:90px; overflow:hidden; text-align:left; }



.baikeinfo {width:98%;margin:-120px auto 12px; display:block; overflow:hidden;background:#fff; border-top-left-radius:10px;border-top-right-radius:10px;-webkit-box-shadow: 0 0 5px #dfe8f2;box-shadow: 0 0 5px #dfe8f2;display:flex;}
.baikeinfo .baketu img { width:125px; height: 170px;  border: 1px solid #ddd; padding:1px; display:block; overflow:hidden; float:left; margin-left:8px; margin-top:10px;}
.bakejj{ flex:1; float: left; margin-top: 12px; display: block; overflow:hidden; padding-right:10px;  margin-left:8px;}
.bakejj .bakejjs{ border-bottom: 1px #E6EAF2 solid; background:url(/static/assets/images/baike.png) no-repeat left center;text-indent:15px; height:32px; overflow:hidden; margin:0px; width:100%;}
.bakejj .bakejjs H1{ font-weight:bold; color:#555; font-size:20px; line-height:30px; overflow:hidden; margin:0px 15px; float:left;}
.bakejj .bakejjx{font-size: 13px;color: #999;margin-top: 8px;line-height: 22px; height:140px; overflow:hidden; }

.affcopy_itr{width: 100%;overflow:hidden;height:26px;}
.affcopy_itr p {font: 15px/24px "微软雅黑";color: #666;float: left;margin-right: 30px;}
.affintros {font: 14px/24px "微软雅黑";	color: #888;/*margin-top:4px;*/  text-align:left; height:100px; overflow:hidden; padding-top:3px;}

.zhengwen ul li{ width:98%; display:block; float:left; border-bottom:1px  dashed #ddd; height:38px;  overflow:hidden; text-align:left; text-indent:22px; font-size:14px; background:url(/static/assets/images/btnactive.png) no-repeat left center;}
.xiaoshuozuixin ul li{ width:98%; display:block; float:left; border-bottom:1px  dashed #ddd; height:38px;  overflow:hidden; text-align:left; text-indent:22px; font-size:14px; background:url(/static/assets/images/btnactive.png) no-repeat left center;}
.banquan{ display:none;}
.xgfenl{ width:94%;}
.xgfenl a{background:#efefef; padding:0px 3px; border-radius:5px; color:#555; display:block; float:left; margin:3px; height:28px; line-height:28px;}


.indexjianjie{ display:none; }

}

@media(max-width:419px){

.affcopy_itr p.fenl01 { display:none;}
.banquan{ display:none;}
.xgfenl{ display:none;}
}

/* 头部css */

header {
    position: relative;
    z-index: 1001;
    transition: all .2s;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

header:after,
header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1
}

header:before {
    z-index: -2;
    background-color: #ef4146
}

header:after {
    background: url(/assets/images/tiles/endless-clouds.svg) top/87.5px;
    opacity: .02
}

.header-wrapper {
    padding: 0;
    z-index: 1
}

.header-main {
    padding: 12px 0;
    position: relative;
    display: flex;
    justify-content: space-between
}

.header-main .header-main-one {
    flex: none;
    flex-wrap: nowrap
}

.header-main .header-main-one .logo>img {
    height: 32px
}

.header-main .header-main-one .channel {
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
}

.header-main .header-main-one .channel::before {
    content: "|";
    padding-left: 10px;
    padding-right: 10px
}

.header-main .header-main-one,
.header-main .header-main-three,
.header-main .header-main-two {
    display: flex;
    align-items: center
}
.header-main .header-main-three .header-menu-button,
.header-main .header-main-three>a,
.header-main .header-main-two .header-menu-button,
.header-main .header-main-two>a {
    display: inline-block;
    background-color: rgba(255, 255, 255, .2);
    padding: 0 10px;
    border-radius: 4px;
    color: #fff;
    transition: background-color .2s linear;
    height: 30px;
    border: 1px solid var(--border-secondary-color)
}

.header-main .header-main-three .header-menu-button:hover,
.header-main .header-main-three>a:hover,
.header-main .header-main-two .header-menu-button:hover,
.header-main .header-main-two>a:hover {
    background-color: rgba(0, 0, 0, .2);
    color: #fff
}

.header-main .header-main-three .header-menu-button:not(:first-child),
.header-main .header-main-three>a:not(:first-child),
.header-main .header-main-two .header-menu-button:not(:first-child),
.header-main .header-main-two>a:not(:first-child) {
    margin-left: 6px
}

.header-main .header-main-three .header-menu-button>.iconfont,
.header-main .header-main-three>a>.iconfont,
.header-main .header-main-two .header-menu-button>.iconfont,
.header-main .header-main-two>a>.iconfont  {
    font-size: 18px
}

.header-main .header-main-three>a,
.header-main .header-main-two>a {
    line-height: 28px
}

.header-main .header-main-two>a {
    margin-right: 20px;
    background-color: unset;
    border: none;
}

.header-main .header-main-two {
    flex-grow: 1;
    justify-content: flex-end
}

.header-main .header-main-three {
    justify-content: flex-end;
    padding-left: 15px
}


@media (max-width:1200px) {
    .header-main-two a:not(:nth-child(-n+3)) {
        display: none
    }
}

@media (max-width:767.98px) {
    .header-search-wrapper>.container {
        padding-left: 15px;
        padding-right: 15px
    }

    .header-search {
        width: calc(100% - 20px)
    }

    .header-main .header-main-one .channel::before {
        padding-left: 6px;
        padding-right: 6px
    }

    header {
        margin-bottom: 0
    }

    .header-search-wrapper {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: -1px;
        box-shadow: none;
        padding: 15px 0;
        font-size: 14px
    }

    .header-search-wrapper+.container,
    header+.container {
        margin-top: 0
    }

    .header-search {
        width: 100%
    }
}

@media (max-width:575.98px) {
    .header-main {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:620px) {
    .header-main .header-main-two {
        display: none
    }
}

@media (max-width:388px) {
    .header-main .channel {
        font-size: .9125rem !important
    }

    .header-main .header-main-three {
        padding-left: 8px !important
    }

    .header-main .header-main-three a {
        padding: 0 6px
    }

    .header-main .header-main-three a.theme-toggle {
        width: 32px
    }
}

.hamburger {
    margin-top: 7px;
    height: 18px;
    width: 18px
}

.hamburger .line {
    width: 18px;
    height: 3px;
    border-radius: 3px;
    background-color: #ecf0f1;
    display: block;
    transition: all .3s ease-in-out
}

.hamburger .line:first-child {
    margin-bottom: 3px
}

.hamburger .line:last-child {
    margin-top: 3px
}

.hamburger.active .line:nth-child(2) {
    opacity: 0
}

.hamburger.active .line:nth-child(1) {
    transform: translateY(6px) rotate(45deg)
}

.hamburger.active .line:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg)
}

.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:1420px) {
    .container {
        max-width: 1380px
    }
}

* {
    outline: 0;
    box-sizing: border-box;
}
  /* 导航 */
  .sidebar-menu {
    position: absolute;
    top: 57px;
    left: 0;
    right: 0;
    min-height: calc(100% - 57px);
    z-index: 2010;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-overflow-scrolling: touch;
    transition: all .2s cubic-bezier(.25, 0, .3, 1);
    text-align: left;
}

.sidebar-menu .container,
.sidebar-menu .sidebar-menu-backdrop {
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.sidebar-menu .sidebar-menu-backdrop {
    bottom: 0;
    z-index: 10;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity .15s
}

.sidebar-menu.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.sidebar-menu.active .sidebar-menu-backdrop {
    opacity: 1
}

.sidebar-menu-content {
    margin: 0;
    padding: 15px 15px 0;
    background-color: #fff;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .1)
}

.sidebar-menu-content .card {
    margin-bottom: 10px
}

.callout p:last-child,
.sidebar-menu-content .card:last-child {
    margin-bottom: 0
}

.sidebar-menu-content .card:nth-child(4n+1) li {
    background-color: #f4ac36;
    
}

.sidebar-menu-content .card:nth-child(4n+2) li {
    background-color: #19c37d;
    
}

.sidebar-menu-content .card:nth-child(4n+3) li {
    background-color: #5436da;
    
}

.sidebar-menu-content .card:nth-child(4n) li {
    background-color: #ef4146;
    
}

.sidebar-menu-content ul {
    display: flex;
    flex-wrap: wrap
}

.sidebar-menu-content ul li {
    width: 9em;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 15px 0;
    margin: 8px;
    text-align: center;
    background-size: cover;
    flex-shrink: 0;
    box-sizing: border-box;
}

.sidebar-menu-content ul li a {
    color: #fff;
    line-height: 1.2em;
    font-size: 18px;
    transition: all .15s;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
    font-weight: 700
}

.sidebar-menu-content ul li a:hover {
    color: #ff0
}

@media (min-width:576px) and (max-width:1199.98px) {
    .sidebar-menu-content li {
        width: calc(25% - 16px) !important;
        transform: scale(0.8);
    }
}

@media (max-width:575.98px) {
    .sidebar-menu-content li {
        width: calc(50% - 16px) !important;
        transform: scale(0.8);
    }

    .sidebar-menu-content a {
        max-width: 8em;
        letter-spacing: 2px
    }
}

.sidebar-menu-close {
    text-align: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
    padding-bottom: 20px;

}

.sidebar-menu-close button {
    padding: 5px 40px;
    border-radius: 40px;
    border: none;
    background: transparent
}

@media (max-width:991.98px) {
    .sidebar-menu .container {
        margin: 0;
        width: 100% !important;
        max-width: unset !important
    }

    .sidebar-menu-active {
        overflow-x: hidden;
        overflow-y: hidden
    }

    .sidebar-menu-active>header {
        position: sticky;
        top: 0
    }

    header {
        z-index: 2020
    }

    .sidebar-menu {
        position: fixed;
        left: 0;
        max-height: calc(100% - 57px);
        z-index: 2010
    }
}