/*ZMY*/
body {
    background-color: #edf3f9;
    color: #757575;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5;
}

body,
html {
    width: 100%;
    height: 100%;
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

li,
ul {
    list-style-type: none;
}

a {
    color: #757575;
    text-decoration: none;
    cursor: pointer;
}
.curr{
    color: #03a9f4;
}

button,
input {
    outline: 0;
}

/**
 * 头部
 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 20;
}

.header .header-content {
    overflow: hidden;
    margin: auto;
    padding: 0 10px;
    width: 1200px;
    height: 50px;
    max-width: 100%;
    line-height: 50px;
}

.header .header-content .logo {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.header .header-content .logo>a {
    position: relative;
    display: block;
    overflow: hidden;
}
.ygq_p{
    overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.header .header-content .logo>a:before {
    position: absolute;
    width: 150px;
    height: 10px;
    background-color: hsla(0, 0%, 100%, .5);
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: blink 2s ease-in 2s infinite;
    animation: blink 2s ease-in 2s infinite;
}

@-webkit-keyframes blink {
    0% {
        top: 0;
        left: 10px;
    }

    to {
        top: 0;
        left: 320px;
    }
}

@-o-keyframes blink {
    0% {
        top: 0;
        left: 10px;
    }

    to {
        top: 0;
        left: 320px;
    }
}

@-moz-keyframes blink {
    0% {
        top: 0;
        left: 10px;
    }

    to {
        top: 0;
        left: 320px;
    }
}

@keyframes blink {
    0% {
        top: 0;
        left: -100px;
    }

    to {
        top: 0;
        left: 320px;
    }
}

.header .header-content .logo>a>img {
    height: 40px;
}

.header .header-content .navigation {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-content .navigation li>a {
    display: block;
    padding: 0 15px;
    font-size: 16px;
}

.header-content .navigation li>a:hover,
.header-content .navigation li.active>a {
    color: #03a9f4;
}

.header .header-content .right {
    float: right;
}

.header .header-content .right>a {
    margin-left: 15px;
    color: #333;
    font-size: 16px;
}

.header .header-content .right .menubtn {
    margin-left: 0;
    display: none;
}

/**
 * 内容
 */
.container {
    padding-top: 65px;
}

.container .content {
    overflow: hidden;
    margin: auto;
    padding: 0 10px;
    width: 1200px;
    max-width: 100%;
    margin-bottom: 15px;
    min-height: calc(100vh - 398px);
}

.index-main {
    overflow: hidden;
    margin-bottom: 15px;
}

.index-main .index-news {
    position: relative;
    float: left;
    overflow: hidden;
    width: calc(68% - 8.32px);
    background: #fff;
    border-radius: 6px;
}

.index-main .index-news:after,
.index-main .index-news:before {
    position: absolute;
    top: -95vw;
    left: 50%;
    z-index: 0;
    margin-left: -50vw;
    width: 100vw;
    height: 100vw;
    border-radius: 47%;
    background-color: #08f;
    content: "";
    opacity: .1;
    transform-origin: 50% 49%;
    animation: bgRotate 30s linear infinite;
    animation-duration: 30s;
}

.index-main .index-news:after {
    border-radius: 49%;
}

@keyframes bgRotate {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes switchColor {
    0% {
        background-position: 0;
    }

    50% {
        background-position: 50%;
    }

    to {
        background-position: 100%;
    }
}

@keyframes switchColor {
    0% {
        background-position: 0;
    }

    50% {
        background-position: 50%;
    }

    to {
        background-position: 100%;
    }
}

.index-main .index-news .index-news-title {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

.index-main .index-news .index-news-list {
    overflow: hidden;
    padding-top: 10px;
    padding-left: 15px;
    height: 490px;
    position: relative;
    z-index: 5;
}

.index-news-list ul li {
    float: left;
    padding: 0 15px 10px 0;
    width: 50%;
    font-size: 16px;
}

.index-news-list ul li span {
    position: relative;
    float: left;
    margin-right: 12px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
}

.index-news-list ul li span:after {
    position: absolute;
    top: 10px;
    right: -5px;
    display: inline-block;
    width: auto;
    height: 12px;
    border-left: 1px solid #ddd;
    content: "";
}

.index-news-list ul .add span {
    width: 26px;
}

.index-news-list ul li a {
    float: left;
    overflow: hidden;
    height: 30px;
    max-width: calc(100% - 40px);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 30px;
}

.index-news-list ul .add a {
    color: #f44336;
}

.index-news-list ul li a:hover {
    opacity: .8;
}

.index-news .pagination {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 15px;
}

.index-news .pagination>a {
    display: none;
}

.index-news .pagination>.jp-previous {
    position: relative;
    float: left;
    display: block;
    width: 50%;
    height: 30px;
    border: 1px solid #eee;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    color: #666;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
    user-select: none;
}

.index-news .pagination>.jp-hidden {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    float: left;
    display: block !important;
    width: 84px;
    height: 21px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    transform: translate(-50%, -50%) rotate(-42deg);
}

.index-news .pagination>.jp-next {
    position: relative;
    float: right;
    display: block;
    width: 50%;
    height: 30px;
    border: 1px solid #eee;
    border-left: 0;
    border-radius: 0 3px 3px 0;
    color: #666;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
    user-select: none;
}

.index-main .index-info {
    float: right;
    width: calc(32% - 4.68px);
    height: 535px;
}

.index-main .index-info .index-info-layer {
    overflow: hidden;
    margin-bottom: 15px;
}

.index-info-layer .carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 227px;
}

.index-info-layer .carousel img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.index-info-layer .webinfo {
    overflow: hidden;
    background: #fff;
}

.index-info-layer .webinfo>fieldset {
    display: block;
    margin: 10px 15px 0;
    height: 10px;
    border: 0;
    border-top: 1px solid #a9a9a9;
}

.index-info-layer .webinfo>fieldset>legend {
    width: 100px;
    color: #888;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
}

.index-info-layer .webinfo .tequan {
    overflow: hidden;
}

.index-info-layer .webinfo .tequan>li {
    float: left;
    display: flex;
    padding: 10px 15px;
    width: 50%;
    text-align: center;
}

.index-info-layer .webinfo .tequan>li>span>em {
    float: left;
    display: block;
    margin-right: 7px;
    margin-left: 50px;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,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) no-repeat;
    background-position: center -389px;
}

.index-info-layer .webinfo .tequan>li:nth-child(2n)>span>font {
    background-position: center -360px;
}

.index-info-layer .webinfo .tequan>li:nth-child(3n)>span>font {
    background-position: center -101px;
}

.index-info-layer .webinfo .tequan>li:nth-child(4n)>span>font {
    background-position: center -263px;
}

.index-main .index-info .index-info-material {
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
}

.index-info-material .title {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

.index-info-material .meita-li {
    overflow: hidden;
    padding-top: 15px;
}

.index-info-material .meita-li li {
    float: left;
    padding: 0 15px 15px;
    width: 25%;
    text-align: center;
}

.index-info-material .meita-li li>a>img {
    display: inline-block;
    margin-bottom: 5px;
    width: 60px;
    height: 60px;
    border-radius: 15px;
}

.index-info-material .meita-li li>a>span {
    display: block;
}

.index-info-material .meita-li li:hover {
    opacity: .8;
}

/*CMS*/
.index-cms {
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 6px;
    background: #fff;
}

.index-cms:last-child {
    margin-bottom: 0px;
}

.index-cms .index-cms-title {
    overflow: hidden;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

.index-cms .index-cms-title>h3 {
    float: left;
    font-weight: 400;
    font-size: 16px;
}

.index-cms .index-cms-title>.go {
    float: right;
}

.index-cms .index-cms-title>.go>i {
    vertical-align: -4px;
    font-size: 18px;
}

.index-cms .index-cms-nav {
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.index-cms .index-cms-nav .cmsgoto {
    font-size: 16px;
    padding: 15px;
    float: left;
}

.index-cms .index-cms-nav .active,
.index-cms .index-cms-nav .cmsgoto:hover {
    border-bottom: 1px solid #2196f3;
}

.index-cms .index-cms-nav .active,
.index-cms .index-cms-nav .cmsgoto:hover a {
    color: #2196f3;
}

.index-cms .index-cms-box {
    overflow: hidden;
    padding-top: 15px;
    padding-left: 15px;
    display: none;
}

.index-cms .index-cms-box.active {
    display: block;
}

.index-cms .index-cms-box>li {
    float: left;
    padding: 0 15px 15px 0;
    width: 33.33333333333333%;
    transition: box-shadow .3s;
}

.index-cms .index-cms-box .card {
    display: block;
    overflow: hidden;
    border: 1px solid #dee0e3;
    border-radius: 6px;
}

.index-cms .index-cms-box .card:hover {
    box-shadow: 0 5px 10px rgba(31, 35, 41, .15);
}

.index-cms-box .card .card-header {
    overflow: hidden;
    padding: 10px 15px 0;
}

.index-cms-box .card .card-header>img {
    float: left;
    margin-right: 10px;
    width: 55px;
    height: 55px;
    border-radius: 6px;
}

.index-cms-box .card .card-header .card-title {
    float: left;
    overflow: hidden;
    max-width: calc(100% - 70px);
}

.index-cms-box .card .card-header .card-title>h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
}

.index-cms-box .card .card-header .card-title>span {
    position: relative;
    display: inline-block;
    margin-top: 12px;
    padding: 0 6px;
    border-radius: 2px;
    background: rgba(0, 176, 240, .14);
    color: #00b0f0;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}

.index-cms-box .card .card-body {
    display: flex;
    overflow: hidden;
    padding: 10px 15px;
    align-items: center;
}

.index-cms-box .card .card-body .card-time {
    float: left;
    font-size: 12px;
}

.index-cms-box .card .card-body .card-time>i {
    margin-right: 3px;
    vertical-align: -1px;
}

.index-cms-box .card .card-body .card-go {
    position: relative;
    float: right;
    display: inline-block;
    margin-left: auto;
    padding: 0 10px;
    height: 22px;
    min-width: 60px;
    border: 1px solid #0dce9e;
    border-radius: 12px;
    color: #0dce9e;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}

.index-cms-box .card .card-body .card-go:hover {
    border: 1px solid #3dc3f3;
    color: #3dc3f3;
}

.index-cms .article-cms-box {
    display: none;
}

.index-cms .article-cms-box .article-cms-image {
    overflow: hidden;
    padding-left: 15px;
}

.index-cms .article-cms-box.active {
    display: block;
}

.article-cms-image>li {
    float: left;
    padding: 15px 15px 15px 0;
    width: 25%;
}

.article-cms-image .card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.article-cms-image .card .card-header {
    overflow: hidden;
    height: 165px;
}

.article-cms-image .card .card-header:hover>img {
    transform: scale(1.2);
}

.article-cms-image .card .card-header>img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.article-cms-image .card .card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
}

.index-cms .article-cms-box .article-cms-text {
    overflow: hidden;
}

.article-cms-text>li {
    float: left;
    overflow: hidden;
    padding: 10px 15px;
    width: 50%;
    border-top: 1px dashed #ddd;
}

.article-cms-text>li>a {
    position: relative;
    float: left;
    overflow: hidden;
    padding-left: 12px;
    max-width: calc(100% - 80px);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-cms-text>li:hover a {
    opacity: .8;
}

.article-cms-text>li>a>em {
    position: absolute;
    top: 7px;
    right: 0;
    left: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #e2e2e2;
    color: #fff;
}

.article-cms-text>li .time {
    float: right;
    font-size: 12px;
}

/*文章页列表*/
.article-box {
    overflow: hidden;
}

.article-box .article-item {
    float: left;
    overflow: hidden;
    width: calc(76% - 8.32px);
    border-radius: 6px;
    background: #fff;
}

.article-item .article-item-nav {
    overflow: hidden;
    overflow-x: auto;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}

.article-item .article-item-nav>a {
    display: table-cell;
    padding: 10px 15px;
    white-space: nowrap;
}

.article-item .article-item-nav .active,
.article-item .article-item-nav>a:hover {
    border-bottom: 1px solid #2196f3;
    color: #2196f3;
}

.article-item .article-item-content {
    overflow: hidden;
}

.article-item .article-item-content .post-article {
    position: relative;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.article-item .article-item-nav>h3 {
    overflow: hidden;
    padding: 10px 15px;
    color: #f44336;
    font-size: 16px;
}

.post-article .post-image {
    position: relative;
    float: left;
    display: block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}

.post-article .post-image .lazy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.post-article .post-info {
    float: left;
    overflow: hidden;
    max-width: calc(100% - 130px);
}

.post-article .post-info>h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
}

.post-article .post-info .post-info-meta {
    overflow: hidden;
    margin-top: 8px;
    font-size: 12px;
    opacity: .8;
}

.post-article .post-info .post-info-meta>span {
    margin-right: 15px;
}

.post-article .post-info .post-info-meta>span>i {
    margin-right: 3px;
}

.post-article .post-info .post-info-meta .tiem {
    margin-right: 0;
}

.article-item .article-item-content .post-go {
    float: right;
    margin-top: 12.5px;
    padding: 0 15px;
    height: 25px;
    border-radius: 6px;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
}

.article-item .pagination-num {
    margin-bottom: 15px;
}

.article-item .article-item-content .post-article:hover {
    opacity: .8;
}

.article-item-content .post-article:hover .post-info>h3>a {
    color: #2196f3;
}

.article-item .article-item-content .search-tishi {
    padding: 10px;
    text-align: center;
}

/*侧边栏*/
.sidebar-widget {
    float: right;
    overflow: hidden;
    width: calc(24% - 4.68px);
}

.sidebar-widget .widget-user {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 45px 15px 0;
    border-radius: 6px;
    background: #fff;
}

.sidebar-widget .widget-user:before {
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    content: "";
}

.sidebar-widget .widget-user:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    width: 100%;
    height: 239px;
    background: url(../images/wbj.gif) no-repeat;
    background-size: cover;
    content: "";
    pointer-events: none;
}

.sidebar-widget .widget-user:hover:after {
    display: block;
}

.widget-user>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget-user .user-info {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.widget-user .user-info>img {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 5px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #fff;
    transition: -webkit-transform .75s;
    transition: transform .75s;
    transition: transform .75s, -webkit-transform .75s;
    -o-object-fit: cover;
    object-fit: cover;
}

.widget-user .user-info>img:hover {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
}

.widget-user .user-info>a {
    color: #2196f3;
    font-size: 16px;
    font-weight: 500;
}

.widget-user .user-info>p {
    margin: 10px auto;
    text-align: left;
    word-break: break-all;
}

.widget-user .count {
    display: flex;
    width: 100%;
    align-items: center;
}

.widget-user .count .count-item {
    display: flex;
    color: #606266;
    font-size: 12px;
    flex: 1;
    flex-direction: column;
    align-items: center;
}

.widget-user .count .count-item>.num {
    overflow: hidden;
    margin-bottom: 5px;
    max-width: 70px;
    color: #303133;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    font-size: 18px;
}

.sidebar-widget .widget-row {
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgb(158 158 158/22%);
}

.sidebar-widget .widget-row .widget-title {
    padding: 10px 15px;
    border-bottom: 1px solid #ebeef5;
}

.widget-row .widget-list,
.widget-row .widget-div {
    overflow: hidden;
}

.widget-list .discuss-user {
    overflow: hidden;
    margin-bottom: 10px;
}

.widget-list .discuss-user>img {
    float: left;
    margin-right: 10px;
    padding: 3px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border: 1px solid #dcdfe6;
    border-radius: 50%;
}

.widget-list .discuss-user .info {
    float: left;
    max-width: calc(100% - 50px);
}

.widget-list .discuss-user .info>.author {
    overflow: hidden;
    height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget-list .discuss-user .info>.date {
    font-size: 12px;
}

.widget-list>li .reply {
    position: relative;
    padding: 5px 10px;
    border-radius: 6px;
    background: #f2f6fc;
}

.widget-list>li .reply:before {
    position: absolute;
    bottom: 100%;
    left: 15px;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ebeef5;
    border-left: 6px solid transparent;
    content: "";
}

#divComments .widget-list {
    padding-top: 15px;
}

#divComments .widget-list>li {
    display: block;
    padding: 0 15px 15px;
}

#divCalendar .widget-div {
    padding: 10px;
}

.widget-div #tbCalendar {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border-spacing: 0;
}

.widget-div #tbCalendar>caption {
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
}

.widget-div thead tr th {
    background-color: #fbfbfb;
    text-align: center;
}

.widget-div tbody tr td,
.widget-div thead tr th {
    padding: 5px 3px;
    border: 1px solid #eee;
}

.widget-div tbody tr td>a {
    color: #f44336;
}

#divNavBar .widget-list,
#divCatalog .widget-list {
    padding: 10px 0 0 10px;
}

