@charset "UTF-8";/*!
 * append.min.css -https://www.puretool.cn
 * 版本：v1.0.0
 * 作者：ITYLQ&PURETOOL 
 * 用途：优化 Puock 开源主题视觉效果
 * Copyright (c) 2024 LeiCong
 */
 /*首页导航菜单弹出二级菜单调整为水平排列（默认为垂直排列）*/
#menus ul .sub-menu {
    min-width: 646px;
    top:68px;
    z-index: 998;
}
 /*定义弹出的二级菜单一行显示 5 列，从左向右排列 */
#menus ul .sub-menu li {
    float:left;
    width:20%;
}
/*调整 安卓应用 栏向左缩进距离*/
#menus ul #menu-item-23 ul#sub-menu-1 {
    left:-128px;
}
/*调整 浏览器插件 栏向左缩进距离*/
#menus ul #menu-item-26 ul#sub-menu-1 {
    left:-216px;
}
/*调整 游戏 栏向左缩进距离*/
#menus ul #menu-item-27 ul#sub-menu-1 {
    left:-318px;
}
/*调整 建站源码 栏向左缩进距离*/
#menus ul #menu-item-24 ul#sub-menu-1 {
    left:-378px;
}
/*调整 其他资源 栏向左缩进距离*/
#menus ul #menu-item-22 ul#sub-menu-1 {
    left:-466px;
}
/*调整 使用教程 栏向左缩进距离*/
#menus ul #menu-item-21 ul#sub-menu-1 {
    left:-554px;
}

 /*hover 弹出二级菜单时，三级菜单隐藏*/
#menu-item-25:hover #menu-item-32 ul li,#menu-item-23:hover #menu-item-96 ul li,#menu-item-24:hover #menu-item-112 ul li {
     display: none;
 }
 
#menu-item-25:hover #menu-item-32:hover ul li,#menu-item-23:hover #menu-item-96:hover ul li,#menu-item-24:hover #menu-item-112:hover ul li {
    display: block;
    background-color: var(--pk-bg-box);
    float:none;
    width:100%;
} 

#menu-item-25:hover #menu-item-32:hover ul li a,#menu-item-23:hover #menu-item-96:hover ul li a,#menu-item-24:hover #menu-item-112:hover ul li a {
    color: var(--pk-c-font) !important;
}

 /*三级菜单位置*/
#menu-item-32 #sub-menu-2,#menu-item-96 #sub-menu-2,#menu-item-112 #sub-menu-2 {
    position: absolute;
    min-width: 129.2px;
    left: auto;
    z-index: 999;
    top:50px;
}

 /*三级菜单选中背景及字体颜色变化*/
#menu-item-32:hover #sub-menu-2:hover li:hover,#menu-item-96:hover #sub-menu-2:hover li:hover,#menu-item-112:hover #sub-menu-2:hover li:hover {
    background-color: var(--pk-c-primary);
    border: none;
}
#menu-item-32:hover #sub-menu-2:hover li:hover a,#menu-item-96:hover #sub-menu-2:hover li:hover a,#menu-item-112:hover #sub-menu-2:hover li:hover a{
    color: var(--pk-c-light) !important;
}

/*友情链接*/
.link-list-description {
	border: 1px solid transparent;
	list-style-type: none;
}
.link-list-description input {
	margin-right:10px !important;
}

/*友情链接 end*/

/*回复显示隐藏内容*/
.hideinfo {background-color:transparent;border-color:#f3f3f3;border-width:1px;border-style:solid;border-radius:10px;}
.hideinfo p {text-align:center;}

/*首页文章列表左侧蓝色标志 位置居中覆盖*/
.title-l-c {
    top:42%;
}

/*图片标题格式*/
.img-caption-container {
    /*display: flex;*/
    font-size: 12px;
    line-height: 16px;
    padding: 12px 16px 8px 12px;
    flex-flow: column;
    margin-left: 8%;
}

.img-caption-container::before {
    position: absolute;
    display: inline-block;
    height: 11px;
    width: 11px;
    border-left: 1px solid rgb(0, 120, 212);
    border-bottom: 1px solid rgb(0, 120, 212);
    left: 8%;
    content: "";
}
.img-caption-container .img-caption {
    font-weight: normal;
}
.img-caption-container .img-attribution {
    padding-bottom: 4px;
    opacity: 0.65;
}
.img-entity {
    text-align: center;
}

/*美化文章和页面内容h1、h2、h3...h6标题栏，覆盖puock自带样式*/
#post .entry-content h1,#post .entry-content-box h1,#page .entry-content h1 {
    padding: 0px 10px;
    border-left: 5px solid #ed515191;
    background-color: rgba(208, 208, 208, 0.08);
    font-size: 20px;
    line-height: 30px;
    color: cornflowerblue;
    font-weight: bold;
    margin: 5px 0;
}
#post .entry-content h1:after,#post .entry-content-box h1:after,#page .entry-content h1:after {
    display: none;
}
#post .entry-content h2,#post .entry-content-box h2,#page .entry-content h2 {
    padding:0px 10px;
    border-left: 5px solid #BF51ED91;
    background-color: rgba(208, 208, 208, 0.08);
    font-size:18px;
    line-height: 30px;
    color:cornflowerblue;
    font-weight:bold;margin: 5px 0;
}
#post .entry-content h2:after,#post .entry-content-box h2:after,#page .entry-content h2:after {
    display: none;
}

