@import url("css/style.css"); @import url("css/rubik.css"); * {
    margin: 0px;
    padding: 0px;
}

* {
    box-sizing: border-box;
}

::after, ::before {
    box-sizing: border-box;
}

div, h1, h2, h3, h4, h5, h6, p, form, ul, label, input, textarea, img, span, dl, dt, dd {
    margin: 0px;
    padding: 0px;
    outline: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

em, i {
    font-style: normal;
}

img {
    border: 0px;
    display: block;
}

ul, li {
    list-style: none;
}

ol li {
    margin-left: 20px;
    list-style: decimal;
    padding-left: 3px;
}

a {
    color: rgb(255 255 255 / 80%);
    text-decoration: none;
    transition: background-color 0.15s linear 0s, color 0.15s linear 0s;
}

button {
    transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

a:focus, button:focus {
    outline: 0px;
}

a:hover {
    text-decoration: none;
    color: rgb(255 255 255 / 70%);
}

blockquote {
    background: rgba(68, 142, 246, 0.1);
    border-left: 4px solid rgb(3, 78, 255);
    position: relative;
    width: 100%;
    padding: 16px 16px 16px calc(32px);
    margin-bottom: 15px;
    font-size: 14px;
    border-radius: 5px;
    word-break: break-all;
    transition: all 0.28s ease 0s;
}

blockquote::before {
    position: absolute;
    color: rgb(3, 78, 255);
    content: '\e739';
    top: calc(50% - 12px);
    left: 4px;
    width: 24px;
    height: 24px;
    text-align: center;
    font-weight: 600;
    line-height: 24px;
    vertical-align: middle;
    font-family: icomoon;
}

blockquote p {
    margin: 2px 0px !important;
}

table {
    border-collapse: collapse;
}

table, table th, table td {
    border: 1px solid rgb(238, 238, 238);
}

table th, table td {
    padding: 6px;
}

table th {
    background-color: rgb(246, 247, 248);
}

h3 i {
    margin-right: 6px;
    font-size: 18px;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0px);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0px);
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.gx {
    position: relative;
}

.gx::after {
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2));
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    top: 0px;
    left: -85%;
    z-index: 2;
    transform: skewX(-25deg);
    pointer-events: none;
}

li:hover .gx::after {
    animation: 0.8s ease 0s 1 normal none running shine;
}

.aside li:hover .gx::after {
    animation: 0.5s ease 0s 1 normal none running shine;
}

.fadebox {
    opacity: 0;
}

.btn {
    appearance: none;
    border-radius: 2px;
    border: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: transparent;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
    color: rgb(255, 255, 255) !important;
}

.btn.primary {
    box-shadow: none;
    background: linear-gradient(to right, rgb(240, 142, 7) 0%, rgb(241, 35, 35) 100%);
    color: rgb(255, 255, 255) !important;
}

.btn:hover {
    box-shadow: none;
    background: linear-gradient(to right, rgb(241, 35, 35) 0%, rgb(240, 142, 7) 100%);
    color: rgb(255, 255, 255) !important;
}

.decor {
    text-decoration: line-through;
}

.aboxd img, .atopd img {
    max-width: 100%;
}

.clear {
    clear: both;
}

.blank {
    height: 20px;
    overflow: hidden;
    width: 100%;
    margin: auto;
    clear: both;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.r_box li, .pagelist, .l_box .sidebar, .infosbox, .commen_pl, .related-list, .slider, .aboxd, .atopd, .topbox li, .jzcms1, .jzcmslist, .list-nav, .nextpro .post-overlay, .topvi, .specialbox li {
    transition: all 0.28s ease 0s;
}

.r_box li:hover, .pagelist:hover, .l_box .sidebar:hover, .infosbox:hover, .commen_pl:hover, .related-list:hover, .slider:hover, .aboxd:hover, .atopd:hover, .topbox li:hover, .jzcms1:hover, .jzcmslist:hover, .list-nav:hover, .pageload .view-more-button:hover, .topvi:hover, .specialbox li:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 0.1) 0px 4px 8px 0px, rgba(0, 0, 0, 0.1) 0px 8px 16px 0px;
}

.article {
    overflow: hidden;
    padding: 0;
    zoom: 1;	
}

.aside {
    width: 310px;
    float: right;
    display: block;
    position: relative;
    z-index: 1;
    margin-left: -310px;
}

.r_box, .ra_box {
    float: left;
    width: 100%;
    min-height: 99vh;
}

.r_box .isTop, .r_box .isfenlei, .r_box .isvideo {
    padding: 2px 6px 0px;
    border: 0px solid currentcolor;
    font-size: 14px;
    vertical-align: 1px;
    margin-right: 5px;
    display: inline-block;
    background: rgb(241, 64, 75);
    color: rgb(255, 255, 255);
    border-radius: 2px;
    line-height: 1.3;
}

.r_box .isfenlei {
    background: rgb(3, 78, 255);
}

.r_box .isfenlei:hover {
    opacity: 0.85;
    color: rgb(255, 255, 255);
}

.r_box .isvideo {
    background: rgb(59, 168, 111);
}

.r_box .isvideo {
    background: rgb(59, 168, 111);
}

.r_box .jiao {
    position: absolute;
    top: 15px;
    left: 15px;
    overflow: hidden;
    z-index: 1;
}

.main {
    margin-right: 330px;
}

.container {
    /* width: 1160px; */
    /* margin: auto; */
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    max-width: 1640px;
}

nav {
    /* width: 1160px; */
    /* margin: auto; */
    /* position: relative; */
    /* height: 70px; */
    /* line-height: 70px; */
    /* text-align: center; */
    align-items: center;
    display: flex;
    height: 70px;
    justify-content: space-between;
    position: relative;
}

.logo {
    /* float: left; */
    font-size: 22px;
    flex: 2;
}

.logo img {
    height: 40px;
    /* margin-top: 15px; */
}

img.nightlogoimg {
    display: none;
}

.slider {
    overflow: hidden;
    margin: 0px auto 20px;
    /* max-width: 1200px; */
    box-shadow: rgba(158, 158, 158, 0.2) 0px 0px 10px -2px;
    border-radius: 2px;
    height: 500px !important;
}

.slider .slideBox li {
    padding: 0px;
    border: 0px;
}

.slider .slideBox {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 500px;
}

.slider .slideBox .bd {
    position: relative;
    z-index: 0;
    height: 500px !important;
}

.slideBox .bd ul li {
    width: 100%;
}

.slider .slideBox .bd ul {
    width: 100%;
}

.slideBox .bd ul li {
    margin: 0px;
    background-color: transparent;
    position: relative;
}

.slider .slideBox .bd img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.slideBox .next, .slideBox .prev {
    position: absolute;
    top: 40%;
    z-index: 10;
    width: 33px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    margin: 5px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    text-align: center;
}

.slideBox .prev {
    left: -38px;
}

.slideBox .next {
    right: -38px;
}

.slider:hover .slideBox .next {
    right: 150px;
}

.slider:hover .slideBox .prev {
    left: 150px;
}

.slideBox .hd {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.slideBox .hd ul li {
    display: inline-block;
    width: 15px;
    height: 2px;
    margin: 0px 2px;
    border: 0px solid rgba(0, 0, 0, 0.5);
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease 0s;
}

.slideBox .hd ul .on {
    width: 30px;
    border-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
}

.slideBox .list-body {
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: 0px;
    padding-top: 225px;
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(34 40 49 / 40%);
    color: rgb(255, 255, 255);
    text-align: center;
}

.slideBox .list-body h3 {
    font-size: 24px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
}

.slideBox .list-body p {
    font-size: 16px;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 115px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    position: relative;
}

.slideBox .list-body .button {
    position: absolute;
    bottom: 40px;
    line-height: 2.8;
    padding: 0px 40px;
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    overflow: hidden;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%);
    border-radius: 10px;
}

.slideBox .list-body .button:hover {
}

@media screen and (max-width: 1189.9px) {
    .slideBox .list-body p {
        max-height: 86px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
    }

    .slideBox .list-body {
        padding-right: 60px;
    }

    .slideBox .list-body .button {
        padding: 0px 20px;
        line-height: 2.5;
    }
}

@media screen and (max-width: 980px) {
    .slideBox .list-body {
        padding: 20px 40px 20px 20px;
    }

    .slideBox .list-body h3 {
        font-size: 20px;
    }

    .slideBox .list-body .button {
        bottom: 95px;
    }
	.view{
		display:block!important;
	}
	.r_box .postfoot div{
		display:block!important;
	}
    .slideBox .list-body p {
        font-size: 14px;
    }

    .slideBox .hd {
        width: 61%;
    }

    .slideBox .list-body {
        width: 40%;
    }

    .slider {
        margin-top: 0px;
    }

    .slideBox .prev {
        left: 0px;
        opacity: 0.4;
    }

    .slideBox .next {
        right: 0px;
        opacity: 0.4;
    }

    .slider, .slider .slideBox .bd img, .slider .slideBox .bd, .slider .slideBox {
        height: 40vw !important;
    }
}

@media screen and (max-width: 768.1px) {
    .slideBox .list-body {
        width: 100%;
        padding: 10px;
        height: auto;
        background: rgba(34, 40, 49, 0.7);
    }

    .slider .slideBox .bd img {
        width: 100%;
    }

    .slider, .slider .slideBox .bd img, .slider .slideBox .bd, .slider .slideBox {
        height: 50vw !important;
    }

    .slideBox .hd {
        top: 0px;
        width: 100%;
    }

    .slideBox .list-body h3 {
        font-size: 16px;
        margin: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inherit;
    }

    .slideBox .list-body p {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .slideBox .next, .slideBox .prev {
        top: 30%;
    }

    .slider .slideBox {
        margin-bottom: 5px;
        border-width: 0px 0px 1px;
        border-top-style: initial;
        border-right-style: initial;
        border-left-style: initial;
        border-top-color: initial;
        border-right-color: initial;
        border-left-color: initial;
        border-image: initial;
        border-bottom-style: solid;
        border-bottom-color: rgb(238, 238, 238);
        background: rgb(255, 255, 255);
    }
}

#starlist {
    float: left;
    margin-left: 25px;
}

#starlist li {
    float: left;
    display: block;
    padding: 0px 10px;
    font-size: 15px;
    position: relative;
    transition: background-color 0.15s linear 0s, color 0.15s linear 0s;
}
#starlist li a{
	color:#000;
}

#starlist li i, .sidebar li i {
    margin-right: 4px;
}

#starlist li::before {
    width: 0px;
    height: 3px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    background-color: #ff9500;
    content: "";
    transition: all 0.6s ease 0s;
    z-index: -1;
}

#starlist li:hover::before {
    width: 100%;
    left: 0px;
}

#starlist li.selected:hover::before {
    width: 100%;
    left: 0px;
    margin: 0px;
}

#starlist li.selected::before {
    width: calc(100% - 20px);
    left: 0px;
    margin: 0px 10px;
}

#starlist li:hover a, #starlist li:hover i.jzicon-arrow-down {
    color: rgb(255 149 0);
}

#starlist ul.sub-nav {
    opacity: 0;
    list-style: none;
    padding: 5px;
    margin-left: -15px;
    margin-top: -10px;
    min-width: 110px;
    border-radius: 3px;
    background: rgb(255, 255, 255);
    position: absolute;
    z-index: 888;
    top: 100%;
    visibility: hidden;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px;
}

#starlist ul.sub-nav li a {
    width: 100%;
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    position: relative;
}

#starlist ul.sub-nav::before {
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent rgb(255, 255, 255);
    border-image: initial;
    content: "";
    left: 0px;
    margin-left: 15px;
    position: absolute;
    top: -16px;
    width: 16px;
    height: 16px;
}

#starlist ul.sub-nav li a:hover, #starlist li:hover {
    background: rgba(68, 142, 246, 0.1);
}

#starlist ul.sub-nav li a {
    border-radius: 4px;
    padding: 0px 5px;
}