#divNavBar .widget-list>li,
#divCatalog .widget-list>li {
    float: left;
    padding: 0 10px 10px 0;
    width: 50%;
    text-align: center;
}

#divNavBar .widget-list>li>a,
#divCatalog .widget-list>li>a {
    display: inline-block;
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 6px;
    line-height: 30px;
}

#divTags .widget-list {
    padding-top: 10px;
    padding-right: 10px;
}

#divTags .widget-list>li {
    float: left;
    padding-bottom: 10px;
    padding-left: 10px;
}

#divTags .widget-list>li>a {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 3px;
    background-color: #428bca;
    color: #fff;
    font-size: 12px;
    opacity: .8;
}

#divTags .widget-list>li:nth-child(9n) a {
    background-color: #4A4A4A;
}

#divTags .widget-list>li:nth-child(9n+1) a {
    background-color: #428BCA;
}

#divTags .widget-list>li:nth-child(9n+2) a {
    background-color: #5CB85C;
}

#divTags .widget-list>li:nth-child(9n+3) a {
    background-color: #D9534F;
}

#divTags .widget-list>li:nth-child(9n+4) a {
    background-color: #567E95;
}

#divTags .widget-list>li:nth-child(9n+5) a {
    background-color: #B433FF;
}

#divTags .widget-list>li:nth-child(9n+6) a {
    background-color: #00ABA9;
}

