/** * Theme Name: spimes */
/* 复位css */
:root {
--bg-body: #f6f8fb;
/* 背景颜色 */
--bg-secondary: #fff;
/* 局部颜色 */
--night-bg-body: #192039;
/* 黑夜背景颜色 */
--night-bg-secondary: #1f2745;
/* 黑夜局部颜色 */
--night-color-dark: #a4a8b4;
/* 黑夜局部颜色 */
--color-title: #2c2e3b;
/* 2号字体颜色 */
--color-secondary: #828a92;
/* 2号字体颜色 */
--night-border-light: #3c4560;
/* 黑夜分割线 */
--h1-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h2-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h3-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h4-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h5-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
--h6-r-graphic: url("data:image/svg+xml;utf8,") no-repeat center;
}
@font-face {
font-family: HarmonyOS_Sans_SC_Medium;
font-style: normal;
font-display: swap;
src: url(./src/css/HarmonyOS_Sans_SC_Medium.subset.woff2) format('woff2')
}
/* * {
font-family: HarmonyOS_Sans_SC_Medium
} */
.top-bar *,.widget-area *,.Copyrightnew *,footer,.entry-page *,.part-mor *{
font-family: HarmonyOS_Sans_SC_Medium;
}
a {
color: var(--color-title);
}
a:active,
a:focus {
outline: 0;
text-decoration: none;
}
a:focus {
color: var(--color-title)
}
a:hover {
opacity: 1;
text-decoration: none;
color: var(--theme);
}
:active,
:focus {
outline: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.6;
}
p {
word-wrap: break-word;
word-break: break-word;
}
body {
background-color: var(--bg-body);
line-height: 1.8;
color: var(--color-title);
}
h3 {
font-size: 18px;
}
b,
strong {
font-weight: bolder;
}
blockquote {
font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
margin-left: 12px;
padding: 12px;
background: rgb(from var(--theme) r g b / 10%);
border: 0px solid var(--theme);
border-left-color: var(--theme);
border-left-width: 4px;
border-radius: 4px;
line-height: 26px;
}
/* blockquote::before {
content: "\201C";
position: absolute;
display: block;
top: 0;
left: 0;
width: 80px;
height: 60px;
font-size: 70px;
line-height: 60px;
color: #BFBFBF;
font-family: sans-serif;
text-align: center;
z-index: 1;
} */
img {
max-width: 100%;
height: auto;
transition: opacity .3s
}
label {
font-weight: 400
}
textarea {
height: 12em;
display: block
}
td,
th {
padding: 3px 8px;
border: 1px solid #e1e1e1
}
code,
pre {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
line-height: 1.8
}
button,
input,
textarea {
-webkit-appearance: none !important;
outline: 0;
-webkit-tap-highlight-color: transparent
}
input[type=text],
input[type=url],
input[type=email],
input[type=tel],
input[type=password],
input[type=search],
textarea {
border: 1px solid rgba(0, 0, 0, .05);
width: 100%;
padding-left: 1em;
padding-right: .6em;
}
input[type=text]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
outline: 0
}
#infinite-handle span button,
#infinite-handle span button:hover,
.button,
button,
input[type=button],
input[type=submit] {
position: relative;
display: inline-block;
letter-spacing: 2px;
border: 0;
border-radius: 1px;
display: inline-block;
border: 1px solid #eee;
border-radius: 999em;
padding: 4px 20px;
color: var(--night-color-dark);
cursor: pointer;
background: #fff
}
#infinite-handle span button:hover,
.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
border-color: var(--theme);
color: var(--theme);
;
text-decoration: none
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* WebKit browsers 适配谷歌 */
color: #BDCADA;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 适配火狐 */
color: #BDCADA;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
/* Mozilla Firefox 19+ 适配火狐 */
color: #BDCADA;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
/* Internet Explorer 10+ 适配ie*/
color: #BDCADA;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd {
margin: 0;
padding: 0;
}
/*css3滑动显示图片*/
@keyframes left {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes right {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*公共css*/
#informationurl {
background: none;
outline: none;
border: none;
min-width: 220px;
}
.imask {
opacity: .2 !important;
transition: opacity .2s !important;
}
.post_no {
display: none;
}
.primary-menu,
.top-bar-menu {
margin: 0;
padding: 0;
list-style: none;
border-radius: 5px;
}
.menu-nav-inline a {
display: block;
position: relative;
}
.menu-nav-inline {
float: left;
display: flex;
position: relative;
}
.menu-nav-inline li {
list-style-type: none;
float: left;
line-height: 40px;
padding: 0 20px 0 0;
white-space: nowrap;
}
.menu-item-overlay {
border-radius: 20px;
background-color: #3ca5f6;
height: 2px;
width: 19%;
position: absolute;
bottom: 0;
transition: 0.3s;
}
.menu-nav-inline .navsshu {
font-size: 12px;
color: var(--theme);
}
.menu-nav-inline .menu-item.active a:after {
position: absolute;
left: 0;
top: 99%;
width: 100%;
height: 2px;
background: #3ca5f6;
border-radius: 2px;
content: "";
}
.primary-menu {
float: right;
}
.news-header {
height: 90px;
background: 0 0/100% 100% url(../spimes/src/images/News_bg.png) no-repeat;
}
.news-header img {
width: 39px;
margin-left: 18px;
margin-top: 10px;
}
.cpt-toast {
position: fixed;
left: 50%;
top: 60%;
/**从上下滑的高度距离**/
text-align: center;
animation-duration: .3s;
max-width: 300px;
line-height: 20px;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
transform: translate(-50%, -50%);
transform: translate3d(-50%, -50%, 0);
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
word-wrap: break-word
}
@-webkit-keyframes shine {
100% {
left: 125%
}
}
@keyframes shine {
100% {
left: 125%
}
}
hr {
margin: 0;
}
.swiper-slide:hover .mask,
.small-slider-item:hover .mask,
.hunter-thumb:hover .mask,
.post-list .feaimg:hover .mask,
.sp_item .feaimg:hover .mask {
-webkit-animation: shine 1s;
animation: shine 1s;
}
.mask {
position: absolute;
top: 0;
left: -80%;
display: block;
content: '';
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 42556, 255, 0)), to(rgba(255, 255, 255, .3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.my_box {
width: 75px;
height: 75px;
overflow: hidden;
border-radius: 15px;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
transition: .6s;
cursor: pointer;
}
.my_box:hover {
animation: my_box 0.5s forwards;
transition: .5s;
}
@keyframes my_box {
form {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.my_box img {
width: 100%;
}
.xiantiao {
display: block;
width: 86%;
height: 1px;
border-bottom: 1px solid #ccc;
margin: 0 auto;
}
.pic_box {
width: 600px;
min-height: 550px;
height: auto;
border-radius: 8px;
background: #fff;
box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 22%);
position: fixed;
top: -1000px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100;
}
.header {
height: 45px;
text-align: center;
margin-top: 20px;
}
.close {
color: #000;
font-size: 21px;
line-height: 1;
text-shadow: 0 1px 0 #fff;
opacity: .2;
position: absolute;
right: 12px;
top: 6px;
cursor: pointer;
}
.pic_box ul {
padding: 0;
margin: 0;
width: 96%;
height: 370px;
margin: 10px auto;
}
.pic_box ul li {
display: block;
list-style: none;
width: 61px;
height: 61px;
float: left;
border-radius: 15%;
border: 1px solid #ccc;
margin: 5px 5px;
transition: .6s;
cursor: pointer;
overflow: hidden;
}
.pic_box ul li:hover {
transform: scale(1.15);
transition: .5s;
}
.pic_box ul li img {
width: 100%;
}
.bt_box {
width: 100%;
text-align: center;
font-size: 14px;
margin-top: 35px;
}
.bt_box .gb {
display: inline-block;
width: 120px;
height: 35px;
border-radius: 8px;
background: #f3f3f3;
color: #444;
line-height: 35px;
}
.bt_box .queren {
display: inline-block;
width: 120px;
height: 35px;
border-radius: 8px;
background: #4B8BF5;
color: #fff;
line-height: 35px;
}
/*文章列表页面*/
#spimes-archives ul {
padding: 0;
list-style: none
}
#spimes-archives h3 {
font-size: 32px;
font-family: Tisa Pro;
font-weight: 400;
margin: 0
}
.list-archive-day time {
color: #888;
padding-right: .625rem
}
.list-archive-day a {
position: relative;
}
.list-archive-day .time {
color: #888;
padding-right: .625rem;
font-size: 12px;
}
.list-archive-day {
padding: 10px;
font-size: 15px;
border-bottom: 1px solid #f0f0f0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: relative;
}
.list-archive-mon h4 {
font-family: Tisa Pro;
font-weight: 200;
font-size: 18px;
margin-bottom: 0;
}
.list-archive-day .tmes {
margin: 0;
color: rgba(0, 0, 0, .44);
font-size: 12px;
font-weight: 200;
float: right;
color: #888;
}
#archives-tags h3 {
font-size: 32px;
font-weight: 400;
margin: 0;
margin-bottom: 20px
}
#archives-tags ul {
padding: 0;
list-style: none;
margin-left: -16px
}
#archives-tags ul li {
display: inline-block;
font-style: normal;
font-size: 16px;
padding: 8px 16px;
border-radius: 99px
}
#archives-tags {
margin-bottom: 30px
}
.primary-menu *,
.primary-menu:after,
.primary-menu:before {
transition: none;
}
._container {
height: 40px;
overflow: hidden;
text-align: center;
margin: 0;
padding: 0;
}
._container li {
height: 36px;
line-height: 36px;
font-size: 18px;
text-align: right;
}
._container li:first-child {
margin-top: 0;
transition: margin-top .8s;
}
.primary-menu span i,
.primary-menu a:hover {
color: var(--theme);
}
.primary-menu a {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 14px;
line-height: 40px;
color: var(--theme);
}
.top-bar-menu a {
letter-spacing: 1px;
font-size: 14px;
line-height: 50px;
color: var(--color-title);
}
.page .hentry,
.single .hentry {
margin-bottom: 0
}
.description {
color: #888;
float: right;
}
.text-center {
text-align: center;
}
.logo-dark {
display: none;
}
/* Make clicks pass-through 页面加载js */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*媒体查询：响应式*/
@media (max-width:1199px) {
.widget-fixed.fixed {
width: 212.5px !important;
}
.sidebar-navigation li:nth-child(2) {
display: none;
}
.nav-sidebar {
width: 12.787%;
}
.widget-posts-title {}
}
@media (min-width: 992px) {
.author-infos:hover .author-info-card {
visibility: visible;
opacity: 1;
transition: all .2s;
top: 40px;
}
}
@media (max-width:991px) {
.featured-container .entry-title,
.entry-container .entry-title {
font-weight: 600;
}
.site-info {
text-align: center;
}
.site-footer .footer-left {
float: none !important
}
.col-md-9 {
float: none !important
}
.lire li {
width: 95% !important;
margin: 0 0 5px 5px !important;
}
.lire li a {
max-width: 85% !important;
}
.lire {
max-height: 80px;
overflow: hidden;
}
.slidels {
display: block !important;
}
.post-list .vodlist_top {
display: none;
}
#secondary,
.nav-sidebar {
display: none;
}
.narlis {
margin-bottom: 20px;
}
.arlis {
display: none;
}
.fsi {
padding-bottom: 60px;
margin-top: 0px !important;
}
.box_read {
width: 80% !important;
}
.section-cont .hunter-item h4 .btn {
background: var(--theme) !important;
color: #fff !important;
}
.footer-links {
display: none;
}
.site-info .credit {
display: block;
text-align: center !important;
float: none !important;
}
.site-eggs {
background-image: none !important;
}
.fixed-btn {
display: none;
}
.comment-reply-link {
display: block !important;
}
.fn_article_nav {
display: none;
}
#mArticle {
display: none !important;
}
.top-bar-menu {
display: none;
}
.ss p {
min-height: 25px !important;
height: 25px;
margin: 0 !important;
}
.entry-summary p {
padding: 0 !important;
}
.navigation-tab {
display: flex !important;
}
}
@media (max-width: 991px) {
.member .member_i_side {
display: block !important;
margin: 0 -15px;
}
.clearnav {
padding-left: 10px !important;
}
.site-main {
padding-top: 40px !important;
}
.item-label {
width: 100% !important;
}
.post-list-item-container img {
display: none;
}
.navs,
.top-bar-menu,
.new_header,
.search-btn,
.search-warp {
display: none;
}
.mobs {
display: block !important;
}
.top-admin a {}
.top-bar-left img {
width: 100%;
height: auto;
max-width: 180px;
}
.top-bar-navigation .sidebar-toggle {
display: inline-block !important;
}
.featured-posts-tiled-big,
.featured-posts-tiled-small {
width: 100%;
float: none;
padding: 0;
margin-bottom: 30px
}
.featured-posts-tiled-small .entry-title {
font-size: 20px;
}
.to-tip,
.dropdown-menu {
display: none !important
}
.block-image {
float: left !important;
width: 106px !important;
height: 66px !important;
margin: 4px 16px 4px 0 !important;
}
.sp_list__loading .item .thumbnail {
width: 106px !important;
height: 66px !important;
}
.ad-image {
width: 126px !important;
height: 80px !important;
position: absolute;
padding-top: 0;
right: 0;
top: 56px !important;
}
.ad-container {
min-height: 110px !important;
padding: 16px 0 !important;
padding-right: 140px !important;
}
.entry-container {
min-height: 101px !important;
padding: 16px 0 !important;
padding-left: 120px !important;
}
.top-admin .login,
.top-admin .stats_click,
.top-admin .icon-paihangbang {
display: none;
}
.navlogo {
margin-left: 30px;
}
.user_center .adimgs {
margin: 0px 0px 10px !important;
}
.member ._container {
display: none !important
}
.section-cont .sp_item {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.sp_item .entry-summary {
display: block;
}
.sp_item .entry-container .entry-title {
height: 30px !important;
}
.sp_item .entry-summary p {}
}
@media (max-width:479px) {
.respond #new_comment_form .input_body li input {
padding-right: 0 !important;
padding-left: 0 !important;
}
blockquote.pull-left,
blockquote.pull-right {
margin-left: 0;
margin-right: 0;
width: 100%
}
.entry-title {
white-space: normal !important;
}
.entry-header {
margin-bottom: 10px !important;
}
._ts {
display: none;
}
.laid_title_l {
display: none;
}
.box_read {
width: 100% !important;
padding: 15px;
}
.title_read h1 {
padding: 0px 30px !important;
}
.comment-form input {
width: 100% !important;
}
.comment-form button {
width: 100%;
box-sizing: border-box;
text-align: center;
}
.comment-children {
margin-left: 0 !important;
}
.entry-container .entry-title {
font-size: 1.4rem !important;
line-height: 25px !important;
margin-bottom: -8px !important;
height: 54px !important;
}
.entry-container .entry-summary p {
line-height: 22px !important;
margin-top: 10px !important;
font-size: 13px !important;
}
.dmplay_sl {
min-height: 250px !important;
}
.menu-nav-inline a {
font-size: 12px;
}
.archive-content .page-navigator {
margin-bottom: -20px !important;
}
.postArticle-meta {
display: none;
}
.list-archive-day .time {}
.list-archive-day i {}
.list-archive-day .tmes {
float: none;
margin: 5px 0 0px;
}
.sider-footer {
display: none !important;
}
.footer-l-top .split {
display: none !important;
}
.footer-l-top a {
font-size: 12px !important;
margin-right: 20px !important;
}
li.nav-s:nth-of-type(3) a:after {
display: none !important;
}
.wb-no {
display: none !important;
}
.wb-yes {
display: block !important;
position: absolute !important;
top: 15px;
right: 15px;
}
.footer-l-top {
padding-left: 10px;
}
}
.entry-meta {
letter-spacing: 0px !important;
}
.wb-yes {
display: none
}
@media (max-width:359px) {
.mobile-sidebar {
width: 250px !important;
}
.mobile-sidebar-open .site {
transform: translate3d(250px, 0, 0) !important;
cursor: pointer !important;
}
.footer-l-top .split {
display: none !important;
}
.footer-l-top a {
margin-right: 20px !important;
}
.footer-l-top {
padding-left: 10px;
}
}
/* 站点博客标题顶部 */
.site-header {
border-bottom: 1px solid rgba(99, 99, 99, .1);
}
.site-title img {
height: 44px;
}
.adimgs {
margin: 10px 0px;
}
.adTags {
position: relative;
}
.adTags img {
border-radius: 5px;
}
.adTag {
z-index: 10;
position: absolute;
right: 10px;
top: 10px;
width: 45px;
border: 1px solid #ebebeb;
border-radius: 5px;
color: #ebebeb;
background-color: #000;
opacity: .5;
font-size: 12px;
line-height: 27px;
text-align: center;
}
.gg-icon {
position: absolute;
right: 10px;
top: 10px;
width: 38px;
height: 22px;
margin-right: 3px;
z-index: 1;
vertical-align: middle;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAAAsCAMAAAD4va5DAAAAolBMVEX///8AAAAAAAAAAAAAAAACAgIAAAAAAAAGBgb5+fns7OwAAACBgYHq6ur9/f17e3tgYGD09PSoqKiLi4sAAAANDQ3V1dW6urqPj48DAwMAAAD////u7u7j4+MbGxv////b29vBwcH19fXt7e3GxsaLi4ukpKRTU1P4+Pjl5eXh4eHX19fLy8vb29v4+PisrKwvLy86Ojr7+/vy8vK4uLhVVVX0WqNFAAAANnRSTlOZAgULFR0IACCBYxIvW4sxJmk0HxoXU0grJQ6TZl0cj1RFcmtENTUmfGFYTUlGcT4rI4dyMhsJ24tXAAABiElEQVRIx+3XyW6DMBCA4WnAzrCUJUDYCpQAIWuTdHn/V6sNqZqFAwSfqv4HJHP4ZECIAabT6ZOQGARnazKqhuBYI1EqjYjSxpsCt6gUaZr8cJoWSZRr0FiObcCIDNvhWoNJTgYjyxypxWhkw+jsiHJsQjVjPGZodMIxSQMBaVKLySIw+R/jxX5lXK2LFYDqK4/tLCeby+UadwA7XAzECj/Py7KcuXVZ5rnv+zHfmEXYzvbuUOwVyU+IGIYhxxLipp4ne15K2Dm/P0Y2ylV8tyQNWF+yEwS6ac4HYC9w0wLT5vr28tvgy7zD3msbhGHqRm369LZqW/Y4FiJxWR7LdQnBMFR6Ylss4KYkSZ4vYkujJ7bDhbjX6YAruGu9nLGW7THvj1Vo3GNzcrIsq64tFtH7YyeELuz3qaT9MQUrcZiKW3HYISw6MSvQddM0dT0gvbH4eIy7MLS41Who9r9nc+hoXX3Auazy/84HZSAmdjwQOriIHKmEDnuCx1ChA7LI0V3sT4XQ351vRIIkxg4KQCAAAAAASUVORK5CYII=);
background-size: cover;
}
/*@font-face {font-family: Graviola Soft Thin;src: url(//static.mrju.cn/js/Graviola.otf);}*/
.site-title {
font: 2.5em/1 Graviola Soft Thin;
font-weight: 600;
}
.site-description {
text-transform: uppercase;
letter-spacing: 2px;
color: #818181;
font-weight: normal;
font-size: 14px;
margin: 0;
}
/*站点主菜单*/
.primary-menu a {
font-size: 12px !important;
}
.primary-menu a i {}
.primary-menu.text-center .current {
color: #333;
font-weight: 600
}
.main-navigation {
line-height: 40px;
margin: 10px 0px 0px;
height: 40px;
}
/*顶部top-bar-css*/
.top-bar-menu>li:first-child {
padding-left: 0
}
.top-bar-menu li {
display: inline-block;
padding: 0 15px;
}
.top-bar {
position: fixed;
top: 0;
width: 100%;
z-index: 69;
box-shadow: 0px 5px 40px 0px rgba(17, 58, 93, 0.1) !important;
background-color: var(--bg-secondary);
}
.top-admin {
letter-spacing: 1px;
font-size: 14px;
line-height: 50px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.top-bar-left .logo-light {
display: inline-block;
max-width: 170px;
min-width: 140px
}
.mobs {
display: none;
}
/*logo光泽*/
.box {
position: relative;
overflow: hidden;
cursor: pointer;
margin: 0 auto;
width: 1000px;
}
@-webkit-keyframes changeImg {
from {
left: -100%;
}
100% {
left: 150%;
}
}
.shan {
position: absolute;
-webkit-animation: changeImg 3s ease 0s;
-o-animation: changeImg 3s ease 0s;
animation: changeImg 3s ease 0s;
top: 0;
width: 30%;
height: 100%;
content: "";
background: -webkit-linear-gradient(left,
rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255,
255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
background:
-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right,
rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
transform: skewX(-45deg);
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count:
infinite;
}
.d-none {
display: none !important;
}
.top-bar-left .logo {
line-height: 50px;
white-space: nowrap;
}
.site-main {
padding-top: 75px;
}
/*顶部top-bar登录*/
.login {
display: inline-block;
margin: 0;
}
.dropdown-toggle:hover {
color: #2c63ff;
}
.avt_cl {
font-size: 14px;
line-height: 1.8em;
font-weight: 200;
display: inline-flex;
vertical-align: middle;
}
.avt_cl .navtar {
top: -2px;
position: relative;
}
.avt_tl {
position: relative;
cursor: pointer;
}
.avt_tl:hover .header__dropdown {
visibility: visible;
opacity: 1;
transition: all .2s;
top: 100%
}
.header__dropdown:before {
content: "";
width: 8px;
height: 8px;
background: #fff;
position: absolute;
top: -5px;
transform: rotate(45deg);
right: 65px;
}
.header__dropdown {
position: absolute;
padding: 10px;
right: 0;
top: 50%;
right: -46px;
z-index: 1000;
visibility: hidden;
opacity: 0;
width: 350px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.header__dropdown-menu a {
font-size: 14px;
color: #364e65 !important;
line-height: 36px;
display: flex !important;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-weight: 400;
}
.refresh-header-top {
margin-bottom: 5px;
}
.header__dropdown .refresh-header-top {
margin-bottom: 10px;
}
.header-top {
position: relative;
}
.header-top img {
float: left;
width: 40px;
border-radius: 50%;
margin-right: 10px;
height: 40px;
}
.header-center {
display: flex;
background-color: #34495e;
border-radius: 8px;
color: var(--night-color-dark);
}
.user-names {
float: left;
}
.user-aut {
height: 20px;
line-height: 20px;
}
.user-aut span {
margin-left: 10px;
font-style: normal;
color: #fff;
font-size: 12px !important;
background-color: var(--theme);
padding: 3px 8px;
border-radius: 6px;
}
.wp-VIP {
margin-left: 5px;
font-style: normal;
font-size: 12px !important;
border-radius: 4px;
border-radius: 2px;
font-weight: 400;
padding: 2px 3px;
font-size: 12px;
position: relative;
top: -1px;
color: var(--theme);
background-color: #dfe5e9;
}
.header-top .group-name {
background: linear-gradient(90deg, #fd731f, #fe822f);
padding: 2px 8px;
border-radius: 10px;
font-size: 12px;
margin-left: 10px;
font-style: normal;
font-weight: normal;
color: #fff;
}
.header-top p {
font-size: 12px;
color: #8495a0;
line-height: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 3px;
}
.header-top .logout {
position: absolute;
right: 0;
top: 0;
color: var(--theme);
font-size: 12px;
}
.header-center .md-l {
float: left;
width: 50%;
border-radius: 6px 0 0 6px;
padding: 10px 10px 10px 20px;
border: 2px transparent solid;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.header-center .md-r {
float: left;
width: 50%;
border-radius: 0 6px 6px 0;
padding: 10px 10px 10px;
border: 2px transparent solid;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.header-center .md-tit {
display: block;
color: #fff;
font-size: 14px;
text-align: left;
}
.header-center .dou,
.header-center .jinbi {
display: block;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
.main-slider {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.sp-slideshow {
float: left;
}
.small-slider {
width: 32.5%;
float: right;
}
.small-slider-item {
height: 160px;
overflow: hidden;
margin-bottom: 15px;
border-radius: 5px;
position: relative;
}
.small-slider .entyr-icon i {
font-size: 20px;
}
.small-slider-item:nth-of-type(2) {
margin-bottom: 0px;
}
.small-slider-img {
position: absolute;
border-radius: 5px;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: rgba(120, 120, 120, 0.1);
}
.small-slider-item .title {
color: hsla(0, 0%, 100%, .9);
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
}
#percentageCounter {
position: absolute;
left: 0;
bottom: -1px;
height: 3px;
z-index: 2;
background-color: var(--theme);
}
/*首页列表*/
#content {
margin-left: 0px;
margin-right: 0px;
}
.lirekan {
color: var(--theme);
font-size: 13px;
position: relative;
}
.playkan {
color: var(--theme);
font-size: 13px;
position: relative;
}
.playkan:before {
display: block;
content: '';
position: absolute;
top: 50%;
left: 110%;
right: 0;
z-index: 20;
}
.playkan:before {
border-top: 1px solid var(--theme);
width: 30px;
}
.lirekan:before {
display: block;
content: '';
position: absolute;
top: 50%;
left: 110%;
right: 0;
z-index: 20;
}
.lirekan:before {
border-top: 1px solid var(--theme);
width: 10px;
}
.listnone {
font-size: 14px;
min-height: 100px;
text-align: center !important;
margin: 40px 0 10px;
}
.lire {
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
/*border-top: 1px solid rgba(0, 0, 0, .05);*/
padding-top: 5px;
}
.lire li {
color: var(--color-secondary);
font-size: 12px;
line-height: 25px;
width: 45%;
margin: 0 20px 10px 5px;
list-style: none;
}
.lire li a {
font-size: 13px;
color: var(--color-secondary);
white-space: nowrap;
text-overflow: ellipsis;
line-height: 20px;
height: 20px;
overflow: hidden;
display: block;
float: left;
max-width: 90%;
}
.liretime {
line-height: 20px;
height: 20px;
float: right;
}
.lire li a i {
color: var(--theme);
}
.lire li a:hover {
color: var(--theme);
}
.arc_cr {
color: var(--theme);
background-color: #dfe5e9;
}
.arc_v1 {
background: #d1d5dc;
color: #fff;
}
.arc_v2 {
background: var(--theme);
color: #fff;
}
.arc_v3 {
background: #f6b044;
color: #fff;
}
.arc_v4 {
background: #c444f6;
color: #fff;
}
.arc_v5 {
background: #f64444;
color: #fff;
}
.arc_v6 {
color: #fff;
background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
}
.arc_v7 {
background: #000;
color: #fff;
}
.badge-hot {
color: #fff;
background-color: var(--theme);
}
.badge-hot a {
color: #fff;
}
.badge {
border-radius: 2px;
font-weight: 400;
padding: 3px 5px;
font-size: 12px;
margin: 0 .40rem 0 0;
position: relative;
top: -1px;
}
.t_null {
box-shadow: none !important;
}
/*列表大图*/
.featured {
padding-top: 1.25rem;
}
.featitle {
margin-bottom: 5px !important;
}
.feaimg {
position: relative;
display: block;
overflow: hidden;
padding: 0;
align-items: flex-start;
border-radius: 5px;
}
.feaimg:after {
content: '';
display: block;
padding-top: 100%;
padding-top: 66.66666%;
border-radius: 8px;
background: #f2f6fc;
background-repeat: no-repeat;
background-position: 50%;
}
.fea-21x9:after {
padding-top: 42.857143%;
}
.feaimg-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 0;
border-radius: inherit;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
/*列表三图*/
.rowimg {
display: flex;
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding-left: 0.55rem;
padding-right: 0.55rem;
}
/*幻灯片*/
.sp-slideshow {
position: relative;
width: 65.5%;
}
.sp-showno {
width: 100% !important;
}
.swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-container {
min-width: 0;
flex: 1;
height: 335px;
--swiper-theme-color: #fff;
border-radius: var(--radius-inner)
}
.swiper-container .item {
display: block;
border-radius: var(--radius-inner)
}
.swiper-container .item .thumbnail {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: opacity 0.35s
}
.swiper-container .item .thumbnail:hover {
opacity: 0.85
}
.swiper-container .item .title {
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
/**text-align: center;**/
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #fff;
font-size: 15px;
padding: 15px;
font-weight: normal
}
.swiper-container .item .icon {
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
width: 18px;
height: 18px;
fill: #fff;
opacity: 0.5
}
.swiper-container.swiper-container-horizontal .swiper-pagination-bullets {
bottom: unset;
left: unset;
width: auto;
right: 10px;
top: 10px
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
background: rgba(0, 0, 0, 0.1);
transition: background 0.35s, right 0.35s, left 0.35s;
border-radius: 2px
}
.swiper-container .swiper-button-next:hover,
.swiper-container .swiper-button-prev:hover {
background: rgba(0, 0, 0, 0.25)
}
.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-prev::after {
font-size: 20px
}
.swiper-container .swiper-button-next {
right: -27px;
z-index: 1000;
}
.swiper-container .swiper-button-prev {
left: -27px;
z-index: 1000;
}
.swiper-container:hover .swiper-button-next {
right: 10px
}
.swiper-container:hover .swiper-button-prev {
left: 10px
}
@media (max-width: 576px) {
html .swiper-container {
height: 180px;
}
}
@media (min-width: 576px) {
html .swiper-container {
height: 180px;
}
}
@media (min-width: 768px) {
html .swiper-container {
height: 335px;
}
}
@media (min-width: 992px) {
html .swiper-container {
height: 335px;
}
}
.top-num {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
}
.top-num span {
width: 54px;
height: 54px;
position: absolute;
top: -3px;
right:
-23px;
overflow: hidden;
}
.top-num.top-1 span i {
background-color: #ff000e;
}
.top-num.top-2 span i {
background-color: #ef3a44;
}
.top-num.top-3 span i {
background-color: #f2777e;
}
.top-num i {
height: 22px;
line-height: 22px;
width: 100px;
background-color: #666;
box-shadow: -1.204px 1.597px 4px 0 rgba(0, 0, 0, .22);
position: absolute;
top: 50%;
right: -30px;
margin-top: -20px;
font-size: 12px;
color: #fff;
text-align: center;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: center;
transform-origin: center;
z-index: 1;
}
.top-num.top-1 span:after,
.top-num.top-1 span:before {
background-color: #b85d62;
}
.top-num span:before {
height: 3px;
width: 10px;
left: 0;
top: 0;
}
.top-num span:after {
height: 10px;
width: 3px;
right: 0;
bottom: 0;
}
.top-num span:after,
.top-num span:before {
content: '';
position: absolute;
z-index: 0;
background-color: #333;
}
.swiper-slide img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all .3s ease-out 0s;
}
.swiper-container {
border-radius: 5px;
}
.sp-slideshow .entyr-icon i {
font-size: 20px;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #fff !important;
}
@media (max-width: 400px) {
.section-cont .hunter-item h4 .hunter-product {
display: none;
}
.menu-nav-inline li span {
display: none;
}
}
@media screen and (max-width: 767px) {
.postArticle-meta {
display: none;
}
.sp-slideshow {
width: 100%;
margin-bottom: 20px;
float: none !important;
}
.swiper-slide {
display: block;
height: 100% !important;
}
.swiper-slide img {
width: 100%;
}
.small-slider {
width: 100%;
}
.small-slider-item {
float: left;
width: 47.5%;
}
.small-slider-item {
margin-bottom: 0px;
}
.small-slider-item:nth-of-type(2) {
float: right;
width: 47.5%;
}
.post-list-item {
width: 100% !important;
}
.signature,
.primary-menu {
display: none;
}
.contt .entyr-icon i {
font-size: 14px !important;
}
.small-slider-item {
height: 115px;
}
.readlist {
float: left;
}
.menu-nav-inline li {
padding: 0 15px 0 0;
}
.entry-summary p {
margin: 0.3em 0 !important;
line-height: 22px !important;
font-size: 13px !important;
height: 22px !important;
min-height: 22px !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
}
.entry-summary {
min-height: 15px;
display: none;
}
.primary-menu a {
font-size: 12px;
}
.avatar-140 {
display: none;
}
.blockimg time {
display: none;
}
.entry-content .entry-container .entry-summary p {
height: 40px !important;
}
.entry-content .entry-container .entry-summary {
display: block;
}
.entry-container .entry-meta {
letter-spacing: 0px;
bottom: 8px;
position: absolute;
height: 22px !important;
text-overflow: ellipsis;
overflow: hidden;
}
.fea-meta {
letter-spacing: 0px !important;
}
.entry-title {
font-size: 16px !important;
display: -webkit-box;
}
.page-title {
font-size: 18px !important;
}
.feasum {
display: none;
}
.featured {
padding-bottom: 15px;
}
.site-lins {
display: none;
}
.contimg .avatar {
width: 25px;
height: 25px;
}
.contpost-meta {
height: 25px !important;
line-height: 25px !important;
}
.post-intro {
display: none;
}
.blockimg .separator:nth-of-type(2) {
display: none;
}
.swiper-title {
font-size: 14px !important;
text-align: left;
}
.entry-footer .post-tags a {
float: none;
}
.video-spec {
display: none;
}
.user_center .d_meta,
.user_center .d_meta i,
.user_center .main-navigation li i {
display: none !important;
}
.page_auto .menu-item p {
font-size: 12px
}
.user_center .entry-container {
height: 100px !important;
}
.user_center .entry-header .entry-title {
font-size: 14px !important;
}
.user_center .adimgs {
display: none !important;
}
.user_center .auto_xin_list {
margin-bottom: 20px;
}
.user_center .auto_xin {
margin-bottom: 0px;
}
}
/*搜索框*/
.sostats_click,
.sostats_close {
margin-right: 10px;
}
.darkstats_click {
margin-right: 10px;
}
.wb-switch {
-webkit-appearance: none;
appearance: none;
margin-left: 10px;
}
input.wb-switch {
position: relative;
width: 36px;
height: 20px;
border: 1px solid var(--night-bg-body);
outline: 0;
border-radius: 16px;
box-sizing: border-box;
background-color: var(--night-bg-body);
-webkit-transition: background-color .1s, border .1s;
transition: background-color .1s, border .1s;
cursor: pointer;
}
input.wb-switch.disabled {
cursor: default
}
input.wb-switch.disabled:before {
background-color: #efefef
}
input.wb-switch.disabled:after {
box-shadow: 0 0 1px rgba(0, 0, 0, .4)
}
input.wb-switch:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 18px;
border-radius: 36px;
background-color: var(--night-bg-body);
-webkit-transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1);
transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1);
transition: transform .35s cubic-bezier(.45, 1, .4, 1);
transition: transform .35s cubic-bezier(.45, 1, .4, 1), -webkit-transform .35s cubic-bezier(.45, 1, .4, 1)
}
input.wb-switch:after {
content: '';
position: absolute;
top: 1px;
left: 0;
width: 16px !important;
height: 16px !important;
border-radius: 36px;
background-color: var(--theme);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-webkit-transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35);
transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35);
transition: transform .35s cubic-bezier(.4, .4, .25, 1.35);
transition: transform .35s cubic-bezier(.4, .4, .25, 1.35), -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35)
}
input.wb-switch:focus {
border-color: #3b5160;
box-shadow: none
}
.wb-switch:checked:before {
-webkit-transform: scale(0);
transform: scale(0);
width: 36px !important
}
.wb-switch:checked:after {
background-color: #fff200;
-webkit-transform: translateX(16px);
transform: translateX(16px)
}
.wb-switch:checked:focus {
border-color: #3b5160;
box-shadow: none !important
}
.sostats_click .sostats {
display: none
}
.sooff {
animation: left .5s;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
display: block !important;
}
a#soStats {
z-index: 9;
}
.author-page {}
/*会员登录*/
.login *,
.login:after,
.login:before {
transition: none;
}
.navtar {
border-radius: 100%;
margin: 0 10px;
height: 25px;
width: 25px;
}
.motar {
border-radius: 100%;
margin: 0 10px;
}
.austats {
display: none
}
.austats_click {
display: none;
}
#aus {
right: 0px;
animation: left .5s;
position: absolute;
text-align: left;
width: 115px;
height: auto;
background: #fff;
border-radius: 4px;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
z-index: 99;
}
#aus ul {
padding: 0 15px;
margin: 10px 0;
}
#aus ul li {
line-height: 35px;
display: block;
font-size: 12px;
color: #666;
height: 35px;
}
#aus ul li a:hover {
text-decoration: none;
color: var(--theme);
}
#aus .stats {
position: absolute;
animation: left .5s;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
#aus i {
margin-right: .5rem !important;
}
/*站点统计*/
.stats_click,
.stats_close {
padding-right: 10px
}
.stats_click .stats {
display: none
}
.stats_close .stats {
position: absolute;
animation: left .5s;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
a#mStats {
position: relative;
}
.stats_close {
position: relative
}
.stats ul {
margin: 10px 0;
padding: 0 15px
}
.stats {
text-align: left;
width: 200px;
height: auto;
background: #fff;
border-radius: 8px;
top: 45px;
right: -55px;
}
.stats ul li {
line-height: 2em;
display: block;
font-size: 12px;
color: #666
}
.stats::before {
left: 50%;
margin-left: 5px;
top: -20px
}
.stats::after {
border-bottom-color: #ffffff;
left: 50%;
margin-left: 5px;
top: -19px
}
/*文章页面二维码*/
.mobile_click .share {
display: none;
}
.share {
position: absolute;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 4px;
-webkit-box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
z-index: 203;
padding: 15px 0;
width: 110px;
animation: left .5s;
left: -43px;
top: -200px;
}
.Menu-item {
display: block;
width: 100%;
padding: 0 20px;
text-align: left;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: black;
}
#mClick.mobile_close {
position: relative;
}
#mClick.mobile_click,
#mClick.mobile_close {
float: right;
color: #fff;
padding: 0 10px;
background: var(--theme);
border-radius: 2px;
font-size: 11px;
line-height: 32px;
cursor: pointer;
}
a#mClick,
a#mStats {
opacity: 1;
}
/*main首页文章样式*/
#content>.col-sm-6:nth-of-type(2n+1) {
clear: left;
}
.hentry {
margin-bottom: 60px
}
.entry-media {
margin-bottom: 20px;
border-radius: 2px;
max-height: 160px;
background: #fafafa;
background-position: 50%;
background-origin: border-box;
background-size: cover;
overflow: hidden;
}
.entry-media img {
width: 100%;
border-radius: 8px;
}
.page-content {
margin: 0 auto;
float: none;
}
.entry-title {
font-size: 18px;
text-overflow: ellipsis;
overflow: hidden;
}
.entry-container .zhid {
font-weight: bold;
}
.entry-title a {
color: var(--color-title);
}
.entry-title a:hover {
color: var(--theme);
}
.contimg {
float: left;
margin: 0 10px 0 0;
}
.postde {
bottom: -5px !important;
}
.contpost-meta {
margin-bottom: 10px;
}
.entry-header {
position: relative;
background-position: right top;
background-repeat: no-repeat;
background-size: auto 40%;
margin-bottom: 20px;
}
.contpost .entry-header {
margin-bottom: 8px;
}
.con_ad-top {}
.shadimg img {
padding: 0px;
}
.shadbottom img {
margin-top: 0px;
padding: 0px;
}
.detail-wrap {
margin: 0 auto;
}
.article__top-img {
position: fixed;
z-index: 2;
border-radius: 4px;
}
.article__top-img .top-img {
border-radius: 4px;
overflow: hidden;
}
.article__top-img .top-img img {
width: 100%;
max-width: 890px;
}
.bs_img {
position: relative;
background-color: #fff;
z-index: 4;
}
.page-title {
font-size: 24px;
color: var(--color-title);
margin: 0;
margin-bottom: 14px;
margin-top: 14px;
font-weight: 600;
position: relative;
}
.top-bar-title {
line-height: 50px;
}
.top-bar-title {
animation: hideIndex 0.6s;
-moz-animation: hideIndex 0.6s;
/* Firefox */
-webkit-animation: hideIndex 0.6s;
/* Safari and Chrome */
-o-animation: hideIndex 0.6s;
/* Opera */
}
#post_top_title i {
margin-right: 10px;
}
@keyframes hideIndex {
0% {
opacity: 0;
transform: translate(0, 30px)
}
100% {
opacity: 1;
transform: translate(0, 0)
}
}
@keyframes hidebottom {
0% {
opacity: 0;
transform: translate(0, -30px)
}
100% {
opacity: 1;
transform: translate(0, 0px)
}
}
.entry-summary p {
padding: 0 0 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
color: var(--color-secondary);
line-height: 23px;
margin: 0.7em 0;
}
.entry-title a,
.entry-title a:active,
.entry-title a:visited {
transition: all .2s;
}
.ss p {
min-height: 65px;
}
.entry-meta {
font-size: 12px;
color: var(--color-secondary);
line-height: 1.5;
}
.entry-meta .meta-zan {
float: right;
}
.header-top .header-name {
height: 22px;
line-height: 22px;
}
.author-infos {
float: left;
position: relative;
cursor: pointer;
}
.author-left .author-info-card {
right: 0 !important;
}
.author-left .author-info-card:before {
right: 30px !important;
left: auto !important
}
.author-info-card:before {
content: "";
width: 8px;
height: 8px;
background: #fff;
position: absolute;
top: -4px;
transform: rotate(45deg);
left: 13px;
}
.author-info-card {
visibility: hidden;
opacity: 0;
width: 350px;
top: 50%;
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
padding: 15px;
position: absolute;
z-index: 99;
background: #fff;
border-radius: 6px;
box-shadow: 2px -2px 15px rgba(0, 0, 0, .15);
}
.author-info-card .work-con-box {
display: flex;
}
.author-info-card .work-con-box li {
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding: 5px;
position: relative;
list-style-type: none;
margin: 0px;
}
.author-info-card .author-img-tt {
display: flex;
}
.author-info-card .author-img-tt .work-show {
max-width: 100%;
width: 100%;
}
.edit a {
font-style: normal;
color: #333;
}
.entry-meta a {
color: var(--color-secondary)
}
.entry-meta a:hover {
color: var(--theme);
}
.separator {
color: var(--color-secondary);
padding: 0 5px
}
.line:before {
display: block;
content: '';
border-top: 1px solid rgba(0, 0, 0, .05);
position: relative;
top: 0;
}
.entry-footer {
display: table;
width: 100%;
padding: 10px;
}
.entry-footer.fixed {
margin: 0 -30px;
}
.entry-footer.fixed .entry-bar-inner {
position: fixed;
z-index: 99;
bottom: 0;
transition: all .3s ease-out 0s;
background: #ffffff;
border-radius: 8px 8px 0 0;
padding: 14px;
box-shadow: 0px 5px 40px 0px rgba(17, 58, 93, 0.1) !important;
height: 60px;
}
.entry-footer.fixed .post-tags a {
background: var(--theme);
border: 0px;
color: #fff;
}
.border-theme {
height: 1px;
z-index: 2;
background-color: rgba(0, 0, 0, .05);
}
.border-lins {
display: inline-block;
left: 0;
bottom: -16px;
width: 100%;
height: 1px;
z-index: 2;
background-color: rgba(0, 0, 0, .05);
}
/*文章翻页*/
a.next {
display: block;
border-radius: 4px;
font-size: 14px;
line-height: 45px;
text-align: center;
padding: 20px 0 26px;
color: var(--theme);
display: flex;
align-items: center;
justify-content: center;
}
div.nxts {
display: block;
border-radius: 4px;
font-size: 14px;
line-height: 45px;
text-align: center;
padding: 40px 0 26px;
color: var(--theme);
display: flex;
align-items: center;
justify-content: center;
}
.content-none {
display: block;
border-radius: 4px;
font-size: 14px;
line-height: 45px;
text-align: center;
padding: 20px 0 26px;
display: flex;
align-items: center;
justify-content: center;
}
.postpj {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
margin: 30px;
}
#if_play {
border-radius: 6px;
}
/* 侧边栏必要style */
.widget_img img {
border-radius: 8px;
}
.widget_img {
margin-bottom: 1.5rem;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
.widget_img a:hover {
opacity: 1;
}
.error-page .search-box input,
.widget-area .search-box input {
color: #113a5d;
border-color: #F4F6F9;
border-radius: 8px;
background-color: #d5d7da;
border: 1px #ddd solid;
}
.widget {
font-size: 14px;
line-height: 2;
margin-bottom: 1.5rem;
background: #ffffff;
border-radius: 8px;
padding: 10px 15px;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
.notice-list-meta {
font-size: 12px;
line-height: 24px;
color: var(--color-secondary);
}
.widget ul {
list-style: none;
padding: 0;
line-height: 2.5;
}
.widget-title {
font-size: 18px;
text-transform: uppercase;
margin: 3px 0 10px;
position: relative;
line-height: 20px;
}
.widget .search-form,
.widget-list {}
.widget-list-title {
font-size: 19px;
text-transform: uppercase;
position: relative;
color: #333;
}
.widget-title strong {
font-size: 16px;
display: inline-block;
padding: 0 10px 0 0;
background: #ffffff;
position: relative;
z-index: 2;
font-weight: normal;
color: var(--color-title);
}
.widget .user-auth {
font-size: 14px;
}
.widget .user-auth i {
color: #d99416;
}
/*侧边栏热门文章*/
.my-n2 {
margin-bottom: -.5rem !important;
}
.py-2 {
padding-bottom: 1rem !important;
position: relative;
}
.rank1 {
color: #fff;
background: url(../spimes/src/images/list_icon1.png) 0 0 no-repeat;
}
.rank2 {
color: #fff;
background: url(../spimes/src/images/list_icon2.png) 0 0 no-repeat;
}
.rank3 {
color: #fff;
background: url(../spimes/src/images/list_icon3.png) 0 0 no-repeat;
}
.rank4 {
color: #fff;
background: url(../spimes/src/images/list_icon3.png) 0 0 no-repeat;
}
.ricon_rank {
display: inline-block;
position: absolute;
top: 2px;
left: -15px;
width: 35px;
height: 22px;
line-height: 19px;
z-index: 50;
margin: 9px 10px 0 0;
font-size: 12px;
font-weight: 700;
font-family: ZZ_fontdiy;
text-indent: 18px;
text-align: center;
}
.list-rounded .list-overlay-content {
border-radius: 3px;
overflow: hidden;
}
.list-item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
}
.list-rounded .media {
border-radius: 3px !important;
}
.media {
position: relative;
display: block;
overflow: hidden;
padding: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.media-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 0;
border-radius: inherit;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: rgba(120, 120, 120, 0.1);
}
.overlay {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.66);
position: absolute;
opacity: .22;
top: 0;
left: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.media-2x1:after {
padding-top: 50%;
}
.media:after {
content: '';
display: block;
}
.list-overlay-content {
color: #fff;
}
.text-xs {
font-size: 10px !important;
}
.list-overlay-content a {
color: #fff !important;
line-height: 20px;
}
.list-overlay-content a:hover {
color: #fff;
}
.list-overlay-content .list-content {
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
padding: .75rem;
background: #222831;
background: -webkit-linear-gradient(to bottom, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.7));
background: linear-gradient(to bottom, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.7));
}
.h-2x {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.list-title {
font-size: 12px;
line-height: 1.4285714286;
display: block;
color: inherit;
}
.list-overlay-content .list-footer {
margin-top: 0.25rem;
}
.list-overlay-content .text-muted:not(i) {
color: rgba(255, 255, 255, 0.5) !important;
}
/*鼠标滑过事件：浮现图片二维码*/
.click {
position: relative;
}
.click.on .QR_img {
display: block;
}
.arrow {
border-bottom: 10px solid #e1e1e1;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
transform: rotate(180deg);
left: 40px;
bottom: -10px
}
.QR_img {
width: 100px;
height: 120px;
padding: 10px;
background: #e1e1e1;
text-align: center;
position: absolute;
left: -33px;
top: -135px;
display: none;
z-index: 999;
font-size: 12px;
animation: left .5s
}
/* 侧边栏文章 */
.widget-box-intro {
margin: 3px 0 10px;
font-size: 12px;
padding: 0 10px;
color: var(--color-secondary);
}
.box-img {
position: relative;
width: 100%;
background-position: 50% 50%;
background-size: cover;
overflow: hidden;
border-radius: 5px;
}
.box-img::before {
content: '';
padding-top: 45%;
float: left;
}
.box-avatar {
position: relative;
margin-top: -11px;
padding: 0 5px;
display: flex;
align-items: flex-end;
}
.box-avatar-left {
flex: 0 1 auto;
}
.box-avatar-left img {
margin-right: 10px;
}
.rounded-circle {
border-radius: 50% !important;
}
.r-4px {
border-radius: 4px !important;
}
.box-avatar-right {
flex: 1 1 auto;
font-size: 1.2rem;
color: var(--acolor);
max-width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.box-avatar-right span {
font-size: 14px;
}
.widget-posts-title {
max-width: 79%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
line-height: inherit
}
.widget-posts-meta i {
font-size: 13px;
color: var(--color-secondary);
font-style: normal;
float: right;
}
.widget-posts-meta i a {
color: var(--color-secondary);
}
.posts-widget li {
margin: 10px 0;
overflow: hidden;
line-height: 24px;
}
.sider_pimg {
border-radius: 100%;
margin-left: 3px;
margin-top: -10px;
height: 26px;
width: 26px;
}
.sider_pimg:nth-of-type(1),
.sider_pimg:nth-of-type(8) {
margin-left: 0px;
}
.posts-widget .c_li {
overflow: hidden;
line-height: 24px;
padding: 0.8rem 0;
border-top: 1px solid #f8f8f8;
font-size: 13px;
}
.hotge {
display: inline-block;
margin-right: 10px;
padding: 0px 5px;
/* font-weight: 700; */
height: 23px;
width: 23px;
text-align: center;
line-height: 23px;
border-radius: 4px;
font-size: 12px;
color: #fff;
;
}
.hotge1 {
background-color: #FF4A4A !important;
color: #FFFFFF;
}
.hotge2 {
background-color: #FF7701 !important;
color: #FFFFFF;
}
.hotge3 {
background-color: #FFB400 !important;
color: #FFFFFF;
}
.hotge {
background-color: var(--color-secondary);
}
/*侧边栏评论信息栏目*/
.notice-list-item {
overflow: hidden;
font-size: 14px;
line-height: 1.7;
margin: 10px 0;
}
.notice-list-meta .cute a {
color: var(--theme)
}
.notice-list-button .notice-list-meta {
display: block;
color: rgba(0, 0, 0, .44);
margin-top: 3px
}
.notice-list {
margin-top: -10px
}
.widget .item {
position: relative;
padding-bottom: 4px;
margin-bottom: 10px;
}
.wRecent .item {
border-bottom: 1px dashed #eee;
}
.widget .item .meta {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
color: #262626;
font-size: 14px;
line-height: 30px;
margin-bottom: 8px;
white-space: nowrap;
height: 30px;
overflow: hidden;
}
.widget .item .comment-avatar {
display: inline-block;
width: 25px;
vertical-align: middle;
margin-right: 5px;
}
.widget .item .comment-avatar .thumb {
padding-top: 100%;
border-radius: 100%;
}
.thumb {
display: block;
width: 100%;
height: 0;
padding-top: 66.7%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
position: relative;
overflow: hidden;
transition: all .2s;
}
.widget .item .meta .views {
font-size: 10px;
color: #888;
white-space: nowrap;
}
.widget .item .comment-content {
padding: 5px 10px;
background: #eef6fd;
border-radius: 6px;
font-size: 12px;
color: #262626;
margin-bottom: 5px;
position: relative;
transition: all .2s;
}
.widget .item .comment-content p .biaoqing {
margin-right: 4px;
}
.widget .item .comment-content .biaoqing {
width: 20px;
}
.widget .item .comment-content p {
text-align: justify;
line-height: 23px;
max-height: 50px;
overflow: hidden;
}
.widget .item h2 {
font-size: 12px;
line-height: 23px;
height: 23px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #333;
font-weight: normal;
margin-bottom: 5px;
}
.widget .item .comment-content::before {
content: '';
display: block;
width: 0;
height: 0;
border-bottom: 6px solid #eef6fd;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position: absolute;
left: 7px;
bottom: 100%;
}
/* 侧边栏搜索 */
.search-form {
position: relative;
max-width: 600px;
margin: 20px auto;
}
.search-submit {
border: 0;
padding: 0;
background: 0 0;
width: 30px;
height: 30px;
color: var(--color-secondary);
position: absolute;
right: 5px;
top: 2px;
line-height: normal;
text-align: center;
}
/* 侧边栏标签 */
.widget-hunter-topics .items {
overflow: hidden;
}
.widget-hunter-topics .item:nth-of-type(1) .wall-item a {
background: var(--theme);
color: #fff;
}
.widget-hunter-topics .item:nth-of-type(1) .wall-item h2 {
color: #fff;
}
.widget-hunter-topics .item:nth-of-type(1) .clr_orange {
color: #fff;
}
.widget-hunter-topics .item {
float: left;
width: 32%;
padding: 0 5px;
border-bottom: 0px dashed #eee;
}
.widget-hunter-topics .wall-item {
background: #fafafa;
}
.widget-hunter-topics .wall-item a {
display: block;
border-radius: 3px;
padding: 6px;
}
.widget-hunter-topics .wall-item h2 {
font-size: 12px;
font-weight: normal;
margin-bottom: 0px;
}
.clr_orange {
color: var(--theme);
font-style: normal;
}
.widget-hunter-topics .wall-item h5 {
font-size: 10px;
font-weight: normal;
color: #bbb;
}
.widget-hunter-topics .wall-item a:hover {
background: var(--theme);
color: #fff;
}
.widget-hunter-topics .wall-item a:hover h2 {
color: #fff;
}
.widget-hunter-topics .wall-item a:hover h5,
.widget-hunter-topics .wall-item a:hover .clr_orange {
color: #fff;
}
.viewAll {
font-size: 12px;
background: #f8f8f8;
}
.viewAll .btn {
line-height: 2.6;
text-align: center;
display: block;
color: #222;
}
/* 侧边栏关于我 */
.widget-about-intro {
text-align: center;
margin: 10px 0 10px;
}
.widget-about-intro .widget-intro {
margin: 0 30px;
}
.widget-about-image {
margin: 0 auto;
display: block;
width: 70px;
height: 70px;
border-radius: 99px;
}
.widget-about-desc {
font-size: 12px;
line-height: 1;
margin: 7px 0;
font-weight: normal;
color: var(--color-secondary);
}
.widget-intro {
font-size: 12px;
color: var(--color-secondary);
}
.widget-article-newest {
text-transform: uppercase;
margin: 12px 0;
position: relative;
}
.widget-article-newest span {
padding: 0 10px 0 10px;
background: #ffffff;
position: relative;
z-index: 2;
color: var(--theme);
}
.widget-article-newest:before {
display: block;
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
border-top: 1px solid rgba(0, 0, 0, .05);
z-index: 1;
}
.widget-article-list {
text-align: left;
}
.widget .user-tips li p {
font-size: 13px;
}
.widget-about-intro li,
.widget-about-intro i {
font-size: 13px;
}
.v_ci {
width: 20px !important;
height: 20px !important;
line-height: 22px;
margin-left: 5px;
}
.v_cv {
display: inline-block;
width: 22px !important;
height: 15px !important;
border-radius: 2px !important;
overflow: hidden;
position: relative;
top: 2px;
margin-left: 5px;
}
.av_v {
position: relative;
width: 70px;
height: 70px;
margin: auto;
}
.av_v_img {
display: block;
width: 70px;
height: 70px;
margin-right: 12px;
margin: auto;
}
.av_v_honor {
position: absolute;
bottom: -2px;
right: -2px;
width: 24px;
height: 24px;
}
/* 侧边栏用户榜单 */
.hunter-widget-hunter-authors .item .hunter-avatar .vatar {
position: relative;
}
.hunter-widget-hunter-authors .item .hunter-avatar .vatar .va_v_honor {
position: absolute;
bottom: 3px;
right: 0px;
width: 18px;
height: 18px;
}
.hunter-widget-hunter-authors ul {
margin: 0;
}
.hunter-widget-hunter-authors li {
display: block;
}
.hunter-widget-hunter-authors li:last-child .item {
border-bottom: 0px dashed #eee;
}
.hunter-widget-hunter-authors .item {
border-bottom: 1px dashed #eee;
margin-bottom: 0px;
padding: 4px 0;
}
.hunter-widget-hunter-authors .item .hunter-avatar {
float: left;
line-height: 60px;
}
.hunter-widget-hunter-authors .item .vatar img {
width: 45px;
border-radius: 100%;
}
.hunter-widget-hunter-authors .item .avatar {
width: 50px;
height: 50px;
border-radius: 50px;
border: 3px solid #fff;
box-shadow: 1px 1px 8px #eee;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.hunter-widget-hunter-authors .item .item-main {
min-height: 60px;
margin-left: 60px;
color: #393939;
}
.hunter-widget-hunter-authors .item .item-main h2 {
line-height: 1;
margin-bottom: 2px;
}
.vs {
border-radius: 100%;
}
.autlv {
font-size: 12px;
color: #fff;
font-weight: normal;
border-radius: 4px;
padding: 0px 4px;
margin-left: 5px;
letter-spacing: 0px;
}
.aut-0 {
background: #d1d5dc;
}
.aut-1 {
background: var(--theme);
}
.aut-2 {
background: #f6b044;
}
.aut-3 {
background: #c444f6;
}
.aut-4 {
background: #f69644;
}
.aut-5 {
background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
}
.aut-6 {
background: #f64444;
}
.hunter-widget-hunter-authors .item .item-main h4 {
font-size: 12px;
line-height: 1;
margin-bottom: 7px;
font-weight: normal;
color: var(--color-secondary);
}
.hunter-widget-hunter-authors .item .item-main .work span {
font-size: 11px;
color: var(--color-secondary);
line-height: 2;
}
.hunter-widget-hunter-authors .item .item-main .work_desc {
font-size: 12px;
margin-bottom: 7px;
font-weight: normal;
color: var(--color-secondary);
line-height: 18px;
}
.hunter-widget-hunter-authors .item .item-main h4 a {
color: #393939;
}
.hunter-widget-hunter-authors .item .item-main h4 i {
font-style: normal;
color: #aaa;
margin: 0 5px;
}
.hunter-widget-hunter-authors .item .item-main h3 {
font-size: 10px;
line-height: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 0;
font-weight: normal;
color: var(--color-secondary);
}
.hunter-widget-hunter-authors .item .item-main h3 a {
color: #393939;
}
/* 视频样式 */
.ifr_sl {
width: 100%;
height: 500px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.ifr_sl {
width: 100%;
height: 220px !important;
}
}
.dmplay_sl {
min-height: 472px;
}
.entry-video {
margin-bottom: 20px;
}
.video-js .vjs-big-play-button {
background-color: var(--theme) !important;
border: none !important;
}
.video-js .vjs-control-bar {
background-color: rgba(43, 51, 63, 0) !important;
}
.video-js .vjs-slider {
background-color: var(--theme) !important;
}
.vjs-button>.vjs-icon-placeholder:before {
top: .17em !important;
}
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
color: var(--theme) !important;
}
/* 文章框架 */
.contpost {
background: var(--bg-secondary);
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
border-radius: 8px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
}
.originalImg {
z-index: 10;
background: url(../spimes/src/images/original.png);
background-position: 0 0;
background-size: 64px;
width: 64px;
height: 64px;
position: absolute;
right: 0;
top: 0;
}
.narlis {
margin-bottom: 20px;
}
/* 文章内 tags */
.post-tags {}
.bar_zan {
background: rgba(0, 132, 255, .1) !important;
color: #0084ff;
margin-right: 15px;
margin-bottom: 15px;
line-height: 30px;
display: inline-block;
padding: 0 8px;
background: #fafafa;
border-radius: 4px;
color: var(--color-secondary);
cursor: pointer;
float: left;
font-size: 11px;
}
.post-tags a {
margin-right: 15px;
margin-bottom: 15px;
line-height: 30px;
display: inline-block;
padding: 0 8px;
background: #fafafa;
border-radius: 3px;
border: 1px solid #f2f2f2;
color: var(--color-secondary);
cursor: pointer;
float: left;
font-size: 11px;
}
.post-tags li:last-child {
margin-right: 0
}
.post-tags a:hover {
background: var(--theme);
color: #fff;
}
.say-more {
padding-top: 15px;
}
.say-more .sub-title {
font-size: .12rem;
color: #646464;
font-weight: normal;
}
.say-more .sub-title .ico:first-child {
margin-left: 0px;
}
.say-more .sub-title .ico {
margin-left: -15px;
}
.say-more .sub-title .icons {
margin-bottom: 10px;
}
.say-more .sub-title .ico img {
border-radius: 100%;
width: 30px;
height: 30px;
}
/* 文章内页正文 content */
.post_ai_box {
background: url(../spimes/src/images/aibg.png);
background-size: cover;
padding: 12px;
border-radius: 9px;
margin: 10px 0 30px;
position: relative;
}
.post_ai_ico {
vertical-align: sub;
width: 44px;
margin-right: 8px;
}
.post_ai_desc {
font-size: 14px;
color: rgba(0, 0, 0, .84);
line-height: 1.7;
}
.post_ai_meta span {
color: #848691;
margin-top: 13px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
}
.aitag-btn {
position: absolute;
bottom: 10px;
right: 10px;
width: 75px;
z-index: 8040;
line-height: 25px;
font-size: 12px;
}
.aitag-btn:hover {
background: var(--theme);
color: #fff;
}
.ts {
position: relative;
}
.ts::before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 60%;
background-color: var(--theme);
}
.ts .txt {
font-style: normal;
position: relative;
}
/* .entry-content h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
content: "";
display: inline-block;
margin-left: 0.1em;
height: 1.5em;
width: 1.5em;
vertical-align: sub;
} */
.entry-content h4:after,h5:after,
h6:after {
margin-left: 0.2em;
height: 1.5em;
width: 1.5em;
}
.entry-content h2::after {
background: var(--h2-r-graphic);
}
.entry-content h3::after {
background: var(--h3-r-graphic);
}
.entry-content h4:after {
background: var(--h4-r-graphic);
}
.entry-content h5:after {
background: var(--h5-r-graphic);
}
.entry-content h6:after {
background: var(--h6-r-graphic);
}
.entry-content p {
font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, "PingFang SC", Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
font-size: 15px;
color: #333;
margin: 10px 10px;
word-spacing: 2px;
}
.entry-content section {
margin: 15px 0;
}
.entry-content p img {
max-width: 85%;
margin: 15px auto;
display: block;
}
/* .tip {
background: #eef6fd;
padding: 8px 20px;
border-left: 3px solid #38a3fd;
border-radius: 0 5px 5px 0;
} */
.dianzan {
margin: 20px 0;
}
.dianzan button {
border-radius: 8px;
color: var(--theme);
border-color: var(--theme);
}
.dianzan button:hover {
background-color: var(--theme);
color: #fff;
}
/** 必须提升样式优先权(!important) **/
.dianzan button[disabled] {
color: white !important;
background: var(--night-color-dark) !important;
border-color: var(--night-color-dark);
}
.dianzan .agree-num {
font-size: 12px;
letter-spacing: 0px;
}
.Copyrightnew {
margin-top: 30px;
background: #e8eef3;
padding: 8px 20px;
border-radius: 0 5px 5px 0;
font-size: 1.2rem;
color: var(--color-secondary);
margin-bottom: 30px;
}
.settips {
background: #e8eef3;
padding: 0px 10px;
border-radius: 5px;
font-size: 1.2rem;
color: var(--color-secondary);
}
.btns {
cursor: pointer;
white-space: normal;
font-size: .875rem;
padding: .375rem 1rem;
color: #fff !important;
background-color: var(--theme);
border-color: var(--theme);
padding: 10px !important;
border-radius: 5px;
}
.btns:active {
color: #fff;
background-color: #0062cc;
border-color: #005cbf;
}
.btns:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.share-box {
left: 10px;
top: 11px;
}
.sider-footer {
padding: 5px 10px;
background: #fff;
border-radius: 8px;
box-sizing: border-box;
box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 22%);
z-index: 99;
}
.sider-footer-user {
padding: 5px;
background: #fff;
border-radius: 8px;
box-sizing: border-box;
box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 22%);
animation: hidebottom 0.6s;
z-index: 99;
}
.izan .agree-num {
font-size: 12px;
text-align: center;
margin-top: -8px
}
.izan:hover i,
.izan:hover .agree-num,
.zan_on i,
.zan_on .agree-num {
color: red !important;
}
.sider-footer i {
font-size: 20px;
color: #4f4c4c;
font-style: normal;
border-radius: 50%;
}
.sider-footer button.text,
.sider-footer .button.text {
background: none;
padding: 0;
font-weight: 400;
display: inline-block;
line-height: 1;
color: #000;
height: auto;
border: 0;
}
.footer-author {
margin-top: 10px;
}
.footer-author span {
margin-bottom: 5px;
display: block;
margin-top: 5px;
}
.sider-footer span {
display: block;
}
.dot {
margin: 2px 5px;
border-top: 1px solid #e8e8e8;
}
.sider-footer a {
display: block;
line-height: 1.5;
}
.sider-footer .weixin {
line-height: 1.5;
}
.sider-footer i:hover {
color: #000;
}
.wx-t-x {
width: 100px;
height: 100px;
bottom: 53px;
background: #fff;
left: 45px;
top: 0;
padding: 5px;
z-index: 2;
position: absolute;
border-radius: 8px;
padding: 6px;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
#share-weixin:hover .hide {
display: block !important;
}
.reply2view {
background: #e8eef3;
padding: 10px 10px 10px 10px;
position: relative;
word-break: break-all;
}
.entry-content del {
text-decoration: none;
background-image: linear-gradient(180deg, rgba(0, 0, 0, .8) 20%, rgba(0, 0, 245, 0) 0, transparent 75%, rgba(0, 0, 0, .8) 76%);
background-position: 0 .40em;
background-repeat: repeat-x;
background-size: 1px 6px
}
.entry-content p img {
cursor: pointer;
cursor: url(../spimes/src/images/zoom.svg), auto;
}
.entry-content .biaoqing {
width: 30px;
margin-left: 5px;
display: inline-block;
}
.entry-content {
text-align: justify;
padding-top: 20px;
padding: 10px 10px;
}
.entry-content .myadimg {
border-radius: 6px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-family: HarmonyOS_Sans_SC_Medium;
}
.entry-content h1 {
font-size: 20px;
font-weight: 700;
word-break: break-word;
}
/* .entry-content li {
margin-left: 20px;
line-height: 36px;
font-size: 14px;
}
.entry-content ol,
.entry-content ul {
padding: 0;
margin: 20px 0 20px 25px;
} */
::marker:not(.hljs *) {
color: var(--theme);
}
li.md-list-item {
margin: 0.4rem 0;
}
.entry-content ul,
.entry-content ol {
padding-left: 25px;
margin: 10px 0;
}
.entry-content ul>li,
.entry-content ol>li {
margin: 10px 0;
}
.entry-content em {
padding: 0 3px 0 0;
}
.entry-content ul {
list-style-type: disc;
}
.entry-content ul ul {
list-style-type: circle;
}
.entry-content ul ul ul {
list-style-type: square;
}
.entry-content ol {
list-style-type: decimal;
}
.entry-content ol ol {
list-style-type: lower-alpha;
}
.entry-content ol ol ol {
list-style-type: lower-roman;
}
.entry-content li section {
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.7rem;
text-align: justify;
color: #000000;
font-weight: 500;
}
.entry-content li:before {
content: "";
height: calc(100% - 50px);
top: 35px;
position: absolute;
border-left: 0.5px solid var(--theme);
left: -14.5px;
}
.entry-content hr {
height: 1px;
margin: 25px 0;
border: 0;
background-color: #EBF1F8;
}
.entry-content kbd {
padding: 2px 8px;
border: 1px solid rgba(63, 63, 63, .25);
box-shadow: 0 1px 0 rgba(63, 63, 63, .25);
background-color: #fff;
color: #333;
border-radius: 4px;
display: inline-block;
margin: 0 2px;
white-space: nowrap;
}
.entry-content sub {
bottom: -.25em;
}
.entry-content sup {
top: -.5em;
}
.entry-content sub,
.entry-content sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.entry-content a:not(.joe_abtn) {
padding-bottom: 1px;
color: var(--theme);
}
.entry-content .contt a {
border-bottom: 0px;
padding-bottom: 0px;
}
.entry-content .contt .entry-meta a {
color: var(--color-secondary);
}
.entry-content .contt p {
line-height: 1.5;
font-size: 13px;
color: var(--color-secondary);
}
.entry-content li>p{
font-size: 14px;
color: #333;
margin: 0;
padding: 0;
}
.entry-content .entry-container .block-image {
width: 120px;
height: 80px;
}
.entry-content .entry-container {
padding: 20px 0px 0px 140px;
min-height: 105px;
}
.entry-content .entry-container .block-fea {
border-bottom: 0px;
}
.entry-content .entry-container .entry-title {
font-size: 14px !important;
height: 24px !important;
}
.entry-content .contt {}
.entry-content .post-list {
border-bottom: 0px;
}
.entry-content a:hover {
border-bottom-color: transparent;
}
.page .alignright {
margin-right: 0;
max-width: 100%
}
.page .alignleft {
margin-left: 0;
max-width: 100%
}
.entry-content h1{
text-align: center;
}
.entry-content h2 {
font-size: 18px;
margin-top: 1rem;
}
.entry-content h1,
h2,
h3,
h4,
h5,
h6 {
margin: 1rem 0;
}
.entry-content h3 {
position: relative;
}
.entry-content h4,
h5,
h6 {
font-size: 15px;
}
.entry-content h2::before {
content: "";
margin-right: 5px;
display: inline-block;
background-color: var(--theme);
width: 5px;
height: 18px;
border: var(--theme) 1px solid;
vertical-align: initial;
transform: translateY(2px);
}
.entry-content h3::before {
content: "";
margin-right: 5px;
display: inline-block;
background-color: var(--theme);
width: 6px;
height: 6px;
border-radius: 100%;
border: var(--theme) 1px solid;
vertical-align: middle;
transform: translateY(-2px);
}
.entry-content h4::before {
content: "»";
color: var(--theme);
margin-right: 5px;
display: inline-block;
vertical-align: inherit;
}
.entry-content h5::before {
content: "-";
color: var(--theme);
margin-right: 5px;
display: inline-block;
vertical-align: inherit;
}
.entry-content h6{
margin-left: 12px;
}
/*社会化分享*/
/*评论提示条数*/
#comments {}
#comments svg {
width: 25px;
height: 25px;
vertical-align: -2px;
}
#comments .OwO-logo {}
#comments .OwO-logo span:hover {
color: #00a1d6 !important;
}
.comments-title {
font-size: 16px;
line-height: 1;
position: relative;
text-align: center;
font-weight: 600;
margin-bottom: 0;
margin-top: 20px;
font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
}
.comments-title:before {
display: block;
content: '';
border-top: 1px solid #e7e7e7;
position: relative;
top: 8px;
z-index: 1
}
.comments-title span {
display: inline-block;
padding: 0 30px;
background: #fff;
position: relative;
z-index: 2;
}
/*文章页面浮动点击*/
.empty {
height: 105px;
}
.fixed-btn {
position: fixed;
right: 2%;
bottom: 30%;
width: 40px;
z-index: 19;
-webkit-backface-visibility: hidden;
cursor: pointer
}
.fixed-btn .home {
border-radius: 8px 8px 0 0;
background: #f8f8f8;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
margin-bottom: 2px;
position: relative;
}
.fixed-btn .home i {
line-height: 40px;
color: #57667F;
font-size: 20px
}
.back-home {
display: none;
position: absolute;
padding: 10px;
border: 1px solid rgba(0, 0, 0, .05);
background-color: #fff;
line-height: 14px;
width: 160px;
bottom: 0;
right: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
font-size: 13px;
color: #1a1a1a
}
.back-home:after,
.back-home:before {
position: absolute;
content: "";
border: 10px solid transparent
}
.back-home:before {
right: -15px;
bottom: 35%;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid rgba(0, 0, 0, .08);
}
.back-home:after {
right: -14px;
bottom: 35%;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #fff;
}
.fixed-btn .home:hover .back-home {
display: block;
}
/*文章右边红包打赏*/
.reward {
border-radius: 0 0 8px 8px;
background: #f8f8f8;
z-index: 19;
-webkit-backface-visibility: hidden;
padding: 20px 0;
cursor: pointer;
display: block;
}
.reward div {
padding: 0 10px;
font-size: 14px;
text-align: center;
position: relative;
margin-top: 5px;
color: var(--color-secondary)
}
.reward i {
margin: 0 10px;
font-size: 20px;
color: #57667F
}
.reward:hover .code {
display: block
}
.reward .code {
position: absolute;
padding: 20px;
border: 1px solid rgba(0, 0, 0, .05);
background-color: #fff;
line-height: 14px;
width: 160px;
height: 170px;
bottom: 15px;
right: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
display: none;
}
.reward .code:after,
.reward .code:before {
position: absolute;
content: "";
border: 10px solid transparent
}
.reward .code:before {
right: -20px;
bottom: 50%;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid rgba(0, 0, 0, .08);
}
.reward .code:after {
right: -19px;
bottom: 50%;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #fff;
}
.reward .code img {
width: 120px;
height: 120px
}
.reward .code i {
color: #1a1a1a;
font-size: 13px;
font-weight: 400;
line-height: 20px;
font-style: normal;
}
/*视频页面*/
.video-index {
padding-top: 20px;
border-radius: 5px;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
background-color: #ffffff;
}
.video-content {
display: flex;
flex-wrap: wrap;
border-radius: 5px;
padding-top: 10px;
}
#video-content {
margin-left: 0px;
margin-right: 0px;
border-radius: 5px;
width: 33.3333333%;
padding: 10px;
}
.video-user {
padding: 10px 0 0;
font-size: 12px;
}
.video-meta {
float: right;
height: 25px;
line-height: 25px;
}
.video-user img {
border-radius: 50%;
margin-right: 5px;
}
.video-user a {
float: left;
display: block;
color: #2c3e50;
}
.video-img {
position: absolute;
border-radius: 5px;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: rgba(120, 120, 120, 0.1);
}
.video-list {
position: relative;
display: block;
overflow: hidden;
padding: 0;
align-items: flex-start;
border-radius: 5px;
}
.video-list:after {
padding-top: 55%;
}
.video-header {
color: #fff;
position: absolute;
bottom: 0;
}
.video-spec {
float: left;
font-size: 12px;
background-color: #00000040;
border-radius: 0 0 5px 5px;
padding: 0 10px;
color: #cac8c8;
height: 30px;
line-height: 30px;
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.video-title {
float: left;
font-size: 14px;
line-height: 30px;
height: 30px;
overflow: hidden;
margin: 10px;
}
.video-icon {
color: #fff;
position: absolute;
z-index: 3;
left: 20px;
top: 20px;
transform: translate(-50%, -50%);
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: .8;
}
.video-icon i {
font-size: 20px;
}
@media screen and (max-width: 767px) {
#video-content {
width: 100%;
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
}
.video-content {
padding-left: 0px;
padding-right: 0px;
}
}
/*404页面*/
.error-page {
text-align: center;
margin-top: 100px;
}
.not-found-title {
color: #f0f0f0;
font-size: 14em;
margin: 0;
line-height: 1
}
.not-found-back {
color: #979797
}
.error-page .search-submit {
top: 0;
}
/*博客页底footer - news*/
.news-foot {
background: #fff;
margin-top: 30px;
border-bottom: 1px solid #f3f3f3;
}
.news-foot .section-content {
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.news-foot .part-news-foot .section-title {
margin-top: 20px;
}
.news-foot .section-content .item {
width: 50%;
padding: 0 7px;
margin-bottom: 30px;
}
.news-foot .section-content .item * {
transition: all .3s;
}
.news-foot .section-content .item i {
font-size: 22px;
}
.news-foot .section-content a {
display: block;
}
.news-foot .item-thumb {
border-radius: 5px;
overflow: hidden;
}
.news-foot .thumb {
padding-top: 75%;
}
.news-foot .item-main {
border-radius: 0 0 3px 3px;
padding: 10px 0;
background: #fff;
}
.news-foot .t_tl {
color: var(--color-secondary);
line-height: 18px;
font-size: 13px;
height: 40px;
overflow: hidden;
margin-bottom: 5px;
text-overflow: ellipsis;
display: block;
}
.news-foot p {
font-size: 12px;
line-height: 1.5;
color: #888;
margin-bottom: 8px;
height: 3em;
overflow: hidden;
}
.news-foot .t_tls {
font-size: 12px;
color: var(--color-secondary);
margin: 0;
line-height: 1.5;
font-weight: normal;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.news-foot .section-content a:hover .t_tl {
color: var(--theme);
}
.news-foot .t_tls span {
display: block;
overflow: hidden;
}
.news-foot .seeAll {
text-align: center;
}
.seeAll {
margin-bottom: 56px;
}
.news-foot .seeAll .btn {
display: block;
font-size: 14px;
padding: 0 40px;
line-height: 40px;
display: inline-block;
color: #ffffff;
}
.news-foot .item-main {
border: 0px solid #f3f3f3;
}
.btn-orange {
background: var(--theme);
color: #fff;
}
@media (max-width: 767px) {
.news-foot .section-content .item:last-child {
display: none;
}
.respond #new_comment_form textarea {
background-size: 60%;
}
}
@media (min-width: 768px) {
.news-foot .section-content .item {
width: 20%;
padding: 0 12px;
margin-bottom: 40px;
}
.news-foot .item-main {
border: 0px solid #f3f3f3;
}
.news-foot p {
margin-bottom: 20px;
}
.news-foot h5 span {
width: auto;
}
}
/***快讯**/
.widget_kuaixun .news-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 16px;
height: 16px;
margin-right: 6px;
border-radius: 3px;
background-size: contain;
}
.widget_kuaixun .news-icon.hot {
background-image: url(../spimes/src/images/hotsvg.svg);
}
.widget_kuaixun .news-icon.new {
background-image: url(../spimes/src/images/newsvg.svg);
}
.column-newsflash-vertiacl-line {
position: absolute;
height: 100%;
border: 1px dashed #f3f3f3;
top: 0;
left: 10px;
}
.widget_kx {
padding: 0 5px;
}
.widget_kuaixun {
width: 100%;
position: relative;
}
.widget-kx-list {
position: relative;
padding-left: 10px !important;
padding-top: 10px !important;
margin-top: -40px !important;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget-kx-list .kx-item {
position: relative;
margin-bottom: 10px;
padding: 7px 0 5px 18px;
line-height: 1.6;
}
.widget-kx-list .kx-title {
color: #333;
font-size: 13px;
display: flex;
line-height: 16px;
height: 16px;
text-overflow: ellipsis;
overflow: hidden;
}
.widget-kx-list .kx-item:before {
border: 4px solid #fff;
opacity: 1;
}
.widget-kx-list .kx-item:after,
.widget-kx-list .kx-item:before {
position: absolute;
margin-left: -5px;
left: 0;
top: 10px;
width: 4px;
height: 4px;
border-radius: 6px;
border: 4px solid var(--theme);
background: #fff;
box-sizing: content-box;
opacity: .3;
content: "";
}
.kx-meta {
font-size: 12px;
color: #999;
}
.widget_kuaixun .right {
display: flex;
align-items: center;
border: none;
background: none;
position: absolute;
left: 70px;
top: 18px;
padding: 4px 0 4px 4px;
}
.widget_kuaixun .right img {
width: 18px;
height: 18px;
transition: all .3s;
}
.widget_kuaixun .right:hover img {
-webkit-transform: rotate(360deg) scale(1.1);
transform: rotate(360deg) scale(1.1);
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
}
.right span {
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #f01414;
margin-left: 4px;
}
.right i {
color: var(--theme);
}
.posts_list .d-blue {
color: #008EEB !important;
background: #E5F2FF !important;
}
.p_wen .post__description p {
font-size: 13px;
color: #6c757d;
}
.p_wen {
display: flex;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e9eff4;
}
.posts_list .post-hd {
position: relative;
margin-right: 15px;
}
.posts_list .datashow-item .datashow--count {
font-size: 12px;
line-height: 1;
}
.posts_list .datashow-item .datashow--label {
font-size: 12px;
line-height: 1;
}
.posts_list .datashow-item {
color: #999;
text-align: center;
font-size: 14px;
background-color: #f0f2f6;
width: 46px;
height: 46px;
padding-top: 7px;
border-radius: 5px;
}
.post__title {
font-size: 16px;
font-weight: 400;
color: #364e65;
margin-bottom: 5px;
line-height: 26px;
}
.p_wen .post__description {
margin-bottom: 20px;
}
/*博客页底footer*/
@media (min-width: 768px) {
.ewms {
width: 305px;
padding-left: 50px;
margin: 0;
display: flex;
}
}
.fright-qrcode {
width: 75px;
height: 75px;
background-color: #fff;
position: relative;
margin-left: 20px;
border-radius: 4px;
}
.like {
text-align: center;
}
.like strong {
color: #ff6000;
font-size: 45px;
line-height: 1.24;
font-family: Impact;
font-weight: normal;
}
.like h3 {
font-size: 14px;
font-weight: normal;
line-height: 1.1;
color: #949498;
}
.site-footer {
margin-top: 40px;
position: relative;
z-index: 39;
background-color: #fff;
}
.site-footer .site-info {
background: #2a2a32;
}
.site-info p {
margin-bottom: 0
}
.site-info .credit {
font-size: 13px;
color: rgba(0, 0, 0, .5);
float: left
}
.footer-links {
float: right;
font-size: 13px;
color: rgba(0, 0, 0, .5)
}
.site-footer .footer-left {
float: left;
max-width: 857px;
}
.site-footer .footer-right {
float: right;
}
.footer-right {
padding-top: 20px;
}
.footer-l-top {
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #484747;
}
.footer-l-top a {
display: inline-block;
color: #fff;
margin-right: 20px;
font-size: 13px;
padding: 0;
line-height: 30px;
}
.footer-l-btm p {
line-height: 20px;
font-size: 12px;
color: var(--color-secondary);
}
.footer-l-btm p a {
color: #aaa;
}
.footer-l-btm p+p {
margin-top: 7px;
}
#subscribes {
padding-left: 12px;
}
#subscribes li,
.footer-l-btm {
margin-bottom: 10px;
line-height: 1.2;
list-style: none;
}
#subscribes a,
#subscribes span {
color: #333;
font-size: 12px;
}
@media (max-width: 991px) {
.site-footer .footer-right {
display: none;
}
}
/*gravatar头像*/
.avatar {
border-radius: 50%;
transition: all 0.3s linear;
}
.entry-container .entry-meta .avatar {
margin-right: 5px;
margin-top: -5px;
}
.author-image {
width: 80px;
height: 80px;
}
/*上一篇下一篇*/
@media (max-width: 767px) {
.comment-footer {
display: none;
}
.entry-page-next,
.entry-page-prev {
width: 100% !important;
margin-bottom: 10px;
float: none;
}
.playpic {
margin: 0 15px 10px 0 !important;
width: 150px !important;
}
.playnum .pps li {
width: 30% !important;
}
}
.entry-page-next:before,
.entry-page-prev:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
content: "";
}
.entry-page {
margin: 20px 0;
overflow: hidden;
}
.entry-page-next,
.entry-page-prev {
position: relative;
float: left;
width: 49%;
padding: 60px 15px 10px;
color: #fff;
background-size: cover;
background-position: 50%;
border-radius: 3px;
overflow: hidden;
}
.entry-page-next a,
.entry-page-prev a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
color: #fff;
font-size: 15px;
font-size: 1.25rem;
}
.entry-page-next .entry-page-info,
.entry-page-prev .entry-page-info {
position: relative;
font-size: 14px;
line-height: 16px;
overflow: hidden;
}
.entry-page-next a span,
.entry-page-prev a span {
display: block;
padding: 10px 15px 0;
height: 50px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.pull-left {
float: left;
}
.navlogo {}
.entry-page-next {
float: right;
}
.pull-right {
float: right !important;
}
/*评论区域*/
.comment-list {
padding: 0;
margin: 0;
padding: 0 10px 20px;
}
.comment-list a {
color: var(--theme);
}
.comment-list li {
list-style: none;
font-size: 13px;
}
.comment-meta {
line-height: 1;
margin: 4px 0 0;
color: var(--color-secondary);
font-size: 12px;
}
.comment-meta a {
font-style: normal;
color: var(--color-secondary);
font-size: 12px;
}
.comment-author {
font-size: 13px
}
.comment-author .avatar {
float: left;
margin: 0 10px 0 0;
width: 40px;
height: 40px;
}
.comment-author .v_ci {}
.comment-footer {
border-top: 1px solid #eee;
padding-top: 15px;
font-size: 13px;
color: #333;
position: relative;
margin-top: 40px;
}
.comment-footer .comment-footer-main {
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
flex-wrap: wrap;
}
.comment-footer .comment-footer-main .item {
width: 100%;
text-align: center;
line-height: 28px;
}
.comment-footer .comment-footer-main .btn {
display: inline-block;
line-height: 26px;
background: #fff;
padding: 0 10px;
margin-left: 10px;
margin-top: 10px;
font-size: 12px;
vertical-align: middle;
}
.comment-footer .comment-footer-main .item {
width: auto;
text-align: left;
}
.comment-footer .comment-footer-main {
flex-direction: row;
flex-wrap: nowrap;
}
.comment-footer .comment-footer-main .btn:hover {
background: var(--theme);
color: #fff;
}
.comment-footer .comment-footer-main .btn {
margin-top: 0;
}
.btn-orange-border {
border: 1px solid #00A1F2 !important;
color: #00A1F2;
}
.comment-nomore::before,
.comment-nomore::after {
content: '';
display: inline-block;
width: 20px;
height: 0;
border-bottom: 1px solid #eee;
vertical-align: super;
}
.comment-nomore {
text-align: center;
font-size: 12px;
color: #bbb;
padding: 20px 0;
}
.comment-footer .ji2-icon {
position: absolute;
left: 50%;
top: 0;
margin: -24px 0 0 -12px;
}
/**.ji2-icon {
width: 24px;
height: 24px;
display: block;
background: url(https://image.uisdc.com/wp-content/uploads/2019/10/uisdc-chat-chicken.gif) no-repeat left top;
cursor: pointer;
}**/
/*UA评论显示*/
.ua-icon {
display: inline-block;
width: 1pc;
height: 1pc;
background-size: cover;
background-repeat: no-repeat;
vertical-align: text-top
}
.comment-ua {
font-size: 10px;
}
.icon-360 {
background-image: url(../spimes/src/icon/UA/360.png)
}
.icon-android {
background-image: url(../spimes/src/icon/UA/android.png);
height: 19px
}
.icon-apple {
background-image: url(../spimes/src/icon/UA/apple.png)
}
.icon-baidu {
background-image: url(../spimes/src/icon/UA/baidu.png)
}
.icon-chrome {
background-image: url(../spimes/src/icon/UA/chrome.png)
}
.icon-edge {
background-image: url(../spimes/src/icon/UA/edge.png)
}
.icon-firefox {
background-image: url(../spimes/src/icon/UA/firefox.png)
}
.icon-google {
background-image: url(../spimes/src/icon/UA/google.png)
}
.icon-ie {
background-image: url(../spimes/src/icon/UA/ie.png)
}
.icon-liebao {
background-image: url(../spimes/src/icon/UA/liebao.png)
}
.icon-linux {
background-image: url(../spimes/src/icon/UA/linux.png)
}
.icon-mac {
background-image: url(../spimes/src/icon/UA/mac.png)
}
.icon-opera {
background-image: url(../spimes/src/icon/UA/opera.png)
}
.icon-qqq {
background-image: url(../spimes/src/icon/UA/qq.png)
}
.icon-quark {
background-image: url(../spimes/src/icon/UA/quark.png)
}
.icon-safari {
background-image: url(../spimes/src/icon/UA/safari.png)
}
.icon-ubuntu {
background-image: url(../spimes/src/icon/UA/ubuntu.png)
}
.icon-uc {
background-image: url(../spimes/src/icon/UA/uc.png)
}
.icon-win1 {
background-image: url(../spimes/src/icon/UA/win1.png)
}
.icon-win2 {
background-image: url(../spimes/src/icon/UA/win2.png)
}
.fn,
.fn a {
color: var(--theme);
padding-right: 3px;
font-size: 14px;
font-style: normal;
}
.comment-reply-link {
float: right;
font-size: 12px;
line-height: 20px;
padding: 0 6px;
background: var(--theme);
border-radius: 4px;
display: none;
cursor: pointer;
}
.comment-reply-link a {
color: #fff;
}
.comment-body {
padding: 25px 0 0 0;
border-bottom: 1px solid #eee;
position: relative;
padding-bottom: 2rem;
}
.comment-body .biaoqing {
width: 30px;
margin-left: 5px;
}
.comment-body .reply {
position: absolute;
top: 30px;
right: 0;
}
.comment-body .reply a:hover {
color: #fff;
}
.comment-body:hover .comment-reply-link {
display: block
}
.comment-children {
margin-left: 50px;
}
#comments p {
margin-left: 50px;
}
#comments .comment-body p {
padding: .5rem .1rem 0.1rem;
border-radius: 2px;
}
/*评论翻页*/
ol.page-navigator li {
display: inline-block;
color: var(--color-secondary);
margin: 0 5px;
}
ol.page-navigator {
padding: 30px 0;
list-style: none;
text-align: center
}
ol.page-navigator li a {
display: block;
text-align: center;
background: #f7f7f7;
font-size: 14px;
color: var(--color-secondary);
line-height: 30px;
height: 30px;
overflow: hidden;
padding: 0 10px;
border-radius: 2px;
box-sizing: border-box;
}
ol.page-navigator li.current a {
background: var(--theme);
border-color: var(--theme);
color: #fff;
padding: 0 10px;
}
ol.page-navigator li a:hover {
background: var(--theme);
border-color: var(--theme);
color: #fff;
padding: 0 10px;
}
/*移动端导航*/
.m_nav-wrapper {
display: none
}
.m_nav-wrapper img {
margin-top: 80px;
}
.m_nav-list {
position: absolute;
top: 12px;
}
@media screen and (max-width: 991px) {
#nav-menu {
display: none
}
.m_nav-wrapper {
display: block;
position: fixed;
width: 100%;
height: auto;
left: 0;
right: 0;
bottom: 0;
background: #fff;
transition: all .3s ease-out;
transform: translate3d(0, -9999px, 0);
z-index: 59
}
.m_nav-wrapper .site-nav {
display: flex;
-webkit-display: inline-flex;
flex-direction: column;
align-items: center;
align-content: space-around;
font-size: 16px;
line-height: 16px;
width: 100%;
height: 100%;
float: right;
padding: 0;
margin: 0;
list-style: none
}
.m_nav-wrapper .site-nav li {
display: inline-block;
padding: 0 .8em 0 1em;
margin: 0 .4em;
line-height: 64px;
letter-spacing: .1em;
position: relative;
flex-grow: 1
}
.m_nav-list a {
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 24px;
height: 24px;
background: 0 0
}
.m_nav-list .lines .line {
display: inline-block;
width: 24px;
height: 1px;
background: #000;
transition: all .3s ease-out
}
.m_nav-list .lines .second-line {
margin: 8px 0
}
.m_nav-close .first-line {
transform: rotate(45deg) translate3d(6px, 6px, 0);
transform-origin: center
}
.m_nav-close .second-line {
transform: scale3d(0, 1, 1)
}
.m_nav-close .third-line {
transform: rotate(-45deg) translate3d(7px, -7px, 0);
transform-origin: center
}
}
/* 文章下方博主信息 */
.author-info {
border-bottom: 1px solid rgba(0, 0, 0, .05);
padding-bottom: 30px;
margin-top: 30px;
overflow: hidden;
padding-top: 30px;
border-top: 1px solid rgba(0, 0, 0, .05);
}
.author-avatar {
margin-right: 15px;
border-radius: 100%;
}
.author-description {
margin-left: 95px
}
.author-title {
font-weight: 400;
font-size: 20px;
line-height: 1
}
.author-info .information-navigation {
font-size: 20px;
line-height: 1;
padding: 0;
float: right;
margin-bottom: -13px;
margin-top: 0;
}
.information-navigation i {
color: rgba(0, 0, 0, .6);
}
.information-navigation i:hover {
color: rgba(0, 0, 0, .8);
}
.author-bio {
color: #7e7e7e;
font-size: 14px;
line-height: 1.5;
margin: 10px 0 0
}
.information-navigation li {
margin-right: 15px;
display: block;
float: left;
}
.author-avatar img {
width: 80px;
height: 80px;
border-radius: 99px;
}
/* 文章内面包屑 */
.site-lins a {
color: var(--color-secondary);
}
.site-lins a:hover {
color: var(--theme);
}
/* 阅读全文 */
.show_text {}
.maskcon {
display: none;
}
.showall {
display: none;
}
.stui {
border-bottom: 0px solid rgba(0, 0, 0, .05) !important;
}
.stui .section-title {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
/* 文章内图片排布 */
.lonesome-img {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0
}
.lonesome-img a {
border: 0;
}
.gallery-3 li {
width: calc((100% - 16px * 2)/ 3);
margin-right: 15px
}
.gallery-3 li:nth-of-type(3n) {
margin-right: 0
}
.gallery-2 li {
width: calc((100% - 16px)/ 2);
margin: 0 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative
}
.gallery-2 li:nth-of-type(2n) {
margin-right: 0
}
.gallery-4 li {
width: calc((100% - 16px * 3)/ 4);
margin-right: 15px
}
.gallery-4 li:nth-of-type(4n) {
margin-right: 0
}
/* 文章内标题右边的大日期 */
.postArticle-meta {
bottom: 15px;
position: absolute;
right: 0;
font-size: 12px;
color: var(--color-secondary);
}
/* 文章内侧边栏浮动 */
.widget-fixed.fixed {
position: fixed;
top: 70px;
width: 262.5px;
z-index: 10;
}
.widget-fixed {}
/* hljs行号 */
.entry-content code>ol {
list-style: decimal;
margin: 0 0 0 40px !important;
padding: 0
}
.entry-content code>ol li {
font-size: 13px;
list-style: decimal-leading-zero;
border-left: 1px solid #ddd !important;
margin: 0 !important;
white-space: pre;
padding: 0 10px;
line-height: inherit;
}
.entry-content code {
background-color: #fff5f5;
color: #ff502c;
font-size: .87em;
padding: .065em .4em;
margin: 0 4px
}
.entry-content pre code {
background: #000000;
color: #fff;
margin: 0 15px 0 10px;
padding: .5em;
}
.entry-content pre {
position: relative;
}
.bg-primary {
content: " ";
position: absolute;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fc625d !important;
width: 12px;
height: 12px;
-webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
float: right;
right: 65px;
top: 12px;
}
/* hljs代码高亮 */
.hljs-comment,
.hljs-quote {
color: #8e908c
}
.hljs-deletion,
.hljs-name,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-tag,
.hljs-template-variable,
.hljs-variable {
color: #c82829
}
.hljs-built_in,
.hljs-builtin-name,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-type {
color: #f5871f
}
.hljs-attribute {
color: #eab700
}
.hljs-addition,
.hljs-bullet,
.hljs-string,
.hljs-symbol {
color: #718c00
}
.hljs-section,
.hljs-title {
color: #4271ae
}
.hljs-keyword,
.hljs-selector-tag {
color: #8959a8
}
.entry-content code {
overflow-x: auto;
background: #F1F3F3;
color: #4d4d4c;
padding: .5em;
border-radius: 8px
}
.entry-content pre>code {
display: block;
}
.hljs-emphasis {
font-style: italic
}
.hljs-strong {
font-weight: 700
}
.wxtip {
background: rgba(0, 0, 0, 0.8);
text-align: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 998;
/* display: none; */
}
.wxtip-icon {
width: 52px;
height: 67px;
background: url(../spimes/src/images/weixin-tip.png) no-repeat;
display: block;
position: absolute;
right: 20px;
top: 20px;
}
.wxtip-txt {
margin-top: 107px;
color: #fff;
font-size: 16px;
line-height: 1.5;
}
/*评论表单框*/
.comment-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, .80);
z-index: 50;
}
.comment-overlay-login {
text-align: center;
font-size: 14px;
}
.comment-overlay-login p a {
color: var(--theme);
padding: 5px 10px;
border: 1px solid var(--theme) !important;
border-radius: 4px;
font-size: 12px;
margin: 10px;
}
.comment-overlay-login p a:hover {
background: var(--theme);
border-radius: 4px;
color: #fff;
}
.comment-overlay-login p {
margin-bottom: 0px;
margin-left: 0px !important;
}
.comments-info-title {
display: flex;
justify-content: space-between;
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
border-bottom: 1px solid #f2f2f2;
}
.comment-info {
display: flex;
align-items: center;
}
.comment-info span {
display: flex;
align-items: center;
margin-right: 5px;
font-size: 12px;
}
.comment-auth {
border: 1px solid rgba(244, 53, 71, .09);
color: rgba(244, 55, 72, .41);
}
.comment-rec {
border: 1px solid rgb(84 181 219);
color: rgb(84 181 219);
}
.comment-auth-mod {
line-height: 15px;
font-size: 12px;
border: 1px solid;
font-weight: 400;
width: 17px;
display: inline-block;
height: 17px;
text-align: center;
margin-left: 3px;
border-radius: 3px;
font-size: 12px;
}
.comment-info span i {
display: inline-block;
font-style: normal;
margin-left: 5px;
}
.comment-tips {
max-width: 50%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.comment-tips .comment-auth-mod {
margin-right: 5px;
}
.hasLogin {
line-height: 22px;
height: 22px;
font-size: 12px;
}
.hasLogin a {
line-height: 22px;
height: 22px;
}
.hasLogin-author {
margin-right: 10px;
vertical-align: top;
}
.respond {
padding: 0 0 25px;
}
.respond textarea {
font-size: 14px
}
.comment-reply-title {
font-size: 20px;
font-weight: 600;
margin: 0;
font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
}
.respond #new_comment_form {
position: relative;
margin-top: 15px;
background: var(--bg-body);
border-radius: 8px;
}
.respond #new_comment_form .inp {
background-color: #f6f8fb;
border-radius: 8px;
}
.respond #new_comment_form .input_body {
padding-left: 20px;
padding-right: 20px
}
.respond #new_comment_form .input_body {
padding-top: 15px;
padding-bottom: 15px;
height: 48px;
position: relative;
}
.respond #new_comment_form .input_body li,
.respond #new_comment_form .input_body ul {
list-style: none;
}
.respond #new_comment_form .input_body .ident {
width: 100%
}
#comm_off {
display: none;
}
.respond #new_comment_form .input_body li {
display: block;
float: left;
width: 50%;
line-height: 0;
}
.respond #new_comment_form .input_body li input {
z-index: 10;
position: relative;
background-color: transparent;
padding-right: 1.5em;
}
.respond #new_comment_form .input_body li:last-child {
margin-right: 0
}
.respond #new_comment_form .new_comment {
position: relative;
z-index: 12
}
.respond #new_comment_form .comment_triggered {
display: none
}
.respond #new_comment_form input,
.respond #new_comment_form textarea {
padding: 0;
line-height: 1.4;
border: none;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: 0
}
.respond #new_comment_form textarea {
line-height: 2.8;
padding: 0 20px 0 20px;
background-color: transparent;
resize: none;
/*background: url(../spimes/src/images/comment.png) right bottom no-repeat; background-repeat: no-repeat; background-position: center center;*/
}
/**.respond #new_comment_form textarea:focus { background-position-y: 120px; transition: 0.4s; }**/
.respond #new_comment_form .comment_submit_button {
padding: 0px 8px;
width: auto;
position: absolute;
right: 0;
top: 0;
background-color: var(--theme);
color: #fff;
height: 32px;
margin: 8px 10px 8px 0;
border-radius: 4px;
text-decoration: none;
font-size: 11px;
}
.respond #new_comment_form .comment_submit_button:hover {
background-color: var(--theme)
}
.allcomment-empy {
margin: 20px;
}
.svg-nocomment {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjEyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzEuNzYxMyAxMDUuNzQ0YzI3LjYyNjEgMCA1MC4wMjE3LTIyLjQxNSA1MC4wMjE3LTUwLjA2NTlTOTkuMzg3NCA1LjYxMTc3IDcxLjc2MTMgNS42MTE3N2MtMjcuNjI2MiAwLTUwLjAyMTYgMjIuNDE1NDMtNTAuMDIxNiA1MC4wNjYzM3MyMi4zOTU0IDUwLjA2NTkgNTAuMDIxNiA1MC4wNjU5eiIgZmlsbD0iI0VGRjNGRiIvPjxwYXRoIGQ9Ik0xMTEuOTIgMTEuNzkzNmMyLjExMiAwIDMuODI0LTEuNzEzOSAzLjgyNC0zLjgyODAyIDAtMi4xMTQxNS0xLjcxMi0zLjgyODAxLTMuODI0LTMuODI4MDEtMi4xMTMgMC0zLjgyNSAxLjcxMzg2LTMuODI1IDMuODI4MDEgMCAyLjExNDEyIDEuNzEyIDMuODI4MDIgMy44MjUgMy44MjgwMnpNMjYuMTY4MiAyMS4yNjI5YzEuMzg5NyAwIDIuNTE2Mi0xLjEyNzYgMi41MTYyLTIuNTE4NSAwLTEuMzkwOC0xLjEyNjUtMi41MTg0LTIuNTE2Mi0yLjUxODQtMS4zODk2IDAtMi41MTYyIDEuMTI3Ni0yLjUxNjIgMi41MTg0IDAgMS4zOTA5IDEuMTI2NiAyLjUxODUgMi41MTYyIDIuNTE4NXoiIGZpbGw9IiNFQUVFRjkiLz48cGF0aCBkPSJNMTQuNzk1MSAyNy43MWMuOTQ1IDAgMS43MTEtLjc2NjcgMS43MTEtMS43MTI1IDAtLjk0NTgtLjc2Ni0xLjcxMjUtMS43MTEtMS43MTI1LS45NDUgMC0xLjcxMS43NjY3LTEuNzExIDEuNzEyNSAwIC45NDU4Ljc2NiAxLjcxMjUgMS43MTEgMS43MTI1eiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPjxwYXRoIGQ9Ik05Ni4wMTczIDcuMjIzNTljLjg4OTMgMCAxLjYxMDMtLjcyMTYzIDEuNjEwMy0xLjYxMThDOTcuNjI3NiA0LjcyMTYyIDk2LjkwNjYgNCA5Ni4wMTczIDRjLS44ODk0IDAtMS42MTA0LjcyMTYyLTEuNjEwNCAxLjYxMTc5cy43MjEgMS42MTE4IDEuNjEwNCAxLjYxMTh6IiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+PHBhdGggZD0iTTY3LjUzNDEgMTA1LjY4MWMwIDQuNzM0LTIuMDEyOSA4Ljk2NS01LjIzMzYgMTEuOTg3LS45MDU4LjgwNi0xLjgxMTcgMS41MTEtMi45MTg4IDIuMTE2LTIuNDE1NSAxLjQxLTUuMjMzNiAyLjIxNi04LjI1MyAyLjIxNnMtNS44Mzc2LS44MDYtOC4yNTMxLTIuMjE2Yy0uNDAyNi0uMjAyLS43MDQ1LS40MDMtMS4xMDcxLS43MDUtNC4yMjcyLTIuOTIyLTcuMDQ1My03Ljg1OC03LjA0NTMtMTMuMzk4IDAtOS4wNjY3IDcuMzQ3Mi0xNi4zMTk4IDE2LjMwNDgtMTYuMzE5OCA5LjE1ODktLjEwMDggMTYuNTA2MSA3LjI1MzEgMTYuNTA2MSAxNi4zMTk4eiIgZmlsbD0iI0RDRTJGMCIvPjxwYXRoIGQ9Ik00Ny44MDczIDEwOS4zMDdjLjIwMTMuMjAxLjQwMjYuNTA0LjcwNDUuNzA1LjIwMTMuMjAxLjQwMjYuMzAyLjYwMzkuNTA0LjEwMDcuMS4zMDIuMjAxLjQwMjYuMzAyIDAgMCAuMTAwNyAwIC4xMDA3LjEwMWwuMTAwNi4xdjEuNDExbC0uMTAwNi0uMTAxYy0uMTAwNy0uMTAxLS4zMDItLjIwMi0uNDAyNi0uMzAyLS4yMDEzLS4xMDEtLjQwMjYtLjMwMi0uNjAzOS0uNDAzLS4xMDA3IDAtLjEwMDctLjEwMS0uMjAxMy0uMTAxLS43MDQ1LS40MDMtMS4zMDg0LS44MDYtMS4zMDg0LTEuMzEuMTAwNi0uMjAxLjMwMTktLjUwMy43MDQ1LS45MDZ6bTE0LjI5MTkgNy44NTdjLS42MDM5LTEuMzA5LTEuNzExLTIuNjE5LTMuMTIwMS0zLjMyNC0uNzA0NS0uMzAyLTEuNTA5Ny0uNjA0LTIuMzE0OC0uNjA0aC0xLjAwNjVjLTEuMTA3MS0uMTAxLTEuMjA3OC0uMzAzLTEuMjA3OC0uMzAzdi0yLjMxN2MuNzA0NS0uNjA0IDEuNDA5MS0xLjMwOSAyLjAxMy0yLjAxNC41MDMyLS43MDUuOTA1OC0xLjUxMSAxLjEwNzEtMi41MTkuOTA1OC0uMjAxIDEuNTA5Ny0xLjAwNyAxLjQwOS0yLjAxNCAwLS40MDMtLjMwMTktLjgwNi0uMzAxOS0xLjIwOXYtLjYwNS0uNDAzLS40MDNjLS4xMDA3LS43MDUtLjMwMTktMS40MS0uNzA0NS0yLjIxNTktMS4yMDc4LTIuMjE2Mi0zLjQyMi0zLjYyNjUtNi4wMzg5LTMuNjI2NS0uNTAzMiAwLTEuMDA2NC4xMDA3LTEuNTA5Ny4yMDE1LS45MDU4LjIwMTUtMS44MTE2LjYwNDQtMi41MTYxIDEuMjA4OC0uMTAwNy4xMDA4LS4zMDIuMjAxNS0uNDAyNi40MDNsLS4xMDA3LjEwMDdjLS44MDUyLjgwNTktMS41MDk3IDEuNzEyNS0xLjgxMTYgMi44MjA0LS40MDI2IDEuMTA4LS40MDI2IDIuMjE2LS4zMDIgMy4zMjV2LjIwMWMwIC4yMDIuMTAwNy4yMDIgMCAuMzAyIDAgLjEwMS0uMTAwNi4xMDEtLjEwMDYuMjAyLS4yMDEzLjMwMi0uMzAxOS43MDUtLjEwMDcgMS4zMDkuNDAyNiAxLjAwOCAxLjAwNjUuOTA3IDEuNzExIDEuNDExIDAgMC0uMTAwNiAwLS4xMDA2LjFsLS43MDQ1LjIwMmMtMy4yMjA3IDEuMDA3LTQuMzI3OSAzLjcyNy0yLjkxODggNS40NC41MDMyLjYwNCAxLjMwODQgMS4xMDggMi41MTYyIDEuNDEtLjMwMiAwLS42MDM5LjIwMS0uODA1Mi40MDMtMS40MDkxIDEuMTA4LTIuMzE0OSAyLjgyMS0yLjUxNjIgNC40MzJ2LjMwM2MuNDAyNi4yMDEuNzA0Ni41MDMgMS4xMDcxLjcwNWgxNi4wMDI5YzEuMDA2NS0uNjA1IDIuMDEzLTEuMzEgMi45MTg4LTIuMTE2LS4xMDA3LS41MDMtLjEwMDctLjcwNS0uMjAxMy0uODA2eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik02Mi4zMDA1IDExNy42NjhjLS45MDU4LjgwNi0xLjgxMTcgMS41MTEtMi45MTg4IDIuMTE2LTIuNDE1NSAxLjQxLTUuMjMzNiAyLjIxNi04LjI1MyAyLjIxNnMtNS44Mzc2LS44MDYtOC4yNTMxLTIuMjE2Yy0uNDAyNi0uMjAyLS43MDQ1LS40MDMtMS4xMDcxLS43MDV2LS4zMDNjLjIwMTMtMS42MTEgMS4xMDcxLTMuMzI0IDIuNTE2Mi00LjQzMi4yMDEzLS4yMDEuNTAzMi0uMzAyLjgwNTEtLjQwMy0xLjIwNzctLjIwMS0yLjAxMjktLjcwNS0yLjUxNjEtMS40MWgzLjgyNDZjMS4xMDcxIDEuNTExIDIuODE4MSAyLjQxNyA0LjgzMSAyLjQxNyAxLjcxMSAwIDMuMjIwNy0uNzA1IDQuMzI3OC0xLjgxM2gxLjAwNjVjLjgwNTIgMCAxLjYxMDQuMjAyIDIuMzE0OS42MDUgMS40MDkuNzA1IDIuNDE1NSAxLjkxNCAzLjEyIDMuMzI0LjIwMTMuMjAxLjIwMTMuNDAzLjMwMi42MDR6IiBmaWxsPSJ1cmwoI3BhaW50Ml9saW5lYXIpIi8+PHBhdGggZD0iTTU0LjU1MDcgMTEwLjYxN3YyLjExNWwtNi4zNDA3LjIwMi4zMDE5LTEuNDExYy4xMDA2IDAgLjEwMDYuMTAxLjIwMTMuMTAxLjIwMTMuMTAxLjQwMjYuMzAyLjYwMzkuNDAzLjEwMDYuMTAxLjIwMTMuMjAxLjQwMjYuMzAyIDAgMCAuMTAwNiAwIC4xMDA2LjEwMXYtMS40MWwtLjEwMDYtLjEwMWMxLjEwNzEuNjA0IDIuNjE2OCAxLjAwNyA0LjgzMS0uMzAyeiIgZmlsbD0idXJsKCNwYWludDNfbGluZWFyKSIvPjxwYXRoIGQ9Ik01OC42NzcyIDEwMS44NTNjLTEuMjA3OC40MDMtMi42MTY4LjYwNC0zLjkyNTIuNTAzLTIuMTEzNi0uMjAxLTQuMTI2Ni0xLjAwNy01LjczNjktMi40MTc0LS41MDMyIDEuNTExNC0xLjgxMTcgMi42MTk0LTMuMzIxNCAzLjMyNDQtLjIwMTMuMTAxLS40MDI2LjIwMS0uNjAzOC4yMDF2LS4xYy0uMTAwNy0xLjEwOC0uMTAwNy0yLjIxNy4zMDE5LTMuMzI1LjMwMTktMS4xMDc4IDEuMDA2NS0yLjAxNDQgMS44MTE2LTIuODIwM2wuMTAwNy0uMTAwOGMuMTAwNi0uMTAwNy4zMDE5LS4yMDE0LjQwMjYtLjQwMjkuNzA0NS0uNjA0NCAxLjYxMDMtMS4wMDc0IDIuNTE2Mi0xLjIwODkuNTAzMi0uMTAwNyAxLjAwNjQtLjIwMTQgMS41MDk3LS4yMDE0IDIuNjE2OCAwIDQuOTMxNyAxLjQxMDMgNi4wMzg4IDMuNjI2NS40MDI2LjgwNTkuNjAzOSAxLjYxMTguNzA0NSAyLjIxNTguMjAxMy40MDMuMjAxMy42MDUuMjAxMy43MDZ6TTUwLjYyNTUgMTE2Ljc2MmMtLjYwMzkuNzA1LTEuNjEwMy43MDUtMi41MTYyLjcwNS45MDU5LS45MDcuNDAyNi0zLjgyOC0yLjgxODEtMy41MjYtNC40Mjg1LS44MDYtNC4wMjU5LTUuNDQuNDAyNi02Ljg1bC43MDQ1LS4yMDIuMTAwNy4xMDFjLjMwMTkuOTA3LjgwNTIgMS43MTMgMS4zMDg0IDIuMzE3LTEuODExNyAxLjUxMS43MDQ1IDEuOTE0IDEuOTEyMyAzLjEyMyAxLjAwNjUuNjA0IDEuOTEyMyAzLjEyMy45MDU4IDQuMzMyeiIgZmlsbD0iIzFDMzc1NCIvPjxwYXRoIGQ9Ik02Ny41MzQxIDEwNS42ODFjMCA0LjczNC0yLjAxMjkgOC45NjUtNS4yMzM2IDExLjk4Ny0uOTA1OC44MDYtMS44MTE3IDEuNTExLTIuOTE4OCAyLjExNi0yLjQxNTUgMS40MS01LjIzMzYgMi4yMTYtOC4yNTMgMi4yMTZzLTUuODM3Ni0uODA2LTguMjUzMS0yLjIxNmMtLjQwMjYtLjIwMi0uNzA0NS0uNDAzLTEuMTA3MS0uNzA1LTQuMjI3Mi0yLjkyMi03LjA0NTMtNy44NTgtNy4wNDUzLTEzLjM5OCAwLTkuMDY2NyA3LjM0NzItMTYuMzE5OCAxNi4zMDQ4LTE2LjMxOTggOS4xNTg5LS4xMDA4IDE2LjUwNjEgNy4yNTMxIDE2LjUwNjEgMTYuMzE5OHoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjY0MzQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTExMi44MjUgNjUuNTg3MmMwIDQuNTMzMi0xLjgxMSA4LjU2MjctNC42MjkgMTEuNTg0OC0uMjAyLjMwMjItLjUwNC41MDM3LS44MDYuNzA1Mi0zLjAxOSAyLjgyMDYtNy4wNDUgNC41MzMyLTExLjQ3MzQgNC41MzMyLTMuNTIyNyAwLTYuODQ0LTEuMTA4Mi05LjU2MTUtMy4wMjIyLS44MDUyLS41MDM2LTEuNTA5Ny0xLjIwODgtMi4yMTQyLTEuODEzMi0zLjEyMDEtMy4wMjIxLTUuMDMyNC03LjI1MzEtNS4wMzI0LTExLjk4NzggMC05LjI2NzggNy41NDg2LTE2LjgyMyAxNi44MDgxLTE2LjgyMyA5LjM2MDQgMCAxNi45MDg0IDcuNTU1MiAxNi45MDg0IDE2LjgyM3oiIGZpbGw9IiNFOUYwRjgiLz48cGF0aCBkPSJNMTEyLjgyNSA2NS41ODcyYzAgNC45MzYxLTIuMTEzIDkuMjY3OC01LjQzNSAxMi4zOTA2LTMuMDE5IDIuODIwNy03LjA0NSA0LjUzMzItMTEuNDczNCA0LjUzMzItMy41MjI3IDAtNi44NDQtMS4xMDgxLTkuNTYxNS0zLjAyMjEtNC40Mjg1LTMuMDIyMS03LjI0NjYtOC4wNTktNy4yNDY2LTEzLjgwMSAwLTkuMjY3OCA3LjU0ODYtMTYuODIzMSAxNi44MDgxLTE2LjgyMzEgOS4yNTk0IDAgMTYuOTA4NCA3LjQ1NDUgMTYuOTA4NCAxNi43MjI0eiIgZmlsbD0iI0RDRTJGMCIvPjxwYXRoIGQ9Ik0xMDguMTk2IDc3LjE3MmMtLjIwMi4zMDIyLS41MDQuNTAzNy0uODA2LjcwNTItMy4wMTkgMi44MjA2LTcuMDQ1IDQuNTMzMi0xMS40NzM0IDQuNTMzMi0zLjUyMjYgMC02Ljg0NC0xLjEwODItOS41NjE0LTMuMDIyMi0uODA1Mi0uNTAzNi0xLjUwOTctMS4yMDg4LTIuMjE0My0xLjgxMzIuNDAyNi0uNTAzNyAxLjAwNjUtLjgwNTkgMi4zMTQ5LTEuMzA5NmwuNTAzMy0uMjAxNWMxLjAwNjQtLjQwMjkgMi40MTU1LS45MDY2IDQuMjI3MS0xLjcxMjUuMzAyLS4xMDA4LjUwMzMtLjMwMjIuNzA0Ni0uNTAzNy4xMDA2LS4xMDA3LjIwMTItLjIwMTUuMjAxMi0uNDAzLjEwMDctLjIwMTQuMjAxMy0uNTAzNi4yMDEzLS43MDUxdi0zLjQyNTFsLS4yMDEzLS4yMDE1Yy0uMzAxOS0uNDAyOS0uNTAzMi0uOTA2Ni0uNTAzMi0xLjUxMWwtLjIwMTMtLjEwMDdjLS45MDU4LjIwMTQtLjgwNTItLjcwNTItMS4wMDY0LTIuNTE4NS0uMTAwNy0uNzA1MS0uMDAwMS0uOTA2Ni40MDI1LTEuMDA3M2wuMzAyLS40MDNjLS42MDM5LTEuNDEwMy0uOTA1OC0yLjcxOTktLjkwNTgtMy43MjczIDAtMS43MTI1LjcwNDUtMi44MjA2IDEuNzExLTMuMzI0My0uNjAzOS0xLjIwODgtLjYwMzktMS42MTE4LS42MDM5LTEuNjExOHMzLjUyMjYuNjA0NCA0LjczMDQuNDAzYzEuNTA5Ny0uMzAyMiAzLjkyNTIuMTAwNyA0LjgzMDcgMi4xMTU0IDEuNTEuNjA0NSAyLjAxMyAxLjUxMTEgMi4yMTUgMi41MTg1LjIwMSAxLjYxMTgtLjcwNSAzLjMyNDMtLjkwNiA0LjAyOTV2LjEwMDdjLjIwMS4xMDA3LjMwMi4zMDIyLjIwMSAxLjAwNzQtLjIwMSAxLjcxMjUtLjIwMSAyLjcxOTktMS4wMDYgMi41MTg0bC0uODA2IDEuNDEwM2MwIC4yMDE1IDAgLjIwMTUtLjEuMzAyMnYzLjUyNThjMCAuMzAyMi4xLjcwNTIuMzAyLjkwNjcuMS4xMDA3LjEuMjAxNC4yMDEuMjAxNC4yMDEuMjAxNS40MDMuNDAzLjYwNC40MDMgMi4wMTMuODA1OSAzLjQyMiAxLjQxMDMgNC41MjkgMS44MTMyIDEuMDA2LjQwMyAxLjcxMS43MDUyIDIuMTE0IDEuMDA3NHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTA4LjE5NiA3Ny4xNzJjLS4yMDIuMzAyMi0uNTA0LjUwMzctLjgwNi43MDUyLTMuMDE5IDIuODIwNi03LjA0NSA0LjUzMzItMTEuNDczNCA0LjUzMzItMy41MjI2IDAtNi44NDQtMS4xMDgyLTkuNTYxNC0zLjAyMjItLjgwNTItLjUwMzYtMS41MDk3LTEuMjA4OC0yLjIxNDMtMS44MTMyLjQwMjYtLjUwMzcgMS4wMDY1LS44MDU5IDIuMzE0OS0xLjMwOTZsLjUwMzMtLjIwMTVjMS4wMDY0LS40MDI5IDIuNDE1NS0uOTA2NiA0LjIyNzEtMS43MTI1LjMwMi0uMTAwNy41MDMzLS4zMDIyLjcwNDYtLjUwMzcgMS4wMDY0IDEuNDEwMyAyLjYxNjggMi4zMTcgNC41MjkxIDIuMzE3IDEuODExNiAwIDMuNDIyLS45MDY3IDQuNDI4MS0yLjIxNjMuMjAyLjIwMTUuNDAzLjQwMy42MDQuNDAzIDIuMDEzLjgwNTkgMy40MjIgMS40MTAzIDQuNTI5IDEuODEzMyAxLjEwNy40MDI5IDEuODEyLjcwNTEgMi4yMTUgMS4wMDczeiIgZmlsbD0idXJsKCNwYWludDRfbGluZWFyKSIvPjxwYXRoIGQ9Ik0xMDIuMDU2IDYzLjg3NDdjLjEwMS0uNDAyOS0uMTAxLTEuMDA3NC0uMzAyLTEuMzA5NiAwLS4xMDA3LS4xMDEtLjEwMDctLjEwMS0uMjAxNC0uNzA0LTEuNDEwNC0yLjIxMzgtMS45MTQtMy42MjI5LTIuMDE0OC0zLjcyMzktLjIwMTUtNC4wMjU4LjUwMzctNS4xMzMtLjUwMzcuNDAyNi41MDM3LjQwMjYgMS40MTA0LS4yMDEzIDIuNDE3Ny0uNDAyNS43MDUyLTEuMTA3MSAxLjEwODEtMS44MTE2IDEuMzA5Ni0xLjcxMS0zLjgyOC0uODA1Mi02LjI0NTcuODA1Mi03LjA1MTYtLjYwMzktMS4yMDg4LS42MDM5LTEuNjExOC0uNjAzOS0xLjYxMThzMy41MjI2LjYwNDQgNC43MzA0LjQwM2MxLjUwOTctLjMwMjIgMy45MjUyLjEwMDcgNC44MzExIDIuMTE1NCAxLjUxLjYwNDUgMi4wMTMgMS41MTExIDIuMjE0IDIuNTE4NS4zMDIgMS41MTEtLjYwNCAzLjIyMzYtLjgwNSAzLjkyODd6IiBmaWxsPSIjMUMzNzU0Ii8+PHBhdGggZD0iTTkyLjM5MzkgNzIuNzM5NnYtMy40MjUxbC0uMjAxMy0uMjAxNXYtLjIwMTRjLjIwMTMuMzAyMi40MDI2LjYwNDQuNzA0Ni44MDU5bDIuNzE3NCAxLjkxNGMuNjAzOS41MDM3IDEuNTA5Ny41MDM3IDIuMTEzNiAwbDIuNTE1OC0yLjIxNjJjLjEwMS0uMTAwOC4yMDItLjEwMDguMzAyLS4yMDE1djMuNTI1OGMwIC4yMDE1IDAgLjMwMjIuMTAxLjUwMzdoLTguMjUzMWMtLjEwMDYtLjIwMTUgMC0uMzAyMiAwLS41MDM3eiIgZmlsbD0idXJsKCNwYWludDVfbGluZWFyKSIvPjxwYXRoIGQ9Ik0xMTIuODI1IDY1LjU4NzJjMCA0LjkzNjEtMi4xMTMgOS4yNjc4LTUuNDM1IDEyLjM5MDYtMy4wMTkgMi44MjA3LTcuMDQ1IDQuNTMzMi0xMS40NzM0IDQuNTMzMi0zLjUyMjcgMC02Ljg0NC0xLjEwODEtOS41NjE1LTMuMDIyMS00LjQyODUtMy4wMjIxLTcuMjQ2Ni04LjA1OS03LjI0NjYtMTMuODAxIDAtOS4yNjc4IDcuNTQ4Ni0xNi44MjMxIDE2LjgwODEtMTYuODIzMSA5LjI1OTQgMCAxNi45MDg0IDcuNDU0NSAxNi45MDg0IDE2LjcyMjR6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMS42NjA0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0wIDc3LjI3MjdjMCAzLjIyMzYgMi42MTY4MiA1Ljg0MjggNS44Mzc1MyA1Ljg0MjhINTcuNTcwMWMuNTAzMiAwIDEuMDA2NS4yMDE1IDEuMzA4NC41MDM3bDcuMjQ2NiA3LjI1M2MuMjAxMy4zMDIzLjYwMzkuNDAzIDEuMDA2NS4yMDE1LjMwMTktLjEwMDcuNjAzOS0uNTAzNy42MDM5LS44MDU5VjU2LjcyMjRjMC0zLjIyMzYtMi42MTY5LTUuODQyOC01LjgzNzYtNS44NDI4SDUuODM3NTNDMi42MTY4MiA1MC44Nzk2IDAgNTMuNDk4OCAwIDU2LjcyMjR2MjAuNTUwM3oiIGZpbGw9IiNENkRFRUYiLz48cGF0aCBvcGFjaXR5PSIuNyIgZD0iTTU1LjA1NCA2My45NzU0SDEwLjU2OGMtLjQwMjYgMC0uODA1MTgtLjQwMjktLjgwNTE4LS44MDU5di0yLjYxOTFjMC0uNDAzLjQwMjU4LS44MDU5LjgwNTE4LS44MDU5aDQ0LjQ4NmMuNDAyNiAwIC44MDUyLjQwMjkuODA1Mi44MDU5djIuNjE5MWMwIC41MDM3LS4zMDIuODA1OS0uODA1Mi44MDU5eiIgZmlsbD0idXJsKCNwYWludDZfbGluZWFyKSIvPjxwYXRoIG9wYWNpdHk9Ii43IiBkPSJNMzcuOTQ0IDc0Ljk1NThIMTAuNTY4Yy0uNDAyNiAwLS44MDUxOC0uNDAzLS44MDUxOC0uODA1OXYtMi42MTkyYzAtLjQwMjkuNDAyNTgtLjgwNTkuODA1MTgtLjgwNTloMjcuMzc2Yy40MDI2IDAgLjgwNTIuNDAzLjgwNTIuODA1OXYyLjYxOTJjMCAuNTAzNy0uMzAyLjgwNTktLjgwNTIuODA1OXoiIGZpbGw9InVybCgjcGFpbnQ3X2xpbmVhcikiLz48ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kKSI+PHBhdGggZD0iTTQzLjA3NyAzMC42MzE1YzAgMi4zMTY5IDEuOTEyMyA0LjIzMDkgNC4yMjcxIDQuMjMwOUg2MC4xODdjLjQwMjUgMCAuNzA0NS4xMDA4IDEuMDA2NC40MDNsNS4zMzQzIDUuMzM5Yy4yMDEzLjIwMTUuNTAzMy4zMDIyLjcwNDYuMjAxNS4yMDEzLS4xMDA3LjQwMjUtLjMwMjIuNDAyNS0uNjA0NFYxNS41MjA5YzAtMi4zMTctMS45MTIzLTQuMjMxLTQuMjI3MS00LjIzMUg0Ny4zMDQxYy0yLjMxNDggMC00LjIyNzEgMS45MTQtNC4yMjcxIDQuMjMxdjE1LjExMDZ6IiBmaWxsPSIjZmZmIi8+PC9nPjxwYXRoIGQ9Ik0xNDAgMzcuNjgzMWMwIDIuOTIxNC0yLjMxNSA1LjIzODMtNS4yMzQgNS4yMzgzSDg4LjI2NzRjLS40MDI2IDAtLjkwNTguMjAxNS0xLjIwNzguNTAzN2wtNi41NDIgNi41NDc5Yy0uMjAxMy4yMDE1LS42MDM5LjMwMjItLjkwNTguMjAxNS0uMzAyLS4xMDA4LS41MDMzLS40MDMtLjUwMzMtLjcwNTJWMTkuMjQ4MmMwLTIuOTIxNCAyLjMxNDktNS4yMzgzIDUuMjMzNy01LjIzODNoNTAuMzIzOGMyLjkxOCAwIDUuMjMzIDIuMzE2OSA1LjIzMyA1LjIzODN2MTguNDM0OUgxNDB6IiBmaWxsPSIjRDZERUVGIi8+PHBhdGggb3BhY2l0eT0iLjciIGQ9Ik0xMjkuNjMzIDI1Ljc5NjFIODkuNjc2NWMtLjQwMjYgMC0uNzA0Ni0uMzAyMi0uNzA0Ni0uNzA1MnYtMi40MTc3YzAtLjQwMjkuMzAyLS43MDUxLjcwNDYtLjcwNTFoMzkuOTU2NWMuNDAzIDAgLjcwNS4zMDIyLjcwNS43MDUxdjIuNDE3N2MwIC40MDMtLjMwMi43MDUyLS43MDUuNzA1MnoiIGZpbGw9InVybCgjcGFpbnQ4X2xpbmVhcikiLz48cGF0aCBvcGFjaXR5PSIuNyIgZD0iTTExNC4zMzUgMzUuNjY4M0g4OS42NzY0Yy0uNDAyNSAwLS43MDQ1LS4zMDIyLS43MDQ1LS43MDUxdi0yLjQxNzdjMC0uNDAzLjMwMi0uNzA1Mi43MDQ1LS43MDUyaDI0LjY1ODZjLjQwMyAwIC43MDUuMzAyMi43MDUuNzA1MnYyLjQxNzdjMCAuMzAyMi0uNDAzLjcwNTEtLjcwNS43MDUxeiIgZmlsbD0idXJsKCNwYWludDlfbGluZWFyKSIvPjxwYXRoIGQ9Ik02MC45OTIgMjAuNDU3Yy0xLjIwNzctMi4wMTQ3LTQuMTI2NS0yLjMxNjktNS42MzYyLS40MDI5LTEuNTA5Ny0xLjkxNC00LjQyODUtMS42MTE4LTUuNjM2Mi40MDI5LTEuMDA2NSAxLjcxMjYtLjMwMiAzLjMyNDQgMS4wMDY1IDQuOTM2MiAxLjMwODQgMS42MTE3IDMuMjIwNyAzLjAyMjEgNC4xMjY1IDMuNTI1Ny4yMDEzLjEwMDguMzAxOS4xMDA4LjUwMzIuMTAwOC4yMDEzIDAgLjQwMjYgMCAuNTAzMy0uMTAwOC45MDU4LS42MDQ0IDIuODE4MS0xLjkxNCA0LjEyNjUtMy41MjU3IDEuMzA4NC0xLjYxMTggMi4xMTM2LTMuMjIzNiAxLjAwNjQtNC45MzYyeiIgZmlsbD0idXJsKCNwYWludDEwX2xpbmVhcikiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIxMy4wODgxIiB5MT0iMjUuOTk4NyIgeDI9IjE2LjQxNCIgeTI9IjI1Ljk5ODciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkY2NkE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjUzNjg5Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSI5NC40NDg0IiB5MT0iNS41NjM1NCIgeDI9Ijk3LjU3MjciIHkyPSI1LjU2MzU0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzgzQTZGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVBNzhGRiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyIiB4MT0iNDEuODc0NiIgeTE9IjExNy4zMTIiIHgyPSI2Mi4yODI0IiB5Mj0iMTE3LjMxMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjY2QTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNTM2ODkiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQzX2xpbmVhciIgeDE9IjUxLjM2ODEiIHkxPSIxMTIuODYyIiB4Mj0iNTEuMzY4MSIgeTI9IjExMS42NDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIuOTkxMyIgc3RvcC1jb2xvcj0iI0Q2REVFQSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDRfbGluZWFyIiB4MT0iODQuMjAzOCIgeTE9Ijc4LjEyMTciIHgyPSIxMDguMjAyIiB5Mj0iNzguMTIxNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM4M0E2RkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1QTc4RkYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ1X2xpbmVhciIgeDE9Ijk2LjQwMzUiIHkxPSI3My4xMDg0IiB4Mj0iOTYuNDAzNSIgeTI9IjcwLjgzOTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIuOTkxMyIgc3RvcC1jb2xvcj0iI0Q2REVFQSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDZfbGluZWFyIiB4MT0iNTcuMDg2NiIgeTE9IjYxLjg5NCIgeDI9IjEwLjEzOTgiIHkyPSI2MS44OTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wMDY1MSIgc3RvcC1jb2xvcj0iIzlDQTZCRCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTI5RUJEIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50N19saW5lYXIiIHgxPSI0MS4xNjU3IiB5MT0iNzIuODUwMiIgeDI9IjkuMzIwMTciIHkyPSI3Mi44NTAyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIuMDA2NTEiIHN0b3AtY29sb3I9IiM5Q0E2QkQiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzkyOUVCRCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDhfbGluZWFyIiB4MT0iMTMxLjQ0NCIgeTE9IjIzLjg3MTEiIHgyPSI4OS4yNjM2IiB5Mj0iMjMuODcxMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iLjAwNjUxIiBzdG9wLWNvbG9yPSIjOUNBNkJEIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM5MjlFQkQiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQ5X2xpbmVhciIgeDE9IjExNy4xMzkiIHkxPSIzMy43MTQ4IiB4Mj0iODguNTI3MiIgeTI9IjMzLjcxNDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4wMDY1MSIgc3RvcC1jb2xvcj0iIzlDQTZCRCIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTI5RUJEIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MTBfbGluZWFyIiB4MT0iNDkuMjQwNSIgeTE9IjIzLjg3MTEiIHgyPSI2MS41MDY2IiB5Mj0iMjMuODcxMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjY2QTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNTM2ODkiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZCIgeD0iMjEuMDc3IiB5PSIuMjg5OTQiIHdpZHRoPSI2OC41NTc5IiBoZWlnaHQ9IjczLjU1NTUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPjxmZU9mZnNldCBkeT0iMTEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjM5NzcwOCAwIDAgMCAwIDAuNDc3NDkgMCAwIDAgMCAwLjU3NSAwIDAgMCAwLjE4IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+);
}
.svg-empty {
margin-top: 35px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 128px;
height: 128px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLlm77lsYJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI2IDExMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZWFlZWY5fS5zdDJ7ZmlsbDojZmZmfS5zdDN7ZmlsbDojMmQ1ODg3fS5zdDd7ZmlsbDojZGFlMWVkfS5zdDEye2ZpbGw6bm9uZTtzdHJva2U6I2M5ZDRlMjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5OjQsNH0uc3QxM3tmaWxsOiNkYWUyZWJ9LnN0MTR7ZmlsbDojMWMzNzU0fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQuNCA0MC4xYzEuMy0uNCAyLTEuOCAxLjYtMy4xLS40LTEuMy0xLjgtMi0zLjEtMS42cy0yIDEuOC0xLjYgMy4xYy40IDEuMyAxLjggMiAzLjEgMS42ek0xMC41IDMzLjdjLjktLjMgMS4zLTEuMiAxLjEtMi4xLS4zLS45LTEuMi0xLjQtMi4xLTEuMS0uOS4zLTEuMyAxLjItMS4xIDIuMS4zLjkgMS4yIDEuNCAyLjEgMS4xeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCIgeTE9IjU0LjI0OCIgeDI9IjMuMjI1IiB5Mj0iNTQuMjQ4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTExLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODNhNmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWE3OGZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMS43IDU5LjNjLjkgMCAxLjctLjcgMS43LTEuNyAwLS45LS43LTEuNy0xLjctMS43LTEgLjEtMS43LjgtMS43IDEuNyAwIDEgLjcgMS43IDEuNyAxLjd6IiBmaWxsPSJ1cmwoI1NWR0lEXzFfKSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMTcuMiA0Mi44YzEuNS0xLjQgMS42LTMuNy4yLTUuMy0xLjQtMS41LTMuNy0xLjYtNS4yLS4yLTEuNSAxLjQtMS42IDMuNy0uMiA1LjMgMS40IDEuNCAzLjcgMS41IDUuMi4yek0xMTEuNiA1OC41YzAgMTEuNi0zLjkgMjIuNS0xMC40IDMxLjEtMy42IDQuNy03LjkgOC44LTEyLjkgMTItOCA1LjMtMTcuNyA4LjMtMjggOC4zQzMyIDExMCA5IDg3IDkgNTguNSA5IDMwLjEgMzEuOSA3IDYwLjMgN2MxMC4zIDAgMTkuOSAzIDI4IDguMyA1IDMuMiA5LjMgNy4zIDEyLjkgMTIgNi41IDguNyAxMC40IDE5LjUgMTAuNCAzMS4yeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMy4xIDExLjVjLjMgMCAuNS0uMi41LS41cy0uMi0uNS0uNS0uNS0uNS4yLS41LjVjMCAuMi4yLjUuNS41ek0zNC41IDExLjVjLjMgMCAuNS0uMi41LS41cy0uMi0uNS0uNS0uNS0uNS4yLS41LjVjMCAuMi4zLjUuNS41ek0zNS45IDExLjVjLjMgMCAuNS0uMi41LS41cy0uMi0uNS0uNS0uNS0uNS4yLS41LjVjMCAuMi4yLjUuNS41eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0zMy42IDQyLjloLS40Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoLjRjLjMgMCAuNS4yLjUuNS0uMS4zLS4yLjUtLjUuNXpNMzMuNiA0NS4xaC0uNGMtLjMgMC0uNS0uMi0uNS0uNXMuMi0uNS41LS41aC40Yy4zIDAgLjUuMi41LjUtLjEuMy0uMi41LS41LjV6TTMzLjYgNDcuM2gtLjRjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWguNGMuMyAwIC41LjIuNS41LS4xLjMtLjIuNS0uNS41ek0zMy42IDQ5LjVoLS40Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoLjRjLjMgMCAuNS4yLjUuNS0uMS4zLS4yLjUtLjUuNXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTUuMiA0Mi44aC03LjRjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWg3LjRjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDcuMzkzIiB5MT0iNjIuOTU4IiB4Mj0iNzIuMzEiIHkyPSI2Mi45NTgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxMTEuODkpIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZjY2YTkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmNTM2ODkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik03MS44IDQ5LjRoLTI0Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoMjRjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIgZmlsbD0idXJsKCNTVkdJRF8yXykiLz48cGF0aCBjbGFzcz0ic3QzIiBkPSJNNTUuMiA0NC45SDQ0LjVjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgxMC43Yy4zIDAgLjUuMi41LjVzLS4yLjUtLjUuNXpNNjMuNyA0Ny4ySDQ0LjZjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgxOS4xYy4zIDAgLjUuMi41LjUtLjEuMy0uMy41LS41LjV6Ii8+PHBhdGggY2xhc3M9InN0MiIgZD0iTTcxLjkgNDcuMmgtNi43Yy0uMyAwLS41LS4yLS41LS41cy4yLS41LjUtLjVoNi43Yy4zIDAgLjUuMi41LjVzLS4yLjUtLjUuNXoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjczLjEwNiIgeTE9IjY1LjIwOSIgeDI9Ijc2Ljc4IiB5Mj0iNjUuMjA5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTExLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjODNhNmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNWE3OGZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNNzYuMyA0Ny4yaC0yLjdjLS4zIDAtLjUtLjItLjUtLjVzLjItLjUuNS0uNWgyLjdjLjMgMCAuNS4yLjUuNXMtLjIuNS0uNS41eiIgZmlsbD0idXJsKCNTVkdJRF8zXykiLz48cGF0aCBkPSJNMi43IDk3LjlIMTIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNkNmRlZTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNODEgNDEuN3Y1NS42SDMwLjJjLTIgMC0zLjUtMS42LTMuNS0zLjVWNDEuN0g4MXoiLz48cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTAwLjIgNDEuN3Y1Mi4xYzAgMi0xLjYgMy41LTMuNSAzLjVIODAuOVY0MS43aDE5LjN6Ii8+PHBhdGggZD0iTTEwMC4yIDQxLjdWNjFoLTE0Yy0xLjMgMC0yLjItLjktMi40LTIuMkw4MSA0MS42bDE5LjIuMXoiIGZpbGw9IiNjNWNkZGIiLz48cGF0aCBjbGFzcz0ic3Q3IiBkPSJNMTAwLjIgNDEuN0g4MC45bDkuOCAxNS4xYy43IDEgMS44IDEuNiAyLjkgMS42aDE1YzEgMCAxLjctMS4yIDEuMS0ybC05LjUtMTQuN3pNNTMuOCA3Ni44SDMzLjFjLS43IDAtMS4zLS42LTEuMy0xLjNWNjhjMC0uNy42LTEuMyAxLjMtMS4zaDIwLjdjLjcgMCAxLjMuNiAxLjMgMS4zdjcuNWMtLjEuNy0uNyAxLjMtMS4zIDEuM3pNNTQgODIuMUgzMi43Yy0uNSAwLS45LS40LS45LS45cy40LS45LjktLjlINTRjLjUgMCAuOS40LjkuOXMtLjQuOS0uOS45ek01NCA4Ni41SDMyLjdjLS41IDAtLjktLjQtLjktLjlzLjQtLjkuOS0uOUg1NGMuNSAwIC45LjQuOS45cy0uNC45LS45Ljl6TTQyLjUgOTAuOGgtOS45Yy0uNSAwLS45LS40LS45LS45cy40LS45LjktLjloOS45Yy41IDAgLjkuNC45LjlzLS40LjktLjkuOXoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEwMy4wMjMiIHkxPSIzNi40NDMiIHgyPSI5OC4zOTYiIHkyPSI0MS4wNTYiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxMTEuODkpIj48c3RvcCBvZmZzZXQ9Ii4wMTEiIHN0b3AtY29sb3I9IiNjMmQxZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0xMDEuMiA3Mi42aC0zLjFjLS4xIDAtLjMtLjEtLjMtLjN2LS40YzAtLjEuMS0uMy4zLS4zaDMuMWMuMSAwIC4zLjEuMy4zdi40YzAgLjItLjEuMy0uMy4zeiIgZmlsbD0idXJsKCNTVkdJRF80XykiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTE5LjYgNTcuOWMxLjYtMS40IDEuNy0zLjkuMi01LjUtMS40LTEuNi0zLjktMS43LTUuNS0uMi0xLjYgMS40LTEuNyAzLjktLjIgNS41IDEuNSAxLjUgNCAxLjYgNS41LjJ6TTMxLjQgMjQuOGMxLjMtLjQgMi4xLTEuOSAxLjYtMy4ycy0xLjktMi4xLTMuMi0xLjZjLTEuMy40LTIuMSAxLjktMS42IDMuMi41IDEuMyAxLjkgMiAzLjIgMS42eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzQuNzc0IiB5MT0iOTcuMDc5IiB4Mj0iMzguMTQ1IiB5Mj0iOTcuMDc5IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTExLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmY2NmE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjUzNjg5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMzYuNSAxNi41YzEgMCAxLjctLjggMS43LTEuN3MtLjgtMS43LTEuNy0xLjdjLTEgMC0xLjcuOC0xLjcgMS43cy43IDEuNyAxLjcgMS43eiIgZmlsbD0idXJsKCNTVkdJRF81XykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzZfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjExNy4yNzYiIHkxPSI3Mi42NDgiIHgyPSIxMjAuNDQxIiB5Mj0iNzIuNjQ4IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgMTExLjg5KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmY2NmE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjUzNjg5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMTE4LjkgNDAuOWMuOSAwIDEuNi0uNyAxLjYtMS42IDAtLjktLjctMS42LTEuNi0xLjZzLTEuNi43LTEuNiAxLjZjLS4xLjguNiAxLjYgMS42IDEuNnoiIGZpbGw9InVybCgjU1ZHSURfNl8pIi8+PHBhdGggY2xhc3M9InN0MTIiIGQ9Ik01Ni4yIDU4LjdjLTMuNi03LTQuNC0xNS40LTItMjMgMi4zLTcuNiA3LjgtMTQuMSAxNC42LTE3LjggMi4xLTEuMSA0LjUtMiA2LjktMi4xIDIuNC0uMSA1IC43IDYuNiAyLjcgMS42IDEuOCAxLjkgNC44LjYgNi44LTEuNCAxLjktNC4yIDIuNy02LjUgMi4xLTMuNy0uNy02LjctMy42LTcuNi03LjEtLjktMy41LjMtNy42IDMuMS05LjkgMS44LTEuNiA0LjMtMi41IDYuNi0zLjJDODkuNyA0IDEwMS44IDMuNiAxMTMuMiA2Ii8+PHBhdGggY2xhc3M9InN0MTMiIGQ9Ik0xMTkuMyAzLjRjLS4xIDEuNS0uMiAyLjktMS4zIDMuMi0xLjEuMy0xLjYtLjctMi4zLTIuMS0uNy0xLjMtLjMtMi43LjktMyAxLjEtLjQgMi45IDAgMi43IDEuOXpNMTE4LjEgMTAuNWMuMy0xLjguNi0yLjgtLjQtMy4zLTEuMS0uNS0xLjguNC0zIDEuNi0xIDEuMS0uNCAyLjcuNiAzLjIgMS4yLjcgMi41LjEgMi44LTEuNXoiLz48cGF0aCBjbGFzcz0ic3QxNCIgZD0iTTExOS41IDcuMmMtLjEuNy0uNiAxLjItMS4zIDEuM2gtMWMtMS40LS4yLTIuNS0xLjEtMi40LTIgLjEtLjkgMS40LTEuNCAzLTEuMi4zIDAgLjYuMS44LjIuNi4yIDEgLjkuOSAxLjcgMC0uMSAwIDAgMCAweiIvPjxwYXRoIGNsYXNzPSJzdDEzIiBkPSJNNy45IDM1LjRjMC0xLjcgMC0zLjQgMS4yLTMuOSAxLjMtLjUgMiAuNyAzIDIuNC45IDEuNS41IDMuMS0uOCAzLjYtMS4yLjQtMy40LjEtMy40LTIuMXpNOC42IDI3Yy0uMiAyLjEtLjUgMy4zLjggMy44czItLjYgMy4zLTIuMmMxLTEuNC4zLTMuMi0xLTMuNy0xLjMtLjYtMi45LjMtMy4xIDIuMXoiLz48cGF0aCBjbGFzcz0ic3QxNCIgZD0iTTcuNSAzMWMwLS44LjYtMS40IDEuMy0xLjUuMy0uMS43LS4xIDEuMSAwIDEuNi4xIDMgMSAyLjkgMi0uMSAxLTEuNCAxLjctMy4xIDEuNS0uMyAwLS42LS4xLS45LS4yLS44LS4yLTEuMy0xLTEuMy0xLjh6Ii8+PHBhdGggY2xhc3M9InN0MTIiIGQ9Ik0xNC4zIDMxLjNjMTAuNSAwIDI5LjkgNi4xIDMwLjIgMjguNSIvPjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik04MC45IDQxLjdsLTIuMyAxOGMtLjEuOS0uOSAxLjYtMS45IDEuNmgtNTBWNDIuNGwuMS0uMSA1NC4xLS42eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNi43IDQxLjdoNTQuMWwtOS43IDE1LjFjLS43IDEtMS44IDEuNi0yLjkgMS42aC01MGMtMSAwLTEuNy0xLjItMS4xLTJsOS42LTE0Ljd6Ii8+PC9zdmc+);
}
.text-muted {
color: var(--color-secondary);
}
.svg-sm {
width: 96px;
height: 96px;
}
.icon-svg {
display: inline-block;
vertical-align: middle;
}
@media print,
screen and (max-width:35.5em) {
.input_body li {
float: none;
width: 100%;
margin-bottom: .6em
}
}
/*会员页面*/
.nerpage {
background: #fff;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
border-radius: 5px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 25px;
}
.ner-content {
margin-bottom: 20px;
}
.nercontt {
padding: 30px 10px;
min-height: 160px;
border-bottom: 1px solid #eee;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nercontt .avatar img {
border-radius: 50%;
}
.ner-container {
float: left;
max-width: 10%;
width: 10%;
position: relative;
width: 60px;
height: 60px;
margin: auto;
}
.nercontt .ner-info {
max-width: 30%;
width: 30%;
position: relative;
height: 60px;
margin: auto;
}
.ner_v_honor {
position: absolute;
bottom: 0px;
right: -5px;
width: 24px;
height: 24px;
}
.nercontt .ner-info-title {
margin-bottom: 2px;
line-height: 1.4;
}
.nercontt .info-num {
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.info-num .work {
display: inline-block;
}
.work i {
display: inline-block;
width: 1px;
height: 10px;
background: #333;
margin: 0 5px;
}
.nercontt .ner-info .signature p {
margin-top: 2px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 12px;
color: #bbb;
}
.nercontt .work-show {
max-width: 60%;
width: 60%;
}
.nercontt .work-show ul {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nercontt .work-show ul li {
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding: 5px;
position: relative;
list-style-type: none;
}
@media screen and (max-width: 767px) {
.nercontt .work-show {
max-width: 100%;
width: 100%;
padding-left: 0px
}
.nercontt .work-show ul li {
max-width: 33.3%;
padding: 5px;
}
.nercontt .ner-info {
max-width: 70%;
width: 70%;
height: auto;
margin-top: 0px;
margin-left: 0px;
}
.ner-container {
max-width: 15%;
width: 15%;
height: 40px;
margin: 0 10px 0 0;
}
.ner_v_honor {
width: 18px;
height: 18px;
bottom: 8px;
right: 7px;
}
.nercontt {
padding: 10px;
}
.ner-container .avatar img {
width: 35px;
height: 35px;
}
}
/*分类页面css*/
.entry-container .entry-title {
margin: 0;
font-size: 18px;
line-height: 26px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
word-wrap: break-word;
display: block;
}
.ad-container {
display: block;
position: relative;
min-height: 180px;
padding: 20px 200px 20px 0;
}
.ad-container .entry-summary p {
padding: 0;
margin: 0.2em 0;
}
.ad-image {
width: 180px;
height: 120px;
position: absolute;
padding-top: 0;
right: 0;
top: 30px;
}
.entry-container {
display: block;
position: relative;
min-height: 118px;
padding: 20px 0px 25px 230px;
}
.block-image {
width: 210px;
height: 140px;
position: absolute;
padding-top: 0;
margin-right: 20px;
left: 0
}
.block-fea {
position: absolute;
border-radius: 5px;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.overlay-1 {
width: 100%;
height: 100%;
background-color: rgba(22, 29, 39, .88);
position: absolute;
opacity: .3;
top: 0;
left: 0;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.overlay-hover:hover .overlay-1,
a:hover .overlay-1 {
opacity: .68;
}
.laid_title_l {
position: absolute;
background: var(--theme);
top: 2rem;
left: -20px;
width: 5px;
height: 25px;
transform: scaleY(0);
transition: transform 0.35s;
}
.post-list:hover .laid_title_l {
transform: scaleY(1);
}
.post-list:hover .entry-title a {
color: var(--theme);
}
.vodlist_top {
font-style: normal;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
font-size: 1rem;
color: #fff;
top: 0.35rem;
right: -14rem;
transition: all .4s;
}
.post-list:hover .vodlist_top {
right: 0.35rem;
}
.vodlist_top .voddate {
text-align: center;
width: auto;
height: 25px;
line-height: 25px;
padding: 4px 7px;
border-radius: 4px;
}
.vodlist_top em {
font-style: normal;
}
.voddate_year {
background: var(--theme)
}
.voddate_type {
background: var(--theme)
}
.swiper-title {
color: hsla(0, 0%, 100%, .9);
position: absolute;
bottom: 0;
padding: 0 0 10px 20px;
font-size: 18px;
font-weight: bold;
}
.fea-over:after {}
.spic {
opacity: 0;
}
.block-image img {
display: block;
width: 100%;
height: 100%;
border-radius: 5px;
object-fit: cover
}
.post-list {
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.shuobg {
background: #ecf1f5;
padding: 0px 15px;
border-bottom: 0px;
}
.archive-content .page-title:before {
border-radius: 5px;
display: block;
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
border-top: 1px solid rgba(0, 0, 0, .05);
z-index: 1
}
.page-title span {
display: inline-block;
padding-right: 10px;
background: #fff;
position: relative;
z-index: 2;
font-weight: 600;
color: #333
}
.entry-container .entry-meta {
margin-bottom: 0px !important
}
.fea-meta {
margin-bottom: 10px !important;
line-height: 25px;
}
/*列表封面小图标ico*/
.picsum-icon {
align-items: center;
color: #fff;
font-size: 12px;
left: 5px;
height: 20px;
line-height: 20px;
position: absolute;
top: 5px;
padding: 0px 8px;
border-radius: 5px;
background: rgba(0, 0, 0, .5);
font-style: normal;
}
.picsum-icon i {
font-size: 12px;
}
.entyr-icon {
align-items: center;
/* background-color: rgba(0, 0, 0, 0.6); */
border-radius: 50%;
color: #fff;
display: flex;
font-size: 19px;
justify-content: center;
left: 5px;
line-height: 1;
position: absolute;
top: 5px;
}
.sle_i {
position: relative;
display: block;
}
.contt .entyr-icon i {
font-size: 22px;
}
/*获取图片alt信息css*/
.lonesome-img li {
position: relative;
margin-left: 0;
margin-bottom: 0;
padding-top: 0
}
.lonesome-img .image_title {
top: 0;
right: 0
}
.image_title {
left: 5px;
top: 0;
position: absolute;
border-radius: 12px;
top: 8px;
z-index: 4;
font-size: 12px;
color: #FFFFFF;
line-height: 20px;
background: rgba(28, 31, 33, 0.6);
border-radius: 4px;
padding: 2px 8px;
}
/* 动态为footer添加类fixed-bottom */
.fixed-bottom {
position: fixed;
bottom: 0;
width: 100%;
}
/*标签云*/
.spimes-tags {
padding: 0;
list-style: none;
margin-top: 20px;
margin-bottom: 20px;
padding-right: 40px;
}
.spimes-tags li {
display: inline-block;
margin: 10px 4px;
padding: 6px;
border-radius: 36px
}
.spimes-tags li a {
background: var(--theme);
color: #fff;
border-radius: 3px;
padding: 6px;
}
/*文章内密码输入框*/
form.protected .text {
width: 50%;
border-radius: 20px 0 0 20px;
padding: 4px 20px;
}
form.protected .submit {
border-radius: 0 20px 20px 0;
position: relative;
right: 5px;
background: #eee
}
form.protected {
text-align: center
}
/*文章目录*/
.fn_article_nav {
max-width: 300px;
animation: left .5s;
position: absolute;
right: 0;
bottom: 45px;
border-radius: 8px;
padding: 16px 20px;
background: #ffffff;
border-radius: 8px;
padding: 16px 20px;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
.fn_article_nav ul {
display: block;
padding: 0 !important;
margin: 0 !important
}
.fn_article_nav li {
float: left;
list-style-type: decimal;
padding: 3px;
margin: 0 20px;
font: italic 1em Georgia, Times, serif;
text-overflow: ellipsis;
white-space: nowrap
}
.fn_article_nav li a {
font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif;
font-style: normal
}
.article_nav_title {
margin: 0 10px;
font-size: 20px !important;
color: rgba(0, 0, 0, .6)
}
.toc-arrow {
border-bottom: 10px solid #ffffff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
transform: rotate(180deg);
right: 10px;
bottom: -10px
}
#mArticle {
position: fixed;
top: 400px;
right: 2%;
width: 40px;
height: 40px;
text-align: center;
color: rgb(0, 0, 0);
display: block;
z-index: 49
}
#mArticle span {
line-height: 42px;
font-size: 20px
}
/*浏览区域滚动条*/
pre code::-webkit-scrollbar {
height: 6px;
}
::-webkit-scrollbar {
width: 8px
}
::-webkit-scrollbar-track {
background: rgba(51, 51, 51, .1)
}
::-webkit-scrollbar-thumb {
background: var(--theme);
border-radius: 4px
}
::-webkit-scrollbar-thumb:active {
background-color: var(--theme)
}
/* #Progress
================================================== */
.is-show {
opacity: 1 !important;
bottom: 64px !important;
pointer-events: auto !important;
}
.go-top:hover {
border: 1px solid #006aff;
}
.go-top {
position: fixed;
width: 48px;
height: 48px;
right: 48px;
bottom: 48px;
border-radius: 50rem;
border: 1px solid #d6e0ea;
padding: 11px;
cursor: pointer;
opacity: 0;
pointer-events: none;
transition: all .2s ease-in-out;
}
.go-top i {
font-size: 24px;
color: #006aff;
}
.go-top:hover {
border: 1px solid #006aff;
}
/* #Progress
================================================== */
.progress-wrap {
position: fixed;
right: 25px;
bottom: 100px;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
font-family: 'unicons';
content: '↑';
text-align: center;
line-height: 40px;
font-size: 24px;
color: var(--theme);
left: 0;
top: 0;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::after {
opacity: 0;
}
.progress-wrap::before {
position: absolute;
font-family: 'unicons';
content: '↑';
text-align: center;
line-height: 40px;
font-size: 24px;
opacity: 0;
background-image: linear-gradient(298deg, var(--theme), var(--theme));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
top: 0;
height: 40px;
width: 40px;
cursor: pointer;
display: block;
z-index: 2;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::before {
opacity: 1;
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
stroke: var(--theme);
stroke-width: 4;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.text-lg {
font-size: 1.125rem !important;
}
#showfacenamereplace {
margin: 10px 10px;
padding: 5px;
}
#showfacenamereplace img {
display: initial;
padding: 5px 5px 5px 0px;
width: 30px;
}
/*文章阅读模式*/
.read_outer {
float: right;
color: #fff;
padding: 0 10px;
background: var(--theme);
border-radius: 2px;
font-size: 13px;
line-height: 32px;
}
.read_outer a {
color: #fff;
}
.box_read {
margin: 0px auto 0px auto;
width: 50%;
height: 100%;
overflow: scroll;
text-align: left;
outline: none;
padding-bottom: 150px;
}
.box_read figcaption {
display: none;
}
.box_read pre code {
background: none;
margin: 0;
padding: .5em;
color: rgba(0, 0, 0, .84);
}
.box_read ol {
list-style: none;
}
.box_read .entry-content div {
display: none;
}
.title_read {
display: block;
font-weight: bold;
margin-top: 5px;
text-align: center;
}
.title_read h1 {
font-size: 16px;
color: #333;
margin: 0;
margin-bottom: 15px;
margin-top: 15px;
font-weight: 600;
position: relative;
}
div.box_read::-webkit-scrollbar:horizontal,
::-webkit-scrollbar-track:disabled {
display: none;
}
div.box_read::-webkit-scrollbar {
width: 8px;
}
div.box_read::-webkit-scrollbar-thumb {
border-radius: 4px;
background: var(--theme);
min-height: 40px;
}
div.box_read::-webkit-scrollbar-track {
margin-bottom: 80px;
border-radius: 30px;
-webkit-background-origin: border;
}
.content_read ::-webkit-scrollbar {
width: 18px;
}
.close_read {
position: absolute;
left: 100%;
top: 110px;
width: 24px;
height: 24px;
margin-left: -44px;
}
.close_read {
display: block;
width: 24px;
height: 24px;
background-image: url("images/close-read.png");
cursor: pointer;
}
.close_read:hover {
background-image: url("images/close-hover.png");
}
.close_read:active {
background-image: url("images/close-active.png");
}
.loading_read {
display: block;
background-image: url("images/loading.gif");
width: 32px;
height: 32px;
}
/*文章视频样式or 阅读视频模式*/
.readvideo {
margin: 0 !important;
}
.readvideo button {
display: none !important;
}
.readvideo .plyr__controls {
display: none;
}
.readvideo .plyr__video-wrapper button {
display: inline-block !important;
}
.readvideo .plyr__video-wrapper .plyr__controls {
display: flex !important;
}
/*多图栏目*/
.part-list {
padding: 15px 0;
border-radius: 5px;
border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
}
.cate_s {
display: block;
}
/*文章更多阅读*/
.part-mor {
padding: 15px 0;
border-radius: 5px;
}
.part-mor .section-title {
margin-bottom: 5px;
}
.part-mor .section-title .li_i {
position: relative;
}
.top-news {
padding-bottom: 0px;
border-bottom: 0px;
}
.top-news .section-cont .item {
padding: 0 5px;
}
.top-news .hunter-item a:hover {
transform: none !important;
}
.top-news .section-cont .hunter-item h2 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 2em;
}
.top-news .section-cont .hunter-item {
margin-bottom: 0px;
}
.section-title {
font-size: 16px;
color: #262626;
line-height: 28px;
padding-bottom: 15px;
border-bottom: 0px solid #f2f2f2;
position: relative;
font-weight: 400;
}
.section-cont .items {
margin: 0 -8px;
*zoom: 1;
}
.section-cont .item {
float: left;
width: 100%;
padding: 0 8px;
}
.part-list .item {
padding: 0 5px;
}
.part-list .hunter-item {
margin-bottom: 5px !important;
}
.section-cont .hunter-item {
margin-bottom: 20px;
position: relative;
}
.section-cont .hunter-item a {
display: block;
padding: 2px;
background: #fff;
position: relative;
z-index: 2;
border-radius: 5px;
}
.section-cont .hunter-item h2 {
font-size: 13px;
font-weight: 400;
line-height: 1.5;
height: 3em;
overflow: hidden;
margin-bottom: 5px;
}
.section-cont .hunter-item span {
font-size: 12px;
height: 40px;
overflow: hidden;
margin-bottom: 5px;
text-overflow: ellipsis;
display: block;
}
.section-cont .hunter-item .hunter-thumb {
border-radius: 5px;
overflow: hidden;
margin-bottom: 10px;
}
.c_lt {
margin-top: 10px;
}
.a_cl {
border-top: 1px solid #eee;
font-size: 12px;
padding-top: 5px;
margin-top: 10px;
color: var(--color-secondary);
}
.a_cl_r {
float: right;
color: var(--color-secondary);
}
.section-cont .hunter-item .hunter-thumb .c_l {
left: 10px;
top: 10px;
}
.section-cont .hunter-item h4 {
font-size: 12px;
font-weight: normal;
position: relative;
}
.section-cont .hunter-item h4 .btn {
padding: 0 10px;
color: #bbb;
line-height: 24px;
background: #fafafa;
}
/*移动端slide*/
.slidels {}
.aui-flex {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}
.aui-flex-box {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
}
.aui-flex-box h1 {
color: #000;
font-size: 1rem;
}
.aui-arrow {
position: relative;
padding-right: .8rem;
padding-bottom: 15px;
}
.aui-arrow span {
font-size: 12px;
color: #3296fa;
}
.aui-slide-list {
padding-left: 0;
overflow: hidden;
height: 19rem;
}
.aui-slide-item-list {
width: auto;
white-space: nowrap;
overflow: auto;
height: 23.3rem;
font-size: 0;
padding-right: 20px;
margin-left: 0;
}
.aui-slide-item-item {
display: inline-block;
margin-left: 1.2rem;
vertical-align: top;
border-radius: 5px;
width: 12rem;
}
.aui-slide-item-item a img {
width: 12rem;
display: block;
border: none;
border-radius: 3px;
height: 16rem;
object-fit: cover;
}
.aui-slide-item-item a h2 {
font-weight: 400;
font-size: 13px;
line-height: 1.5;
margin: 5px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
height: 2em;
}
.zbg a {
color: var(--theme) !important;
}
.btn {
display: block;
cursor: pointer;
border-radius: 3px;
text-align: center;
line-height: 2.4;
outline: none;
border: none;
}
.section-cont .hunter-item h4 span {
display: inline-block;
}
.section-cont .hunter-item h4 .hunter-product {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
color: #bbb;
}
.section-cont .item {
width: 25%;
}
.section-cont .items:after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: none;
clear: both;
}
.section-cont .hunter-item * {}
.section-cont .hunter-item a:hover .btn {
background: var(--theme);
color: #fff;
}
.section-title .more {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
font-size: 14px;
font-weight: normal;
}
.sp_list_index {
padding: 0 0px 7px 230px;
}
.sp_list_index .entry-summary p {
background-color: var(--bg-body);
border-radius: 6px;
padding: 10px;
}
.section-cont .sp_flex {
display: flex;
flex-wrap: wrap;
}
.section-cont .sp_item {
flex: 0 0 50%;
max-width: 50%;
}
.section-cont .sp_item:first-child {
padding-right: 10px;
}
.section-cont .sp_item .block-image {
width: 159px;
height: 100px;
}
.section-cont .sp_item .entry-container {
padding: 0px 0px 0px 170px;
}
.section-cont .sp_item .lire li,
.section-cont .sp_item .lire li a {
width: 100%;
}
.section-cont .sp_item .lire {
margin-bottom: 0px;
}
@media (min-width: 768px) {
.section-cont .item {
width: 25%;
}
.primary-menu a {
margin: 0;
}
.section-cont .col-item {
width: 20%;
}
}
@media (max-width: 767px) {
.section-cont .item {
width: 33%;
}
.section-cont .item:nth-of-type(4) {
display: none;
}
}
@media screen and (max-width: 767px) {
.m_nav-wrapper {
display: block;
position: fixed;
width: 100%;
height: auto;
left: 0;
right: 0;
bottom: 0;
background: #fff;
transition: all .3s ease-out;
transform: translate3d(0, -9999px, 0);
z-index: 59;
}
}
@media (max-width:479px) {
.comment .comment-children .comment-list {
margin-left: 0px;
padding: 0px;
}
.section-cont .item {
width: 50%;
}
.separ_v {
display: none !important;
}
.section-cont .hunter-item a {}
.section-cont .item:nth-of-type(4) {
display: block;
}
/* 阅读全文 */
.show_text {
height: 1010px;
overflow: hidden;
position: relative;
}
.showall {
display: block;
text-align: center;
margin: 15px 0 0;
color: var(--theme);
position: absolute;
width: 100%;
bottom: 0;
padding-top: 100px;
line-height: 100px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
}
.showall i {
font-size: 15px;
}
.sp-dark-mode .showall {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 31, 32, 0)), color-stop(70%, var(--night-bg-secondary)));
background-image: linear-gradient(-180deg, rgba(29, 31, 32, 0) 0%, var(--night-bg-secondary) 70%);
}
.showwen {
display: none !important;
}
}
.navbar-search {
position: absolute;
top: 100%;
left: 0;
right: 0;
max-width: 100%;
width: 100%;
opacity: 1;
z-index: 101;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
transform-origin: 0 0 0;
transition: all .4s ease-in-out 0s;
background-color: rgba(34, 40, 49, 0.79);
}
.navbar-search .searchform {
width: 100%;
padding: 1.5rem .5rem;
display: block;
border-radius: 3px;
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
}
.navbar-search .searchform input {
background-color: transparent;
color: #fff;
border: none;
border-radius: 0;
padding: 0;
flex: 1 1 auto;
width: 1%;
}
.input-group-append {
margin-left: -1px;
}
.navbar-search .searchform .input-group-append>.btn {
background-color: transparent;
color: #fff;
padding: 0;
border: none;
box-shadow: none;
outline: 0;
cursor: pointer;
}
.btn-nostyle {
line-height: 2.4;
display: inline-block;
vertical-align: middle;
}
/*分类边栏悬浮*/
.fixed-sidebar {
top: 97px;
}
.fixed-sidebar {
position: fixed;
left: 50%;
top: 120px;
z-index: 19;
transform: translate(-100%, 0);
}
.fixed-sidebar .menu {
position: relative;
background: #ffffff;
border: 1px solid #F3F3F3;
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.04);
font-size: 13px;
border-radius: 8px;
}
.fixed-sidebar .menu .link-0 {
display: block;
padding: 10px 15px 12px;
color: #888;
}
.fixed-sidebar .menu a {
white-space: nowrap;
}
.fixed-sidebar .menu a {
white-space: nowrap;
}
.fixed-sidebar .menu li {
list-style: none;
}
.fixed-sidebar .menu .item-0:hover .link-0 {
background: var(--theme);
color: #fff;
}
.fixed-sidebar *,
.fixed-sidebar:after,
.fixed-sidebar:before {
transition: none;
}
.fixed-sidebar .menu .link-0 i {
font-size: 16px;
margin-right: 10px;
}
@media (max-width: 991px) {
.fixed-sidebar {
display: none;
}
}
/* 友情链接 */
.post-lists {
position: relative;
display: block;
overflow: hidden;
}
.post-list-item {
float: left;
width: 33.3333%;
height: auto;
padding: 15px;
align-items: center;
}
.post-list-item a {
color: #fff;
border-bottom: 0px solid #00000070;
}
.post-list-item-container {
position: relative;
overflow: hidden;
width: 100%;
padding: 0;
border-radius: 3px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
}
.post-list-item-container .item-label {
position: relative;
height: 130px;
padding: 25px 20px 40px;
background-color: #fff;
}
.post-list-item-container .item-label.bg-purple .item-title a {
color: #fff;
}
.post-list-item-container .item-label .item-meta {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
padding: 0 15px 15px;
text-align: right;
}
.post-list-item-container .item-label .item-meta .item-meta-ico {
display: inline-block;
float: right;
width: 42px;
height: 42px;
border: 1px solid #eaeaea;
border-radius: 50%;
}
.post-list-item-container .item-label.bg-purple .item-meta .item-meta-date {
color: #fff;
}
.post-list-item-container .item-label .item-meta .item-meta-date {
font-size: 12px;
position: relative;
float: left;
padding-top: 9px;
padding-left: 9px;
text-align: right;
text-transform: none;
color: #f1f1f1;
max-width: 75%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bg-black {
background-color: #122b51 !important;
}
.bg-purple {
background-color: #bc99c4 !important;
}
.bg-yellow {
background-color: #f9bb3c !important;
}
.bg-orange {
background-color: #f68e5f !important;
}
.bg-red {
background-color: #e8583d !important;
}
.bg-green {
background-color: #46c47c !important;
}
.bg-blue {
background-color: #6fa3ef !important;
}
.bg-grey {
background-color: #f7f7f7 !important;
}
.bg-deepgrey {
background-color: rgba(0, 0, 0, .5) !important;
}
.bg-white {
background-color: #fff !important;
}
/* 个人主页 */
.u-textAlignCenter {
text-align: center;
margin: 50px 0;
}
.author-header-meta .avatar {
border-radius: 100%;
margin-top: -60px;
margin-bottom: 10px;
position: relative;
}
.author-header-meta .name {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.author-header-meta .desc {
color: #7a7b7c;
font-size: 14px;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.member {
margin-left: 0px !important;
}
}
.member {
margin: 0px;
margin-left: -30px;
}
.member .meb_top {
margin-bottom: 15px;
}
.member .meb_top .active {
color: var(--theme);
}
.member .meb_cl {
padding-left: 0px;
}
.member .separator {
color: #d9d9d9;
}
.meb_title {
font-size: 18px;
text-transform: uppercase;
margin: 0px 0 12px;
position: relative;
}
.meb_title i {
font-size: 19px;
color: #000;
}
.meb_title span {
display: inline-block;
padding: 0 10px 0 0;
background: #ffffff;
position: relative;
z-index: 2;
font-weight: normal;
color: #333;
}
.member .main-navigation {
margin-top: 0px;
}
.member .meb_autor_top {
position: relative;
margin-top: -35px;
padding: 0 5px;
align-items: flex-end;
}
.meb_v {
position: relative;
width: 70px;
height: 70px;
margin: auto;
}
.meb_v_img {
display: block;
width: 70px;
height: 70px;
margin-right: 12px;
margin: auto;
}
.form__input {
width: 100%;
height: 40px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #fafafa;
border: 1px solid rgba(133, 153, 171, 0.2);
font-size: 12px;
color: #364e65;
padding: 0 15px;
background: #eef6fd;
}
.form__label {
font-size: 13px;
color: var(--color-secondary);
font-weight: normal;
margin: 8px 0;
display: inline-block;
}
.form__btn {
width: 80px;
height: 30px;
background: #54b5db;
color: #fff;
font-size: 12px;
-webkit-border-radius: 4px;
border-radius: 4px;
letter-spacing: 0.4px;
text-transform: uppercase;
font-weight: 400;
position: relative;
overflow: hidden;
margin-top: 15px;
}
.page_auto_con .meb_top {
display: none;
}
.page_auto_con .meb_top.active {
display: block;
}
.page_auto .menu-item.active p:after {
position: absolute;
left: 0;
top: 99%;
width: 100%;
height: 2px;
background: #3ca5f6;
border-radius: 2px;
content: "";
}
.page_auto .menu-item p {
display: block;
position: relative;
cursor: pointer;
}
.user_center {
min-height: 800px;
}
.user_center .block-image {
width: 160px;
height: 100px;
}
.user_center .entry-container {
padding: 20px 0px 10px 180px;
height: 130px;
}
.user_center .d_meta {
padding: 0 10px;
background: #eef6fd;
border-radius: 6px;
height: 35px;
line-height: 35px;
color: var(--theme);
margin-bottom: 10px;
font-size: 12px;
}
.user_center .aut_edit {
float: right;
margin-right: 5px;
}
.user_center .aut_edit a {
color: var(--theme);
}
.bg-gradient-danger {
background: #fe7096;
}
.bg-gradient-info {
background: #047edf;
}
.bg-gradient-success {
background: #07cdae;
}
.bg-gradient-warning {
background: #ff8e4f;
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem !important;
}
.card.card-img-holder .card-img-absolute {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border-radius: 6px;
color: white;
}
.card-body h4 {
font-size: 16px;
}
.auto_xin {
margin-bottom: 20px;
}
.auto_xin_list {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 10px;
}
.auto_xin_list i {
float: right;
font-size: 20px;
line-height: 22px;
}
.user_center .adimgs {
margin: 0px 0px 20px;
margin-right: -5px;
margin-left: -5px;
}
.form__btn {
border: 0px solid #54b5db;
}
.form__btn[disabled],
html input[disabled] {
cursor: not-allowed;
background-color: #919394;
}
.form__btn:hover {
border: 0px solid #54b5db;
color: #fff;
text-decoration: none;
}
.form {
display: inline-block;
width: 100%;
}
.list_auto_ping li {
list-style-type: none;
margin: 20px 0;
}
.list_auto_ping li i {
margin-right: 10px
}
.list_auto_ping li p {
padding: 6px 10px;
background: #eef6fd;
border-radius: 6px;
font-size: 13px;
color: var(--color-secondary);
margin-bottom: 5px;
position: relative;
transition: all .2s;
}
.list_auto_ping li .meta {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.base-alert {
background: #E2EDFF;
border-radius: 4px;
color: #448AFF;
display: -ms-flexbox;
display: flex;
font-size: 14px;
height: auto;
line-height: 22px;
padding: 9px 24px;
}
.list_auto_ping li .meta .views {
font-size: 10px;
color: #888;
white-space: nowrap;
}
.list_auto_ping li p .biaoqing {
width: 20px;
}
.user__list {
display: flex;
flex-direction: column;
align-items: flex-start;
border-top: 1px solid rgba(133, 153, 171, 0.2);
padding: 10px 10px 0 !important;
}
.user__list li {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.user__list li span {
font-size: 13px;
line-height: 28px;
color: var(--color-secondary);
}
.sp_list__loading .item {
display: flex;
position: relative;
width: 100%;
padding: 15px 0;
border-bottom: 1px solid #ebeef5
}
.sp_list__loading .item:last-child {
border-bottom: none
}
.sp_list__loading .item .thumbnail {
flex-shrink: 0;
position: relative;
width: 210px;
height: 140px;
margin-right: 15px;
background: #f2f6fc;
border-radius: 4px
}
.sp_list__loading .item .information {
flex: 1;
min-width: 0
}
.sp_list__loading .item .information .title {
height: 24px;
border-radius: 4px;
background: #f2f6fc;
animation: list_title_loading 0.75s infinite alternate;
margin-bottom: 15px
}
.sp_list__loading .item .information .abstract p {
height: 18px;
border-radius: 4px;
background: #f2f6fc;
margin-bottom: 5px;
-webkit-animation: list_abstract_loading 0.8s infinite alternate;
animation: list_abstract_loading 0.8s infinite alternate
}
@-webkit-keyframes list_title_loading {
0% {
width: 80%
}
100% {
width: 95%
}
}
@keyframes list_title_loading {
0% {
width: 80%
}
100% {
width: 95%
}
}
@-webkit-keyframes list_abstract_loading {
0% {
width: 60%
}
100% {
width: 80%
}
}
@keyframes list_abstract_loading {
0% {
width: 60%
}
100% {
width: 80%
}
}
@-webkit-keyframes loading-5 {
0% {
transform: scale(1) rotate(0deg);
}
50% {
transform: scale(0.6) rotate(180deg);
}
100% {
transform: scale(1) rotate(360deg);
}
}
.loading-5 {
position: relative;
width: 40px;
height: 40px;
}
.loading-5 i {
display: block;
border: 2px solid var(--theme);
border-radius: 50%;
border-color: transparent var(--theme);
position: absolute;
}
.loading-5 i:first-child {
width: 35px;
height: 35px;
top: 0;
left: 0;
-webkit-animation: loading-5 1s ease-in-out 0 infinite
}
.loading-5 i:last-child {
width: 15px;
height: 15px;
top: 10px;
left: 10px;
-webkit-animation: loading-5 1s ease-in-out .5s infinite reverse;
}
.header-nav {
position: relative;
background: #fff;
width: 100%;
}
.top-bar-navigation a:hover {
color: var(--theme);
}
.header-content {
width: 1170px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.header-logo {
float: left;
}
.header-logo a {
display: block;
padding: 16px 0;
color: #1ec67a;
text-decoration: none;
}
.header-logo a img {
height: 32px;
display: block;
border: none;
}
.top-bar-navigation {
float: right;
}
.top-bar-navigation ul {
float: left;
}
.list_i {
font-size: 18px !important;
font-weight: bold;
}
.top-bar-navigation ul li {
position: relative;
display: block;
float: left;
}
.msg_remind {
display: inline;
width: 8px;
height: 8px;
background-color: #f01414;
border-radius: 50%;
position: absolute;
top: 15px;
left: 35px;
}
.aui-down-menu-list .item {
flex: 0 0 50%;
max-width: 50%;
padding: 10px;
}
.aui-down-menu-list .item img {
width: 100%;
border-radius: 5px;
min-height: 60px;
object-fit: cover;
}
.aui-down-menu-list .item a:hover h2 {
color: var(--theme);
}
.aui-down-menu-list .item .itemimg {
flex: 0 0 35%;
max-width: 35%;
}
.aui-down-menu-list .item .itemtxt {
flex: 0 0 65%;
max-width: 65%;
padding-left: 10px;
}
.aui-down-menu-list .item a {
display: flex;
flex-wrap: wrap;
background: var(--bg-body);
border-radius: 4px;
position: relative;
padding: 18px 18px;
letter-spacing: 0;
color: #333;
}
.aui-down-menu-list .item h2 {
font-size: 13px;
font-weight: normal;
margin-bottom: 0px;
height: 1.5em;
overflow: hidden;
}
.aui-down-menu-list .item h4 {
font-size: 12px;
font-weight: normal;
color: #b2b2b2;
height: 3em;
/* 可根据需要调整高度 */
text-overflow: ellipsis;
white-space: normal;
/* 更改此处 */
overflow: hidden;
margin-bottom: 0;
}
.aui-down-menu-list .item-ico {
display: block;
position: absolute;
left: 20px;
top: 18px;
background: #9199a1;
color: #fff;
font-size: 12px;
font-family: ArialMT, Arial;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
border-radius: 100%;
}
li.nav-s:nth-of-type(3) a:after {
content: '';
background: url(../spimes/src/images/icon_new.png) no-repeat;
width: 26px;
height: 14px;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.live-animation {
height: 110px;
width: 110px;
position: absolute;
top: -50px;
right: -76px;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
}
.live-animation {
background-image: url(../spimes/src/images/hot_new.png);
-webkit-animation: live 2.12s steps(1) 0s infinite normal none;
animation: live 2.12s steps(1) 0s infinite normal none;
}
@-webkit-keyframes live {
0% {
background-position: 0 0
}
1.89% {
background-position: -110px 0
}
3.77% {
background-position: -220px 0
}
5.66% {
background-position: -330px 0
}
7.55% {
background-position: -440px 0
}
9.43% {
background-position: -550px 0
}
11.32% {
background-position: -660px 0
}
13.21% {
background-position: -770px 0
}
15.09% {
background-position: -880px 0
}
16.98% {
background-position: -990px 0
}
18.87% {
background-position: -1100px 0
}
20.75% {
background-position: -1210px 0
}
22.64% {
background-position: -1320px 0
}
24.53% {
background-position: -1430px 0
}
26.42% {
background-position: -1540px 0
}
28.30% {
background-position: -1650px 0
}
30.19% {
background-position: -1760px 0
}
32.08% {
background-position: -1870px 0
}
33.96% {
background-position: -1980px 0
}
35.85% {
background-position: -2090px 0
}
37.74% {
background-position: -2200px 0
}
39.62% {
background-position: -2310px 0
}
41.51% {
background-position: -2420px 0
}
43.40% {
background-position: -2530px 0
}
45.28% {
background-position: -2640px 0
}
47.17% {
background-position: -2750px 0
}
49.06% {
background-position: -2860px 0
}
50.94% {
background-position: -2970px 0
}
52.83% {
background-position: -3080px 0
}
54.72% {
background-position: -3190px 0
}
56.60% {
background-position: -3300px 0
}
58.49% {
background-position: -3410px 0
}
60.38% {
background-position: -3520px 0
}
62.26% {
background-position: -3630px 0
}
64.15% {
background-position: -3740px 0
}
66.04% {
background-position: -3850px 0
}
67.92% {
background-position: -3960px 0
}
69.81% {
background-position: 0 -110px
}
71.70% {
background-position: -110px -110px
}
73.58% {
background-position: -220px -110px
}
75.47% {
background-position: -330px -110px
}
77.36% {
background-position: -440px -110px
}
79.25% {
background-position: -550px -110px
}
81.13% {
background-position: -660px -110px
}
83.02% {
background-position: -770px -110px
}
84.91% {
background-position: -880px -110px
}
86.79% {
background-position: -990px -110px
}
88.68% {
background-position: -1100px -110px
}
90.57% {
background-position: -1210px -110px
}
92.45% {
background-position: -1320px -110px
}
94.34% {
background-position: -1430px -110px
}
96.23% {
background-position: -1540px -110px
}
98.11% {
background-position: -1650px -110px
}
}
@keyframes live {
0% {
background-position: 0 0
}
1.89% {
background-position: -110px 0
}
3.77% {
background-position: -220px 0
}
5.66% {
background-position: -330px 0
}
7.55% {
background-position: -440px 0
}
9.43% {
background-position: -550px 0
}
11.32% {
background-position: -660px 0
}
13.21% {
background-position: -770px 0
}
15.09% {
background-position: -880px 0
}
16.98% {
background-position: -990px 0
}
18.87% {
background-position: -1100px 0
}
20.75% {
background-position: -1210px 0
}
22.64% {
background-position: -1320px 0
}
24.53% {
background-position: -1430px 0
}
26.42% {
background-position: -1540px 0
}
28.30% {
background-position: -1650px 0
}
30.19% {
background-position: -1760px 0
}
32.08% {
background-position: -1870px 0
}
33.96% {
background-position: -1980px 0
}
35.85% {
background-position: -2090px 0
}
37.74% {
background-position: -2200px 0
}
39.62% {
background-position: -2310px 0
}
41.51% {
background-position: -2420px 0
}
43.40% {
background-position: -2530px 0
}
45.28% {
background-position: -2640px 0
}
47.17% {
background-position: -2750px 0
}
49.06% {
background-position: -2860px 0
}
50.94% {
background-position: -2970px 0
}
52.83% {
background-position: -3080px 0
}
54.72% {
background-position: -3190px 0
}
56.60% {
background-position: -3300px 0
}
58.49% {
background-position: -3410px 0
}
60.38% {
background-position: -3520px 0
}
62.26% {
background-position: -3630px 0
}
64.15% {
background-position: -3740px 0
}
66.04% {
background-position: -3850px 0
}
67.92% {
background-position: -3960px 0
}
69.81% {
background-position: 0 -110px
}
71.70% {
background-position: -110px -110px
}
73.58% {
background-position: -220px -110px
}
75.47% {
background-position: -330px -110px
}
77.36% {
background-position: -440px -110px
}
79.25% {
background-position: -550px -110px
}
81.13% {
background-position: -660px -110px
}
83.02% {
background-position: -770px -110px
}
84.91% {
background-position: -880px -110px
}
86.79% {
background-position: -990px -110px
}
88.68% {
background-position: -1100px -110px
}
90.57% {
background-position: -1210px -110px
}
92.45% {
background-position: -1320px -110px
}
94.34% {
background-position: -1430px -110px
}
96.23% {
background-position: -1540px -110px
}
98.11% {
background-position: -1650px -110px
}
}
.top-bar-navigation ul li a {
display: block;
}
.top-bar-navigation ul li a .ri-arrow-down-s-line {
transition: all .3s ease-out 0s;
display: inline-block;
}
.top-bar-navigation ul li a:hover .ri-arrow-down-s-line {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.drop-down *,
.drop-down:after,
.drop-down:before {
transition: none;
}
.aui-dow-box {
position: absolute;
top: 50px;
width: 140px;
background-color: #ffffff;
visibility: hidden;
opacity: 0;
top: -100%;
transition: all .2s;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
.aui-dow-box-list {
width: 700px;
border-radius: 0 0 4px 4px;
z-index: -1;
padding: 10px;
}
.drop-down:hover .aui-dow-box-list {
top: 50px;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.aui-down-menu {
width: auto;
float: none;
display: block;
}
.aui-down-menu-title {
padding-bottom: 10px;
color: #313131;
font-size: 18px;
line-height: 1;
border-bottom: 0;
margin-bottom: 0;
}
.aui-down-menu-list-title i {
float: left;
margin-right: 5px;
width: 15px;
height: 15px;
display: block;
background-size: 15px;
background-repeat: no-repeat;
margin-top: 1px;
}
.aui-down-menu-list {
display: flex;
flex-wrap: wrap;
}
.aui-down-menu-list-item {
display: inline-block;
margin-bottom: 20px;
width: 160px;
line-height: 1;
padding-top: 0;
}
.top-bar-navigation ul .aui-down-menu-list-item a {
padding: 0;
line-height: inherit;
}
.aui-down-menu-list-title {
margin-top: 20px;
margin-bottom: 15px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
height: 15px;
line-height: 15px;
}
.aui-down-menu-list-text {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
color: #919191;
font-size: 12px;
letter-spacing: 1px;
}
.aui-nav-dow {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50px;
padding: 8px 10px;
background: #fff;
border-radius: 4px;
z-index: 99;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
.drop-down:hover .aui-nav-dow {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
filter: alpha(opacity=100);
}
.top-bar-navigation .aui-nav-dow li a {
padding: 0;
line-height: inherit;
display: block;
padding: 8px 0 8px 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 14px;
}
.drop-down .aui-nav-dow:before {
content: "";
width: 8px;
height: 8px;
background: #fff;
position: absolute;
top: -5px;
transform: rotate(45deg);
left: 5px;
}
.top-bar-navigation .aui-nav-dow li {
width: 110px;
}
.aui-header-nav.solid {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.aui-nav-dow li {
color: var(--theme);
padding-left: 2rem;
}
.aui-nav-dow li a:before {
content: '';
height: 1px;
width: 10px;
background-color: var(--theme);
opacity: 0;
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
position: absolute;
left: .75rem;
top: 50%;
-webkit-transform: translate(0%, -50%);
-khtml-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.aui-nav-dow li a:hover {
color: var(--theme);
padding-left: 0.2rem;
opacity: 1;
}
.aui-nav-dow li a:hover:before {
opacity: 1;
}
body.active {
overflow-x: hidden;
overflow-y: hidden
}
.collapse {
display: none;
}
.socollapse {
display: none;
}
.navss {
display: block;
}
@media screen and (max-width: 991px) {
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out
}
.row-offcanvas-left {
left: 0
}
.row-offcanvas-left .sidebar-offcanvas {
left: -50%
}
.row-offcanvas-left.active {
left: 50%
}
.sidebar-offcanvas {
position: absolute;
top: 0;
width: 50%
}
.sidebar-nav .navbar .navbar-collapse {
padding: 0;
max-height: none
}
.sidebar-nav .navbar ul {
float: none
}
.sidebar-nav .navbar ul:not {
display: block
}
.sidebar-nav .navbar li {
float: none;
display: block
}
.sidebar-nav .navbar li a {
padding-top: 12px;
padding-bottom: 12px
}
}
/*顶部导航*/
.new_header {
border-top: 1px solid rgba(0, 0, 0, .05);
}
.clearnav {
padding-left: 0px;
}
.screenfixed {
display: none;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
width: inherit;
float: left;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
text-align: left;
background-color: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.dropdown-menu>li>a {
display: block;
clear: both;
font-weight: normal;
line-height: 1.5;
color: #333;
white-space: nowrap;
padding: 10px 16px;
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
;
}
ul.dropdown-menu li {
display: block;
}
ul.dropdown-menu li a .view {
float: right;
font-size: 11px;
color: var(--color-secondary);
line-height: 1.5;
}
ul.dropdown-menu #jl_viewHistory ul {
padding: 0;
margin: 0;
margin-top: 5px;
}
ul.dropdown-menu #jl_viewHistory ul li a {
padding: 8px 16px;
font-size: 12px;
display: block;
clear: both;
font-weight: normal;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
line-height: inherit;
}
ul.dropdown-menu #jl_viewHistory li a i {
color: var(--theme);
}
.dropdown-menu>li>a:hover,
ul.dropdown-menu #jl_viewHistory ul li a:hover,
ul.dropdown-menu #jl_viewHistory ul li a:focus {
text-decoration: none;
color: #262626;
background-color: var(--bg-body);
}
ul.dropdown-menu li .vhiy {
padding: 3px 10px;
font-size: 12px;
display: block;
background-color: var(--bg-body);
}
ul.dropdown-menu li a i,
ul.dropdown-menu li .vhiy i {
padding-right: 5px;
}
.aic {
font-size: 14px;
/* position: absolute; */
right: 10px;
top: 4px;
color: #f7f7f7;
margin-left: 5px;
cursor: pointer;
background-color: #29d;
padding: 4px 7px;
border-radius: 6px;
}
.ai_btn {
line-height: 30px;
font-size: 12px;
background-color: var(--theme);
-webkit-border-radius: 4px;
border-radius: 4px;
border: 0px solid #eee;
margin: 10px 0 0px;
color: white;
padding: 0px 10px;
}
.ai_btn:hover {
border-color: var(--theme);
color: #FFF;
text-decoration: none;
}
.bg_color {
margin: 0;
width: 100%;
height: 12vh;
font-family: "Exo", sans-serif;
color: #fff;
background: linear-gradient(-45deg, #26c7fc, #cbeafe, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradientBG 15s ease infinite;
}
@keyframes gradientBG {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.user-img {
width: 100%;
}
.user-img img {
width: 50px;
border-radius: 8px;
}
.con_btn[disabled],
html input[disabled] {
cursor: not-allowed;
background-color: #919394;
}
#md-editor[disabled] {
cursor: not-allowed;
background-color: #919394;
}
.top_so {
visibility: hidden;
top: 50%;
opacity: 0;
width: 600px;
box-shadow: 0px 5px 40px 0px rgba(17, 58, 93, 0.1) !important;
border-radius: 6px !important;
transition: all .2s;
}
.rank {
display: inline-block;
padding: 3px 7px;
line-height: 1.2;
text-align: center;
border-radius: 2px;
font-size: 12px;
color: #fff;
margin-right: 5px;
}
.ran1 {
background-color: #FF4A4A !important;
color: #FFFFFF;
}
.ran2 {
background-color: #FF7701 !important;
color: #FFFFFF;
}
.ran3 {
background-color: #FFB400 !important;
color: #FFFFFF;
}
.rank {
background-color: var(--theme);
}
.s_tag .item {
float: left;
padding: 0 5px;
margin-bottom: 10px;
border-bottom: 0px dashed #eee;
}
.s_tag .aui-down-menu-list .item img {
min-height: 45px;
}
.s_tag .aui-down-menu-list .item a {
background: none;
padding: 10px 10px 0px 10px;
}
.s_tag .aui-down-menu-list .item {
margin-bottom: 10px;
flex: 0 0 50%;
}
.so_list {}
.s_tag {
padding: 20px 20px 10px 20px;
display: flex;
flex-wrap: wrap;
}
.s_tag .py-2 {
flex: 0 0 auto;
width: 32%;
margin-right: 10px;
}
.top_ac {
visibility: visible;
opacity: 1;
transition: all .2s;
top: 100%;
}
.search-warp {
float: right;
width: 600px;
height: 36px;
background: #f3f5f6;
border-radius: 8px;
padding-right: 56px;
margin: 10px;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.search-warp .search-area {
height: 36px;
font-size: 14px;
color: #9199a1;
padding: 0;
margin: 0;
border-radius: 5px 0 0 5px;
position: relative;
}
.search-warp .search-area input.search-input {
height: 36px;
line-height: 20px;
padding: 8px 16px;
font-size: 14px;
color: #9199a1;
border-radius: inherit;
background: #f3f5f6;
border: 0px;
}
.search-warp .showhide-search {
position: absolute;
right: 0;
top: 0;
font-size: 24px;
color: #9199a1;
line-height: 24px;
padding: 6px 18px;
border-radius: 0 5px 5px 0;
border: 0px;
background: #f3f5f6;
}
.search-warp .showhide-search i {
display: block;
height: 24px;
color: #545c63;
cursor: pointer;
font-size: 20px;
line-height: 24px;
width: 20px;
}
.search-btn {
float: right;
}
.search-btn i {
font-size: 1em;
}
.search-btn a {
height: 34px;
line-height: 18px;
padding: 8px 15px;
margin: 10px 0;
color: #fff;
font-size: 13px;
border-radius: 8px;
box-sizing: border-box;
background: var(--theme);
}
.c_red {
background-color: #f01414 !important;
}
.nav_liuyan {
margin-left: 5px;
}
.navbar-collapse-wrap {
position: absolute
}
.navbar {
border: none
}
.navbar .navbar-nav>.current-menu-item a {
color: #fff;
background-color: #080808
}
.navbar .m_nav-list:focus,
.navbar .m_nav-list:hover {
background-color: transparent
}
.navbar .container {
padding: 0px
}
.navbar .container .navbar-header {
margin: 0;
position: relative;
z-index: 999;
background-color: #222
}
.navbar .container>.navbar-collapse {
animation: right 1s;
position: fixed;
z-index: 900;
bottom: 0px;
top: 0px;
left: -50%;
margin: 0;
padding: 0px;
width: 77%;
box-shadow: none;
border-top: 0px solid white;
overflow-y: auto;
background: #fdfbfb;
overflow-x: hidden;
}
.navbar .container>.navbar-collapse.active {
left: 0px
}
.navbar .container .ultop {
margin-top: 50px;
}
.navbar .container ul li {
list-style-type: none;
}
.navbar .container .sub-menu li {
margin-left: 5px;
}
.sub-menu li a {
color: #929292;
}
.transition {
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out
}
.m_nav-list {
border: none;
}
.navbar-nav {
margin: 0px
}
.mobile-sidebar-menu {
position: relative;
padding: .75rem 0;
border-radius: 8px;
margin-bottom: 20px;
box-shadow: none;
background: #ffffff;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}
.mobile-sidebar-column {
margin: 0 15px 0 15px;
}
.mobile-sidebar-menu>li {
position: relative;
padding: 0 0 0 35px;
}
.dropdown-sub-menu {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.mobile-sidebar-menu .sub-menu {
padding: 0 0 .25rem;
display: none;
margin-top: 0px;
}
.menuopen {
display: block !important;
}
.mobile-sidebar-menu li a {
position: relative;
display: block;
padding: .75rem 0;
}
.mobile-sidebar-menu li a i {
position: absolute;
left: -5px;
top: 50%;
-webkit-transform: translate(-150%, -50%);
-ms-transform: translate(-150%, -50%);
transform: translate(-100%, -50%);
}
.dropdown-sub-menu span {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.5rem;
opacity: .5;
}
.mobile-overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(120, 129, 147, .22);
z-index: 50;
opacity: 0;
transition: all 0.5s ease-in-out;
cursor: pointer;
}
.mobile-overlay.active {
display: block;
opacity: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.navigation-tab {
height: 60px;
width: 100%;
line-height: 1;
background-color: #fff;
box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
overflow: hidden;
border: 10px solid #fff;
display: none;
position: relative;
flex-shrink: 0;
position: fixed;
bottom: 0;
z-index: 40;
}
.navigation-tab-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 25%;
flex-shrink: 0;
line-height: 1;
cursor: pointer;
transition: 0.3s;
position: relative;
z-index: 2;
}
.navigation-tab-item.active {
width: 25%;
}
.navigation-tab-overlay {
border-radius: 20px;
background-color: #e4f2ff;
height: 100%;
width: 25%;
position: absolute;
left: 0;
top: 0;
transition: 0.3s;
}
.navigation-tab__icon {
display: block;
color: #4298e7;
transition-duration: 0.3s;
line-height: 1;
}
.navigation-tab__icon i {
font-size: 24px;
}
/* Slide transitions */
/*二维码生成封面*/
.cl:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden
}
.vm {
vertical-align: middle
}
.comiis_poster_box {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999;
background: rgba(0, 0, 0, 0.85);
color: #fff;
transition: all .4s ease;
-webkit-transition: all .4s ease;
opacity: 0
}
.comiis_poster_box img {
display: initial;
}
.comiis_poster_box_show {
opacity: 1
}
.comiis_poster_fdico {
position: fixed;
z-index: 100
}
.comiis_poster_fdico a {
display: block;
width: 46px;
height: 46px;
text-align: center;
border-radius: 50%;
overflow: hidden;
margin-top: 10px
}
.comiis_poster_fdico a img {
width: 16px;
height: 16px;
padding-top: 8px;
overflow: hidden
}
.comiis_poster_fdico a span {
display: block;
font-size: calc(20px/2);
margin-top: 2px;
overflow: hidden
}
.comiis_poster_okimg,
.comiis_poster_imgshow {
height: calc(100% - 55px);
text-align: center
}
.comiis_poster_okimg img {
max-width: calc(100% - 40px);
max-height: calc(100% - 30px);
margin: 25px 20px 10px;
border-radius: 6px;
}
.comiis_poster_oktit {
padding: 0 10px;
height: 30px;
line-height: 30px;
font-size: 14px;
text-align: center;
overflow: hidden
}
.comiis_poster_okclose {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 60px;
text-align: center;
overflow: hidden
}
.comiis_poster_okclose a {
display: block;
height: 60px;
line-height: 40px;
overflow: hidden
}
.comiis_poster_okclose a img {
width: 40px;
height: 40px
}
.loading_color {
width: 200px;
height: 80px;
margin: 0 auto
}
.loading_color span {
display: inline-block;
width: 3px;
height: 30px;
animation-name: scale;
-webkit-animation-name: scale;
-moz-animation-name: scale;
-ms-animation-name: scale;
-o-animation-name: scale;
animation-duration: 1.2s;
-webkit-animation-duration: 1.2s;
-moz-animation-duration: 1.2s;
-ms-animation-duration: 1.2s;
-o-animation-duration: 1.2s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite
}
.loading_color span.loading_color1 {
background: #2ecc71
}
.loading_color span.loading_color2 {
background: #3498db
}
.loading_color span.loading_color3 {
background: #9b59b6
}
.loading_color span.loading_color4 {
background: #e67e22
}
.loading_color span.loading_color5 {
background: #c0392b
}
.loading_color span.loading_color6 {
background: #e74c3c
}
.loading_color span.loading_color7 {
background: #e74c8c
}
.loading_color1 {
animation-delay: -1s;
-webkit-animation-delay: -1s;
-moz-animation-delay: -1s;
-ms-animation-delay: -1s;
-o-animation-delay: -1s
}
.loading_color2 {
animation-delay: -0.9s;
-webkit-animation-delay: -0.9s;
-moz-animation-delay: -0.9s;
-ms-animation-delay: -0.9s;
-o-animation-delay: -0.9s
}
.loading_color3 {
animation-delay: -0.8s;
-webkit-animation-delay: -0.8s;
-moz-animation-delay: -0.8s;
-ms-animation-delay: -0.8s;
-o-animation-delay: -0.8s
}
.loading_color4 {
animation-delay: -0.7s;
-webkit-animation-delay: -0.7s;
-moz-animation-delay: -0.7s;
-ms-animation-delay: -0.7s;
-o-animation-delay: -0.7s
}
.loading_color5 {
animation-delay: -0.6s;
-webkit-animation-delay: -0.6s;
-moz-animation-delay: -0.6s;
-ms-animation-delay: -0.6s;
-o-animation-delay: -0.6s
}
.loading_color6 {
animation-delay: -0.5s;
-webkit-animation-delay: -0.5s;
-moz-animation-delay: -0.5s;
-ms-animation-delay: -0.5s;
-o-animation-delay: -0.5s
}
.loading_color7 {
animation-delay: -0.4s;
-webkit-animation-delay: -0.4s;
-moz-animation-delay: -0.4s;
-ms-animation-delay: -0.4s;
-o-animation-delay: -0.4s
}
@-webkit-keyframes scale {
0%,
40%,
100% {
-moz-transform: scaleY(0.2);
-ms-transform: scaleY(0.2);
-o-transform: scaleY(0.2);
-webkit-transform: scaleY(0.2);
transform: scaleY(0.2)
}
20%,
60% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@-moz-keyframes scale {
0%,
40%,
100% {
-moz-transform: scaleY(0.2);
-ms-transform: scaleY(0.2);
-o-transform: scaleY(0.2);
-webkit-transform: scaleY(0.2);
transform:
scaleY(0.2)
}
20%,
60% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@-ms-keyframes scale {
0%,
40%,
100% {
-moz-transform: scaleY(0.2);
-ms-transform: scaleY(0.2);
-o-transform: scaleY(0.2);
-webkit-transform: scaleY(0.2);
transform:
scaleY(0.2)
}
20%,
60% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@keyframes scale {
0%,
40%,
100% {
-moz-transform: scaleY(0.2);
-ms-transform: scaleY(0.2);
-o-transform: scaleY(0.2);
-webkit-transform: scaleY(0.2);
transform:
scaleY(0.2)
}
20%,
60% {
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
.comiis_poster_box_img {
position: fixed;
top: -2999px;
width: 500px;
overflow: hidden;
background: #fff
}
.comiis_poster_img {
width: 100%;
max-height: 420px;
overflow: hidden;
position: relative
}
.comiis_poster_img img {
width: 100%;
height: auto
}
.comiis_poster_img .img_time {
position: absolute;
left: 30px;
bottom: 20px;
width: 96px;
line-height: 36px;
font-size: 70px;
text-align: center;
font-weight: 500;
color: #fff;
text-shadow: 1px 0px 20px rgba(0, 0, 0, 0.2)
}
.comiis_poster_img .img_time span {
display: block;
margin-top: 16px;
border-top: 3px solid #fff;
font-weight: 500;
font-size: 24px
}
.comiis_poster_tit {
margin: 22px 28px 28px;
height: 100px;
line-height: 50px;
font-size: 36px;
font-weight: 400;
color: #222;
overflow: hidden
}
.comiis_tets {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.comiis_uimg {
padding: 15px 28px 10px;
}
.comiis_poster_time {
padding: 15px 28px 10px;
}
.comiis_poster_tita {
padding: 0px 28px 10px;
max-height: 82px;
line-height: 42px;
font-size: 25px;
font-weight: 400;
color: #222;
overflow: hidden
}
.comiis_poster_txta {
margin: 5px 28px;
min-height: 68px;
line-height: 34px;
font-size: 18px;
font-weight: 400;
color: #aaa;
overflow: hidden
}
.comiis_poster_user {
padding: 0 29px 10px;
height: 46px;
line-height: 46px;
font-size: 20px;
overflow: hidden
}
.comiis_poster_user .kmdico {
float: left;
margin-left: 2px;
margin-top: 18px;
height: 10px
}
.comiis_poster_user .kmuser {
float: right;
color: #369
}
.comiis_poster_user .kmuser img {
float: left;
width: 46px;
height: 46px;
margin-right: 12px;
border-radius: 50%
}
.comiis_poster_user .kmuser .kmby {
float: left;
margin-right: 15px;
color: #ccc
}
.comiis_poster_user_mt {
margin-top: 20px
}
.comiis_poster_tops {
padding: 8px 15px;
height: 40px;
line-height: 40px;
font-size: 22px;
color: #666;
overflow: hidden
}
.comiis_poster_imgs {
width: 100%;
height: 300px;
position: relative
}
.comiis_poster_imgs .kmbkbg {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 250px;
overflow: hidden
}
.comiis_poster_imgs .kmbkbg img {
width: 100%;
height: auto;
object-fit: cover;
overflow: hidden
}
.comiis_poster_imgs .kmbkimg {
position: absolute;
left: 50%;
bottom: 0;
background: #fff;
margin-left: -55px;
width: 110px;
height: 110px;
border-radius: 6px
}
.comiis_poster_imgs .kmbkimg img {
width: 100px;
height: 100px;
margin: 5px;
border-radius: 6px
}
.comiis_poster_tits {
text-align: center;
padding: 15px 28px 10px;
height: 40px;
line-height: 40px;
font-size: 32px;
font-weight: 400;
color: #369;
overflow: hidden
}
.comiis_poster_txts {
margin: 5px 28px;
min-height: 68px;
max-height: 170px;
line-height: 34px;
font-size: 24px;
font-weight: 400;
color: #666;
overflow: hidden
}
.comiis_poster_dico {
padding: 20px 29px
}
.comiis_poster_nqmpfhx {
background: none
}
.comiis_poster_x {
display: none;
width: 100%;
height: 45px;
background: url(../../themes/spimes/poster/img/poster_x.jpg) repeat-x center;
overflow: hidden
}
.comiis_poster_foot {
padding: 13px 28px 30px;
height: 70px;
box-sizing: initial;
overflow: hidden
}
.comiis_poster_foot .kmzw {
float: left;
margin-left: 1px;
margin-right: 20px;
width: 70px;
height: 70px
}
.comiis_poster_foot .kmzwtip {
margin-top: 13px;
height: 68px;
line-height: 36px;
font-size: 20px;
color: #aaa
}
.comiis_poster_foot .kmzwtips {
float: left;
margin-top: 12px;
height: 68px;
line-height: 36px;
font-size: 22px;
color: #aaa
}
.comiis_poster_foot .kmewm {
float: right;
width: 70px;
height: 70px
}
.comiis_poster_fdico *,
#comiis_poster_box * {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.comiis_poster_fdico {
bottom: 82px;
left: 12px;
}
.comiis_poster_a,
.comiis_footer_scroll a.comiis_poster_a {
/* background:rgba(0,0,0,0.6); */
}
.comiis_poster_a span,
.comiis_poster_a i {}
cite,
i {
font-style: normal;
}
a.comiis_poster_a:hover {}
.ewbg {
width: 480px;
height: 460px;
background: url(../img/ewbg.jpg) center center no-repeat;
background-size: 100%;
box-sizing: border-box;
padding-top: 270px;
}
.ewbg p {
margin-left: 80px;
margin-bottom: 10px;
margin-top: 10px;
}
.ewfl {
margin-left: 55px;
margin-top: 30px;
font-size: 24px;
font-weight: bold;
}
.ewfl span {
color: rgba(255, 51, 0, 1);
margin: 0 5px;
}
.ewbottom {
margin-top: 85px;
width: 100px;
height: 100px;
overflow: hidden;
margin-left: 65px;
}
/*留言板*/
.ly_content {
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 4rem;
box-sizing: border-box;
margin: 0rem auto 0;
/* min-height: 70vh; */
}
.ly_content>hr {
width: 1px;
background-color: #EAEDF3;
display: block;
height: 30rem;
margin: 0 3rem;
}
.ly_content .left h2 {
font-size: 25px;
font-family: PingFangSC-Medium;
font-weight: 500;
color: #313336;
line-height: 40px;
margin-top: 10px;
}
.ly_content .left h4 span {
display: inline-block !important;
}
.ly_content .left h4 {
font-weight: 400;
font-size: 14px;
color: #313336;
line-height: 30px;
margin: 0.8rem 0 0;
}
.ly_content .gwboxbg {
display: inline-block;
margin-top: 3rem;
}
.ly_content .gwboxbg .heabox {
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 15px;
border-bottom: 1px solid #EFF2FC;
margin-bottom: 15px;
}
.ly_content .gwboxbg .heabox .head {
width: 45px;
height: 45px;
display: block;
margin-right: 20px;
border-radius: 50%;
}
.ly_content .gwboxbg .heabox h3 {
font-size: 16px;
font-weight: 600;
color: #313336;
margin-bottom: 5px;
white-space: nowrap;
}
.ly_content .gwboxbg .heabox p {
white-space: nowrap;
font-size: 13px;
color: #6A6E73;
}
.ly_content .gwboxbg .callbox {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.ly_content .gwboxbg .callbox p {
font-size: 14px;
line-height: 30px;
color: #313336;
margin-bottom: 15px;
}
.ly_content .gwboxbg .callbox .qr {
width: 85px;
display: block;
margin-right: 30px;
}
.ly_content .gwboxbg .callbox>div>div {
background: #eff6ff;
border-radius: 8px;
padding: 13px 15px;
}
.ly_content .gwboxbg .callbox .libx {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 13px;
font-weight: 500;
line-height: 30px;
color: #313336;
}
.ly_content .gwboxbg .callbox .ico {
width: 20px;
display: block;
margin: 0 10px 0 0;
}
.ly_content .right {
width: 60%;
}
.ly_content .right .back {
font-size: 0.6rem;
color: #A4A9B1;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 0 0.5rem -0.2rem;
cursor: pointer;
}
.ly_content .right .back img {
display: block;
width: 1rem;
}
.ly_content .right h2 {
font-size: 1rem;
font-family: PingFangSC-Semibold, Jost-SemiBold;
font-weight: 600;
color: #313336;
line-height: 1.2rem;
margin: 2.6rem 0 1.4rem;
}
.ly_content .right p.tit {
font-size: 14px;
font-family: PingFangSC-Semibold, Jost-SemiBold;
font-weight: 600;
color: #313336;
line-height: 50px;
margin-bottom: 0.4rem;
}
.ly_content .right p.tit i {
color: #EE5060;
}
.ly_content .right p.tit em {
font-size: 0.6rem;
color: #6A6E73;
font-family: PingFang SC;
font-weight: 400;
line-height: 1.3rem;
margin-left: 0.6rem;
}
.ly_content .right .flex {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.ly_content .right .flexs {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.ly_content .right .flex>div {
width: 48%;
}
.ly_content .right .input {
width: 100%;
border-radius: 0.3rem;
border: 1px solid #A4A9B1;
outline: none;
padding: 0.35rem 0.6rem;
box-sizing: border-box;
font-size: 13px !important;
height: 35px;
line-height: 35px;
margin-bottom: 1.4rem;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.ly_content .radiobox {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0.8rem;
}
.ly_content .radiobox p {
background: #eff6ff;
color: #313336;
font-size: 13px;
line-height: 30px;
padding: 0 1.2rem;
margin: 0 0.6rem 0.6rem 0;
border-radius: 0.3rem;
box-sizing: border-box;
cursor: pointer;
border: 1px solid transparent;
}
.ly_content .radiobox p:hover,
.ly_content .radiobox p.on {
color: #1054EE;
background: rgba(16, 84, 238, 0.1);
border: 1px solid #1054EE;
}
.ly_content .radiobox p:hover {}
.ly_content .right input,
.ly_content .right textarea,
.ly_content .right .input>select {
height: 100%;
width: 100%;
border: 0;
outline: none;
resize: none;
padding-left: 5px;
}
.ly_content .right textarea {
line-height: 1.5rem;
padding-left: 0px;
}
.ly_content .right .textarea {
height: 100px !important;
padding: 10px;
}
.ly_content .right .price {
width: calc(100% - 1rem);
background: transparent;
border: 0;
outline: none;
}
.ly_content .right .vcode {
width: calc(100% - 4rem);
background: transparent !important;
outline: none;
}
.ly_content .right .vcode:-webkit-autofill {
outline: none;
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
border: 0 !important;
transition: background-color 5000s ease 0s;
-webkit-text-fill-color: #000;
}
.ly_content .right .getcode {
font-size: 0.7rem;
color: #1054EE;
white-space: nowrap;
cursor: pointer;
}
.ly_content .right .getcode:hover {
color: #296AFF;
}
.ly_content .right .input .tips {
position: absolute;
top: calc(100% + 0.2rem);
left: 0;
font-size: 0.6rem;
color: #EE5060;
line-height: 0.85rem;
font-weight: 400;
font-family: PingFang SC;
display: none;
}
.ly_content .right .btn {
font-size: 13px;
color: #fff;
line-height: 30px;
padding: 0 1.1rem;
background: #1054EE;
border-radius: 6px;
cursor: pointer;
display: inline-block;
margin: 0.6rem 0.6rem 1rem 0;
border: 1px solid #1054EE;
box-sizing: border-box;
user-select: none;
}
.ly_content .right .btn:hover {
background: #296AFF;
border: 1px solid #296AFF;
}
.ly_content .right .btn.back,
.ly_content .right .btn.prevbtn {
background-color: transparent;
color: #1054EE;
border: 1px solid #1054EE;
}
.ly_content .right .btn.back:hover,
.ly_content .right .btn.prevbtn:hover {
background-color: transparent;
color: #296AFF;
border: 1px solid #296AFF;
}
.successbox {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 99;
}
.successbox .con {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 335px;
width: 19.58vw;
box-sizing: border-box;
padding: 3rem 1rem 1.8rem;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.successbox .close {
width: 1.5rem;
display: block;
cursor: pointer;
position: absolute;
right: 0.4rem;
top: 0.4rem;
cursor: pointer;
}
.successbox .icon {
width: 2rem;
display: block;
}
.successbox h4 {
font-size: 1rem;
font-family: PingFangSC-Semibold, Jost-SemiBold, PingFang SC;
font-weight: 600;
color: #04B472;
line-height: 1.4rem;
text-align: center;
margin-top: 1rem;
}
.successbox p {
margin: 0.6rem 0 1.8rem;
font-size: 0.7rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #313336;
line-height: 1.3rem;
text-align: center;
}
.successbox .btn {
font-size: 0.8rem;
color: #fff;
line-height: 2rem;
padding: 0 1.4rem;
background: #1054EE;
border-radius: 0.3rem;
cursor: pointer;
display: inline-block;
border: 1px solid #1054EE;
box-sizing: border-box;
user-select: none;
}
@media screen and (max-width:1500px) and (min-width:1200px) {
.ly_content>hr {
margin: 0 3rem;
}
}
@media screen and (max-width:1200px) and (min-width:800px) {
.ly_content {
display: block;
padding-top: 0;
padding-bottom: 0;
}
.ly_content .left h2 {
font-size: 1.5rem;
}
.ly_content .left h4 {
margin-bottom: 0;
font-size: 0.8rem;
display: none;
}
.ly_content .left p,
.ly_content .left .btn {
display: none;
}
.ly_content>hr {
display: none;
width: 100vw;
height: 1px;
position: absolute;
left: 0;
}
.ly_content .left,
.ly_content .right {
width: 49vw;
padding: 3rem 0;
margin: 0 auto;
}
.ly_content .left {
padding-bottom: 0;
}
.ly_content .gwboxbg {
margin-top: 1rem;
display: none;
}
}
@media screen and (max-width:800px) {
.pc {
display: none !important;
}
.successbox .close {
width: 3rem;
display: block;
cursor: pointer;
position: absolute;
right: 0.8rem;
top: 0.8rem;
cursor: pointer;
}
.successbox .icon {
width: 4rem;
display: block;
}
.successbox h4 {
font-size: 2rem;
font-family: PingFangSC-Semibold, Jost-SemiBold, PingFang SC;
font-weight: 600;
color: #04B472;
line-height: 2.8rem;
text-align: center;
margin-top: 2rem;
}
.successbox p {
margin: 1.2rem 0 3.6rem;
font-size: 1.4rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #313336;
line-height: 2.6rem;
text-align: center;
}
.successbox .btn {
font-size: 1.6rem;
color: #fff;
line-height: 4rem;
padding: 0 2rem;
background: #1054EE;
border-radius: 0.6rem;
cursor: pointer;
display: inline-block;
border: 1px solid #1054EE;
box-sizing: border-box;
user-select: none;
}
.ly_content {
display: block;
padding: 4rem 5.33vw 6rem;
}
.ly_content .left h4 span {
display: none !important;
}
.ly_content .left h2,
.ly_content .left h4 {
font-size: 2.2rem;
font-family: PingFangSC-Medium;
font-weight: 500;
color: #313336;
line-height: 3rem;
margin: 0;
}
.ly_content .right {
width: 100%;
padding-left: 0;
padding-top: 2rem;
}
.ly_content .right h2 {
display: none;
}
.ly_content .right .flex {
display: block;
}
.ly_content .right .flexs {
display: flex;
justify-content: center;
align-items: flex-start;
}
.ly_content .right .flex>div {
width: 100%;
}
.ly_content .right p.tit em,
.ly_content .right p.tit {
font-size: 1.4rem;
line-height: 2.6rem;
margin-bottom: 0.8rem;
}
.ly_content .right p.tit em {
font-size: 1.2rem;
}
.ly_content .right .upload {
background: #F7F9FF;
border-radius: 0.6rem;
font-size: 1.4rem;
line-height: 4rem;
height: 4rem;
padding: 0 2rem;
margin-bottom: 0.8rem;
}
.ly_content .right .upload .icon {
width: 1.6rem;
margin-right: 0.4rem;
}
.ly_content .right .input {
width: 100%;
border-radius: 0.6rem;
padding: 0.7rem 1.2rem;
box-sizing: border-box;
font-size: 13px !important;
height: 4rem;
line-height: 2.6rem;
margin-bottom: 2.8rem;
}
.ly_content .radiobox {
margin-bottom: 1.6rem;
}
.ly_content .radiobox p {
font-size: 1.4rem;
line-height: 4rem;
padding: 0 2.4rem;
margin: 0 1.2rem 1.2rem 0;
border-radius: 0.6rem;
}
.ly_content .radiobox.requirement_type p {
margin: 0 auto 1.2rem;
width: 31%;
padding: 0;
text-align: center;
}
.ly_content .right textarea {
line-height: 3rem;
}
.ly_content .right .textarea {
height: 16rem !important;
padding: 0.8rem 1.2rem;
}
.ly_content .radiobox p:hover {
border: 1px solid #1054EE;
}
.ly_content .right .getcode {
font-size: 1.4rem;
}
.ly_content .right .input .tips {
position: absolute;
top: calc(100% + 0.4rem);
left: 0;
font-size: 14px;
color: #EE5060;
line-height: 1.5rem;
display: none;
}
.ly_content .right .btn {
font-size: 1.4rem;
line-height: 4rem;
padding: 0 2.9rem;
border-radius: 0.6rem;
margin: 1rem 0.5rem 2.4rem;
border: 1px solid #1054EE;
box-sizing: border-box;
user-select: none;
}
.ly_content .right .btn.back,
.ly_content .right .btn.prevbtn {
background-color: transparent;
color: #1054EE;
border: 1px solid #1054EE;
}
}
/*黑夜夜间模式*/
.sp-dark-mode {
background-color: var(--night-bg-body);
color: #ffffff;
}
.sp-dark-mode .view-img {
background: rgb(0 0 0 / 92%) !important;
}
.sp-dark-mode .entry-meta a {
color: var(--night-color-dark);
}
.sp-dark-mode .logo-light {
display: none;
}
.sp-dark-mode .logo-dark {
display: inline;
}
.sp-dark-mode .shan {
display: none;
}
.sp-dark-mode a {
color: #ffffff;
}
.sp-dark-mode .reply2view {
background: var(--night-bg-body);
}
.sp-dark-mode input::-webkit-input-placeholder {
/* WebKit browsers 适配谷歌 */
color: #F2F2F5;
}
.sp-dark-mode input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 适配火狐 */
color: #F2F2F5;
}
.sp-dark-mode input::-moz-placeholder {
/* Mozilla Firefox 19+ 适配火狐 */
color: #F2F2F5;
}
.sp-dark-mode input:-ms-input-placeholder {
/* Internet Explorer 10+ 适配ie*/
color: #F2F2F5;
}
.sp-dark-mode .viewAll .btn {
color: #ffffff;
}
.sp-dark-mode .top-bar-left .logo-dark {
display: inline-block;
max-width: 170px;
min-width: 140px;
}
.sp-dark-mode .sp_list_index .entry-summary p {
background-color: var(--night-bg-body);
}
/*导航*/
.sp-dark-mode .login-div {
background: var(--night-bg-secondary);
}
.sp-dark-mode .login-div .info .info-thumb {
box-shadow: none;
}
.sp-dark-mode .login-div .info h2 {
color: #888;
}
.sp-dark-mode .darkstats_click i {
color: #fff200;
}
.sp-dark-mode .drop-down .aui-nav-dow:before {
background: var(--night-bg-secondary);
}
.sp-dark-mode .search-warp .showhide-search,
.sp-dark-mode .search-warp .search-area input.search-input {
background-color: var(--night-bg-body);
color: var(--night-color-dark);
}
.sp-dark-mode .search-warp .showhide-search i {
color: #ffffff;
}
.sp-dark-mode .darkstats_click {
color: #fff200 !important;
}
.sp-dark-mode .news-header {
background: none;
}
.sp-dark-mode .aui-dow-box {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
.sp-dark-mode .aui-down-menu-title {
color: #fff;
}
.sp-dark-mode .aui-dow-box::after {
border-bottom-color: var(--night-bg-body);
}
.sp-dark-mode .aui-top-border {
border-top: 0px solid var(--night-border-light);
}
.sp-dark-mode .aui-nav-dow {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
.sp-dark-mode .aui-nav-dow::after {
border-bottom-color: var(--night-bg-body);
}
.sp-dark-mode .stats {
background-color: var(--night-bg-body);
box-shadow: none;
}
.sp-dark-mode .stats::after {
border-bottom-color: var(--night-bg-body);
}
.sp-dark-mode .stats ul li {
color: #fff;
}
.sp-dark-mode input.wb-switch {}
.sp-dark-mode .dropdown-menu {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode .dropdown-menu>li>a {
color: var(--night-color-dark);
}
.sp-dark-mode .dropdown-menu>li>a:hover,
.sp-dark-mode ul.dropdown-menu #jl_viewHistory ul li a:hover,
.sp-dark-mode ul.dropdown-menu #jl_viewHistory ul li a:focus {
background-color: var(--night-bg-body);
}
.sp-dark-mode ul.dropdown-menu li .vhiy {
background-color: var(--night-bg-body);
}
.sp-dark-mode ul.dropdown-menu #jl_viewHistory ul li a {
color: var(--night-color-dark);
}
.sp-dark-mode ul.dropdown-menu #jl_viewHistory ul li a:hover {
color: #fff;
}
@media screen and (max-width: 991px) {
.sp-dark-mode .m_nav-list .lines .line {
background: #fff;
}
.sp-dark-mode .m_nav-wrapper {
background-color: #000000;
}
}
.sp-dark-mode .header__dropdown,
.sp-dark-mode .header__dropdown:before {
background-color: var(--night-bg-body);
}
.sp-dark-mode .header-center {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode .author-info-card:before,
.sp-dark-mode .author-info-card {
background-color: var(--night-bg-body)
}
.sp-dark-mode .aui-down-menu-list .item h2 {
color: var(--night-color-dark);
}
/*首页列表*/
.sp-dark-mode .top-bar {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode .sostats_close .sostats {
box-shadow: none;
background-color: rgba(56, 62, 67, .8);
}
.sp-dark-mode .primary-menu a {
color: var(--theme);
}
.sp-dark-mode .top-bar-menu a {
color: #F2F2F5;
}
.sp-dark-mode .top-admin,
.sp-dark-mode .top-admin a,
.sp-dark-mode .site-footer a {
color: #fff;
}
.sp-dark-mode #aus {
background-color: var(--night-bg-body);
box-shadow: none;
}
.sp-dark-mode .top-bar a:hover {
color: #fff;
}
.sp-dark-mode #aus::after {
border-bottom-color: var(--night-bg-body);
}
.sp-dark-mode .list-archive-day .tmes {
color: var(--night-color-dark);
}
/*首页列表*/
.sp-dark-mode .contpost {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
.sp-dark-mode .main-navigation {
box-shadow: none;
}
.sp-dark-mode .contt {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode .entry-title a,
.sp-dark-mode .section-cont .hunter-item a {
color: #ffffff;
}
.sp-dark-mode .top-news .section-cont .hunter-item {
margin-bottom: 0px;
}
.sp-dark-mode .entry-title a:hover,
.sp-dark-mode .widget-posts-title:hover,
.sp-dark-mode .primary-menu a:hover,
.sp-dark-mode .top-bar-menu a:hover {
color: var(--theme);
}
.sp-dark-mode .entry-summary p {}
.sp-dark-mode .part-mor {
margin-bottom: 15px;
background-color: var(--night-bg-body);
margin-top: 20px;
padding: 15px;
}
.sp-dark-mode .section-title,
.sp-dark-mode .section-title .more {
color: #ffffff;
border-bottom: 0px;
}
.sp-dark-mode .section-cont .hunter-item a {
background: var(--night-bg-secondary);
}
.sp-dark-mode .section-cont .hunter-item a:hover .btn {
background: var(--theme);
color: #fff;
}
.sp-dark-mode ol.page-navigator li a {
background: var(--night-bg-body);
color: white;
}
.sp-dark-mode ol.page-navigator li a:hover {
background: var(--theme);
border-color: var(--theme);
}
.sp-dark-mode ol.page-navigator li.current a {
border-color: var(--theme);
background: var(--theme);
}
.sp-dark-mode .post-list {
border-bottom: 1px solid var(--night-border-light);
}
.sp-dark-mode .entry-content .contt {
border-top: 0px solid var(--night-border-light)78;
}
.sp-dark-mode .entry-content .post-list {
border-bottom: 0px solid var(--night-border-light)78 !important;
}
.sp-dark-mode .lire {}
.sp-dark-mode .toggle {
background: none;
}
.sp-dark-mode .section-cont .hunter-item h4 .btn {
background: var(--night-bg-body);
}
.sp-dark-mode .widget-list-title i {
color: #fff;
}
.sp-dark-mode .widget-list-title {
color: #fff;
}
.sp-dark-mode .sp_list__loading .item {
border-bottom: 1px solid var(--night-border-light);
}
.sp-dark-mode .sp_list__loading .item .information .abstract p,
.sp-dark-mode .sp_list__loading .item .information .title,
.sp-dark-mode .sp_list__loading .item .thumbnail {
background: var(--night-border-light);
}
/*个人主页*/
.sp-dark-mode .user__list li span {
color: var(--night-color-dark);
}
/*底部*/
.sp-dark-mode .site-footer {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
.sp-dark-mode .footer-l-top a {
color: #fff;
margin-right: 20px;
}
.sp-dark-mode .footer-l-top {
border-bottom: 1px solid var(--night-border-light);
}
.sp-dark-mode .news-foot .t_tl {
color: #fff;
}
.sp-dark-mode .footer-l-btm p {
color: var(--night-color-dark);
}
/*边栏列表*/
.sp-dark-mode .ts::before {
background-color: rgb(255 255 0 / 0%);
}
.sp-dark-mode .widget-title strong {
background: none;
}
.sp-dark-mode .list-archive-day {
border-bottom: 1px dashed var(--night-border-light);
}
.sp-dark-mode .list-archive-day i {
color: #888;
}
.sp-dark-mode .widget-article-newest span {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode .widget-article-newest:before {
border-top: 1px solid var(--night-border-light);
}
.sp-dark-mode .entry-content hr {
background-color: var(--night-border-light);
}
.sp-dark-mode .widget,
.sp-dark-mode .fixed-sidebar .menu {
background-color: var(--night-bg-secondary);
box-shadow: none;
border: 0px solid #F3F3F3;
}
.sp-dark-mode .widget-title span {
background: var(--night-bg-secondary);
color: #fff;
}
.sp-dark-mode .widget-title i {
color: #fff;
}
.sp-dark-mode .widget_img {
box-shadow: none;
}
.sp-dark-mode .widget .item .meta .views {
color: var(--night-color-dark);
}
.sp-dark-mode .p_wen {
border-bottom: 1px solid var(--night-border-light);
}
.sp-dark-mode .widget-posts-title,
.sp-dark-mode .hunter-widget-hunter-authors .item .item-main h2 a,
.sp-dark-mode .widget .item .meta,
.sp-dark-mode .hunter-widget-hunter-authors .item .item-main h3 a,
.sp-dark-mode .hunter-widget-hunter-authors .item .item-main h4 {
color: var(--night-color-dark);
}
.sp-dark-mode .widget .item .comment-content {
background-color: var(--night-bg-body);
}
.sp-dark-mode .widget .item .comment-content::before {
border-bottom: 6px solid var(--night-bg-body);
}
.sp-dark-mode .a_cl {
border-top: 1px solid var(--night-border-light)78;
}
.sp-dark-mode .widget-hunter-topics .wall-item {
background: none;
}
.sp-dark-mode .widget .item h2 {
color: #fff;
}
.sp-dark-mode .widget .item h2 a {
color: var(--night-color-dark);
}
.sp-dark-mode .viewAll {
background: none;
}
.sp-dark-mode .wRecent .item {
border-bottom: 1px dashed var(--night-border-light);
}
.sp-dark-mode .wRecent .item a {
color: var(--night-color-dark);
}
.sp-dark-mode .fixed-sidebar .menu .link-0,
.sp-dark-mode .hunter-widget-hunter-authors .item .item-main {
color: #ffffff;
}
.sp-dark-mode .hunter-widget-hunter-authors .item {
border-bottom: 1px dashed var(--night-border-light);
}
.sp-dark-mode .widget-kx-list .kx-title {
color: var(--color-secondary);
}
.sp-dark-mode .column-newsflash-vertiacl-line {
border: 0px solid var(--color-secondary);
}
/*内容页*/
.sp-dark-mode .aitag-btn {
background: var(--theme);
color: #fff;
}
.sp-dark-mode .post_ai_desc {
color: var(--night-color-dark);
}
.sp-dark-mode .widget-posts-meta i,
.sp-dark-mode .entry-summary p,
.sp-dark-mode .widget-box-intro,
.sp-dark-mode .entry-meta,
.sp-dark-mode .entry-meta a,
.sp-dark-mode .lire li a,
.sp-dark-mode .liretime {
color: var(--night-color-dark);
}
.sp-dark-mode .bs_img {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode .postArticle-meta {
color: var(--night-color-dark);
}
.sp-dark-mode .nerpage {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
.sp-dark-mode .page-title,
.sp-dark-mode .edit a {
color: #ffffff;
}
.sp-dark-mode .border-theme {
background-color: var(--night-border-light);
}
.sp-dark-mode .entry-content pre code {
background: var(--night-bg-body);
}
.sp-dark-mode .video-index {
background-color: var(--night-bg-secondary);
box-shadow: none;
border-radius: 5px;
}
.sp-dark-mode .entry-content p {
color: var(--night-color-dark);
}
.sp-dark-mode .post-tags a {
border: 0px;
background: var(--night-bg-body);
color: #fff;
}
.sp-dark-mode .post-tags a:hover {
background: var(--theme);
}
.sp-dark-mode .entry-content a {
color: var(--theme);
}
.sp-dark-mode .entry-content .entry-container .entry-title a {
border-bottom: 0px solid #e2dddd70;
}
.sp-dark-mode .entry-content del {
background-image: linear-gradient(180deg, rgb(245 237 237 / 80%) 20%, rgba(0, 0, 245, 0) 0, transparent 75%, rgb(253 252 252 / 80%) 76%);
}
.sp-dark-mode .postArticle-meta time {
color: #fff;
}
.sp-dark-mode .postArticle-meta:after {
background-color: #fff;
}
.sp-dark-mode .entry-content li {
color: var(--night-color-dark);
}
.sp-dark-mode .fn_article_nav {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode #mArticle {
color: #fff;
}
.sp-dark-mode .dianzan button {
background: var(--theme);
color: #fff;
}
.sp-dark-mode .toc-arrow {
border-bottom: 10px solid var(--night-bg-secondary);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.sp-dark-mode .title_read h1 {
color: #fff;
}
.sp-dark-mode #bg_read {
background-color: var(--night-bg-secondary) !important;
}
.sp-dark-mode .bar_zan {
background: var(--theme) !important;
color: white;
}
.sp-dark-mode .Menu-item a {
color: black;
}
.sp-dark-mode .tip {
background: var(--night-bg-body);
}
.sp-dark-mode .Copyrightnew {
background: var(--night-bg-body);
color: var(--night-color-dark);
}
.sp-dark-mode .sider-footer i {
color: var(--night-color-dark);
box-shadow: none;
}
.sp-dark-mode .sider-footer i:hover {
color: #fff;
}
.sp-dark-mode .entry-footer.fixed .entry-bar-inner {
background: var(--night-bg-body);
}
.sp-dark-mode .comments-info-title {
border-bottom: 1px solid var(--night-border-light);
}
.sp-dark-mode .sider-footer {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
.sp-dark-mode .dot {
border-top: 1px solid var(--night-border-light);
}
.sp-dark-mode .sider-footer-user {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
.sp-dark-mode .entry-page-next:before,
.sp-dark-mode .entry-page-prev:before {
background: var(--night-bg-body);
}
/*评论框*/
.sp-dark-mode .respond #new_comment_form textarea {
border: 1px solid var(--night-bg-body);
background-color: var(--night-bg-body);
color: var(--night-color-dark);
}
.sp-dark-mode #comments p {
color: var(--night-color-dark);
}
.sp-dark-mode .comment-overlay {
background-color: var(--night-bg-body);
opacity: 0.9;
}
.sp-dark-mode .comments-title:before {
border-top: 1px solid var(--night-border-light);
}
.sp-dark-mode .comments-title span {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode .comment-body {
border-bottom: 1px solid var(--night-border-light);
}
.sp-dark-mode .respond #new_comment_form {
background-color: var(--night-bg-body);
}
.sp-dark-mode .respond #new_comment_form .inp {
background-color: var(--night-bg-body);
border-radius: 8px 8px 0 0;
}
.sp-dark-mode .OwO .OwO-logo {
color: #fff;
}
.sp-dark-mode .respond #new_comment_form .bottom {
background-color: var(--night-bg-body);
border-radius: 0 0 8px 8px;
}
.sp-dark-mode .navigation-tab {
background-color: var(--night-bg-secondary);
box-shadow: none;
border: 10px solid var(--night-bg-secondary);
}
.sp-dark-mode .comment-footer .comment-footer-main .btn {
background: var(--night-bg-secondary);
}
.sp-dark-mode .comment-footer {
border-top: 1px solid var(--night-border-light);
}
.sp-dark-mode .comment-footer {
color: var(--night-color-dark);
}
/*视频页*/
.sp-dark-mode .video-content {
background: var(--night-bg-secondary);
box-shadow: none;
}
.sp-dark-mode .mobile-sidebar-column {}
.sp-dark-mode .mobile-sidebar-menu {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
/*移动端导航*/
.sp-dark-mode .navbar .container>.navbar-collapse {
background: #131313;
}
.sp-dark-mode .mobile-sidebar-column {}
.sp-dark-mode .mobile-sidebar-menu {
background-color: var(--night-bg-secondary);
box-shadow: none;
}
/*个人主页*/
.sp-dark-mode .author-header-meta .name {
color: #ffffff;
}
.sp-dark-mode .user_center .d_meta {
background: var(--night-bg-body);
}
.sp-dark-mode .member .form__input {
color: var(--night-color-dark);
background-color: var(--night-bg-body);
}
/*404*/
.sp-dark-mode .error-page p {
color: #ffffff;
}
.sp-dark-mode .apply-section {
background-color: var(--night-bg-secondary);
}
.sp-dark-mode .CreatorRecruitTitle {
color: #F2F2F5;
font-weight: 400;
}
.sp-dark-mode .CreatorRecruitDesc-text {
color: #F2F2F5;
}
/*页脚news*/
.sp-dark-mode .site-footer .site-info {
background: var(--night-bg-secondary);
}
.sp-dark-mode .news-foot {
background: var(--night-bg-secondary);
box-shadow: none;
border-bottom: 1px solid var(--night-border-light);
}
.sp-dark-mode .news-foot .item-thumb {
border-radius: 5px 5px 0 0;
}
.sp-dark-mode .news-foot .item-main {
border: 0px solid #f3f3f3;
background: var(--night-bg-secondary);
}
.sp-dark-mode .news-foot h3 {
color: #ffffff;
}
.sp-dark-mode .nercontt {
border-bottom: 1px solid var(--night-border-light);
}
.sp-dark-mode .news-foot .t_tls {
color: var(--night-color-dark);
}
.sp-dark-mode .aui-down-menu-list .item a {
background: var(--night-bg-secondary);
}
.sp-dark-mode .zbg {
background-color: var(--night-bg-body);
}
/* GGB小程序 */
.ggbapplet {
border: none;
max-width: 98%;
}
@media screen and (max-width: 900px) {
.ggbapplet {
width: 100% !important;
height: 220px !important;
}
}
/* 导航栏应用按钮 */
.application {
position: relative;
cursor: pointer;
}
.application .header__dropdown {
width: auto;
min-width: 90px;
right: 0;
}
.application:hover .header__dropdown {
visibility: visible;
opacity: 1;
transition: all 0.2s;
top: 100%;
}
.applist {
padding: 0 10px;
}
.applist li {
position: relative;
display: block;
float: left;
line-height: 50px;
text-wrap: nowrap;
}
.applist li a:hover{
color: var(--theme);
}
/* 自定义块 tip warning info */
.custom-block *{
font-family: "Punctuation SC","Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}
.custom-block {
margin: 16px 0;
}
.custom-block {
line-height: 24px;
font-size: 14px;
color: #67676c;
border: 1px solid #0000;
border-radius: 8px;
padding: 16px 16px 8px;
}
.custom-block.tip {
border-color: transparent;
color: #3c3c43;
background-color: rgba(100, 108, 255, .14);
}
.custom-block.warning {
border-color: transparent;
color: #3c3c43;
background-color: #eab30824;
}
.custom-block.info {
border-color: transparent;
color: #3c3c43;
background-color: rgba(142, 150, 170, 0.14);
}
.custom-block p {
margin: 8px 0;
line-height: 24px;
}
.custom-block p:first-child {
margin: 0;
}
.custom-block-title {
font-weight: 600;
}
.custom-block.tip code {
background-color: rgba(100, 108, 255, .14);
}
.custom-block.tip a, .custom-block.tip code {
color: #3451b2;
}
.custom-block.warning code {
background-color: rgba(234, 179, 8, .14);
}
.custom-block.warning a, .custom-block.warning code {
color: #915930;
}
.custom-block.info code {
background-color: rgba(142, 150, 170, 0.14);
}
.custom-block.info a, .custom-block.info code {
color: #3451b2;
}