#post .entry-content h3:before,#post .entry-content-box h3:before,#page .entry-content h3:before {
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 13px;
    content: "";
    width: 4px;
    border-radius: 10px;
    background-color: var(--pk-c-primary);
}
#post .entry-content h3,#post .entry-content-box h3,#page .entry-content h3 {
    padding:0px 10px 10px 16px;
    /*border-left: 4px solid var(--pk-c-primary);*/
    /*background-color: rgba(208, 208, 208, 0.08);*/
    font-size:16px;
    line-height: 27px;
    /*color:cornflowerblue;*/
    font-weight:bold;
    margin: 15px 0;
    border-bottom: 1px solid var(--pk-c-border);
}
#post .entry-content h3:after,#post .entry-content-box h3:after,#page .entry-content h3:after {
    display: none;
}
#post .entry-content h4,#post .entry-content-box h4,#page .entry-content h4 {
    padding:0px 10px;
    border-left: 5px solid #e2aa2b91;
    background-color: rgba(208, 208, 208, 0.08);
    font-size:16px;
    line-height: 24px;
    color:cornflowerblue;
    font-weight:bold;margin: 5px 0;
}
#post .entry-content h4:after,#post .entry-content-box h4:after,#page .entry-content h4:after {
    display: none;
}
#post .entry-content h5,#post .entry-content-box h5,#page .entry-content h5 {
    padding:0 10px;
    border-left: 5px solid #64c1c191;
    background-color: rgba(208, 208, 208, 0.08);
    font-size:15px;
    line-height: 21px;
    color:cornflowerblue;
    font-weight:bold;
    margin: 5px 0;
}
#post .entry-content h5:after,#post .entry-content-box h5:after,#page .entry-content h5:after {
    display: none;
}

/*sitemap站点地图列表ul li样式重写*/
#sitemap-pages ul,#sitemap-cats ul {
    display: flex;
    flex-wrap: wrap;
}
#sitemap-cats ul {
    border:1px solid #dee2e6;
    border-radius: 15px;
}
#sitemap-pages ul li,#sitemap-cats ul li {
    list-style: none;
    margin:10px 5px;
    padding:5px 5px;
}
#sitemap-pages ul li:before,#sitemap-cats ul li:before {
    display: none;
}
/*sitemap站点地图文章分页导航栏样式*/
#sitemap-posts .article-nav {
    border-top:1px solid #dee2e6;
    margin:15px auto;
}
#sitemap-posts .nav-container {
    width:30%;
    margin-left:auto;
    margin-right: auto;
    padding:5px 3px;
}
#sitemap-posts .alignleft {
    float:left;
}
#sitemap-posts .page-numbers {
    padding-left:2px;
    padding-right: 2px;
}