#divTags .widget-list>li:nth-child(9n+7) a {
    background-color: #B37333;
}

#divTags .widget-list>li:nth-child(9n+8) a {
    background-color: #FF6600;
}

#divTags .widget-list>li>a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

#divContorPanel .widget-div {
    text-align: center;
    padding: 10px;
}

#divArchives .widget-list {
    padding: 10px 0;
}

#divArchives .widget-list>li {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

#divArchives .widget-list>li>.Archives-dot {
    position: relative;
    margin-right: 10px;
    padding: 0 .5rem;
    border-color: #e0e3ef;
}

#divArchives .widget-list>li>.Archives-dot:after,
#divArchives .widget-list>li>.Archives-dot:before {
    position: absolute;
    top: 3px;
    left: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #e0e3ef;
    border-radius: 50%;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#divArchives .widget-list>li>.Archives-dot:before {
    top: 6px;
    z-index: 2;
    border-color: #2196f3;
    background-color: #fff;
    opacity: .8;
}

#divArchives .widget-list>li>.Archives-dot:after {
    top: 20px;
    bottom: 0;
    width: 0;
    height: auto;
    border-radius: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
}

#divArchives .widget-list>li>a {
    margin-bottom: 15px;
}

.widget-row .widget-div img {
    width: 100%;
}

#divAuthors .widget-list,
#divFavorites .widget-list,
#divLinkage .widget-list,
#divMisc .widget-list,
#divStatistics .widget-list {
    padding-top: 10px;
    padding-left: 10px;
}

#divAuthors .widget-list>li,
#divFavorites .widget-list>li,
#divLinkage .widget-list>li,
#divMisc .widget-list>li,
#divStatistics .widget-list>li {
    float: left;
    overflow: hidden;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 50%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#divSearchPanel .widget-div {
    padding: 10px;
}

#divSearchPanel .widget-div>form {
    display: flex;
}

#divSearchPanel .widget-div>form>input[type=text] {
    padding: 0 15px;
    width: 100%;
    height: 30px;
    border: 1px solid #ebeef5;
    line-height: 30px;
}

#divSearchPanel .widget-div>form>input[type=submit] {
    margin-left: -1px;
    width: 100px;
    border: 1px solid #ebeef5;
    background: #fff;
}

#divPrevious .widget-list {
    padding-top: 10px;
    padding-left: 10px;
}

#divPrevious .widget-list>li {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

/*内容*/
.single-page {
    position: relative;
    overflow: hidden;
}

.single-page .single-container {
    float: left;
    overflow: hidden;
    width: calc(76% - 8.32px);
}

.single-container .single-detail {
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
}

.single-container .single-detail .single-detail-header {
    overflow: hidden;
    padding: 15px;
    border-bottom: 1px solid #ebeef5;
    text-align: center;
}

.single-detail-header>h2 {
    color: #333;
    font-size: 18px;
}

.single-detail-header .meta {
    margin-top: 10px;
    color: #909399;
}

.single-detail-header .meta>a {
    color: #909399;
}

.single-detail-header .meta .line {
    margin: auto 5px;
}

.single-container .single-detail .single-detail-content {
    overflow: hidden;
    padding: 15px;
}

