@charset "UTF-8";
  #menus ul .sub-menu {
min-width: 646px;
top:68px;
z-index: 998;
} #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;
} #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;
}  .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 { 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;
} #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;  font-size:16px;
line-height: 27px; 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-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-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;
} #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(//www.puretool.cn/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: 30px;
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;
} #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(//www.puretool.cn/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-2line h2.text-2line {
margin-bottom: 0.3rem;
}
.text-version {
margin-bottom: 0.2rem;
}
.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 {
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;
} .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;
} .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;
}    #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%;
} #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;
}
}