/*关于我们 联系站长 介绍页 样式重写*/
.aboutme-content {
	margin: 10px auto;
	text-align: center;
}
.aboutme-avatar {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-left:10%;
	margin-right:10%;
}
.avatar-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.avatar-img {
	width: 120px;
	height: 120px;
	border-radius: 100%;
	box-sizing:border-box;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
#page .entry-content .avatar-img img {
	width: 100%; 
	display: block;
	border-radius: 100%; 
	padding: 5px; 
	background: rgb(255, 193, 7); 
	vertical-align: inherit;;;
	margin:0px;
	width:100% !important;
	box-sizing:border-box;
	max-width:100% !important;
}
.avatar-assistant {
	width: 0px;
	height: 1px;
	border-top: 20px solid transparent;
	border-left: 20px solid #ffc107; 
	border-bottom: 20px solid transparent;
	margin-top: 10px;
	margin-left: -10px;
	box-sizing:border-box;
}
.avatar-title {
	font-size: 14px;
	letter-spacing: 1.5px;
	padding: 6px 1em;
	color: #333;
	box-sizing:border-box;
}
.avatar-title-highlight {
	font-size: 14px;
	letter-spacing: 1.5px;
	padding: 4px 1em;
	color: #fff;
	background: #ffc107;
	border-radius: 30px;
	box-sizing:border-box;
}
.aboutme-description {
	margin-top: 1em;
}
.description-assistant {
	width: 0px;
	height: 1px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fff4d8;
	margin-left: 22%;
	box-sizing:border-box;
}
.description-detail {
	text-align: justify;
	line-height:1.75em;
	letter-spacing: 1.5px;
	font-size:14px;
	color:#56503c;
	background: #fff4d8;
	padding: 1em;
	border-radius: 10px;
	box-sizing:border-box;
}
.aboutme-box {
	padding-top: 20px;
	box-sizing: border-box;
}
.aboutme-box .box-title {
	display:flex;
	justify-content:start;
	align-items: center;
}
.aboutme-box .title-container {
	height:30px;
	background-color: #0d6efd;
	line-height:30px;
	font-size:14px;
	letter-spacing:1.5px;
	color: #fff;
	display:inline-block;
}
.aboutme-box .container-text {
	padding: 0px 10px 0px 1em; 
	box-sizing: border-box;
}
.aboutme-box .title-assistant {
	box-sizing: border-box; 
	height: 1px; width: 0px; 
	border-width: 15px; 
	border-style: solid; 
	border-image: initial; 
	border-color: transparent transparent transparent rgb(13, 110, 253); 
	overflow: hidden;
}
.box-content {
	padding: 1em 0px 0px 2em; 
	text-align: justify; 
	font-size: 14px; 
	letter-spacing: 1.5px; 
	color: rgb(51, 51, 51); 
	line-height: 1.75em; 
	box-sizing: border-box;
}
#page .entry-content .box-content .span-highlight {
	padding:2px 2px;
	color:#fff;
	background:red;
}
#page .entry-content .box-content span a {
	color:#fff;
}
#page .entry-content .box-content img {
	display: inline-block;
}
.aboutme-wrap {
	border-left: 1px solid #0d6efd; 
	box-sizing: border-box; 
	margin-left: 15px; 
	margin-top: 20px;
}

/*友情链接页 失效链接 标题添加删除线*/
#page-links #posts #page-links-680 .links-main-box .link-item .info p {
    text-decoration: line-through;
}
/*登录弹出页logo图片居中、360度旋转、大小设置*/
#front-login-form .mb15,#front-forget-password-form .mb15,#front-register-form .mb15,#front-login-form .logo {
    text-align: center;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
#front-login-form .form-check {
    width:20%;
    margin-left: 10%;
}

#front-login-form .logo .img {
    background: url("/wp-content/themes/puock/assets/img/favicon.png");
    background-size: 75px 75px;
    z-index: 1;
    width: 75px;
    height: 75px;
    margin-left:auto;
    margin-right:auto;
    transition: transform 1s ease-in-out;
}
#front-login-form .logo .img:hover {
    transform: rotate(360deg);
}
/*修改文章列表，显示发布时间和立即查看按钮*/
.c-sub .post-list-btn {
    line-height: 28px;
    text-align: center;
}
.c-sub .post-list-btn a {
    display: block;
    width: 85px;
    height: 28px;
    border:1px solid #abb8c3;
    border-radius:3px;
    font-size: 14px;
    color: var(--pk-c-sub);
}
.c-sub .post-list-btn a:hover {
    color:#fff;
    background: var(--pk-c-primary) !important;
}
.c-sub .post-list-btn .layui-clear {
    clear: both;
}