.single-detail-content p {
    margin-bottom: 5px;
    line-height: 25px;
}

.single-detail-content h1,
.single-detail-content h2,
.single-detail-content h3,
.single-detail-content h4 {
    position: relative;
    margin: 10px auto;
    padding: 0 15px;
    color: #303133;
    font-size: 18px;
    line-height: 24px;
}

.single-detail-content h1:before,
.single-detail-content h2:before,
.single-detail-content h3:before,
.single-detail-content h4:before {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 0;
    width: 4px;
    border-radius: 2px;
    background: #409eff;
    content: "";
}

.single-container .single-detail .single-gadget {
    display: flex;
    padding: 0 15px 15px;
    color: #606266;
    align-items: center;
}

.single-gadget .single-gadget-tag {
    display: flex;
    overflow-x: auto;
    flex-shrink: 0;
    flex: 1;
    align-items: center;
}

.single-gadget .single-gadget-tag a {
    position: relative;
    overflow: hidden;
    margin-right: 10px;
    padding-right: 8px;
    padding-left: 29px;
    height: 26px;
    max-width: 125px;
    border: 1px solid #f2f6fc;
    border-radius: 13px;
    background-color: #f2f6fc;
    color: #909399;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 26px;
    transition: border .25s, color .25s;
    flex-shrink: 0;
}

.single-gadget .single-gadget-tag a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    content: "";
}

.single-gadget .single-gadget-tag a:after {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 12px;
    height: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiPjxwYXRoIGQ9Ik02ODIuNjY3IDM1Ni44NDhIMzI1LjgxOGEzOC43ODggMzguNzg4IDAgMDEtMzguNzg4LTM4Ljc4NyAzOC43ODggMzguNzg4IDAgMDEzOC43ODgtMzguNzg4aDM1Ni44NDlhMzguNzg4IDM4Ljc4OCAwIDAxMzguNzg4IDM4Ljc4OCAzOC43ODggMzguNzg4IDAgMDEtMzguNzg4IDM4Ljc4N3oiIGZpbGw9IiM1NGI1ZGIiLz48cGF0aCBkPSJNOTA3LjYzNiAxMDI0aC0xNS41MTVMNTEyIDgwNi43ODhsLTM4MC4xMjEgMjA5LjQ1NEg5My4wOWE2Mi4wNiA2Mi4wNiAwIDAxLTE1LjUxNS0zMS4wM1YxMTYuMzY0QTExNi4zNjQgMTE2LjM2NCAwIDAxMTkzLjkzOSAwaDYzNi4xMjJhMTE2LjM2NCAxMTYuMzY0IDAgMDExMTYuMzYzIDExNi4zNjR2ODY4Ljg0OGE2Mi4wNiA2Mi4wNiAwIDAxLTE1LjUxNSAzMS4wM3pNNTEyIDcyMS40NTVoMjMuMjczbDMzMy41NzUgMTg2LjE4MVYxMTYuMzY0YTM4Ljc4OCAzOC43ODggMCAwMC0zOC43ODctMzguNzg4SDE5My45MzlhMzguNzg4IDM4Ljc4OCAwIDAwLTM4Ljc4NyAzOC43ODh2Nzk5LjAzbDM0MS4zMzMtMTg2LjE4MnoiIGZpbGw9IiM1NGI1ZGIiLz48L3N2Zz4=) no-repeat;
    background-size: 100% 100%;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.single-gadget .single-gadget-share {
    position: relative;
    margin-left: 15px;
}

.single-gadget .single-gadget-share #btnshare {
    width: 26px;
    height: 26px;
    cursor: pointer;
    transition: transform .35s, -webkit-transform .35s;
}

.single-gadget .single-gadget-share .reach {
    position: absolute;
    top: 34px;
    left: -1px;
    z-index: 10;
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: visibility .25s, transform .25s, opacity .25s, -webkit-transform .25s;
    transform: translateY(25px);
    flex-direction: column;
}

.single-gadget .single-gadget-share .reach>a {
    margin-bottom: 5px;
}

.single-gadget .single-gadget-share .reach>a>img {
    cursor: pointer;
    transition: transform .35s, -webkit-transform .35s;
}

.single-gadget .single-gadget-share #btnshare:hover,
.single-gadget .single-gadget-share .reach>a>img:hover {
    -webkit-transform: rotate(1turn) scale(1.25);
    transform: rotate(1turn) scale(1.25);
}

.single-gadget .single-gadget-share.opacity .reach {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.single-container .single-detail .Exemption {
    overflow: hidden;
    margin: 0 15px 15px;
    padding: 15px;
    border-radius: 4px;
    background: #f2f6fc;
}

.single-detail .Exemption>h2 {
    margin-bottom: 10px;
    color: #2196f3;
    text-align: center;
    letter-spacing: 10px;
    font-size: 18px;
}

.single-container .single-detail .single-download {
    overflow: hidden;
    margin-bottom: 15px;
    padding: 0 15px;
}

.single-download .single-download-item {
    display: flex;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    align-items: center;
}

.single-download .single-download-item:last-child {
    margin-bottom: 0;
}

.single-download .single-download-item .download-logo {
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background-size: 100% 100%;
    flex-shrink: 0;
}

.single-download .single-download-item .down-detail {
    overflow: hidden;
    line-height: normal;
    flex: 1;
}

.single-download .single-download-item .down-detail .title {
    overflow: hidden;
    margin-bottom: 3px;
    color: #409eff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.single-download .single-download-item .down-detail .type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.single-download .single-download-item>a {
    margin-left: auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #409eff;
    color: #fff;
    text-align: center;
    line-height: 30px;
    flex-shrink: 0;
}

.single-download .single-download-item .baidu {
    background-image: url(../images/baidupanico.ico);
}

.single-download .single-download-item .lanzou {
    background-image: url(../images/downico.ico);
}

.single-download .single-download-item .qita {
    background-image: url(../images/qitaico.svg);
}

.single-download .single-download-title {
    position: relative;
    margin-bottom: 10px;
    padding: 0 15px;
    color: #303133;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
}

.single-download .single-download-title:before {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 0;
    width: 4px;
    border-radius: 2px;
    background: #409eff;
    content: "";
}

.single-container .Parttwo {
    overflow: hidden;
    margin: 15px auto;
}

.single-container .Parttwo>a {
    padding: 0 15px;
    border-radius: 5px;
    background: #50a1ff;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
}

.single-container .Parttwo .left {
    float: left;
}

.single-container .Parttwo .right {
    float: right;
}

.single-container .Related {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 6px;
    background: #fff;
}

.single-container .Related .Related-title {
    padding: 10px 15px;
    border-bottom: 1px solid #ebeef5;
    font-size: 16px;
}

.single-container .Related .Related-box {
    overflow: hidden;
    padding-top: 10px;
    padding-left: 10px;
}

.Related-box>li {
    float: left;
    padding: 0 10px 10px 0;
    width: 50%;
    transition: box-shadow .3s;
}

.Related-box .card {
    display: block;
    overflow: hidden;
    border: 1px solid #dee0e3;
    border-radius: 6px;
}

.Related-box .card:hover {
    box-shadow: 0 5px 10px rgba(31, 35, 41, .15);
}

.Related-box .card .card-header {
    overflow: hidden;
    padding: 10px 15px;
}

.Related-box .card .card-header .lazy {
    float: left;
    margin-right: 10px;
    width: 55px;
    height: 55px;
    border-radius: 6px;
}

.Related-box .card .card-header .card-title {
    float: left;
    overflow: hidden;
    max-width: calc(100% - 70px);
}

.Related-box .card .card-header .card-title>h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
}