#starlist ul.sub-nav li {
    width: 100%;
    height: 35px;
    line-height: 35px;
    display: block;
    padding: 0px;
    margin: 0px;
}

#starlist ul.sub-nav li::before {
    background-color: transparent;
}

#starlist li .jzicon-arrow-down::before {
    display: inline-block;
    transition: all 0.3s ease 0s;
}

#starlist li:hover .jzicon-arrow-down::before {
    transform: rotate(180deg);
}

#starlist.active li .jzicon-arrow-down::before {
    display: inline;
}

#starlist li.on ul.sub-nav {
    display: block;
    opacity: 1;
    top: auto;
    visibility: visible;
    margin-top: -4px;
}

#starlist.active li:hover ul.sub-nav {
    display: none;
}

#starlist.active ul.sub-nav {
    max-width: 100%;
    overflow: hidden;
    opacity: 1;
    display: none;
}

#starlist.active ul.sub-nav li {
    height: 40px;
    line-height: 40px;
}

#starlist.active ul.sub-nav li a {
    width: auto;
    text-align: left;
    margin-left: 40px;
    padding: 10px 0px;
    font-size: 14px;
}

#starlist.active ul.sub-nav li a:hover {
    background-color: transparent;
}

#starlist.active li {
    position: relative;
}

#starlist.active ul.sub-nav {
    box-shadow: none;
}

#starlist.active li em.dot {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 40px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0);
    cursor: pointer;
    line-height: 50px;
}

#starlist.active ul.sub-nav {
    position: static;
}

.jzicon-yejian-h::before {
    color: rgb(255, 96, 0);
}

#starlist li.selected a, #starlist li.selected .jzicon-arrow-down::before, #starlist li:hover ul a:hover, #starlist li ul li.selected a {
    color: rgb(3, 78, 255);
}

#starlist li.selected ul a, #starlist li:hover ul a {
    color: rgb(85, 85, 85);
}

.header-navigation {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: rgb(255 255 255 / 10%);
    z-index: 998;
    box-shadow: rgba(17, 58, 93, 0.03) 0px 15px 40px 0px;
    transition: all 0.3s ease 0s;
}

.header-navigation.slideUp {
    top: -70px;
}

#percentageCounter {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 2px;
    z-index: 2;
    background-color: rgb(3, 78, 255);
}

footer {
    width: 100%;
    text-align: center;
    clear: both;
    background: rgba(34, 40, 49, 0.9);
    word-break: normal;
}

footer p {
    width: 1160px;
    margin: auto;
    position: relative;
    text-align: center;
    padding: 20px 25px;
    color: rgb(156, 160, 173);
}

footer a {
    color: rgb(165, 164, 164);
}

footer span {
    display: inline-block;
}

footer img {
    display: inline-block;
    float: left;
    margin-right: 2px;
    margin-top: 1px;
    height: 17px;
}

#go-to-top {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: rgba(10, 10, 10, 0.2);
    overflow: hidden;
    display: none;
    z-index: 999;
}

#go-to-top:hover {
    background: rgb(3, 78, 255);
    opacity: 1;
}

#go-to-top::before {
    font-family: icomoon;
    font-size: 20px;
    color: rgb(255, 255, 255);
    content: '\e93c';
}

#go-to-top.active {
    display: block;
}

.searchbox {
    width: 32px;
    text-align: center;
    font-size: 22px
}

.searchbox span, #mnavh span, .jznight span {
    /* width: 20px; */
    /* height: 70px; */
    /* position: absolute; */
    /* font-size: 19px; */
    /* top: 0px; */
    /* padding: 0px; */
    /* margin: 0px; */
    /* line-height: 70px; */
    /* cursor: pointer; */
    /* z-index: 99; */
}

#mnavh span {
    display: none;
    left: 0px;
    text-align: center;
}

.searchbox span {
    display: block;
    width: 32px;
    text-align: center;
    font-size: 22px;
}

.jznight span {
    display: block;
    /* right: 40px; */
}

.b-nav-search_wrap {
    transition: max-height 0s ease 0s, all 0.5s ease 0s;
    position: absolute;
    top: 72px;
    left: 0px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    background-color: rgba(34, 40, 49, 0.79);
    z-index: 100;
    box-shadow: rgba(158, 158, 158, 0.2) 0px 0px 10px -2px;
    border-radius: 2px;
}

.b-nav-search_wrap input, .b-nav-search_wrap button {
    box-sizing: border-box;
    display: block;
    height: 50px;
}

.b-nav-search_wrap input[type="search"] {
    width: 100%;
    padding: 0px 5px 0px 22px;
    background-color: transparent;
    border: none;
    color: rgb(255, 255, 255);
    appearance: none;
}

.b-nav-search_wrap input[type="search"]::-webkit-input-placeholder {
    color: rgb(189, 202, 218);
}

.b-nav-search_wrap button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 60px;
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background: rgb(255 149 0);
    border: none;
    border-radius: 0px;
    cursor: pointer;
    font-size: 18px;
}

.b-nav-search_wrap.active {
    max-height: 400px;
}

.slideUp .b-nav-search_wrap.active {
    max-height: 0px;
}

.gbko {
    padding: 10px 20px 20px;
}

.sitemap {
	width: 100%;
	font-size: 14px;
	color: rgb(136, 136, 136)!important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0px auto;
	max-width: 1640px;
	line-height: 2;
	padding-bottom: 10px;
	padding-top:10px;
}

.sitemap a {
    font-size: 14px;
    color: rgb(136, 136, 136);
}

.sitemap i {
    margin-right: 6px;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.sidebar {
    padding: 16px 20px 20px;
    margin-bottom: 20px;
}

#divCalendar, #divMisc {
    padding-top: 20px;
}

.sidebar img {
    max-width: 100%;
}

.sidebar .side-title {
    height: 32px;
    font-size: 18px;
    color: rgb(3, 78, 255);
    margin-bottom: 13px;
    text-align: left !important;
}

.sidebar .side-title h3 {
    position: relative;
    display: inline-block;
    font-size: 18px;
}

.l_box .sidebar {
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    border-radius: 2px;
    box-shadow: rgba(158, 158, 158, 0.2) 0px 0px 10px -2px;
}

.about_me img {
    width: 100%;
}

.about_me p {
    line-height: 24px;
    font-size: 14px;
}

.about_me i {
    width: 120px;
    float: left;
    clear: left;
    margin-right: 10px;
    overflow: hidden;
}

#divMisc li {
    width: 50%;
    overflow: hidden;
    float: left;
    padding: 4px;
}

#divMisc li img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}

#divArchives li, #divNavBar li, #divStatistics li, #divCatalog li {
    width: 50%;
    height: 32px;
    float: left;
    line-height: 32px;
    overflow: hidden;
}

#divComments li, #divPrevious li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
    height: 32px;
    line-height: 32px;
}

#divNavBar li::before, #divCatalog li::before, #divComments li::before, #divPrevious li::before {
    content: "\e736";
    font-family: icomoon;
    margin-right: 4px;
}

#divFavorites a, #divLinkage a, #divAuthors a {
    display: block;
    float: left;
    margin: 0px 10px 5px 0px;
}

#side-new-about-item, #side-new-about-itemd, #side-new-about-user, #sidebar-mobile-user {
    text-align: center;
}

#side-new-about-item .content, #side-new-about-itemd .content, #side-new-about-user .content, #sidebar-mobile-user .content {
    position: relative;
}

#side-new-about-item .side-title, #side-new-about-itemd .side-title, #side-new-about-user .side-title, #sidebar-mobile-user .side-title {
    display: none;
}

.sidebar#side-new-about-item, .sidebar#side-new-about-itemd, .sidebar#side-new-about-user, #sidebar-mobile-user {
    padding: 0px;
}

#side-new-about-item #about-bg, #side-new-about-user #about-bg, #sidebar-mobile-user .about-bg {
    height: 145px;
}

#side-new-about-itemd .avatar img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

#side-new-about-item .avatar img, #side-new-about-user .avatar img, #sidebar-mobile-user .avatar img {
    display: block;
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 2px solid rgb(255, 255, 255);
    width: 90px;
    height: 90px;
}

#side-new-about-item .text, #side-new-about-user .text {
    margin: 45px 20px 5px;
}

#side-new-about-itemd .textd {
    margin: 15px 20px 0px;
}

#side-new-about-item .text h2, #side-new-about-itemd .text h2, #side-new-about-user .text h2, #sidebar-mobile-user .text h2 {
    font-size: 1.1rem;
    margin: 8px 10px;
}

#side-new-about-user .text h2 span, #sidebar-mobile-user .text h2 span {
    border: 1px solid rgb(3, 78, 255);
    padding: 1px 3px;
    border-radius: 2px;
    font-size: 12px;
    color: rgb(3, 78, 255);
    margin-left: 4px;
    vertical-align: 1px;
}

#side-new-about-itemd .text h2 {
    margin: 6px 10px;
}

#side-new-about-item .text p, #side-new-about-itemd .text p, #side-new-about-user .text p, #sidebar-mobile-user .text p {
    font-size: 14px;
    margin: 0px 8px;
    empty-cells: hide;
    color: rgb(122, 122, 122);
}

#side-new-about-item .card-info-data, #side-new-about-user .card-info-data, #sidebar-mobile-user .card-info-data {
    display: table;
    padding: 15px 5px 0px;
    width: 100%;
    table-layout: fixed;
    font-size: 14px;
}

#side-new-about-user .card-info-data, #sidebar-mobile-user .card-info-data {
    margin-bottom: 30px;
}

#side-new-about-item .card-info-data-item, #side-new-about-user .card-info-data-item, #sidebar-mobile-user .card-info-data-item {
    display: table-cell;
}

#side-new-about-item .card-info-data-item .length_num, #side-new-about-user .card-info-data-item .length_num, #sidebar-mobile-user .card-info-data-item .length_num {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 700;
}

#side-new-about-user .card-info-data-item:hover .length_num {
    color: rgb(3, 78, 255);
}

#side-new-about-item .card-info-data-item .headline, #side-new-about-user .card-info-data-item .headline {
    color: rgba(68, 68, 68, 0.65);
}

#side-new-about-item .sidebar-icon, #side-new-about-itemd .sidebar-icon {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

#side-new-about-itemd .sidebar-icon {
    margin-top: 5px;
}

#side-new-about-item .sidebar-icon a, #side-new-about-itemd .sidebar-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 4px;
    font-size: 18px;
    border-radius: 100px;
    color: rgba(68, 68, 68, 0.65);
    position: relative;
}

.sidebar-icon a.weixin .weixincode {
    position: absolute;
    bottom: 50px;
    left: -40px;
    z-index: 999;
    display: none;
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 0.1) 0px 4px 8px 0px, rgba(0, 0, 0, 0.1) 0px 8px 16px 0px;
    animation-name: fadeInDown;
    animation-timing-function: ease-in;
    animation-duration: 300ms;
    animation-fill-mode: both;
}

.sidebar-icon a.weixin:hover .weixincode {
    display: block;
}

#side-new-about-item .sidebar-icon a:hover, #side-new-about-itemd .sidebar-icon a:hover {
    background: rgba(68, 142, 246, 0.1);
    color: rgb(3, 78, 255);
}

#side-hot-view-item ul, #side-hot-cmt-item ul, #side-new-article-item ul, #side-rand_article ul {
    counter-reset: section 0;
}

.sidebar li.topthub {
    line-height: normal;
    position: relative;
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    max-height: 160px;
    border-radius: 3px;
}

.sidebar li.topthub img {
    transition: all 0.5s ease 0s;
    border-radius: 3px;
}

.sidebar li.topthub img:hover {
    border-radius: 3px;
}

#side-tui-article-item li.topthub + li.topthub {
    margin-top: 15px;
}

#side-tui-article-item li.topthub {
    max-height: none;
    border-radius: 0px;
}