/*首页分类栏、首页侧边排行栏 css 重写*/
#rank-menu,#pcs-menu {
    float:right;
    list-style: none;
    padding-left:10px;
    font-size:14px;
    color: var(--pk-c-sub);
}
#rank-menu li,#pcs-menu li {
    float:left;
}
.more-pcs {
    float:right;
}
.more-pcs .more-link {
    padding-right: 18px;
    background: url(/wp-content/themes/puock/assets/img/show/get-more.png) right center no-repeat;
}
.more-pcs a:not(.btn) {
    font-size:14px;
    color: var(--pk-c-sub);
}
#magazines .magazine {
    width:100%;
}
#magazines .magazine .magazine-media-item {
    width:20%;
    float:left;
}
#magazines .magazine .item-content {
    margin-left: 2px;
    margin-right: 2px;
    display: flex;
}
#magazines .item-content .download-btn {
    display: block;
    width: 80px;
    height: 22px;
    border: 1px solid #abb8c3;
    border-radius: 3px;
    font-size: 14px;
    color: var(--pk-c-sub);
    text-align: center;
}
.text-version {
    margin-bottom: 2px;
}
.text-title {
    margin-bottom: 4px;
}
#magazines .item-content .download-btn a {
    line-height: 20px;
    color:var(--pk-c-sub);
}
#magazines .item-content .download-btn a:hover {
    color:red;
}
.pcs-slide .hd ul li{
    padding:0 15px;
    cursor:pointer;  
}
.rank-slide .hd ul li {
    padding: 0 10px;
    cursor: pointer;
}
.rank-slide .hd ul li:hover,.pcs-slide .hd ul li:hover{
    color:var(--pk-c-primary);
}
.rank-slide .bd ul,.pcs-slide .bd ul {
    list-style: none;
    padding-right: 2rem;
    padding-left: 2rem;
    
}
.pcs-slide .bd ul li a.img {
    margin-right: 5px !important;
}

.pcs-slide .bd ul li img {
    width: 86px !important;
    height: 86px;
    padding: 5px;
    border-radius: 20px;
    overflow: hidden;
}
.rank-slide .bd ul li i.rank {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-style: normal;
    margin-right: 9px;
    padding-top:3px;
    height: 18px;
    width: 28px;
    border-radius: 21px;
    background: #f3f3f3;
    color: #696969;
}
.rank-slide .bd ul li i.rank-number-1 {
    background: #F20C00;
    color: #fff !important;
}
.rank-slide .bd ul li i.rank-number-2 {
    background: #FFA631;
    color: #fff !important;
}
.rank-slide .bd ul li i.rank-number-3 {
    background: #03a9f4;
    color: #fff !important;
}
.rank-slide .bd ul li i.rank-number-4 {
    background: #4caf50;
    color: #fff !important;
}
.rank-slide .bd ul li i.rank-number-5 {
    background: #88ADA6;
    color: #fff !important;
}
.fa-fire {
    color:red;
}
/*首页 专题轮播图*/
.pic-scroll {
    margin-bottom: -25px;
}
.pic-scroll .hd ul,.pic-scroll .bd ul.piclist {
    list-style-type: none;
}
.pic-scroll .hd ul {
    display: none;
}
.pic-scroll .bd .tempWrap {
    width: 100% !important;
}
.pic-scroll .bd ul li {
    padding:15px;
    width: 258px !important;
    text-align: center;
    vertical-align: center;
}
.pic-scroll .bd ul li img {
    width:200px;
    height:114.28px;
    border-radius: 3px;
}
.pic-scroll .bd ul li .pic {
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.pic-scroll .bd ul li .pic a img {
    transition: transform 0.3s ease;
}
.pic-scroll .bd ul li:hover .pic a img {
    transform: scale(1.1);
}
.pic-scroll .bd ul li .title {
    z-index:990;
    position: relative;
    bottom: 70px;
    width:33%;
    margin-left: auto;
    margin-right: auto;
}
.pic-scroll .bd ul li .title a {
    color: var(--pk-c-light);
}
/*footer 底部样式重写*/
#footer {
    max-height: 215px;
    padding-bottom: 0 !important;
}

