﻿@charset "utf-8";
/*ai图片*/
.article-img {text-align:center;margin:10px 0;}
.article-img img {max-width:90%!important;height:auto!important;}
/*清除浮动*/
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.ui-pt20{padding-top:20px;}
.ui-mt20{margin-top:20px;}

/*分页样式*/
.pglist {padding:20px 0 20px;width:100%;text-align:center;clear:both;}
.pglist a,.pglist span {color:#999;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f2f2f2;font-size:16px;}
.pglist a:hover,.pglist span {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}
.pglist li {display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.pglist li a {color:#999;padding:3px 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f0f0f0;}
.pglist li a:hover {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}
.pglist .active a {display:inline-block;color:#fff;background:var(--color);border-color:var(--color);box-shadow:0 0 14px rgba(0,0,0,.2);}

.page{text-align: center;padding:45px 0 40px 0;}
.page:before, .page:after{content: " ";display: table;}
.page:after{clear: both;}
.page li{display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.page li a{min-width: 38px;color: #666;font-size: 14px;display: inline-block;padding: 0 10px;margin: 2.5px;text-align: center;line-height: 36px;background: #ececec;border-radius: 50%;box-sizing: border-box;transition: all .5s ease;}
.page li:hover a,
.page li.active a{color: #fff;background:var(--color);border-color:var(--color);}
@media only screen and (max-width: 768px){
	.page{padding: 20px 0;}
	.page li a{min-width: 30px;font-size: 12px;line-height: 28px;padding: 0 5px;}
}

/*返回首页*/
#tip {width:100%;padding-top:80px;min-height:360px;}
#tip span{color:#333;font-size:18px;}
#tip b{color:#d80002;}

/*网站地图*/
.sitemap{overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.sitemap dt{float: left;margin-right: 2%;width: 14.66666667%;}
.sitemap dt a{display:block;text-align:center;background: #ececec;color: #434343;font-size:14px;padding:8px 0;font-weight:normal;}
.sitemap dt a:hover{background: #d80002;color:#fff;}
.sitemap dd{float: left;width: 76%;}
.sitemap dd a{float:left;color:#666;font-size: 14px;padding-right:35px;line-height:39px;transition:none;}
.sitemap dd a:hover{color:#333;}
@media screen and (max-width:640px){
	.sitemap{padding: 5px 0;}
	.sitemap dt{width: 22%;}
	.sitemap dt a{font-size: 12px;}
	.sitemap dd a{font-size: 12px;padding-right: 3%;line-height: 23px;}
}

/*网站标签*/
.tags_list{min-height: 360px;overflow:hidden;line-height:30px;padding: 10px;border-bottom:1px solid #ddd;}
.tags_list dt{float: left;margin-right: 2%;margin-bottom: 2%;width: 14.66666667%;}
.tags_list dt a{display:block;text-align:center;background: #ececec;font-size:14px;padding:8px 0;font-weight:normal;}
.tags_list dt a:hover{background: #d80002;color:#fff;}
@media screen and (max-width:640px){
	.tags_list{padding: 5px 0;}
	.tags_list dt{min-width: 32%;}
	.tags_list dt a{font-size: 12px;}
	.tags_list dt:nth-child(3n){margin-right: 0;}
}
.tags{overflow:hidden;margin-bottom:20px;}
.tags span{float:left;display:block;line-height:40px;font-size:15px;}
.tags a{border-radius:4px;-webkit-border-radius:4px;display:inline-block;line-height:28px;padding:0 6px;margin:5px;background:#fff;border:1px solid #dadada;font-size:15px;}
.tags a:hover {background:var(--color);border-color:var(--color);color:#fff;}
.website{color: #666;}
.website a{color:#d80002;text-decoration: underline;}

/*评论列表*/
.comment-main{width:100%;background:#fefefe;border-bottom:3px solid #eee;margin:30px 0;font-size:14px;color:#666;line-height:14px;transition:all .5s;-webkit-box-shadow:0 10px 20px 0 #f2f2f2;-moz-box-shadow:0 10px 20px 0 #f2f2f2;-ms-box-shadow:0 10px 20px 0 #f2f2f2;-o-box-shadow:0 10px 20px 0 #f2f2f2;box-shadow:0 10px 20px 0 #f2f2f2;}
.comment-main:hover{border-bottom:3px solid var(--color);-webkit-box-shadow:0 10px 20px 0 #CCC;-moz-box-shadow:0 10px 20px 0 #CCC;-ms-box-shadow:0 10px 20px 0 #CCC;-o-box-shadow:0 10px 20px 0 #CCC;box-shadow:0 10px 20px 0 #CCC;}
.comment-title{width:100%;height:40px;line-height:40px;background:#fafafa;border-bottom:1px solid #CCC;}
.comment-title span{float:left;font-size:16px;line-height:40px;display:block;padding:0 30px;background:var(--color);color:#FFF;}
.comment-show-box{margin:20px 12px}
.comment-show-box *{margin:0; padding:0; list-style:none; box-sizing:border-box;}
.comment-show-box .pl-box2{width:100%}
.comment-show-box .pl-box2 dl{float:left;width:100%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #EEE;}
.comment-show-box .pl-box2 dl dt{float:left;width:50px;color:#dedfe0;font-size:50px;background:#f5f5f9;border-radius:50%;}
.comment-show-box .pl-box2 dl dd{float:right; width:calc(100% - 80px);}
.comment-show-box .pl-box2 dl dd h1{font-weight:700;font-size:15px;}
.comment-show-box .pl-box2 dl dd h1 span{color:#aaa;font-weight:400;float:right;padding-right:20px;}
.comment-show-box .pl-box2 dl dd p{margin-top:10px;line-height:20px}
.comment-show-box .pl-box2 dl dd p.xz-fc1{color:var(--color);}
.comment-show-box .xz-cb{zoom:1}
.comment-show-box .xz-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.c-more {text-align:center;line-height:normal;}
.c-more a {display:block;width:200px;margin:0 auto;border-radius:2px;-webkit-border-radius:2px;display:block;background:var(--color);color:#ffffff;padding:13px 0;}
.c-more a:hover {background:#333;}

/*评论表单*/
.comment-show-box .fb-box{background:#FAFAFA;border:1px solid #EEE;margin-top:20px;}
.comment-show-box .fb-box dl{float:left;width:100%;padding:12px;}
.comment-show-box .fb-box dt{float:left;width:50px;color:#dedfe0;font-size:50px;background:#f5f5f9;border-radius:50%;margin-right:15px;}
.comment-show-box .fb-box dd{float:right;width:calc(100% - 70px);}
.comment-show-box .fb-box dd p{color:#656565;}
.comment-show-box .fb-box dd p textarea{width:100%;height:120px;line-height:20px;color:#6C6C6C;padding:12px;border:1px solid #EEE;outline:0;font-family:"microsoft yahei";transition:all .5s;}
.comment-show-box .fb-box dd p textarea:focus{border:1px solid var(--color);box-shadow:0 0 10px 0 var(--color)}
.comment-show-box .fb-box-div{margin-top:-1px;background:#FAFAFA;border-radius:0 0 5px 5px;border:1px solid #EEE;}
.comment-show-box .fb-box-div dl{padding:12px;position:relative;}
.comment-show-box .fb-box-div dd{font-size:14px;line-height:13px;color:#666;}
.comment-show-box .fb-box-div input{-webkit-border-radius:0 0 5px 0;-moz-border-radius:0 0 5px 0;-ms-border-radius:0 0 5px 0;-o-border-radius:0 0 5px 0;border-radius:0 0 5px 0;position:absolute;top:-1px;right:-1px;width:80px;height:39px;font-size:12px;line-height:39px;background:#AAA;color:#FFF;border:0;cursor:pointer;transition:all .5s;}
.comment-show-box .fb-box-div input:hover{background:var(--color);color:#FFF;}
.form_book .am-btn-block {width:200px;margin:0 auto;}

/*点赞*/
#mood{margin-bottom: 30px;text-align:center;}
#mood p{font-size: 16px;color: #555;font-weight:bold;margin-bottom: 20px;}
#mood a{display:inline-block;margin:0 10px;cursor:pointer;color: #555;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;-webkit-box-sizing: border-box;box-sizing: border-box;}
#mood a i{display: inline-block;font-size: 18px;margin-right:10px;}
#mood a em{font-style:normal;font-size: 16px;}
#mood a:hover{background:var(--color);border-color:var(--color);color:#fff;}

/*视频样式*/
video {width: 100%;height:auto;background-color: #000;}

/*分享*/
.articleShare{position: absolute;top: 0;right: 0;height: 100%;display: flex;align-items: center;}
.shareParent .shareFont{width: 25px;height: 25px;line-height: 25px;margin: 0 3px;font-size: 18px;box-sizing: initial;}
.shareParent .shareItem{vertical-align: middle;}
.shareParent .shareFont.icon-weibo {color: #FFFFFF;background: #ff763b;}
.shareParent .shareFont.icon-qzone {color: #FFFFFF;background: #FDBE3D;}
.shareParent .shareFont.icon-qq {color: #FFFFFF;background: #56b6e7;}
.shareParent .shareFont.icon-wechat {color: #FFFFFF;background: #7bc549;}

/*微信弹窗*/
#wxnr{width:100%;height: 100%;position:fixed;top: 0;z-index:1000;display:none;background: rgba(0,0,0,0.6);backdrop-filter: blur(5px);}
#wxnr .nrdf{margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 300px;height: 300px;padding: 20px;padding-top: 35px;margin-top: -150px;text-align:center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;box-sizing: border-box;}
#wxnr img{width: 135px;height: 135px;display: block;margin: 0 auto;}
#wxnr p{color: #333;font-size: 14px;line-height: 25px;text-align:center;}
#wxnr i.x{position: absolute;top: 12px;right: 12px;width: 18px;height: 18px;font-size: 12px;line-height: 18px;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 100%;cursor: pointer;}
#wxnr span{display:inline-block;padding: 3px 5px;line-height: 18px;background-color: #d80002;color:#fff;border-radius: 5px;cursor:pointer;}
#wxnr span i{color: #fff;margin-right: 5px;}

/*复制提示*/
#weixin{position: fixed;top: 50%;margin-top: -25px;z-index: 9999999;font-size: 16px;color: #fff;width: 90%;right: 5%;line-height: 46px;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 5px;display: none;}