#side-tui-article-item li.topthub a.img {
    line-height: normal;
    position: relative;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    max-height: 170px;
    border-radius: 3px;
}

#side-tui-article-item li.topthub a.img img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}

#side-tui-article-item li.topthub p {
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#side-hot-view-item li.widlist, #side-hot-cmt-item li.widlist, #side-new-article-item li.widlist, #side-rand_article li.widlist {
    overflow: hidden;
    margin-bottom: 10px;
}

#side-hot-view-item li.widlist i, #side-hot-cmt-item li.widlist i, #side-new-article-item li.widlist i, #side-rand_article li.widlist i {
    width: 93px;
    display: block;
    height: 70px;
    overflow: hidden;
    float: left;
    border-radius: 3px;
    margin: 2px 13px 0px 0px;
}

#side-hot-view-item li.widlist i img, #side-hot-cmt-item li.widlist i img, #side-new-article-item li.widlist i img, #side-rand_article li.widlist i img {
    width: 100%;
    height: 70px;
    object-fit: cover;
}

#side-hot-view-item li.widlist h3, #side-hot-cmt-item li.widlist h3, #side-new-article-item li.widlist h3, #side-rand_article li.widlist h3 {
    padding-top: 2px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 42px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
}

#side-hot-view-item li.widlist .sidefoot, #side-hot-cmt-item li.widlist .sidefoot, #side-new-article-item li.widlist .sidefoot, #side-rand_article li.widlist .sidefoot {
    padding-top: 8px;
    color: rgb(153, 153, 153);
}

#side-new-comment-item li {
    line-height: 40px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#side-new-comment-item li:last-child {
    border-bottom: none;
}

#side-new-comment-item .avatar {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    margin: 6px 8px 0px 0px;
}

.sidebar[id^="side-adimg"] {
    padding: 0px;
}

.sidebar .side-title::before {
    font-family: icomoon;
    margin-right: 4px;
    text-align: center;
    content: '\e910';
}

.sidebar#divContorPanel .side-title::before {
    content: '\e923';
}

.sidebar#divArchives .side-title::before {
    content: '\e90f';
}

.sidebar#divComments .side-title::before, .sidebar#side-new-comment-item .side-title::before {
    content: '\e918';
}

.sidebar#divLinkage .side-title::before {
    content: '\e930';
}

.sidebar#divStatistics .side-title::before {
    content: '\e929';
}

.sidebar#divFavorites .side-title::before {
    content: '\e92b';
}

.sidebar#divTags .side-title::before {
    content: '\e924';
}

.sidebar#divAuthors .side-title::before {
    content: '\e927';
}

.sidebar#divPrevious .side-title::before, .sidebar#side-new-article-item .side-title::before {
    content: '\e925';
}

.sidebar#side-hot-view-item .side-title::before {
    content: '\e913';
}

.sidebar#side-tui-article-item .side-title:before {
  content: '\e931';
}
.sidebar#side-hot-cmt-item .side-title:before {
  content: '\e919';
}
.sidebar#side-rand_article .side-title:before {
  content: '\e943';
}

.r_box .list-navi ul {
    flex-wrap: nowrap;
    display: flex;
}

.r_box .list-navi li {
    font-size: 13px;
    padding: 5px 14px;
    position: relative;
    overflow: visible;
    border: 1px solid rgb(255, 255, 255);
    margin-right: 6px;
    display: inline-block;
    flex-shrink: 0;
}

.r_box .list-navi li.selected {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 149, 0);
    border-color: rgb(255, 149, 0);
}

.r_box .list-navi li.selected a {
    color: rgb(255, 255, 255);
}

.r_box .list-navi li.selected::after {
    position: absolute;
    top: 100%;
    right: 0px;
    left: 0px;
    width: 14px;
    margin: auto;
    content: "";
    border-width: 5px 7px;
    border-style: solid;
    border-color: rgb(255 149 0) transparent transparent;
}

.r_box .list-nav li {
    display: inline-block;
    font-size: 14px;
    padding: 0px 24px 0px 0px;
    margin: 0px;
    position: relative;
    background-color: transparent;
    box-shadow: none;
    overflow: visible;
}

.r_box .list-nav li::after {
    content: "/";
    position: absolute;
    right: 8px;
    color: rgb(156, 160, 173);
    opacity: 0.28;
}

.r_box .list-nav li:last-child::after {
    display: none;
}

.r_box li, .aboxd, .atopd, .topbox li, .list-nav, .specialbox li {
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    color: rgb(121, 123, 124);
    margin-bottom: 20px;
    padding: 20px;
    animation-name: fadeInUp;
    animation-timing-function: ease-in-out;
    animation-duration: 500ms;
    animation-fill-mode: both;
    border-radius: 10px;
    box-shadow: rgba(158, 158, 158, 0.2) 0px 0px 10px -2px;
    position: relative;
}

.r_box li h2, .jzcmslist li h2 {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
}

.r_box li h2 a, .jzcmslist li a h2 {
    color: rgb(34, 34, 34);
}

.r_box li h2 a:hover, .r_box li h2 a strong {
    color: rgb(3, 78, 255);
}

.r_box li img {
    float: right;
    clear: right;
    width: 100%;
    transition: all 0.5s ease 0s;
}

.r_box li .listtopimg img {
    float: none;
    clear: none;
    width: 100%;
    height: 240px;
    border-radius: 3px;
    object-fit: cover;
}

.r_box li .listtopimg {
    width: 100%;
    display: block;
    height: 240px;
    overflow: hidden;
    margin: 10px 0px;
    position: relative;
}

.r_box li i {
    width: 30%;
    display: block;
    height: 150px;
    overflow: hidden;
    float: left;
    margin: 0px 20px 0px 0px;
    font-size: 14px;
    border-radius: 3px;
    position: relative;
}

.r_box li i img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.r_box li p, .cmsthub p {
    margin: 10px 0px 18px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 66px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
}

.r_box li p {
    color: rgb(121, 123, 124);
}

.r_box li p.listbot {
    margin-bottom: 0px;
    max-height: 44px;
    height: auto;
}

.r_box li:hover h3 a {
    color: rgb(25, 88, 93);
}

.r_box li .imgrow {
    margin: 10px -5px;
    overflow: hidden;
}

.r_box li .imgrow li {
    list-style-type: none;
    background-color: transparent;
    float: left;
    min-height: 1px;
    padding: 0px 5px;
    width: 33.328%;
    position: relative;
    box-shadow: none;
    margin: 0px;
}

.r_box li .imgrow li a {
    width: 100%;
    height: 0px;
    padding-bottom: 65%;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 3px;
}

.r_box li .imgrow li a img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    border-radius: 3px;
}

.list-cate {
    height: 32px;
    width: 100%;
    padding: 0px 12px;
    line-height: 32px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3));
    color: rgb(255, 255, 255);
    font-size: 12px;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}

a.list-cate {
    color: rgb(255, 255, 255);
}

@media only screen and (min-width: 767.9px) {
    .r_box li:hover .list-cate {
        opacity: 1;
    }
}

.r_box .postfoot {
    margin: 10px 0px 0px;
    display: block;
    color: rgb(153, 153, 153);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.r_box .postfoot .jzicon-jzshijian, .r_box .postfoot .jzicon-jzqipaoa {
    margin-left: 4px;
}

.post .post-footer {
    background: rgb(255, 255, 255);
    font-size: 12px;
    line-height: 25px;
    overflow: hidden;
    clear: both;
    position: relative;
    display: block;
    padding: 10px 0px 5px;
    border-radius: 0px 0px 3px 3px;
}

.r_box .postfoot a {
    color: rgb(230 230 230);
}

.r_box .postfoot [class^="jzicon-"], .bloginfo [class^="jzicon-"] {
    font-size: 13px;
}

.r_box .postfoot div {
    display: block;
}

.r_box .postfoot .text-primary {
    color: rgb(3, 78, 255);
}

.r_box .postfoot .author img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 8px;
    float: left;
}

.topbox li {
    float: left;
    width: 23.5%;
    padding: 0px;
    margin-right: 2%;
}

.topbox li:nth-child(4n) {
    margin-right: 0px;
}

.topbox li .img {
    width: 100%;
    display: block;
    height: 100%;
    overflow: hidden;
}

.topbox li img {
    float: none;
    clear: none;
    width: 100%;
    /* height: 130px; */
    object-fit: cover;
}

.topbox li h3 {
    font-size: 15px;
    text-align: center;
    margin: 8px 0px;
    color: rgb(238, 238, 238);
}

.pagelist, .pageload .view-more-button, .pageload .page-load-status p {
    text-align: center;
    color: rgb(102, 102, 102);
    width: 100%;
    clear: both;
    margin: 20px 0px;
    padding: 20px 20px 14px;
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    border-radius: 2px;
    box-shadow: rgba(158, 158, 158, 0.2) 0px 0px 10px -2px;
}

.pageload {
    padding: 0px;
    position: relative;
    height: 45px;
    margin: 20px 0px;
}

.pagewbk {
    margin: 20px 30% 40px;
}

.pageload .view-more-button, .pageload .page-load-status p {
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    margin: 0px;
    padding: 10px;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 3px;
    color: rgb(51, 51, 51);
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}

.pageload .view-more-button {
    cursor: pointer;
}

.pageload .page-load-status p {
    z-index: 1;
}

.pageload .page-load-status p.infinite-scroll-last {
    background-color: transparent;
    box-shadow: none;
}

.pagelist a {
    color: rgb(102, 102, 102);
    margin: 0px 2px 5px;
    display: inline-block;
    padding: 5px 10px;
    background: rgba(222, 226, 230, 0.6);
    border-radius: 4px;
}

.pagelist b {
    padding: 5px 10px;
    background: rgb(3, 78, 255);
    color: rgb(255, 255, 255);
    font-weight: normal;
    border-radius: 4px;
}

a.curPage {
    color: rgb(25, 88, 93);
    font-weight: bold;
}

#divTags li a {
    font-size: 13px;
    display: block;
    background: rgb(153, 153, 153);
    float: left;
    padding: 4px 12px;
    margin: 4px;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
    color: rgb(255, 255, 255);
}

#divTags ul li:nth-child(5n) a {
    background: rgb(255, 88, 49);
}

#divTags ul li:nth-child(5n+1) a {
    background: rgb(160, 220, 40);
}

#divTags ul li:nth-child(5n+2) a {
    background: rgb(93, 183, 229);
}

#divTags ul li:nth-child(5n+3) a {
    background: rgb(255, 125, 46);
}

#divTags ul li:nth-child(5n+4) a {
    background: rgb(40, 220, 100);
}

#divTags li:hover a {
    opacity: 0.6;
}

#divSearchPanel .side-title {
    display: none;
}

#divSearchPanel {
    background-color: transparent;
    padding: 0px;
}

#divSearchPanel form {
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

#divSearchPanel input[type="submit"] {
    border: 0px;
    color: rgb(255, 255, 255);
    outline: none;
    position: absolute;
    width: 28%;
    height: 36px;
    background: rgb(56, 88, 246);
}

#divSearchPanel input[type="text"] {
    border: 0px;
    line-height: 36px;
    height: 36px;
    width: 72%;
    padding-left: 10px;
    border-radius: 0px;
    outline: none;
}

#divContorPanel {
    padding-bottom: 30px;
}

#divContorPanel div {
    text-align: center;
}

#divContorPanel .cp-hello {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0px;
    display: inline-block;
}

#divContorPanel .cp-login a, #divContorPanel .cp-vrs a {
    text-align: center;
    line-height: 30px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    margin: 4px;
    padding: 4px 8px;
}

#divContorPanel .sidecon div {
    padding: 20px;
    text-align: center;
    line-height: 24px;
    border: 1px dotted rgb(240, 240, 240);
    background: rgb(251, 251, 251);
}

#divCalendar div {
    margin-bottom: 0px;
}

#divCalendar table {
    width: 100%;
    border-collapse: collapse;
}