.Related-box .card .card-header .card-title>span {
    position: relative;
    display: inline-block;
    margin-top: 12px;
    padding: 0 6px;
    border-radius: 2px;
    color: #888;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}

/*评论*/
.page-comment {
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 20px -5px rgb(158 158 158/22%);
}

.page-comment>.title {
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    color: #303133;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.page-comment>.title:before {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 0;
    margin-top: 7.5px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #409eff;
    content: "";
}

.page-comment .page-comment-box {
    overflow: hidden;
    padding: 15px;
}

.page-comment .page-comment-box form {
    overflow: hidden;
    border-radius: 6px 0 6px 6px;
    background: #f2f6fc;
}

.page-comment-box .page-comment-head {
    overflow: hidden;
    border-bottom: 1px solid #dcdfe6;
}

.page-comment-box .page-comment-head input {
    float: left;
    padding: 0 15px;
    width: 25%;
    height: 40px;
    border: 0;
    border-right: 1px solid #dcdfe6;
    background: 0 0;
    color: #606266;
}

.page-comment-box .page-comment-head input:last-child {
    border-right: 0;
}

.page-comment-box .page-comment-body {
    padding: 10px;
}

.page-comment-box .page-comment-body textarea {
    width: 100%;
    height: 180px;
    outline: 0;
    border: 0;
    background: 0 0;
    color: #606266;
    vertical-align: middle;
    resize: none;
}

.page-comment-box .page-comment-foot {
    overflow: hidden;
    padding: 0 10px 10px;
}

.page-comment-box .page-comment-foot .meta {
    float: left;
    display: flex;
}

.page-comment-box .page-comment-foot .meta a {
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #2196f3;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    opacity: .8;
}

.page-comment-box .page-comment-foot .submit {
    float: right;
    height: 30px;
}

.page-comment-box .page-comment-foot .submit .cancel {
    margin-right: 5px;
    background: #f44336;
}

.page-comment-box .page-comment-foot .submit .cancel,
.page-comment-box .page-comment-foot .submit button {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    border: 0;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
}

.page-comment-box .page-comment-foot .submit button {
    background: #50a1ff;
}

.page-comment .page-comment-list {
    overflow: hidden;
}

.comment-list-item .item {
    display: flex;
    padding: 10px 15px;
    padding-bottom: 0 !important;
}

.comment-list-item .item>.avatar {
    margin-right: 10px;
    padding: 3px;
    width: 48px;
    height: 48px;
    border: 1px solid #f2f6fc;
    border-radius: 50%;
    object-fit: cover;
}

.comment-list-item .item .comment-content {
    padding-bottom: 10px;
    flex: 1;
    padding-top: 10px;
}

.comment-list-item .item .comment-content .user {
    display: flex;
    color: #303133;
    line-height: 20px;
    align-items: center;
}

.comment-content>.user>.author {
    overflow: hidden;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    display: flex;
}

.comment-content>.user>.agent {
    margin-left: auto;
    color: #909399;
    font-size: 12px;
}

.comment-list-item .item .comment-content .substance {
    margin-bottom: 10px;
    padding: 10px 15px;
    width: 100%;
    border-radius: 4px;
    color: #303133;
    line-height: 24px;
    word-break: break-all;
    margin-top: 10px;
    background: #f2f6fc;
}

.comment-list-item .item .comment-content .substance .hfsj {
    display: inline-block;
    margin-right: 8px;
    padding: 0 8px;
    height: 22px;
    border: 1px solid #f35532;
    border-radius: 4px;
    color: #f35532;
    font-size: 14px;
    line-height: 20px;
}

.comment-list-item .item .comment-content .handlebox {
    display: flex;
    color: #909399;
    font-size: 14px;
    align-items: center;
}

.comment-list-item .item .comment-content .handlebox>.date {
    margin-right: 10px;
}

.comment-list-item .item .comment-content .handlebox>.revertcomment {
    color: #555;
    font-size: 14px;
    cursor: pointer;
    transition: color .35s;
    display: none;
}

.page-comment-list .item:hover .handlebox .revertcomment {
    display: block;
}

.page-comment-list .comment-list-item {
    border-bottom: 1px solid #ebeef5;
}

.comment-list-item .item-level .comment-list-item {
    border-bottom: 0;
}

.page-comment-list>.comment-list-item>.item-level {
    margin-left: 62px;
}

.comment-content>.user>.author>em,
.comment-content>.user>.author>time {
    font-size: 12px;
    font-style: normal;
    margin-left: 5px;
    opacity: .7;
}

.comment-content>.user>.author>a {
    color: #333;
}

.page-comment .page-comment-list .commentmsg {
    padding: 15px;
    text-align: center;
}

.page-comment .substance #divCommentPost {
    padding-left: 0;
    padding-right: 0;
}

.page-comment .substance #divCommentPost #frmSumbit {
    border: 1px solid #dcdfe6;
    background: #fff;
}

.page-comment-verify {
    overflow: hidden;
}

.page-comment-verify>p {
    display: flex;
    padding: 0 10px;
    padding-bottom: 10px;
}

.page-comment-verify input {
    padding: 0 10px;
    width: 168px;
    height: 30px;
    border: 1px solid #414243;
    border-radius: 3px;
}

.page-comment-verify label {
    display: none;
}

.page-comment-verify img {
    border-radius: 3px;
}


/**/
.advertisement {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 6px;
    background: #fff;
    padding-top: 3px;
}

.advertisement a {
    display: block;
    margin-top: 2px;
}

.advertisement a img {
    width: 100%;
    height: 75px;
}

.advertisement>ul {
    overflow: hidden;
}

.advertisement>ul>li {
    float: left;
    width: 50%;
    padding-right: 2px;
}

.advertisement>ul>li:nth-child(2n) {
    padding-right: 0px;
}

.advertisement .table {
    overflow: hidden;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0;
}