#footer .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: auto;
    padding-right: auto;
    font-size: 12px;
}
#footer a:not(:last-child) {
    margin-right: 0;
}
#footer .container:before {
    display: table;
    content:" ";
}
#footer .container:after {
    display: table;
    content:" ";
    clear:both;
}
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: 0;
    position: relative;
    z-index: 9;
}
.list-inline a#logo img {
    height: 40px;
}
.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
}
#footer .container .list-inline li {
    margin: 5px 15px;
}
#footer .container .list-inline li.list-left {
    margin-left: 0 !important;
}
#footer .container .list-inline li.list-right {
    margin-right: 0 !important;
}
.list-left {
    max-width: 300px;
}
.list-middle {
    max-width: 550px;
}
.list-middle .fcat-links {
    font-size:14px;
}
.list-middle .fcat-links > a + a::before {
    content: '';
    width: 4px;
    height: 4px;
    margin: 0 .5em;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background: var(--pk-c-sub);
    opacity: .3;
    vertical-align: .2em;
}
.social-contact {
    margin-top: 10px;
}
.social-contact .social-item {
    background: var(--bs-gray-200);
    width: 29px;
    height: 29px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    position: relative;
    vertical-align: text-top;
}
.social-contact a.hover-show {
    z-index: 99;
}
.social-item .wechat-img {
    width: 140px;
    bottom: 90%;
    left: -55px;
    padding-bottom: 20px;
}
.social-item .hover-show-img {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transform: translateY(6px);
    transition: .4s;
}
.social-contact .hover-show:hover .hover-show-img {
    color: var(--pk-c-primary);
    visibility: unset;
    opacity: 1;
}
.social-item i {
    font-size: 14px;
    padding-top: 7px;
    display: block;
}
.disclaimers-info {
    margin-top:-6px;
}
.list-right {
    float:right;
}
.join-family {
    width: 90px;
    margin: 0 10px;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
}
.list-right .img-lazyload {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    filter: blur(0);
    transform: unset;
    transition: .3s;
    opacity: 1;
    animation: lazy_fade .5s;
}
/*调整看板娘显示层级*/
#waifu {
    z-index: 999 !important;
}
/*关注公众号获取验证码 css样式*/
.post-password-form {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 10px 0;
    padding: 20px;
    border-radius: 5px;
    border: 1px dashed var(--pk-c-primary);
}
.weixin-form {
    padding: 3% 5%;
}
.weixin-left {
    float: left;
    width: 70%;
}
.post-secret {
    position: absolute;
    top: -12px;
    left: 25px;
    font-size: 14px;
    color: var(--pk-c-sub);
    padding: 0 5px;
    background: var(--pk-c-light);
}
.fa {
    line-height: .75em;
    vertical-align: -5%;
    font-style: normal;
}
.post-secret i {
    font-size: 15px !important;
    margin: 0 10px 0 0;
}
.post-password-form p {
    margin: 0 0 0 12px;
    text-indent: 0 !important;
}
.post-password-form input {
    filter:none;
    width:40%;
    margin-left: 15px;
    border-radius: 5px;
    font-size: 13px;
}
.post-password-form input[type="password"] {
    width: 40%;
    font-size: 13px;
    margin-left: 15px;
    line-height: 25px;
    background: var(--pk-bg-box);
    padding: 7px 5px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 0 1px var(--bs-gray-300);
    -webkit-text-security: none;
    -webkit-appearance: none;
}
.post-password-form input[type="Submit"] {
    margin-left: 5px;
    width: 80px;
    line-height: 25px;
    background: #3498db;
    color: #fff;
    padding: 7px 5px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    box-shadow: 0 0 0 1px var(--bs-gray-300);
    -webkit-appearance: none;
}
.post-password-form input[type="Submit"]:hover {
    color:#fff;
    background: #e74c3c;
    box-shadow: 0 0 0 1px var(--pk-c-light);
    -webkit-appearance: none;
}

.post-password-form .clear {
    clear:both;
    display: block;
}
.weixin-secret {
    font-size: 15px;
    margin: 18px 0 5px 15px;
}
.weixin-right {
    float: right;
    width: 150px;
}
#post .entry-content-box .weixin-right img {
    float: right;
    height: auto;
    width: 150px;
    margin: 0 10px 0 0;
}
.weixin-t {
    float: right;
    text-align: center !important;
    font-size: 12px;
    width: 150px;
    margin: 0 10px 0 0;
}
.weixin-w {
    color: #e74c3c;
    font-weight: bold;
}
/*首页幻灯片图片圆角*/
.swiper {
    border-radius: 4px;
}
/*多源下载按钮样式*/
#post .entry-content p a.download_btn {
    display: inline-block;
    cursor: pointer;
    background: var(--pk-c-body);
    border:1px solid hsla(var(--pk-c-block-shadow), .3);
    border-radius: 4px;
    padding: 9px 20px;
    margin-right: 5px;
    margin-top: 10px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