#divCalendar table, #divCalendar tr, #divCalendar th, #divCalendar td {
    border: 1px solid rgb(238, 238, 238);
}

#divCalendar caption {
    line-height: 36px;
    border-top: 1px solid rgb(238, 238, 238);
    border-left: 1px solid rgb(238, 238, 238);
    border-right: 1px solid rgb(238, 238, 238);
}

#divCalendar caption a {
    font-size: 15px;
    color: rgb(17, 34, 51);
}

#divCalendar thead {
    background: rgb(246, 247, 248);
}

#divCalendar th {
    height: 36px;
}

#divCalendar td {
    height: 36px;
    text-align: center;
}

#divCalendar td a {
    font-weight: 700;
    color: rgb(17, 34, 51);
}

#divCalendar td a:hover {
    color: rgb(255, 102, 51);
}

.picbox {
    width: 100%;
    overflow: hidden;
}

.picbox2 {
    display: none;
}

.picbox ul {
    overflow: hidden;
    width: 24%;
    float: left;
    margin-right: 10px;
}

.picbox ul li {
    display: block;
    background: rgb(255, 255, 255);
    margin: 0px 0px 20px;
    border: 1px solid rgb(217, 217, 217);
}

.picbox ul li i {
    margin: 10px;
    height: auto;
    overflow: hidden;
    display: block;
}

.picbox ul li img {
    width: 100%;
}

.picbox2 ul {
    overflow: hidden;
    width: 48%;
    float: left;
    margin-right: 10px;
}

.picbox2 ul:nth-child(2) {
    float: right;
}

.picbox2 ul li {
    display: block;
    background: rgb(255, 255, 255);
    margin: 0px 0px 20px;
    border: 1px solid rgb(217, 217, 217);
}

.picbox2 ul li i {
    margin: 10px;
    height: auto;
    overflow: hidden;
    display: block;
}

.picbox2 ul li img {
    width: 100%;
}

.picinfo h3 {
    border-bottom: 1px solid rgb(204, 204, 204);
    padding: 10px 0px;
    margin: 0px 20px;
    font-size: 16px;
}

.picinfo span {
    padding: 10px 20px;
    line-height: 26px;
    color: rgb(102, 102, 102);
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.picbox ul li a:hover {
    color: rgb(25, 88, 93);
}

.tags a {
    background: rgba(222, 226, 230, 0.6);
    border-radius: 3px;
    font-size: 14px;
    padding: 3px 8px;
    margin: 0px 10px 10px 0px;
    display: inline-block;
}

.tags {
    margin: 40px 0px 20px;
}

.infosbox img {
    max-width: 100%;
    display: inline-block;
    border-radius: 3px;
    height: auto !important;
}

.share {
    padding: 40px 20px;
    text-align: center;
}

.nextinfo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    color: rgba(51, 51, 51, 0.65);
    padding: 15px 20px;
    border-top: 1px solid rgb(238, 238, 238);
}

.infosbox {
    padding-bottom: 5px;
}

.nextinfo p {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nextinfo p span {
    font-size: 14px;
}

.nextinfo p.prev {
    margin-left: 0px;
    margin-right: 8px;
    text-align: left;
}

.nextinfo p.next {
    margin-left: 8px;
    margin-right: 0px;
    text-align: right;
}

.nextpro {
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}

.nextpro .next, .nextpro .prev {
    position: relative;
}

.nextpro .prev {
    float: left;
    width: 50%;
}

.nextpro .next {
    float: right;
    width: 50%;
    text-align: right;
}

.nextpro .prev span {
    float: left;
}

.nextpro .next span {
    float: right;
}

.nextpro .post-overlay {
    position: relative;
    overflow: hidden;
    height: 100px;
}

.nextpro .post-overlay:hover {
    opacity: 0.8;
}

.nextpro .background-img {
    position: absolute;
    inset: 0px;
    overflow: hidden;
    background-color: rgb(51, 51, 51);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 100px;
}

.background-img::before {
    background-color: rgb(0, 0, 0);
    inset: 0px;
    content: "";
    opacity: 0.3;
    position: absolute;
    transition: opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}

.nextpro .post_text {
    position: relative;
    color: rgb(255, 255, 255);
    width: 100%;
    min-height: 70px;
    padding: 20px;
}

.nextpro .post_text h3 {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 30px;
}

.nextpro .link-overlay {
    display: block;
    position: absolute;
    inset: 0px;
}

.diggit {
    width: 160px;
    margin: auto;
    background: rgb(241, 64, 75);
    color: rgb(255, 255, 255);
    border-radius: 40px;
    line-height: 40px;
    text-align: center;
    border: 0px;
    outline: none;
    cursor: pointer;
}

.diggit:focus {
    outline: none;
}

.diggit:hover {
    opacity: 0.9;
}

.maxzan {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 16px;
    line-height: normal;
}

.maxzan i {
    font-size: 30px;
    display: block;
}

.maxzan em {
    font-size: 14px;
    display: block;
    margin-top: 2px;
}

.single-share {
    position: relative;
    padding: 0px 25px 15px;
    height: 55px;
}

.single-share i {
    vertical-align: middle;
}

.post-like .dotGood {
    float: left;
    line-height: 40px;
    text-align: center;
    font-size: 21px;
    margin-right: 15px;
}

.post-like .dotGood i {
    margin-right: 4px;
}

.post-like .dotGood span {
    font-size: 18px;
}

.post-share {
    float: right;
    margin-top: 6px;
}

.post-share a, .share-icon {
    float: left;
    background: rgb(244, 245, 249);
    color: rgb(37, 44, 65);
    margin-left: 10px;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
}

.post-share a:hover {
    color: rgb(255, 96, 0);
}

.share-icon:hover {
    color: rgb(51, 51, 51) !important;
}

.share-icons {
    position: absolute;
    right: 0px;
    margin-right: 75px;
    z-index: 10;
}

.share-icons i {
    padding: 10px;
    border-radius: 50%;
    font-size: 15px;
}

.share-icons .share-wechat {
    color: rgb(26, 173, 25);
}

.share-icons .share-sina-weibo {
    color: rgb(255, 99, 99);
}

.share-icons .share-qq {
    color: rgb(61, 147, 224);
}

#wechat-qrcode {
    position: absolute;
    top: -165px;
    left: -45px;
    width: 150px;
    height: 150px;
    padding: 15px;
    background: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 0.1) 0px 4px 8px 0px, rgba(0, 0, 0, 0.1) 0px 8px 16px 0px;
    z-index: 999;
    display: none;
}

#wechat-qrcode.active {
    display: block;
}

.single_icon {
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-right: 15px;
}

.related-list, .jzcms1 {
    padding: 10px 10px 5px;
}

.related-list h3, .jzcms1 h3, .jzcmslist h3 {
    line-height: 40px;
    margin-bottom: 8px;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    color: rgb(3, 78, 255);
    padding: 0px 10px;
}

.related-list li, .jzcms1 li {
    float: left;
    width: 25%;
    padding: 0px 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.related-list li i, .jzcms1 li i, .jzcmslist li i {
    width: 100%;
    height: 120px;
    overflow: hidden;
    display: block;
    border-radius: 3px;
}

.related-list li i img, .jzcms1 li i img, .jzcmslist li i img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    transition: all 0.5s ease 0s;
}

.related-list li p {
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.infosbox, .commen_pl, .related-list, .jzcms1, .jzcmslist, .nextpro, .topvi {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
    border-radius: 2px;
    box-shadow: rgba(158, 158, 158, 0.2) 0px 0px 10px -2px;
}

.newsview {
    padding: 0px 25px;
}

#font-tz {
    float: right;
    display: inline-block;
    margin-top: 3px;
}

#font-tz a {
    width: 21px;
    height: 20px;
    margin: 0px 0px 0px 6px;
    text-align: center;
    line-height: 20px;
    border-radius: 2px;
    background: rgba(222, 226, 230, 0.6);
    display: inline-block;
    vertical-align: top;
}

.notitle #font-tz a {
    line-height: 18px;
}

#font-tz a::before {
    content: "A⁺";
    font-size: 14px;
    color: rgb(153, 153, 153);
}

#font-tz a:first-child {
    margin-left: 0px;
}

#font-tz a:nth-child(2)::before {
    content: "A";
}

#font-tz a:nth-child(3)::before {
    content: "A";
}

.news_con {
    position: relative;
    overflow-wrap: break-word;
    text-align: justify;
}

.news_con h1, .news_con h2, .news_con h3, .news_con h4, .news_con h5, .news_con h6 {
    margin-bottom: 20px;
    padding-bottom: 5px;
    line-height: 1.5;
    border-bottom: 1px solid rgba(68, 68, 68, 0.1);
    position: relative;
}

.news_con h2 {
    font-size: 24px;
}

.news_con h3 {
    font-size: 22px;
}

.news_con h4 {
    font-size: 20px;
}

.news_con h5 {
    font-size: 18px;
}

.news_con h6 {
    font-size: 16px;
}

.news_con table {
    margin-bottom: 15px;
}

.news_con .spread {
    width: 100%;
    height: 150px;
    color: rgb(3, 78, 255);
    text-align: center;
    font-size: 18px;
    text-indent: 0px;
    cursor: pointer;
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
}

.news_con .spread i {
    margin: 72px 0px 20px;
    font-size: 18px;
    font-style: normal;
    text-indent: 0px;
    line-height: 28px;
    display: inline-block;
}

.news_con .spread i::after {
    content: "\e93c";
    width: 33px;
    margin-left: -20px;
    font-size: 30px;
    font-family: icomoon;
    position: absolute;
    bottom: 24px;
    display: inline-block;
    left: 50%;
    transform: rotate(180deg);
}

.news_con a, blockquote a {
    color: rgb(3, 78, 255);
}

.news_con p {
    line-height: 2;
    font-size: 15px;
    margin-bottom: 15px;
}

.news_con a.jzsotag::after {
    font-weight: 600;
    content: "\e91e";
    position: relative;
    display: inline-block;
    transform: scale(0.6);
    margin: 0px -2px;
    top: -4px;
    font-family: icomoon !important;
}

.intitle {
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    border-bottom: 2px solid rgb(0, 0, 0);
}

.intitle a {
    font-weight: normal;
}

.news_title {
    font-size: 24px;
    font-weight: normal;
    padding: 20px 0px 10px;
    color: rgb(51, 51, 51);
}

.notitle {
    font-size: 20px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    line-height: 1.5;
    border-bottom: 1px solid rgba(68, 68, 68, 0.1);
    position: relative;
}

.bloginfo {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(238, 238, 238);
    color: rgb(153, 153, 153);
}

.bloginfo li {
    float: left;
    margin-right: 20px;
    line-height: 2;
}

.bloginfo li.author img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 8px;
}

.news_about {
    color: rgb(136, 136, 136);
    border: 1px solid rgb(243, 243, 243);
    margin: 20px auto;
    background: none 0px 0px repeat rgb(246, 246, 246);
    padding: 20px 30px 20px 246px;
    height: 128px;
    font-size: 15px;
    line-height: 1.8;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
}

.news_about p {
    overflow: hidden;
    max-height: 81px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
}

.news_about img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 206px;
    min-height: 128px;
    mask: -webkit-gradient(linear, 0% 0, 100% 0, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
}

.news_aboutni {
    padding: 10px !important;
    margin: 20px auto 15px !important;
    height: auto !important;
}

.news_aboutni strong {
    color: rgb(56, 72, 90);
    font-size: 15px;
    padding-right: 8px;
    font-weight: 400 !important;
}

.news_content {
    line-height: 24px;
    font-size: 14px;
}

.news_content p {
    overflow: hidden;
    padding-bottom: 4px;
    padding-top: 6px;
    overflow-wrap: break-word;
}

.copyright {
    padding: 0px 25px;
}

.copyright blockquote {
    padding-left: 16px;
}

.copyright blockquote::before {
    content: "";
}

.copyright blockquote:hover {
    background: rgba(255, 96, 0, 0.1);
    border-left: 4px solid rgb(255, 96, 0);
}