.advertisement .table tbody>tr>td {
    float: left;
    display: -webkit-box;
    overflow: hidden;
    padding: 0 2px;
    width: 20%;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*热榜*/
.ranking {
    border-radius: 6px;
    background: #fff;
}

.ranking,
.ranking .ranking-nav {
    overflow: hidden;
}

.ranking .ranking-nav>a {
    float: left;
    display: inline-block;
    padding: 10px 15px;
    width: 33.3333%;
    text-align: center;
    font-size: 16px;
}

.ranking .ranking-nav .active {
    color: #03a9f4;
}

.ranking .ranking-box {
    overflow: hidden;
    border-top: 1px solid #eee;
    display: none;
}

.ranking .ranking-box.active {
    display: block;
}

.ranking-box>li {
    overflow: hidden;
    padding: 15px;
}

.ranking-box>li:nth-child(odd) {
    background: #f7f8fa;
}

.ranking-box>li .num {
    float: left;
    width: 60px;
    height: 48px;
    color: #9ea7b6;
    text-align: center;
    font-size: 20px;
    line-height: 48px;
}

.ranking-box>li .num.rk1 {
    color: #ffaf00;
}

.ranking-box>li .num.rk2 {
    color: #b1926d;
}

.ranking-box>li .num.rk3 {
    color: #4caf50;
}

.ranking-box>li .ranking-img {
    position: relative;
    float: left;
    display: block;
}

.ranking-box>li .ranking-img>img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.ranking-box>li>h2 {
    float: left;
    overflow: hidden;
    margin: auto 15px;
    width: calc(100% - 455px);
    height: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;
}

.ranking-box>li .hot {
    float: left;
    margin-left: 50px;
    width: 80px;
    height: 48px;
    text-align: center;
    line-height: 48px;
}

.ranking-box>li .ranking-go {
    float: right;
    margin-top: 8.5px;
    width: 80px;
    height: 30px;
    border-radius: 30px;
    background: linear-gradient(90deg, #f08f26, #fa704c);
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.ranking-box>li:hover h2 {
    opacity: .8;
    color: #2196f3;
}

/**
 * 底部
 */
.footer {
    overflow: hidden;
    margin-top: 15px;
}

.footer .footer-container {
    overflow: hidden;
    margin-top: -5px;
    background: #0a76db;
}

.footer .footer-container .footer-content {
    margin: auto;
    padding: 0 10px;
    width: 1200px;
    max-width: 100%;
}

.footer .footer-container .margin-top {
    margin-top: 30px;
}

.footer-content .footer-links {
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .1);
    color: #fff;
}

.footer-content .footer-links>h3 {
    padding: 10px;
    border-bottom: 1px dashed hsla(0, 0%, 100%, .2);
    font-size: 16px;
}

.footer-content .footer-links>h3>i {
    margin-right: 5px;
}

.footer-content .footer-links .links-box {
    overflow: hidden;
    padding-top: 10px;
}

.footer-content .footer-links .links-box a {
    float: left;
    padding: 10px;
    padding-top: 0;
    color: #fff;
}

.footer-content .footer-info {
    overflow: hidden;
    color: #fff;
    text-align: center;
}

.footer-content .footer-info-wap>a {
    color: #fff;
}

.footer-info .footer-info-meta {
    overflow: hidden;
    margin: 10px auto;
}

.footer-info .footer-info-meta a {
    margin-right: 8px;
    color: #fff;
}

.footer-info .footer-info-wap {
    overflow: hidden;
    margin-bottom: 10px;
}

/**
 * 自定义
 */
#popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: .35s ease-in-out;
}

#popup.popup-open {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#popup .popup-search {
    padding: 0 15px;
    width: 100%;
    max-width: 640px;
}

.popup-search>form {
    display: flex;
    width: 100%;
}

.popup-search>form>input {
    padding: 0 0 0 60px;
    width: 100%;
    height: 45px;
    border: 1px solid #e2e2e2;
    border-radius: 6px 0 0 6px;
    line-height: 45px;
}

.popup-search>form>button {
    padding: 0 15px;
    width: 90px;
    height: 45px;
    border: 1px solid #e2e2e2;
    border-radius: 0 6px 6px 0;
    background: #000;
    color: #fff;
    line-height: 45px;
    cursor: pointer;
}

.popup-search>form>button>i {
    font-size: 16px;
}

#soselect {
    position: absolute;
    height: 45px;
    border: 1px solid #e2e2e2;
    border-radius: 6px 0 0 6px;
}

#popup .popup-close {
    position: absolute;
    top: 10%;
    right: 5%;
}

#popup .popup-close>i {
    font-size: 30px;
    cursor: pointer;
}

#toptool {
    position: fixed;
    right: 3%;
    bottom: 90px;
    z-index: 99;
    display: none;
    width: 40px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: tinUpIn;
    animation-name: tinUpIn;
}

#toptool>a {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    text-align: center;
    font-size: 20px;
    line-height: 40px;
}

#toptool>a>span {
    display: inline-block;
    overflow: hidden;
    margin-top: 10px;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAe9QTFRFAAAAiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTiYnTjY3UiYnTiYnTqqrd8vL09fX19fX19fX1iYnTq6ve9fX19fX19fX19fX1iYnTpaXc5ubw5+fx6+vy9fX19fX19fX1iYnTiYnTiYnTiYnTiYnTiYnT9fX19fX1iYnTiYnTiYnTiYnT6urx9fX19fX1iYnTiYnT9fX19fX19fX1iYnTiYnTiYnTiYnTiYnT9fX19fX1iYnT9fX19fX1iYnT9fX19fX11tb47u749fX19fX10tL53Nz/4eH98PD39fX19fX15ub78/P29fX19fX13d3+7Oz59fX19fX15eX89fX139/+3d3/9fX1i4vU6Oj61dXr5eX74eHv5OT89PT17e348fH34OD9v7/wx8f01dXvy8voiYnT/7zi7AAAAKV0Uk5TAIj8//2K+7m2BjpANwQFTfLrQlv2RF36TmlUb0VaePVmgvFK7AGULTt7ApfkKgOlJI6n3B7mstocoQq30xUjvs0PxskYENLUxsEZ///IcBTE///6qT3Q/////8xRAhsgzBYS49RPw9gJUP/EMizl/pcPMNkMLj3mTfObC/DVK///9VT/////fgH//54E//+yBv+5//+nMf+i//////////////8IQAic8wAAAk1JREFUeJzF1vs/FFEUAPBZu2RZalkWeRSxldeipM16JCmEbs9N2USl0GMLlUevm5JHRCJ64Q/t3NmP5o7Za+fe+ZTz08w553vnzpn5fGYkaQfDFGEWCEukjKNErNkcIeNdYjhaxtaYWIGwxe3YnP9txBu4sd177AmiNhHeAEeSmE22kMfpTBGxqUSCd6bx271gHekZTniLE3ltJtgsmFYK0fv47H6w2TZylOOAw1QeawJwwBY8TiA6UzfNzYN2u2vz9GA2nB7SaQ/nQ3NBoZKwEW3SZYuKiXXTKZcdUiW54a21FBrLjqiTrqOQzA+rreXQdqxia9pdAOnjRdtbzwloqvRqC1VlUCjeVnuqoaUmhJWkCqLLrWxbexIa6mpDF09VEu1h2fo6KFczrCR5T5MyQ3sboHiGuTRsjCx+NuTijWRbTc3nWlrZuo1xW/JAzjcjhC5cvMTS8kAvawbqJvbKVZ/Pdw18+/UbWtnh9/sLb5JH2aku3OpSviNNoFH37S007o7ScbdHVbpHf4XuE416+1Qd/XRHjKrU+YAq+WSMHj56THUEqIYnT9W76hkIyDGoYISGnqnw82BLoD9eOxA56mmM0IthCo8wDAuj0TFO/PIVpV+/4cNv8btxir//wIcxnvio6MkpToynZxT9aZYTYzynXPzzLC/G8+PUtXkxXlC2/mWRF2P89a9e4sd4eRN/E8B4ZdUAxitGMJ4wgoNTE8X4uxG88MMAxj9XDWAYml7867c21tZ1YlaExRsWNraHw1IJU0fp/Z36D/EHSyQRmr34aR0AAAAASUVORK5CYII=);
    background-position: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.pagination-num {
    overflow: hidden;
    margin-top: 15px;
}