#post .entry-content .download_btn .accesscode {
    font-size:12px;
}
#post .entry-content p a.seq-1 {
    background-color: var(--pk-c-primary);
    color:#fff;
    transition: all 0.1s ease-out 0;
}
#post .entry-content p a.seq-2 {
    background-color: #03a9f4;
    color:#fff;
    transition: all 0.1s ease-out 0;
}
#post .entry-content p a.seq-3 {
    background-color: #FFA631;
    color:#fff;
    transition: all 0.1s ease-out 0;
}
#post .entry-content p a.seq-4 {
    background-color: #F20C00;
    color:#fff;
    transition: all 0.1s ease-out 0;
}
#post .entry-content p a.seq-5 {
    background-color: #88ADA6;
    color:#fff;
    transition: all 0.1s ease-out 0;
}
#post .entry-content p a:hover {
    box-shadow: 5px 5px 10px gray;
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
}
#post .entry-content p a:hover:before {
    border:0;
}
#post .entry-content p a:hover:after {
    background: hsla(0, 0%, 100%, .1);
    opacity: 1;
}
/*文章内容页底部说明css样式*/
.alert-append {
    background-color: var(--bs-gray-100) !important;
    color:var(--pk-c-sub);
    border-color: var(--pk-c-border);
}
.alert-append a {
    color:var(--pk-c-primary) !important;
}
.alert-append p {
    font-size: 14px !important;
}
/*首页文章列表缩略图大小调整*/
#posts .post-item .thumbnail a img {
    padding: 7.5px;
}
/*调整文章列表左侧缩略图宽度*/
#posts .post-item .thumbnail {
    width: 160px;
}
/*底部栏飞鱼特效*/
.flying-fish {
    width: 100%;
    height: 120px;
    opacity: 0.85;
    z-index: 1;
    position: relative;
    top: -80px;

}
/*悬浮小工具距离底部边距调整*/
#rb-float-actions {
    bottom: 65px;
}
/*首页专题栏边框特效
.special-column .post-item {
    position: relative;
    text-transform: uppercase;
    user-select: none;
    text-decoration: none;
    overflow: hidden;
    transition: all .5s;
}
.special-column .post-item span {
    position: absolute;
}
.special-column .post-item span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, transparent, #09f);
    animation: move1 3s linear infinite;
}
@keyframes move1 {
	0% {
		transform: translateX(-100%)
	}

	100% {
		transform: translateX(100%)
	}
}

.special-column .post-item span:nth-child(2) {
    /*top: 221.28px;*/
    /*
    right: 0;
    width: 2px;
    height: 100%;
    transform: translateY(-100%);
    background-image: linear-gradient(to bottom, transparent, #09f);
    animation: move2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes move2 {
	100% {
		transform: translateY(100%)
	}
}
.special-column .post-item span:nth-child(3) {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to left, transparent, #09f);
    animation: move3 3s linear infinite;
}
@keyframes move3 {
	0% {
		transform: translateX(100%)
	}

	100% {
		transform: translateX(-100%)
	}
}
.special-column .post-item span:nth-child(4) {
    /*top: -221.28px;*/
    /*
    left: 0;
    width: 2px;
    height: 100%;
    transform: translateY(100%);
    background-image: linear-gradient(to top, transparent, #09f);
    animation: move4 2s linear infinite;
    animation-delay: 1s;
}
@keyframes move4 {
	100% {
		transform: translateY(-100%)
	}
}
*/
/*重写文章内容页列表 li 标签间距*/
#post .entry-content li {
    margin-bottom: 5px;
}



/* 手机端样式重写 */
@media screen and (max-width:768px){
    #magazines .magazine .magazine-media-item {
    width: calc(50% - 3px);
    }
    #footer {
        padding: 30px 0 15px 0;
    }
    #footer .list-right {
        display: none;
    }
    #magazines {
        display: none;
    }
    #footer .container .list-inline li {
        margin:0;
    }
    .list-left {
        padding-bottom: 10px;
        max-width: 95%;
    }
    .list-left p {
        display: none;
    }
    .list-middle .fcat-links {
        display: none;
    }
    #mobile-menu .menus ul li .sub-menu li.menu-item-child {
        float:left;
        width:50%;
    }
    /*手机端文章标题栏最长3行，多余文字用省略号代替*/
    #posts .post-item .post-info .info-title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal !important;
    }
    /*手机端文章列表前缀图片宽度重设*/
    #posts .post-item .thumbnail {
    width: 96px;
    }
    /*关注公众号获取验证码隐藏右侧二维码*/
    .weixin-right {
        display: none;
    }

}
/*平板端样式重写*/
@media screen and (min-width:769px) and (max-width:990px) {
    #magazines .magazine .magazine-media-item {
    width:50%;
    float:left;
    }
    /*关注公众号获取验证码隐藏右侧二维码*/
    .weixin-right {
        display: none;
    }
}
@media screen and (min-width:990px) and (max-width:1500px) {
    #magazines .magazine .magazine-media-item {
    width:33.3%;
    float:left;
    }
}