.copyright blockquote:hover a {
    color: rgb(255, 96, 0);
}

#outerdiv {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none;
    backdrop-filter: blur(10px);
    background: rgba(120, 129, 147, 0.5);
    color: rgb(255, 255, 255);
    opacity: 1;
}

#bigimg {
    border: 5px solid rgba(255, 255, 255, 0.9);
    border-radius: 3px;
}

#outerdiv .caption-view {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 38px;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
}

#outerdiv .caption-view p {
    line-height: 38px;
    color: rgb(255, 255, 255);
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

ul.msg {
    margin: 25px 0px;
    padding: 0px 0px 25px;
    border-bottom: 1px solid rgb(238, 238, 238);
    overflow-wrap: break-word;
}

ul.msg img.avatar {
    border-radius: 50%;
}

li.msgurl {
    text-align: right;
    padding: 2px 10px;
}

li.msggravatar {
    display: block;
    float: left;
    margin-right: 5px;
}

li.msgarticle {
    list-style-position: outside;
    padding: 10px 0px 0px 63px;
    line-height: 160%;
}

img.avatar {
    float: left;
    width: 48px;
    height: 48px;
    margin: 0px 15px 0px 0px;
}

ul.msg small {
    color: rgb(166, 166, 166);
}

ul.msg small .revertcomment {
    position: absolute;
    right: 0px;
    top: 0px;
}

ul.msg small .revertcomment a {
    color: rgb(255, 255, 255);
    background: rgb(0, 123, 255);
    padding: 2px 4px;
    display: none;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
}

ul.msg:hover small .revertcomment a {
    display: block;
}

ul.msg h3 small {
    font-size: 12px;
}

ul.msg ul.msg {
    padding: 20px 0px 0px;
    margin: 20px 0px 0px;
    border-top: 1px solid rgb(241, 241, 241);
    border-bottom: none;
}

ul.msg ul.msg li.msgarticle {
    padding-bottom: 0px;
}

ul.msg li.msgname {
    position: relative;
}

ul.msg ul.msg li.msgname {
    padding: 0px;
}

ul.msg .commentname {
    margin-top: 2px;
    display: inline-block;
    font-size: 15px;
}

ul.msg.msghead {
    min-height: 38px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 16px;
    color: rgb(3, 78, 255);
}

ul.msg.msghead em {
    margin-right: 2px;
    font-style: normal;
}

ul.pagebar, ul.msghead {
    border: none;
}

ul.msghead li.tbname {
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

ul.msg:nth-last-child(2) {
    border-bottom: 0px;
}

.jz-comment {
    overflow: hidden;
}

.jz-comment h3, .jz-comments h3 {
    line-height: 40px;
    margin-bottom: 8px;
    border-radius: 2px;
    font-size: 18px;
    overflow: hidden;
    color: rgb(3, 78, 255);
}

.jz-comments h4 {
    text-align: center;
    padding: 0px 10px;
    font-size: 17px;
    margin-bottom: 8px;
}

.jz-comment input {
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    font-family: "Microsoft YaHei", Verdana, sans-serif;
    width: 100%;
    border: 0px;
    padding-left: 8px;
    background-color: transparent;
}

.jz-comment label, .jz-comments label {
    display: none;
}

.jz-comment textarea {
    border: 0px;
    height: 120px;
    width: 100%;
    font-size: 14px;
    font-family: "Microsoft YaHei", Verdana, sans-serif;
    display: block;
    padding: 8px;
    background-color: transparent;
}

.jz-comment-box {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    padding: 4px;
    position: relative;
    background: rgba(246, 246, 246, 0.9);
    margin-bottom: 6px;
}

.jz-comment-ul4 {
    float: left;
    width: 49.5%;
}

.jz-comment-ul3 {
    float: left;
    width: 32.66%;
}

.jz-comment .jz-comment-ul4:nth-child(2n) {
    float: right;
}

.jz-comment .jz-comment-ul3-2 {
    margin: 0px 1%;
}

.jz-comment-box img.jz-code {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 30px;
    width: auto;
}

input.jz-commbut {
    border-radius: 3px;
    line-height: 38px;
    height: 38px;
    width: 100px;
    background: rgb(241, 64, 75);
    color: rgb(255, 255, 255);
    float: right;
    padding: 0px;
    margin-top: 10px;
}

.jz-comment-textarea {
    width: 100%;
    clear: both;
}

.reply-frm {
    margin-top: 15px;
}

.commen_pl .pagelist {
    box-shadow: none;
}

.jzcms {
    clear: both;
    width: 1680px;
    margin: 0px auto;
    padding: 0px 8px;
}

.jzcms h3 a {
    color: rgb(3, 78, 255);
}

.jzcms1 li {
    box-shadow: none;
    position: relative;
}

.jzcms1 li:hover {
    box-shadow: none;
}

.jzcms .postfoot {
    margin: 5px 10px 10px;
    display: block;
    color: rgb(153, 153, 153);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jzcms1, .jzcmslist {
    position: relative;
}

.jzcms1 li h3 {
    margin: 10px 0px;
    line-height: 1.5;
    font-size: 16px;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
}

.cmsgd i {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 18px;
    opacity: 0.6;
}

.jzcms1 li i, .jzcms1 li i img {
    height: 160px;
    border-radius: 3px;
    float: none !important;
}

.r_box .jzcms1 li i, .r_box .jzcms1 li i img {
    height: 130px;
    border-radius: 3px;
    width: 100%;
    margin: 0px;
    float: none !important;
}

.jzcms1.cmspic li h3 {
    position: absolute;
    bottom: 0px;
    left: 10px;
    padding: 10px 15px;
    width: calc(100% - 20px);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5));
    color: rgb(255, 255, 255);
    font-size: 14px;
    margin: 0px;
}

.jzcms1.cmspic li i, .jzcms1.cmspic li i img {
    height: 215px;
}

.jzcms1.cmspic li.left i, .jzcms1.cmspic li.left i img {
    height: 450px;
}

.jzcms1.cmspic li.left {
    width: 34%;
    overflow: hidden;
}

.jzcms1.cmspic li.left h3 {
    padding-top: 40px;
}

.jzcms1.cmspic li.top {
    width: 33%;
    margin-bottom: 20px;
}

.jzcms1.cmspic li.bot {
    width: 22%;
}

.jzcms2 {
    overflow: hidden;
}

.jzcmslist {
    float: left;
    width: 32%;
    margin-bottom: 20px;
    margin-right: 2%;
    padding: 10px 20px 15px;
}

.jzcmslist h3 {
    padding: 0px;
}

.jzcms2 .jzcmslist:nth-child(3n) {
    margin-right: 0px;
}

.jzcmslist li i, .jzcmslist li i img {
    height: 190px;
}

.jzcmslist li h2 {
    margin: 10px 0px;
}

.jzcmslist p {
    margin: 10px 0px;
    color: rgb(121, 123, 124);
    height: 44px;
    -webkit-line-clamp: 2;
}

.jzcms2 li.cmslist {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 50px;
    position: relative;
    margin-left: -4px;
}

.jzcms2 li.cmslist::before {
    content: "\e736";
    font-family: icomoon;
    margin-right: 2px;
}

.jzcms2 li.cmslist em {
    font-size: 13px;
    color: rgb(153, 153, 153);
    position: absolute;
    top: 2px;
    right: 0px;
    font-family: Arial;
}

li.link-item img {
    width: 16px;
    margin-right: 3px;
    position: relative;
    top: 2px;
    display: inline-block;
}

.link li.link-item a {
    border: 0px;
}

.link li.link-item {
    width: 12.5%;
    margin-bottom: 15px;
}

.link li.link-item a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media screen and (max-width: 1189.9px) {
    .jzcms {
        width: calc(96% + 16px);
    }
}

@media only screen and (max-width: 768.1px) {
	.container{
		padding-left:0;
		padding-right:0;
	}
	.searchbox{
		display:none;
	}
	.sep{
		display:none!important;
	}
	.main-nav em{
		display:none;
	}
    .jzcms {
        width: 100%;
        padding: 0px 20px 20px;
    }

    .jzcms1.cmspic li i, .jzcms1.cmspic li i img {
        height: 130px;
    }

    .jzcms1.cmspic li.left i, .jzcms1.cmspic li.left i img {
        height: 280px;
    }

    .jzcmslist {
        width: 100%;
    }

    .jzcmslist li i, .jzcmslist li i img {
        height: 250px;
    }

    .link li.link-item {
        width: 20%;
    }
}

@media only screen and (max-width: 767px) {
    .jzcms1.cmspic li i, .jzcms1.cmspic li i img {
        height: 150px;
    }

    .jzcms1.cmspic li.left i, .jzcms1.cmspic li.left i img {
        height: 150px;
    }

    .jzcms1.cmspic li.left, .jzcms1.cmspic li.top, .jzcms1.cmspic li.bot {
        width: 50%;
        margin-bottom: 20px;
    }

    .jzcms1.cmspic li.left h3 {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .jzcms {
        padding: 0px;
    }

    .jzcms1.cmspic li h3 {
        left: 5px;
        width: calc(100% - 10px);
    }

    .jzcms1.cmspic li.left, .jzcms1.cmspic li.top, .jzcms1.cmspic li.bot {
        margin-bottom: 10px;
    }

    .jzcmslist {
        margin-bottom: 10px;
    }

    .jzcmslist li i, .jzcmslist li i img {
        height: 180px;
    }

    .link li.link-item {
        width: 25%;
        padding: 0px 5px;
    }
}

@media only screen and (max-width: 376px) {
    .link li.link-item {
        width: 33.3%;
    }

    .jzcms1 li i, .jzcms1 li i img {
        height: 110px;
    }

    .jzcms1.cmspic li i, .jzcms1.cmspic li i img {
        height: 120px;
    }

    .jzcms1.cmspic li.left i, .jzcms1.cmspic li.left i img {
        height: 120px;
    }
}

@media screen and (max-width: 1189.9px) {
    header {
        width: 96%;
        margin: auto;
    }

    .article {
        width: calc(96% + 16px);
    }

    nav, footer p {
        width: 96%;
    }

    .picbox ul {
        width: 23%;
    }

    .picshowlist {
        display: none;
    }
}

@media only screen and (max-width: 768.1px) {
    .header-navigation, nav {
        height: 60px;
        line-height: 60px;
    }

    .logo img {
        margin-top: 10px;
    }

    .searchbox span, #mnavh span, .jznight span {
        height: 60px;
        line-height: 60px;
    }

    .b-nav-search_wrap {
        top: 62px;
    }

    .r_box .list-navi {
        width: 100%;
        overflow: scroll hidden;
    }

    .r_box li h2 {
        margin-bottom: 10px;
    }

    .r_box li p {
        margin-top: 8px;
        margin-bottom: 8px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 44px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        position: relative;
    }

    .r_box li i {
        height: 116px;
        width: 116px;
        float: right;
        margin: 0px 0px 0px 20px;
    }

    .r_box li i img {
        height: 116px;
    }

    .r_box li .listtopimg {
        max-height: 180px;
    }

    .r_box li .listtopimg img {
        height: 180px;
    }

    .topbox li .img, .topbox li img {
        height: 100px;
    }

    #mnavh span {
        display: block;
    }

    .jznight span {
        right: 35px;
    }

    header, footer {
        padding: 0px 20px;
    }

    .article {
        width: 100%;
        padding: 0px 20px;
    }

    .logo {
        width: 100%;
    }

    .logo a {
        display: inline-block;
        float: none;
    }

    nav, footer p {
        width: 100%;
        position: relative;
    }

    #starlist {
        width: 250px;
        background: rgba(255, 255, 255, 0.9);
        position: fixed;
        top: 0px;
        bottom: 0px;
        margin-left: 0px;
        left: -250px;
        overflow: hidden auto;
        transition: all 0.3s ease 0s;
        z-index: 999;
    }

    #starlist.active {
        left: 0px;
    }

    #starlist.active li:hover {
        background-color: transparent;
    }

    #starlist ul.sub-nav {
        background: transparent;
        visibility: visible;
        margin-top: 0px;
    }

    #starlist li.on ul.sub-nav {
        margin-top: 0px;
    }

    #starlist ul.sub-nav li a {
        line-height: 1;
    }

    #starlist ul.sub-nav::before {
        border-bottom-color: transparent;
    }

    .fademask.active {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        inset: 0px;
        z-index: 1;
    }

    #starlist {
        padding-top: 20px;
    }

    #starlist li {
        display: block;
        width: 100%;
        padding: 0px;
        margin: 0px;
        text-align: left;
    }

    #starlist li a {
        display: block;
        margin: 0px 25px;
        letter-spacing: 1px;
        transition: all 0.2s ease 0s;
        height: auto;
        line-height: 50px;
    }

    #starlist li:hover::before, #starlist li.selected::before, #starlist li.selected:hover::before {
        width: 0px;
    }

    #mnavh {
        display: block;
    }

    .related-list li, .jzcms1 li {
        width: 50%;
    }

    .l_box {
        display: none;
    }

    .r_box, .infosbox, .picsbox, .main {
        width: 100%;
    }

    .pagelist a {
        padding: 2px 6px;
    }

    .pagelist b {
        padding: 2px 6px;
    }

    .picbox ul {
        width: 22%;
    }

    .picbox ul li i {
        margin: 5px;
    }

    .picinfo {
        display: none;
    }

    .picshowlist {
        display: none;
    }

    .lmname, .view {
        display: none;
    }

    #font-tz {
        float: none;
    }

    .notitle #font-tz {
        float: right;
    }

    #go-to-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (max-width: 640.1px) {
    .topbox li {
        float: left;
        width: 48.68%;
        padding: 0px;
        margin-right: 2.64%;
    }

    .topbox li:nth-child(2n) {
        margin-right: 0px;
    }

    .topbox li .img, .topbox li img {
        height: 110px;
    }
}