.pagination-num .page-number {
    display: flex;
    justify-content: center;
}

.pagination-num .page-number>li {
    margin: auto 5px;
}

.pagination-num .page-number>li>a,
.pagination-num .page-number>li>span {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}

.pagination-num .page-number>li>span {
    background: linear-gradient(125deg, #eb4d53, #ed1c24);
    color: #fff;
}

.pagebar {
    clear: both;
    margin: 15px 0;
    text-align: center;
}

.pagebar a:hover {
    color: #eb4d53;
}

.page-status {
    border-radius: 2px 0 0 2px;
}

.page-last {
    border-radius: 0 2px 2px 0;
}

.page-index,
.page-last,
.page-next,
.page-num,
.page-pre,
.page-status {
    display: inline-block;
    margin: 0 -1px 5px 0;
    padding: 0 15px;
    height: 28px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    color: #333;
    vertical-align: middle;
    font-size: 12px;
    line-height: 28px;
}

.page-status {
    display: none;
}

.page-num-current {
    height: 30px;
    border-top: none;
    border-bottom: none;
    background-color: #eb4d53;
    color: #fff !important;
    line-height: 30px;
}

a.page-num-current:hover {
    color: #fff;
}

/*代码*/
code[class*=language-],
pre[class*=language-] {
    background: 0 0;
    color: #abb2bf;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-wrap: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    line-height: 1.5;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

code[class*=language-] ::-moz-selection,
code[class*=language-] ::selection,
code[class*=language-]::-moz-selection,
code[class*=language-]::selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-] ::selection,
pre[class*=language-]::-moz-selection,
pre[class*=language-]::selection {
    background: #9aa2b1;
    text-shadow: none;
}

@media print {

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none;
    }
}

pre[class*=language-] {
    overflow: auto;
    margin: .5em 0;
    padding: 1em;
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    border: 1px solid transparent;
    background: #282c34 !important;
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #5c6370;
}

.token.punctuation {
    color: #abb2bf !important;
}

.token.selector,
.token.tag {
    color: #e06c75 !important;
}

.token.attr-name,
.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol {
    color: #d19a66 !important;
}

.token.attr-value,
.token.builtin,
.token.char,
.token.inserted,
.token.string {
    color: #98c379 !important;
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #56b6c2 !important;
}

.token.function {
    color: #61afef !important;
}

.token.atrule,
.token.important,
.token.keyword,
.token.regex,
.token.variable {
    color: #c678dd !important;
}