@media only screen and (max-width: 479px) {
    nav {
        padding: 0px 18px;
        border-radius: 0px;
    }

    .logo img {
        max-height: 33px;
        margin-top: 12px;
    }

    .sitemap {
        padding: 0px 12px;
        margin-bottom: 8px;
    }

    .searchbox span {
        right: 18px;
    }

    .jznight span {
        right: 48px;
    }

    #mnavh span {
        left: 18px;
    }

    header, footer {
        padding: 0px;
    }

    .article {
        width: 100%;
        padding: 0px;
        margin-top: 70px;
    }

    .logo {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 10%;
    }

    nav {
        width: 100%;
        position: relative;
    }

    .l_box {
        display: none;
    }

    .r_box, .infosbox, .picsbox, .main {
        width: 100%;
    }

    .picbox {
        display: none;
    }

    .picbox2 {
        width: 96%;
        margin: auto;
        display: block;
    }

    .picbox2 ul {
        width: 48%;
        margin-right: 0px;
    }

    .piclistshow ul li {
        height: 100px;
        padding: 0px;
    }

    .piclistshow .picimg {
        height: 100px;
    }

    .picbox ul li i {
        margin: 2px;
    }

    .picinfo h3 {
        border-bottom: 0px;
        font-size: 15px;
    }

    .picinfo span {
        display: none;
    }

    .picshowlist, .pictxt {
        display: none;
    }

    .slider, .infosbox, .related-list, .commen_pl, .jzcms1, .nextpro, .topvi {
        border-radius: 0px;
        margin-bottom: 10px;
    }

    .gbko {
        padding: 10px 15px 15px;
    }

    .related-list h3, .jzcms1 h3 {
        padding: 0px 5px;
    }

    .related-list li, .jzcms1 li, .r_box .jzcms1 li {
        width: 50%;
        padding: 0px 5px;
        margin-bottom: 10px;
    }

    .r_box li i {
        min-height: 100px;
        height: 100px;
        margin: 3px 0px 0px 10px;
        width: 100px;
    }

    .r_box li i img {
        height: 100px;
    }

    .r_box li .listtopimg {
        max-height: 160px;
        border-radius: 0px;
    }

    .r_box li .listtopimg img {
        height: 160px;
    }

    .r_box li, .aboxd, .atopd, .list-nav {
        margin-bottom: 10px;
        border-radius: 0px;
        padding: 15px;
    }

    .topbox li {
        margin-bottom: 10px;
    }

    .r_box li h2 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .r_box li p {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .r_box .postfoot {
        clear: none;
        margin-top: 8px;
    }

    .r_box .postfoot .f_r {
        display: none;
    }

    .pagelist {
        margin: 10px 0px;
        border-radius: 0px;
        padding: 15px 15px 10px;
    }

    .pageload {
        margin: 10px 0px;
    }

    .copyright {
        padding: 0px 15px;
    }

    .single-share {
        padding: 20px 15px 0px;
    }

    .share-icons {
        margin-right: 60px;
    }

    footer p {
        border-radius: 0px;
        padding: 15px;
    }

    .newsview {
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 376px) {
    .r_box li h2 {
        margin-bottom: 5px;
    }

    .r_box li p {
        margin-top: 5px;
        height: 22px;
        -webkit-line-clamp: 1;
    }

    .r_box li i {
        min-height: 80px;
        height: 80px;
        margin: 0px 0px 0px 15px;
        width: 80px;
    }

    .r_box li i img {
        height: 80px;
    }

    .r_box li .listtopimg {
        max-height: 111px;
    }

    .r_box li .listtopimg img {
        height: 111px;
    }
}

@media only screen and (max-width: 321px) {
    .r_box .postfoot .f_l .author {
        display: none;
    }

    #go-to-top {
        right: 10px;
        bottom: 10px;
    }

    .share-icons {
        display: none;
    }
}

.hide_box {
    z-index: 999;
    backdrop-filter: blur(10px);
    background: rgba(120, 129, 147, 0.5);
    color: rgb(255, 255, 255);
    opacity: 1;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    position: fixed;
    display: none;
}

.shang_box {
    width: 20rem;
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    position: fixed;
    z-index: 1100;
    left: 50%;
    top: 50%;
    margin-left: -12.5rem;
    margin-top: -13.75rem;
    display: none;
}

.shang_box img {
    border: 0px none;
    border-radius: 6px 6px 0px 0px;
    width: auto;
    height: auto;
    margin: 0px;
    box-shadow: none;
    max-width: 100%;
}

.shang_box .shang_close img {
    border-radius: 0px;
}

.dashang {
    display: block;
    width: 6.25rem;
    margin: 0.3125rem auto;
    height: 1.5625rem;
    line-height: 1.5625rem;
    padding: 0.625rem;
    background-color: rgb(231, 72, 81);
    color: rgb(255, 255, 255);
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.3s ease 0s;
}

.dashang:hover {
    opacity: 0.8;
    padding: 0.9375rem;
    font-size: 1.125rem;
}

.shang_close {
    display: inline-block;
    top: 10px;
    position: absolute;
    right: 10px;
}

.shang_logo {
    display: block;
    text-align: center;
    margin: 1.25rem auto;
}

.shang_payimg {
    margin: 0px auto;
    border-radius: 0.625rem;
}

.pay_explain {
    text-align: center;
    margin: 0.625rem auto;
    font-size: 0.75rem;
    color: rgb(84, 84, 84);
}

.radiobox {
    width: 1rem;
    height: 1rem;
    background: url("images/radio2.svg");
    display: block;
    float: left;
    margin-top: 0.3125rem;
    margin-right: 0.875rem;
}

.checked .radiobox {
    background: url("images/radio1.svg");
}

.shang_payselect {
    text-align: center;
    margin: 0px auto;
    cursor: pointer;
    width: 17.5rem;
}

.shang_payselect img {
    display: inline !important;
}

.shang_payselect .pay_item {
    display: inline-block;
    margin-right: 0.625rem;
    float: left;
    padding: 10px 0px;
}

.shang_info {
    clear: both;
}

.shang_info a, .shang_info p {
    color: rgb(195, 195, 195);
    text-align: center;
    font-size: 0.75rem !important;
}

@media (min-width: 992px) {
    .list-header-style2 .iconfont {
        position: absolute;
        right: 100%;
    }
}

@media (max-width: 768px) {
    .shang_box {
        width: 20rem;
        margin-left: -10rem;
        margin-top: -13.75rem;
    }
}

@media (max-width: 414px) {
    .shang_box {
        width: 20rem;
        margin-left: -10rem;
        margin-top: -13.75rem;
    }

    li.msgarticle {
        padding-left: 0px;
    }

    .post-comments-count {
        display: none;
    }
}

@media (max-width: 321px) {
    .shang_box {
        width: 18rem;
        margin-left: -9rem;
        margin-top: -11rem;
    }

    .shang_payselect {
        width: 16.2rem;
        height: 1.5rem;
    }

    .radiobox {
        margin-right: 0.2rem;
    }
}

.sidebar-mobile-user {
    display: none !important;
}

.searchbox.ycomm span {
    right: 52px;
}

.jznight.ycomm span {
    right: 90px;
}

.nav-comment {
    float: right;
    position: relative;
    height: 60px;
}

.nav-comment .nav-avatar {
    display: inline-block;
    margin-top: 20px;
}

.nav-comment .nav-avatar img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.comment-dropdown {
    position: absolute;
    background: rgb(255, 255, 255);
    width: 115px;
    right: 0px;
    top: 65px;
    padding: 7px;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 40px;
    transition: all 0.8s ease 0s;
}

.comment-dropdown li {
    display: block;
    height: auto;
    line-height: normal;
    position: relative;
    vertical-align: top;
    padding: 0px 5px 0px 30px;
    font-size: 15px;
    border-radius: 4px;
}

.comment-dropdown li a {
    font-size: 14px;
    display: block;
    letter-spacing: 1px;
    transition: all 0.2s ease 0s;
    padding: 9px 0px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comment-dropdown li a i {
    position: absolute;
    margin: 9px 0px;
    padding-right: 5px;
    font-size: 16px;
    transform: translate(-100%, -50%);
}

.comment-dropdown li:hover {
    background: rgba(68, 142, 246, 0.1);
}

.comment-dropdown::before {
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent rgb(255, 255, 255);
    border-image: initial;
    content: "";
    right: 0px;
    margin-right: 10px;
    position: absolute;
    top: -16px;
    width: 16px;
    height: 16px;
}

.show .comment-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    display: initial;
}

@media only screen and (max-width: 768.1px) {
    .searchbox.ycomm span {
        right: 0px;
    }

    .jznight.ycomm span {
        right: 35px;
    }

    .nav-comment {
        display: none;
    }

    .mobile-icom {
        position: absolute;
        padding: 20px 10px 10px;
        top: 0px;
        width: 100%;
        line-height: 1;
    }

    #starlist li .mobile-icom a {
        display: inline-block;
        margin: 0px;
        line-height: 1;
        color: rgb(255, 255, 255);
    }

    #starlist li.sidebar-mobile-user:hover .mobile-icom a {
        color: rgb(255, 255, 255);
    }

    #starlist li .mobile-icom i {
        margin: 0px;
    }

    .sidebar-mobile-user {
        display: block !important;
        margin: 10px 0px 20px !important;
        text-align: center !important;
    }

    .sidebar-mobile-user .avatar {
        float: none;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        margin: 0px;
        display: inline;
    }

    .sidebar-mobile-user #sidebar-mobile-user .avatar img {
        width: 62px;
        height: 62px;
        bottom: -30px;
    }

    .sidebar-mobile-user #sidebar-mobile-user a.avatar {
        text-align: center;
        border-radius: 4px 4px 0px 0px;
        background-color: rgb(255, 255, 255);
        position: absolute;
        width: 230px;
        height: 35px;
        left: 0px;
        bottom: 0px;
        margin: 0px 10px;
    }

    .sidebar-mobile-user #sidebar-mobile-user .text h2 {
        font-size: 1rem;
        line-height: 3;
        margin: 0px 10px;
        background-color: rgb(255, 255, 255);
    }

    .sidebar-mobile-user #sidebar-mobile-user .text p {
        padding: 16px 0px;
        margin: 0px 10px;
        background-color: rgb(255, 255, 255);
    }

    .sidebar-mobile-user #sidebar-mobile-user .text p a {
        line-height: 1;
    }

    .sidebar-mobile-user #sidebar-mobile-user .card-info-data {
        margin: 0px 10px 10px;
        background-color: rgb(255, 255, 255);
        width: 230px;
        padding: 10px 5px 20px;
        border-radius: 0px 0px 4px 4px;
    }

    .sidebar-mobile-user #sidebar-mobile-user .card-info-data a, .sidebar-mobile-user .mobile-sidebar-author-action a {
        margin: 0px !important;
    }

    .sidebar-mobile-user #sidebar-mobile-user .length_num, .sidebar-mobile-user #sidebar-mobile-user .headline {
        line-height: 1.5;
    }

    .sidebar-mobile-user p {
        line-height: 1;
        font-size: 18px;
        font-weight: bold;
    }

    .sidebar-mobile-user p span {
        display: inline-block;
        color: rgb(220, 53, 69);
        font-size: 12px;
        padding: 6px 10px;
        border: 1px solid rgb(220, 53, 69);
        border-radius: 100px;
        font-weight: normal;
    }

    .mobile-sidebar-author-action {
        margin: 0px 10px 10px;
        background-color: rgb(255, 255, 255);
        border-radius: 4px;
        padding: 10px;
    }

    .mobile-sidebar-author-action .row {
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-sidebar-author-action .col {
        flex-basis: 0px;
        flex-grow: 1;
        max-width: 100%;
    }

    .mobile-sidebar-author-action .d-block {
        display: block;
    }

    .mobile-sidebar-author-action i {
        font-size: 18px;
        margin: 0px !important;
    }

    .mobile-sidebar-author-action .row a {
        line-height: 2 !important;
    }

    .mobile-us {
        padding: 0px 0px 10px !important;
    }

    #starlist li.sidebar-mobile-user:hover a {
        color: rgb(51, 51, 51);
    }

    .mobile-us .sidebar-mobile-user {
        margin: 0px !important;
    }

    #starlist.mobile-us li.navbar-item {
        font-size: 15px;
    }

    .mobile-us li.navbar-item {
        background: rgb(255, 255, 255);
        margin: 0px 10px !important;
        width: 230px !important;
    }

    .mobile-us.active li.navbar-item:hover {
        background-color: rgb(255, 255, 255) !important;
    }

    .mobile-us.active li:nth-child(2) {
        border-radius: 4px 4px 0px 0px;
        padding-top: 5px !important;
    }

    .mobile-us.active li:last-child {
        border-radius: 0px 0px 4px 4px;
        padding-bottom: 10px !important;
    }
}

@media only screen and (max-width: 479px) {
    .searchbox.ycomm span {
        right: 18px;
    }

    .jznight.ycomm span {
        right: 48px;
    }
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: rgb(3, 78, 255) !important;
    background-color: rgb(3, 78, 255) !important;
}

.layui-layer-btn a {
    margin: 5px !important;
}

.layui-layer-title {
    border-radius: 8px 8px 0px 0px !important;
}

.mochu_us_login_user_us {
    background-color: transparent !important;
}

.mochu_us_login_user_ul li {
    border: 0px !important;
}

#mochu_us_logincelan .mochu_us_login_footerdiv a {
    margin: 5px !important;
    background-color: transparent !important;
    border: 1px solid rgb(233, 233, 233) !important;
}

.mochu_us_login_user_ul {
    color: inherit !important;
}

.mochu_us_pst {
    width: 100% !important;
    margin: 0px 0px 20px !important;
    padding: 12px 15px 15px !important;
    font-size: 14px !important;
    color: rgb(136, 136, 136) !important;
    line-height: 22px !important;
    border: 1px solid rgba(68, 68, 68, 0.1) !important;
    background: rgba(143, 143, 143, 0.1) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}

.news_con .mochu_us_pst h2 {
    font-size: 19px !important;
    margin: 0px 0px 10px !important;
    color: rgb(3, 78, 255) !important;
    padding: 0px 0px 5px !important;
    border-bottom: 1px solid rgba(68, 68, 68, 0.1) !important;
}

.news_con .mochu_us_pst p {
    line-height: 2 !important;
    font-size: 15px !important;
    margin: 0px 0px 15px !important;
    padding: 0px !important;
    color: rgb(85, 84, 68) !important;
}

.news_con .mochu_us_tip_span a, .news_con .mochu_us_tip_span span {
    color: rgb(3, 78, 255) !important;
}

.mochu_us_xiazai {
    margin: 0px 0px 20px !important;
    border: 1px solid rgba(68, 68, 68, 0.1) !important;
    background: rgba(143, 143, 143, 0.1) !important;
    padding: 15px !important;
}

.mochu_us_xiazai_lf {
    background-image: url("images/xz.svg") !important;
}

.mochu_us_xiazai_lr a, .mochu-us-shang-div-span {
    border-radius: 3px !important;
    background-color: rgb(3, 78, 255) !important;
}

.mochu-us-shang-div p, .mochu-us-shang-div button {
    color: rgb(85, 84, 68) !important;
}

button.mochu-us-shangbuttons {
    color: rgb(3, 78, 255) !important;
    border: 1px solid rgb(3, 78, 255) !important;
}

.post_hide_box {
    width: 100%;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 14px;
    color: rgb(136, 136, 136);
    line-height: 22px;
    border: 1px solid rgba(68, 68, 68, 0.1);
    background: rgba(143, 143, 143, 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.post_hide_box .ddqr {
    width: 120px;
    height: 120px;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0px 15px 0px 0px;
    font-size: 14px;
    border-radius: 3px;
}

.post_hide_box .ddtit {
    font-size: 19px;
    margin: 5px 0px 15px;
    color: rgb(3, 78, 255);
}

.post_hide_box p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0px;
}

.post_hide_box .jzform {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.post_hide_box input, .post_hide_box button {
    box-sizing: border-box;
    display: block;
    height: 35px;
}

.post_hide_box #jzpasa {
    width: 100%;
    padding: 0px 5px 0px 10px;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    appearance: none;
}

.post_hide_box button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 70px;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background: rgb(3, 78, 255);
    border: none;
    border-radius: 0px;
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    .post_hide_box .jzform {
        width: 240px;
    }
}

@media only screen and (min-width: 479px) {
    .post_hide_box .ddtit {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .post_hide_box p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 479px) {
    .post_hide_box .ddqr {
        display: none;
    }
}

.topvi {
    width: 100%;
    display: block;
    overflow: hidden;
}

.topvi img {
    width: 100%;
    height: 400px;
    border-radius: 3px;
    object-fit: cover;
}

.vplay {
    width: 44px;
    height: 44px;
    line-height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px 0px 0px -22px;
    background-color: rgba(21, 21, 22, 0.5);
    color: rgb(255, 255, 255);
    font-size: 18px;
    border-radius: 100px;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}

.Jzzddimglis .vplay {
    margin: 12px 0px 0px -22px;
}

.r_box li:hover .vplay {
    opacity: 0;
}

.topvii {
    position: relative;
    height: 400px;
}

.topmaximg {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px;
    color: rgb(255, 255, 255);
    text-align: center;
    background: linear-gradient(rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.6));
}

.topmaximg a {
    color: rgba(255, 255, 255, 0.8);
}

.topmaximg h1 {
    font-size: 26px;
    margin: 20px 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.topmaximg .bloginfo {
    border: 0px;
    color: rgba(255, 255, 255, 0.8);
    margin: 0px;
    padding: 0px;
}

.topviv {
    height: 595px;
}

.topviv iframe {
    height: 100%;
    width: 100%;
}

@media only screen and (max-width: 768.1px) {
    .topvi img, .topvii {
        height: 300px;
    }

    .topmaximg h1 {
        font-size: 24px;
    }

    .topviv {
        height: 415px;
    }
}

@media only screen and (max-width: 479px) {
    .topvi img, .topvii {
        height: 200px;
        border-radius: 0px;
    }

    .topmaximg {
        padding: 10px;
    }

    .topmaximg h1 {
        margin: 10px 0px;
        font-size: 22px;
    }

    .topviv {
        height: 258px;
    }
}

@media only screen and (max-width: 376px) {
    .topviv {
        height: 203px;
    }
}

@media only screen and (max-width: 321px) {
    .topviv {
        height: 173px;
    }
}

.r_box .indextop ul {
    overflow: hidden;
    margin: 0px -8px;
    padding: 0px 8px;
}

.r_box .indextop li {
    float: left;
    width: 31.57%;
    margin-bottom: 20px;
    padding: 0px;
}

.r_box .indextop li {
    margin-right: 2.64%;
}

.r_box .indextop li:nth-child(3n) {
    margin-right: 0px;
}

.r_box .indextop li .listtopimg {
    height: 260px;
    margin: 0px 0px 10px;
}

.r_box .indextop li .listtopimg img {
    height: 260px;
    border-radius: 0px;
}

.r_box .indextop li h2 {
    margin: 10px 10px 0px;
    height: 25px;
    line-height: 1.5;
    max-height: 25px;
    -webkit-line-clamp: 1;
}

.r_box .indextop li p {
    margin: 15px 20px 10px;
    height: 44px;
    -webkit-line-clamp: 2;
}

.r_box .indextop .postfoot {
    border-top: 1px solid rgba(255,255,255,.3);
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 37px;
    justify-content: space-between;
    line-height: 1;
    padding: 12px 15px;
}

.indextop li .fenli {
    margin: 10px 8px 10px;
}

.indextop li .fenli a {
    color: rgb(255, 255, 255);
    background-color: rgb(0 0 0 / 50%);
    font-size: 12px;
    display: inline-block;
    position: relative;
    padding: 2px 10px;
    border-radius: 5px;
}

.mainwbk {
    width: 100%;
}

.mainwbk .indextop li {
    width: 15.99999999%;
    margin-right: 0.86%;
}

.mainwbk .indextop li:nth-child(3n) {
    margin-right: 0.7%;
}

.mainwbk .indextop li:nth-child(4n) {
    margin-right: 0.7%;
}

.mainwbk .indextop li:nth-child(6n) {
    margin-right: 0px;
}

.r_box .mainwbk .indextop li.Jzzddimglis .listtopimg {
    height: 260px;
}

.mainwbk .indextop li h2 {
    height: 50px;
    /* max-height: 50px; */
    -webkit-line-clamp: 2;
}

.mainwbk .indextop li p {
    height: 44px;
    -webkit-line-clamp: 2;
}

.mainwbk .pagelist {
    margin-top: 0px;
}

.indextop li .Jzzddimg {
    position: absolute;
    height: 100%;
    z-index: -2;
    width: 100%;
    background-size: cover;
	background-position: center;
}

.indextop li .Jzzddimg img {
    object-fit: cover;
    max-width: 100%; /* 或者其他固定宽度 */
    /* height: 100%; */
}

.Jzzddimglis::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
    inset: 0px;
    content: "";
    position: absolute;
    z-index: -1;
}

.Jzzddimglis, .Jzzddimglis h2 a, .Jzzddimglis .postfoot {
    color: rgb(255, 255, 255) !important;
}

.r_box .indextop li.Jzzddimglis p {
    display: none;
}

.r_box .indextop li.Jzzddimglis h2 {
    height: 24px;
    max-height: 24px;
    -webkit-line-clamp: 2;
    font-size: 14px;
}

.r_box .indextop li.Jzzddimglis .listtopimg {
    height: 214px;
}

.shop {
    margin-top: 70px;
    text-align: center;
    border-radius: 0px;
}