.token.bold,
.token.important {
    font-weight: 700;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

pre.line-numbers {
    padding-left: 3.8em;
    counter-reset: linenumber;
}

pre.line-numbers,
pre.line-numbers>code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    position: absolute;
    top: 0;
    left: -3.8em;
    width: 3em;
    border-right: 0;
    letter-spacing: -1px;
    font-size: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.line-numbers-rows>span {
    display: block;
    counter-increment: linenumber;
    pointer-events: none;
}

.line-numbers-rows>span:before {
    display: block;
    padding-right: .8em;
    color: #5c6370 !important;
    content: counter(linenumber);
    text-align: right;
}

code.language-css,
code.language-javascript,
code.language-js,
code.language-jsx,
code.language-sass,
code.language-scss,
code.language-ts,
code.language-tsx,
code.language-typescript,
pre.languagecss,
pre.languagejavascript,
pre.languagejs,
pre.languagejsx,
pre.languagesass,
pre.languagescss,
pre.languagets,
pre.languagetsx,
pre.languagetypescript {
    color: #fa4273 !important;
}

code[class*="language-"],
pre[class*="language-"] {
    text-shadow: 0 0px transparent !important;
}

.prism-language-css .prism-token.prism-string,
.prism-style .prism-token.prism-string,
.prism-token.prism-entity,
.prism-token.prism-operator,
.prism-token.prism-url {
    background: transparent !important;
}

pre.prism-line-numbers {
    padding-left: 10px !important;
    border-radius: 4px;
    padding-top: 30px !important;
}

.single-detail-content pre[class*=language-]:before {
    position: absolute;
    top: 9px;
    left: 15px;
    z-index: 1;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fc625d;
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    content: "";
}

code[class*="language-"],
pre[class*="language-"] {
    color: #690 !important;
}

/*独立页面*/
.personality-container {
    overflow: hidden;
}

.personality-container .personality-left {
    float: left;
    overflow: hidden;
    width: calc(15% - 4.68px);
    border-radius: 6px;
    background: #fff;
}

.personality-left .personality-nav {
    overflow: hidden;
    padding-top: 15px;
}

.personality-left .personality-nav>li {
    float: left;
    display: inline-block;
    padding: 0 15px 15px;
    width: 100%;
}

.personality-left .personality-nav>li>a {
    color: #333;
    font-size: 16px;
}

.personality-container .personality-detail {
    position: relative;
    float: right;
    overflow: hidden;
    padding: 15px;
    width: calc(85% - 8.32px);
    border-radius: 6px;
    background: #fff;
}

.personality-detail h1,
.personality-detail h2,
.personality-detail h3,
.personality-detail h4 {
    position: relative;
    margin-bottom: 10px;
    padding: 0 15px;
    color: #303133;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}

.personality-detail h1:before,
.personality-detail h2:before,
.personality-detail h3:before,
.personality-detail h4:before {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 0;
    width: 4px;
    border-radius: 2px;
    background: #409eff;
    content: "";
}

/**
 * 自适应
 */
@media screen and (max-width: 1024px) {
    .index-info-layer .webinfo .tequan>li>span>em {
        margin-left: 25px;
    }

    .index-info-material .meita-li li>a>img {
        width: 40px;
        height: 40px;
    }

    .index-info-material .meita-li li>a>span {
        letter-spacing: 3px;
    }
}

@media screen and (max-width: 768px) {
    .header .header-content .right .menubtn {
        display: inline-block;
    }

    .header .header-content .navigation {
        position: absolute;
        top: 50px;
        right: -10px;
        left: 0;
        display: none;
        overflow: hidden;
        padding-top: 10px;
        padding-left: 10px;
        width: 100%;
        border-top: 1px solid #eee;
        background: #fff;
        box-shadow: 2px 2px 2px rgb(0 0 0/10%);
    }

    .header-content .navigation li {
        float: left;
        padding: 0 10px 10px 0;
        line-height: normal;
    }

    .header-content .navigation li>a {
        display: inline-block;
        padding: 0 15px;
        height: 30px;
        border-radius: 6px;
        background: #f5f6f7;
        font-size: 14px;
        line-height: 30px;
    }

    .header .header-content .logo>a>img {
        height: 30px;
    }

    .index-main .index-news {
        margin-bottom: 15px;
        width: 100%;
    }

    .index-main .index-news:after,
    .index-main .index-news:before {
        top: -85vw;
    }

    .index-main .index-news .index-news-list {
        height: auto;
    }

    .index-news-list ul li {
        width: 100%;
    }

    .index-main .index-info {
        float: left;
        width: 100%;
        height: auto;
    }

    .index-main .index-info .index-info-layer {
        display: none;
    }

    .index-cms .index-cms-box {
        padding-top: 0;
        padding-left: 0;
    }

    .index-cms .index-cms-box>li {
        padding-right: 0;
        padding-bottom: 0;
        width: 100%;
    }

    .index-cms .index-cms-box .card {
        border: 0;
        border-bottom: 1px solid hsla(210, 8%, 51%, .09);
        border-radius: 0;
    }

    .index-cms .index-cms-nav {
        overflow-x: auto;
    }

    .index-cms .index-cms-nav::-webkit-scrollbar {
        height: 0;
        background-color: transparent;
    }

    .index-cms .index-cms-nav .cmsgoto {
        float: none;
        display: table-cell;
        white-space: nowrap;
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .index-cms .article-cms-box .article-cms-image {
        padding-top: 15px;
    }

    .article-cms-image>li {
        width: 50%;
        padding-top: 0;
    }

    .article-cms-image .card .card-header {
        height: 120px;
    }

    .article-cms-text>li {
        width: 100%;
    }

    .sidebar-widget {
        display: none;
    }

    .article-box .article-item,
    .single-page .single-container {
        width: 100%;
    }

    .Related-box>li {
        width: 100%;
    }

    .page-comment-list>.comment-list-item>.item-level {
        margin-left: 0px;
    }

    .page-comment-box .page-comment-head input {
        width: 100%;
        height: 35px;
        border-right: 0;
        border-bottom: 1px solid #dcdfe6;
    }

    .page-comment-box .page-comment-head input:last-child {
        border-bottom: 0;
    }

    .advertisement a img {
        height: 37.5px;
    }

    .ranking-box>li {
        padding: 10px;
    }

    .ranking-box>li .num {
        width: 30px;
        line-height: 35px;
        height: 35px;
        font-size: 16px;
    }

    .ranking-box>li .ranking-img,
    .ranking-box>li .hot {
        display: none;
    }

    .ranking-box>li>h2 {
        width: calc(100% - 120px);
        margin: auto 5px;
        font-size: 14px;
        line-height: 35px;
        height: 35px;
    }

    .ranking-box>li .ranking-go {
        width: 65px;
        margin-top: 2.5px;
    }

    .personality-container .personality-left {
        margin-bottom: 10px;
        width: 100%;
    }

    .personality-container .personality-detail {
        width: 100%;
    }

    .personality-left .personality-nav {
        padding-top: 10px;
    }

    .personality-left .personality-nav>li {
        padding: 0 10px 10px;
        width: 25%;
    }

    .personality-left .personality-nav>li>a {
        display: inline-block;
        padding: 0 10px;
        width: 100%;
        border-radius: 6px;
        background: #f6f6f6;
        text-align: center;
        font-size: 14px;
        line-height: 30px;
    }

    body.night .personality-left .personality-nav>li>a {
        background: #303030;
        color: #999;
    }
}

@media screen and (max-width: 414px) {
    .personality-left .personality-nav>li>a {
        font-size: 12px;
    }
}

/**
 * 黑夜模式
 */
body.night {
    background-color: #121212;
    color: #999;
}

body.night .advertisement,
body.night .header,
body.night .index-info-layer .webinfo,
body.night .index-main .index-info .index-info-material,
body.night .index-main .index-news {
    background: #232323;
}

body.night .index-news .pagination>.jp-hidden {
    border-top: 1px solid #414243;
    border-bottom: 1px solid #414243;
    background: #232323;
}

body.night .article-box .article-item,
body.night .index-cms,
body.night .page-comment,
body.night .sidebar-widget .widget-row,
body.night .sidebar-widget .widget-user,
body.night .single-container .single-detail {
    background: #232323;
}

body.night .page-comment>.title {
    border-bottom: 1px solid #414243;
    color: #999;
}

body.night .comment-content>.user>.author>a,
body.night .comment-list-item .item .comment-content .user,
body.night .header .header-content .right>a>i,
body.night .single-detail-content h1,
body.night .single-detail-content h2,
body.night .single-detail-content h3,
body.night .single-detail-content h4,
body.night .single-detail-header>h2,
body.night .single-download .single-download-title,
body.night a {
    color: #999;
}

body.night .page-comment .page-comment-box form,
body.night .single-container .single-detail .Exemption,
body.night .widget-list>li .reply {
    background: #303030;
}

body.night .single-gadget .single-gadget-tag a {
    border: 1px solid #303030;
    background-color: #303030;
}

body.night .comment-list-item .item .comment-content .substance {
    background: #303030;
    color: #999;
}

body.night .widget-list>li .reply:before {
    border-bottom: 6px solid #303030;
}

body.night .index-cms .index-cms-title {
    border-bottom: 1px solid #414243;
}

body.night .index-news .pagination>.jp-next,
body.night .index-news .pagination>.jp-previous {
    border: 1px solid #414243;
}

body.night .article-item .article-item-nav,
body.night .index-main .index-news .index-news-title,
body.night .sidebar-widget .widget-row .widget-title,
body.night .single-container .single-detail .single-detail-header {
    border-bottom: 1px solid #414243;
}

body.night .page-comment-box .page-comment-head input {
    border-right: 1px solid #414243;
    color: #999;
}

body.night .index-cms .index-cms-nav,
body.night .index-info-material .title,
body.night .page-comment-box .page-comment-head,
body.night .page-comment-list .comment-list-item {
    border-bottom: 1px solid #414243;
}

body.night .index-cms .index-cms-box .card {
    border: 1px solid #414243;
}

body.night .article-cms-text>li {
    border-top: 1px dashed #414243;
}

body.night .single-download .single-download-item {
    border: 1px solid #414243;
    background: #303030;
}

body.night .article-item .article-item-content .post-go {
    background: #303030;
    color: #999;
}

body.night .index-cms-box .card .card-body .card-go {
    border: 1px solid #303030;
    color: #999;
}

body.night #popup {
    background: #121212;
}

body.night .popup-search>form>input {
    border: 1px solid #414243;
}

body.night .popup-search>form>button {
    border: 1px solid #414243;
    background: #303030;
    color: #999;
}

body.night .ranking {
    background: #232323;
}

body.night .ranking-box>li:nth-child(odd) {
    background: #303030;
}

body.night .ranking .ranking-box {
    border-top: 1px solid #414243;
}

body.night .personality-container .personality-detail,
body.night .personality-container .personality-left {
    background: #232323;
}

body.night .personality-detail h1,
body.night .personality-detail h2,
body.night .personality-detail h3,
body.night .personality-detail h4 {
    color: #999;
}

body.night .personality-left .personality-nav>li>a {
    color: #999;
}

.plkey {
    position: relative;
}

.verifyimg {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 38px;
}

.ecomment {
    margin: 0;
    padding: 0;
}

.ecomment {
    margin-bottom: 12px;
    background: #FFFFEE;
    padding: 3px 8px;
    border-radius: 4px;
}

.ecommentauthor {
    float: left;
    color: #F96;
    font-weight: bold;
}

.ecommenttext {
    clear: left;
    margin: 0;
    padding: 0;
}