.shop img.shbg {
    border-radius: 0px;
    filter: blur(8px);
    margin: -20px;
    width: calc(100% + 30px);
    height: 440px;
    opacity: 0.9;
}

.shop .topmaximg h1 {
    -webkit-line-clamp: 1;
    width: 1176px;
    margin: 30px auto;
    font-weight: bold;
}

.shop .topmaximg .bloginfo {
    display: inline-block;
    width: auto;
    margin: 0px auto 20px;
}

.shop .topmaximg {
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
}

.shop .shrmb span, .shop .btn {
    margin: 0px 3px;
}

.shop .shrmb i {
    font-size: 30px;
}

.shop .shrmb i.shvip {
    color: rgb(255, 240, 40);
    font-weight: 600;
}

.shop .topmaximg p, .shrmb {
    width: 1176px;
    margin: 0px auto 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media only screen and (max-width: 1189.9px) {
    .shop .topmaximg p, .shrmb, .shop .topmaximg h1 {
        width: 96%;
    }
}

@media only screen and (max-width: 768.1px) {
    .shop {
        height: 350px;
        margin-top: 60px;
    }

    .shop .topmaximg p, .shrmb, .shop .topmaximg h1 {
        width: 100%;
    }

    .shop .topmaximg h1 {
        margin: 20px auto;
    }

    .shop .topmaximg p, .shrmb, .shop, .shop .topmaximg .bloginfo {
        margin-bottom: 15px;
    }

    .r_box .indextop .postfoot .f_r {
        display: none;
    }

    .r_box .indextop li .listtopimg, .r_box .indextop li .listtopimg img {
        height: 180px;
        max-height: 180px;
    }

    .r_box .indextop li.Jzzddimglis .listtopimg {
        max-height: 214px;
    }

    .r_box .mainwbk .indextop li.Jzzddimglis .listtopimg {
        height: 350px;
        max-height: 350px;
    }

    .r_box .indextop li p {
        height: 44px;
        -webkit-line-clamp: 2;
    }

    .r_box .indextop li {
        width: 48.68%;
        margin-right: 2.64%;
    }

    .r_box .indextop li:nth-child(2n) {
        margin-right: 0px;
    }

    .r_box .indextop li:nth-child(2n+1) {
        margin-right: 2.64%;
    }

    .pagewbk {
        margin: 0px 0px 15px;
    }

    li:hover .gx::after {
        animation: auto ease 0s 0 normal none running none;
    }
}

@media only screen and (max-width: 479px) {
    .shop {
        height: 310px;
    }

    .shop .topmaximg p, .shrmb, .shop, .shop .topmaximg .bloginfo {
        margin-bottom: 10px;
    }

    .shhodi, .shyj {
        display: none;
    }

    .r_box .indextop #post_list_box li {
        margin-bottom: 10px;
    }

    .r_box .indextop li .listtopimg, .r_box .indextop li .listtopimg img {
        height: 140px;
        max-height: 140px;
    }

    .r_box .indextop li.Jzzddimglis .listtopimg {
        max-height: 114px;
    }

    .r_box .mainwbk .indextop li.Jzzddimglis .listtopimg {
        max-height: 260px;
    }

    .r_box .indextop li h2 {
        margin: 10px 10px 0px;
    }

    .r_box .indextop li p {
        margin: 5px 10px;
        display: none;
    }

    .r_box .indextop .postfoot {
        margin: 0;
    }

    .r_box .indextop .postfoot .f_l .author {
        display: none;
    }

    .indextop li .fenli {
        margin: 15px 10px 10px;
    }
}

@media only screen and (max-width: 321px) {
    .r_box .indextop #post_list_box li {
        width: 100%;
    }

    .r_box .indextop li .listtopimg, .r_box .indextop li .listtopimg img {
        height: 140px;
        max-height: 140px;
    }

    .r_box .indextop li p {
        margin: 10px;
        height: 22px;
        -webkit-line-clamp: 1;
    }

    .r_box .indextop .postfoot .f_l .author {
        display: inline-block;
    }
}

.rightmenu {
    z-index: 1;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 0px, rgba(0, 0, 0, 0.1) 0px 4px 8px 0px;
    margin-top: -6px;
    border-radius: 4px;
    padding: 8px 0px;
    display: block;
    max-width: 240px;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
}

.rightmenu hr {
    margin-top: 8px;
    margin-bottom: 8px;
    box-sizing: content-box;
    height: 0px;
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-radius: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(68, 68, 68, 0.1);
}

.rightmenu li a {
    display: block;
    color: rgb(105, 105, 105);
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 36px;
    padding: 0px 20px 0px 16px;
    text-overflow: ellipsis;
    margin: 0px 4px;
    border-radius: 4px;
}

.rightmenu li a i {
    margin-right: 8px;
}

.rightmenu li a:hover {
    color: rgb(3, 78, 255);
    background: rgba(68, 142, 246, 0.1);
}

.rightmenu li.navigation {
    display: flex;
    justify-content: space-between;
}

.rightmenu li.navigation a {
    padding: 0px;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 4px;
    border-radius: 100px;
    position: relative;
}

.rightmenu li.navigation a i {
    margin: 0px;
}

.rightmenu li.navigation a:first-child {
    margin-left: 10px;
}

.rightmenu li.navigation a:last-child {
    margin-right: 10px;
}

.rightmenu.left {
    right: 0px;
}

.rightmenu.top {
    bottom: 0px;
}

#rightmenu-wrapper {
    display: none;
    position: fixed;
    z-index: 2000;
    user-select: none;
}

.night {
    background-color: rgb(40, 43, 52);
    background-image: none;
    color: rgb(204, 205, 208) !important;
}

.night .logo img {
    display: none;
}

.night .logo img.nightlogoimg {
    display: block;
}

.night #starlist a.selected, .night {
    color: rgb(3, 78, 255) !important;
}

.night a, .night #sidebar-mobile-user .card-info-data-item .length_num, .night .sidebar .side-title h3, .night .news_title, .night .diggit, .night .sidebar .side-title::before, .night #side-new-about-item .card-info-data-item .length_num, .night #side-new-about-item .card-info-data-item .headline, .night .jz-comment h3, .night .jz-comments h3, .night .related-list h3, .night ul.msg.msghead, .night .jzcmslist li a h2, .night input, .night textarea, .night .news_about strong, .night .header-navigation, .night #starlist li:hover i.jzicon-arrow-down, .night #starlist li.selected .jzicon-arrow-down::before {
    color: rgb(254, 255, 253) !important;
}

.night .sidebar .side-title {
    border-color: rgb(58, 58, 58);
}

.night .news_about {
    background-color: rgb(21, 22, 23);
    color: rgb(254, 255, 253);
    border-color: rgb(58, 58, 58);
}

.night .header-navigation, .night .r_box li, .night .l_box .sidebar, .night .infosbox, .night .related-list, .night .commen_pl, .night footer, .night .share-icons, .night .pagelist, .night .aboxd, .night .atopd, .night .jzcms1, .night .list-nav, .night .topbox li, .night .jzcmslist, .night .pageload .view-more-button, .night .pageload .page-load-status p, .night .topvi, .night .mochu_us_login_page, .night .specialbox li, .night .slider, .night .r_box li p, .night table th {
    background-color: rgb(33, 36, 43);
    color: rgb(204, 205, 208);
    box-shadow: none;
}

.night .postfoot, .night .r_box .postfoot a, .night .bloginfo a, .night .bloginfo {
    color: rgb(177, 177, 177) !important;
}

.night .rightmenu {
    background-color: rgb(0, 0, 0);
}

.night .parallax > use:nth-child(4) {
    fill: rgb(21, 22, 23);
}

.night .shop img.shbg {
    opacity: 0.8;
}

.night .shop {
    background: rgb(38, 38, 38);
}

.night .parallax > use:nth-child(1), .night .parallax > use:nth-child(2), .night .parallax > use:nth-child(3) {
    opacity: 0.3;
}

.night #starlist.active, .night #starlist ul.sub-nav, .night .comment-dropdown {
    background-color: rgb(29, 31, 32);
}

.night #starlist {
    background-color: transparent;
}

.night #starlist ul.sub-nav::before, .night .comment-dropdown::before {
    border-bottom-color: rgb(29, 31, 32);
}

.night .sidebar-mobile-user #sidebar-mobile-user a.avatar, .night .sidebar-mobile-user #sidebar-mobile-user .text h2, .night .sidebar-mobile-user #sidebar-mobile-user .card-info-data, .night .mobile-sidebar-author-action {
    background-color: rgb(21, 22, 23);
}

@media only screen and (max-width: 768.1px) {
    .night .mobile-us li.navbar-item, .night .mobile-us.active li.navbar-item:hover {
        background-color: rgb(21, 22, 23) !important;
    }

    .night #starlist.mobile-us ul.sub-nav {
        background-color: transparent !important;
    }

    .night #starlist.mobile-us ul.sub-nav::before {
        border-bottom-color: transparent !important;
    }

    .night #sidebar-mobile-user .avatar img {
        opacity: 1;
    }
}

.night .header-navigation, .night footer {
    box-shadow: none;
    text-shadow: none;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    background: rgba(0,0,0,0.1);
}

.night #divTags li a, .night #divContorPanel .cp-login a, .night #divContorPanel .cp-vrs a, .night .tags a, .night .pagelist a, .night #font-tz a {
    background-color: rgb(46, 49, 58) !important;
}

.night .jz-comment h3, .night .jz-comments h3, .night .related-list h3, .night ul.msg, .night ul.msghead li.tbname, .night ul.msg ul.msg, .night .jz-comment-box, .night .bloginfo, .night .nextinfo, .night #divCalendar caption, .night #divCalendar table, .night #divCalendar tr, .night #divCalendar th, .night #divCalendar td, .night .r_box .list-navi li, .night table, .night table th, .night table td {
    border-color: rgb(52, 55, 66);
}

.night textarea, .night #divSearchPanel form, .night .jz-comment-box, .night .post-share a, .night .share-icon, .night .b-nav-search_wrap {
    border: 0px;
    box-shadow: none;
    background: rgb(21 22 23 / 40%) !important;
}

.night #divSearchPanel input[type="text"], .night #divCalendar thead, .night blockquote {
    background: rgb(21, 22, 23) !important;
}

.night .layui-layer {
    background: rgb(21, 22, 23);
    color: rgb(136, 136, 136) !important;
}

.night .layui-layer button, .night .layui-layer-title {
    background: rgb(15, 15, 15) !important;
    color: rgb(136, 136, 136) !important;
}

.night .layui-layer-title {
    border-color: rgb(15, 15, 15);
}

.night .news_con .spread {
    background: linear-gradient(rgba(38, 38, 38, 0), rgb(38, 38, 38) 50%);
}

.topbox {
    overflow: hidden;
    margin: 0px auto;
    max-width: 1640px;
}

div#jzbolg {
    overflow: hidden;
    margin: 0px auto;
    max-width: 1640px;
}
.sep{
	display: flex;
    height: 85%;
    margin: 0 10px;
    width: 1px
}
.sep:after {
    background-color: #e6e6e6;
    content: "";
    height: 30%;
    margin: auto;
    transition: background-color 1s ease;
    width: 100%
}
#tooltip-f-weixin {
    width: 32px;
    text-align: center;
    font-size: 22px
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-weixin:before {
    content: "\e610"
}
.note-land {    
    background: #ff9500;
    border: none;
    padding: .4em 1em;
    border-radius: 50em;
    color: #FFF;
    margin-left: 15px;
    font-size: 13px;
}
.jznight{
	width: 32px;
    text-align: center;
    font-size: 22px;
}
.qcode {
    width: 100%;
    padding: 0 20px;
    margin: auto;
    text-align: center;
    height: 320px;
    display: flex;
  justify-content: center;
}
.qcode img {
    float:left;
	margin:auto 10px;
}

   .copy-success {  
    color: green;  
    margin-left: 10px;  
    display: none; /* 初始时隐藏成功提示 */