.qct-banner {
    color: var(--qct-global-cfont-color, #fff);
    text-align: center;
    height: 60vh;
    min-height: 300px;
    background-color: #333;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.qct-banner .container {
    top: calc(50% + 20px);
    transform: translateY(-50%);
    z-index: 10;
    position: relative;
}

.qct-banner h2 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--qct-global-cfont-color, #fff);
}

.qct-banner .search-form, .banner-archive .search-form {
    margin: 30px auto 0;
    box-sizing: content-box;
    position: relative;
}

.qct-banner .search-form .site-search-form {display: inline-block;position: relative;max-width: 650px;}

.qct-banner .search-form .search-input {height: 48px;line-height: 48px;font-size: 16px;display: block;font-family: "Microsoft YaHei";text-indent: 20px;border: none;width: 650px;border-radius: 10px;color: #333;}

.qct-banner .search-form .search-btn {position: absolute;right: 0;top: 5px;font-size: 16px;border: none;display: inline-block;cursor: pointer;background: transparent;}

.qct-banner .search-form .search-btn i {font-size: 24px;top: 1px;}

.search-form .search-keywords {margin-top: 15px;text-align: left;font-size: 14px;}

.search-form .search-keywords a {font-size: 12px;line-height: 1;display: inline-block;margin: 0 5px 5px;padding: 0;cursor: pointer;color: #fff !important;}

.search-wrap + .banner-bottom {padding-top: 30px}


/*横幅搜索设置*/
.qcblock-header {margin-bottom: 30px; text-align: center;}

.qcblock-header h2 {margin-bottom: 5px; margin: 0 0 45px; font-size: 24px; text-align: center; position: relative; font-weight: normal;}

.qcblock-header h2:after {content: " "; width: 20px; background: var(--qct-global-main-color, #037ef3); height: 3px; position: absolute; left: 0; top: 40px; margin-left: calc(50% - 10px); border-radius: 1.5px;}

.qcblock-header .qcblock-desc {text-align: center; color: #777; margin-bottom: 30px; margin-top: -15px; font-size: 14px; letter-spacing: 1px;}

/*首页标题左侧显示*/
.left-header .qcblock-header {margin-bottom: 20px; text-align: center; display: flex; align-items: flex-end;}

.left-header .qcblock-header h2 {margin: 0; padding-left: 10px; font-size: 24px; text-align: center; position: relative; font-weight: normal;}

.left-header .qcblock-header h2:after {content: " "; width: 3px; background: var(--qct-global-main-color, #037ef3); height: 20px; position: absolute; left: 0; top: 5px; margin-left: 0; border-radius: 2px;}

.left-header .qcblock-header .qcblock-child {margin-bottom: -5px;margin-left: 20px}

.left-header .qcblock-mores {position: absolute; right: 0; top: 10px; margin: 0; padding: 0;}

.left-header .qcblock-mores a {font-size: 14px; background: transparent !important; padding: 0; border-radius: 0; color: #a7a7a7 !important;}

.left-header .qcblock-header .qcblock-desc {margin-bottom: 0; margin-top: 0; margin-left: 20px; font-size: 14px;}


.qcblock-header .qcblock-child {list-style: none;text-align: center;margin-top: -15px;margin-bottom: 24px;}

.qcblock-header .qcblock-child li {display: inline-block;margin: 0 3px;margin-bottom: 6px;}

.qcblock-header .qcblock-child li a {padding: 5px 10px;font-size: 14px;position: relative;}

.qcblock-header .qcblock-child li a.active {color: var(--qct-global-main-color, #037ef3);}

.qcblock-header .qcblock-child li a.active:after {content: "";position: absolute;bottom: -4px;left: calc(50% - 2px);width: 4px;height: 4px;border-radius: 50%;background: var(--qct-global-main-color, #037ef3)}

/**************************主要文章卡片**************************/
.qct-card {padding: 0 !important; margin: 0 10px 20px; float: left; background: var(--qct-global-cbg-color, #fff); box-shadow: 0 0 15px rgb(0 0 0 / 8%); position: relative; border-radius: 5px; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all .3s ease 0s;}

.qct-cards {margin: 0;}

.qct-card:hover {box-shadow: 0 0 15px rgb(0 0 0 / 15%); -webkit-transform: translateY(-3px); transform: translateY(-3px);}

.qct-card .img {overflow: hidden; border-radius: 5px 5px 0 0; position: relative; height: 180px;}

.qct-card .img a {display: block; height: 100%; overflow: hidden;}

.qct-card .thumb {width: 100%; height: 100%; border-radius: 5px 5px 0 0; transition: all .3s ease-out 0s; object-fit: cover; background: #fff; display: block; font-size: 0; filter: brightness(var(--qct-global-img-filter));}

.qct-card .cat {padding: 10px 10px 0 14px; display: block; font-size: 12px; color: #777; margin-left: 10px; height: 29px; position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}

.qct-card .cat:after {content: " "; width: 8px; height: 8px; display: block; border-radius: 15px; position: relative; left: -12px; top: -12px; border: 2px solid var(--qct-global-main-color, #037ef3);}

.qct-card h3 {font-size: 15px; font-weight: normal; margin: 10px 10px; position: relative; display: flex; line-height: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 20px; word-break: break-all;}

.qct-card h3 a {color: var(--qct-global-font-color, #333); line-height: 20px; overflow: hidden;}

.qct-card .excerpt {margin: 0px 10px 10px; color: #999; font-size: 13px; line-height: 19px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 38px; word-break: break-all; position: relative; display: none;}

.qct-card .grid-meta {color: #777; padding: 0 10px 10px 10px; font-size: 12px; height: 30px; overflow: hidden;}

.qct-card .grid-meta > span {display: inline-flex; align-items: center;}

.qct-card .grid-meta .downs, .qct-card .grid-meta .time, .qct-card .grid-meta .views, .qct-card .grid-meta .comments, .qct-card .grid-meta .favs {margin-right: 8px; position: relative;}

.qct-card .grid-meta i {font-size: 14px; line-height: 16px;}

.grid-meta .right, .article-meta .right {float: right; display: flex !important; align-items: center !important; line-height: 18px; height: 18px !important;}

.grid-meta .price {line-height: 18px;}

.grid-meta .price .fee {background: #ababab;padding: 1px 4px;color: var(--qct-global-cfont-color, #fff);border-radius: 2px;position: relative;top: 1px}

.grid-meta .meta-author .meta-author-avatar {display: flex; align-items: center;}

.grid-meta .meta-author .meta-author-avatar img {width: 14px; height: 14px; border-radius: 100%; margin-right: 2px;}

.grid-meta .meta-author .meta-author-avatar span { line-height: 16px;}

.qct-card > .vip-tag {position: absolute;top: 0;left: 0;overflow: hidden;z-index: 10;background: #e0bf73;background-image: linear-gradient(90deg, rgba(240, 214, 141, 1) 0%, rgba(224, 191, 115, 1) 100%);color: #4e342e;padding: 0 4px;font-size: 12px;border-radius: 5px 0 5px 0;min-width: 32px;text-align: center;}

.qct-card > .vip-tag i {font-style: normal;}

.qct-card > .free-tag {background: #5cb85c;background-image: none;color: #fff}

.qct-card > .tuan-tag {background: #03c8d4;background-image: none;color: #fff}

.qct-card > .recommend-tag {top: -5px;right: 10px;height: 20px;border-radius: 2px;border-top-left-radius: 0;text-align: center;font-weight: 400;position: absolute;background: var(--qct-global-main-color, #037ef3);color: var(--qct-global-cfont-color, #fff);font-size: 12px;padding: 0 4px;}

.qct-card > .recommend-tag:before {content: "";display: inline-block;position: absolute;left: -5px;vertical-align: top;width: 0;height: 0;border-style: solid;border-width: 0 0 5px 5px;border-color: transparent transparent var(--qct-global-main-color, #037ef3) transparent;}

.qct-card.grid-ts:before {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .4));;content: "";border-radius: 5px;}

.qct-card.grid-ts img {visibility: hidden;}

.qct-card.grid-ts h3 a {color: #f1f1f1 !important;}

.qct-card.grid-ts p, .qct-card.grid-ts .excerpt {color: #dadada;}

.qct-card.grid-ts .grid-meta {color: #dadada;}

.qct-card.grid-ts .cat a {color: #f1f1f1;}

.qct-card.grid-ts .cat a:hover {color: #eee;}

.qct-card.grid-ts .cats a {color: var(--qct-global-cfont-color, #fff);}

.qct-card.grid-ts .grid-author {color: #616161;}

.qct-card.grid-ts .grid-author .avatar {visibility: visible;}

.qct-card .image-wraps {display: flex; padding: 5px}

.qct-card .image-wraps-left {width: 100%; height: 100%;}

.qct-card .image-wraps-left a {overflow: hidden; border: 1px solid #eeeeee75; border-radius: 5px;}

.qct-card .image-wraps-left img {height: 100%;}

.qct-card .image-wraps-right {max-width: 20%; min-width: 50px; width: 100%; margin-left: 2px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}

.qct-card .image-wraps-right a {border: 1px solid #eeeeee75; margin-bottom: 2px; border-radius: 5px;}

.qct-card .image-wraps-right img {height: 100%; filter: blur(1px);}

.qct-card .image-wraps-right img:hover {filter: none;}

.qct-card .image-wraps-right a:last-child {margin-bottom: 0;}

.qct-card .image-wrapv {display: flex; flex-direction: column; padding: 5px; height: 200px;}

.qct-card .image-wrapv-top {width: 100%; height: calc(100% - 62px); position: relative;}

.qct-card .image-wrapv-top:hover > span {display: block;}

.qct-card .image-wrapv-top span {position: absolute; padding: 2px 12px; border-radius: 14px; right: 10px; top: 10px; color: #999; display: none; font-size: 12px; background-color: #eee;}

.qct-card .image-wrapv-top span b {padding: 0 2px;}

.qct-card .image-wrapv-top p {position: absolute; left: 10px; bottom: 10px; color: #eee; font-size: 12px; padding-left: 6px;}

.qct-card .image-wrapv-top p:after {content: " "; width: 2px; background: var(--qct-global-main-color, #037ef3); height: 10px; position: absolute; left: 0; top: 5px; margin-left: 0; border-radius: 2px;}

.qct-card .image-wrapv-top a {overflow: hidden; border: 1px solid #eeeeee75; border-radius: 5px 5px 0 0;}

.qct-card .image-wrapv-top img {height: 100%;}

.qct-card .image-wrapv-bottom {max-height: 60px; min-height: 60px; height: 100%; margin-top: 2px; display: flex; align-items: center; justify-content: space-between;}

.qct-card .image-wrapv-bottom a {border: 1px solid #eeeeee75; margin-right: 2px; width: 100%; /* border-radius:5px;*/}

.qct-card .image-wrapv-bottom img {height: 100%; width: 100%; filter: blur(1px);}

.qct-card .image-wrapv-bottom img:hover {filter: none;}

.qct-card .image-wrapv-bottom a:last-child {margin-right: 0; border-bottom-right-radius: 5px;}

.qct-card .image-wrapv-bottom a:first-child {border-bottom-left-radius: 5px;}


/*文字背景*/


/*悬停卡片*/
.qct-vcard { transform: translate3d(0, 0, 0); flex-shrink: 0; width: 100%; height: 100%; position: relative; overflow: hidden; transition-property: transform; padding: 0 !important;}

.qct-vcard .vcard { text-shadow: 0 0 5px rgba(0, 0, 0, .2); color: #fff; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(116, 116, 116, 0.08); padding: 0; border-radius: 4px;}

.qct-vcard .vcard .bottom-title { width: 100%; position: absolute; bottom: 0; z-index: 1; padding: 8px 10px; font-size: 14px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .85))); background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .85)); opacity: 1;}

.qct-vcard:hover .bottom-title + .bottom-title { opacity: 1; transform: unset;}

.qct-vcard:hover .bottom-title { opacity: 0; transform: translateY(100%);}

.qct-vcard .bottom-title + .bottom-title { opacity: 0; transform: translateY(100%); white-space: normal; word-break: break-all;}

.qct-vcard .vcard .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.qct-vcard .cat {padding: 10px 10px 0 14px;font-size: 12px;color: #eee !important;height: 29px;position: relative;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}

.qct-vcard .cat a, .qct-vcard .cats a, .qct-vcard .cats a:hover {color: #eee !important;}

.qct-vcard .cat:after {content: " ";width: 6px;height: 6px;display: block;border-radius: 15px;position: relative;left: -12px;top: -12px;border: 3px solid var(--qct-global-main-color, #037ef3);}

/*.qct-vcard .vcard .bottom-meta {
    display:flex;
    justify-content:space-between;
    align-items:center;
}*/

.bottom-meta .item { display: inline-flex; align-items: center;}

/*时间轴*/
.qctcss-archive {position: relative;font-size: 14px;color: rgba(0, 0, 0, 0.6);background: var(--qct-global-cbg-color, #fff);padding: 4px 8px 4px 130px;border-radius: 4px;}

.qctcss-archive:before {content: "";width: 3px;background-color: var(--qcs-color-333, rgba(0, 0, 0, 0.05));position: absolute;top: 0;bottom: 0;left: 230px;height: 100%;}

.qctcss-archive h3 {border: 0 !important;}

h3.archive-year {display: inline-block;background-color: var(--qcs-color-333, #fafafa);color: var(--qcs-color-eee, rgba(0, 0, 0, 0.44));padding: 1px 0;width: 120px;margin-left: 40px;text-align: center;position: relative;border-radius: 3px;margin-top: 30px;margin-bottom: 10px;}

h3.archive-month {position: relative;font-weight: 700;margin: 0 0 15px;padding: 0;font-size: 14px;line-height: 25px;color: #999;}

.archive-month:before, .archive-month:after {content: "";background-color: var(--qcs-color-333, #fafafa);height: 19px;width: 19px;border-radius: 100%;position: absolute;left: 92px;top: 3px;}

.archive-month:after {height: 15px;width: 15px;background-color: var(--qcs-color-333, #eee);left: 94px;top: 5px;}

.archive-month:hover:after { background-color: var(--qcs-color-eee, #ec8c35);}

.qctcss-ul { margin: 0 0 30px 100px !important;}

.qctcss-ul .date { margin-left: -80px; width: 80px; display: inline-block;}

.qctcss-ul li { margin: 0 !important; position: relative; padding: 5px 5px 5px 15px; list-style: none !important;}

.qctcss-ul li:before,
.qctcss-ul li:after {
    content: "";
    background-color: var(--qcs-color-333, #fff);
    height: 13px;
    width: 13px;
    border-radius: 100%;
    position: absolute;
    left: -5px;
    top: 12px;
}

.qctcss-ul li:after { height: 9px; width: 9px; background-color: var(--qcs-color-333, #eee); left: -3px; top: 12px;}

.qctcss-ul li:hover:after { background-color: #ec8c35;}

/*友情链接*/
.friend-section { background: var(--qct-home-even-bg-color, #fff); margin-bottom: 0px;}

.friend-section .container {
    position: relative;
    display: grid;
    background: var(--qct-home-even-bg-color, #fff);
    border-radius: var(--qct-border-radius);
    overflow: hidden;
}

.friend-section strong { margin: 10px 0 0 15px;}

.friend-section .widget-links ul { padding: 5px 15px;}

.add-more-link {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 12px;
    display: none;
}

.friend-section:hover .add-more-link { display: block;}


@media only screen and (max-width: 767px) {


    .hollows .site-main {margin: unset}

    .hollows .breadcrumb { margin: 5px;}

    .hollows .pagination {margin-top: 6px}

    .qctcss-archive { padding: 4px 8px 4px 10px; }

    .qctcss-archive:before { left: 110px; }
}


/***********************************分类文章列表******************************************/

.qct-list .grid {float: left; background: var(--qct-global-cbg-color, #fff); background-image: none !important; padding: 4px 8px 4px 130px; position: relative; height: 80px; border-radius: 4px; box-shadow: 0 0 15px rgb(0 0 0 / 8%);}

.qct-list .grid .img {position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 4px 0 0 4px;}

.qct-list .grid .thumb {width: 120px; height: 80px; transition: all .3s ease-out 0s; border-radius: 4px 0 0 4px; object-fit: cover; background: #eee; display: block; font-size: 0;}

.qct-list .grid .cat {display: none; font-size: 12px; color: #777; margin-left: 0; height: 16px; padding-left: 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}

.qct-list .grid .cat:after {content: " "; width: 6px; height: 6px; display: block; border-radius: 15px; position: relative; left: -10px; top: -11px; border: 2px solid var(--qct-global-main-color, #037ef3);}

.qct-list .grid .cat + h3 a {-webkit-line-clamp: 1; height: 20px;}

.qct-list .grid h3 {font-size: 14px; margin-top: 2px; font-weight: normal; margin-bottom: 2px;display: block;}

.qct-list .grid h3 a {line-height: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

.qct-list .grid .excerpt {display: none;}

.qct-list .grid .grid-meta {color: #777; font-size: 12px; bottom: 6px; left: 130px; right: 8px; max-height: 24px; overflow: hidden; position: absolute;}

.qct-list .grid .grid-meta > span {display: inline-flex; align-items: center; padding-right: 4px;}

.qct-list.cols-two .grid.nopic, .qct-list .grid.nopic {padding: 8px 8px 4px 8px;}

.qct-list.cols-two .grid.nopic .grid-meta, .qct-list .grid.nopic .grid-meta {left: 8px;}

@media only screen and (min-width: 479px) {
    .qct-list.cols-two .grid {padding: 8px 8px 4px 230px; height: 150px;}

    .qct-list.cols-two .grid .thumb {width: 220px; height: 150px;}

    .qct-list.cols-two .grid .cat {display: inline-block;}

    .qct-list.cols-two .grid h3 {margin-bottom: 5px; font-size: 15px;}

    .qct-list.cols-two .grid h3 a {-webkit-line-clamp: 1; height: 20px;}

    .qct-list.cols-two .excerpt {display: block; color: #999; font-size: 13px; line-height: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; margin-bottom: 10px;}

    .qct-list.cols-two .grid .grid-meta {left: 230px;}
}

.user-easy {background: var(--qct-global-cbg-color, #fff); background-image: none !important; padding: 4px 8px 4px 130px; position: relative; height: 70px; border-radius: 4px; box-shadow: 0 0 15px rgb(0 0 0 / 8%); display: flex; align-items: center;}

.user-easy .user-img {--this-size: 42px; width: var(--this-size); height: var(--this-size); min-width: var(--this-size); min-height: var(--this-size); margin: 10px;}

.user-easy .user-img img {border-radius: var(--this-size);}

.user-easy .user-info {width: 100%;}

.user-easy .user-top h2 {line-height: 20px;}

.user-easy .user-description {color: #999; font-size: 12px;}


.user-center .users-info {display: flex;flex-flow: wrap;margin-top: -14px;position: relative}

.user-center .users-info-avatar {position: relative;width: 60px;height: 60px;margin-left: 20px}

.user-center .users-info-avatar img {display: block; border: 2px solid #ededed;}

.user-center .users-info-name {margin-top: 19px;display: flex;flex-flow: column;margin-left: 14px}

.user-center .users-info h2 {font-size: 16px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 110px}

.user-center .users-cover {position: relative;height: 0;padding-top: 30%;overflow: hidden;}

.user-center .users-cover img {position: absolute;top: 0;left: 0;height: 100%;width: 100%}

.user-center .users-info-desc {font-size: 12px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width: 100%;background: #f9f9f9;padding: 10px;color: #bcbcbc;height: 50px;box-sizing: border-box}

.user-center .users-data {display: flex;flex-flow: wrap;justify-content: space-between;padding: 0 20px;font-size: 12px;color: #bcbcbc;text-align: center;margin-top: 20px}

.user-center .users-data p {color: #333; line-height: 10px;}

.user-center .users-data div {width: 24%}

.user-center .users-data div + div {border-left: 1px solid #f5f6f7}

.user-center .users-follow {padding: 20px;text-align: center}

.user-center .users-follow button + button {margin-left: 10px}

.user-center .users-follow .empty { background: #575f8f; border: 1px solid #575f8f; color: #fff;}

.user-center .users-follow button, .tax-search button { background: #ffffff; border: 1px solid #575f8f; border-radius: 4px; color: #575f8f; padding: 0 10px; transition: opacity .2s; position: relative; cursor: pointer; font-size: 12px; margin: 0; white-space: nowrap; height: 30px; line-height: 12px;}

.user-center.qc_grid_1_4 { padding: 0 !important;}


/*-------------------------------------------------------------- 9.9 Block --------------------------------------------------------------*/
.custom-section {}

.categories-area {}

.home-section {padding: 50px 0;}

.home-section > .container {position: relative;}

.home-slider {padding: 20px 0 30px;}

.qcblock {}

.qcblock-wrap {}

.qcblock-even {background-color: var(--qct-home-even-bg-color, #fff);}

.qcblock-odd {background-color: var(--qct-home-odd-bg-color, #f0f0f0);}

.grid-wrap {margin-left: -10px; margin-right: -10px;}

.qcblock-more {line-height: 1; margin: 25px 0 0 0; text-align: center;}

.qcblock-bg .home-section {background-size: cover; background-repeat: no-repeat; padding: 50px 0 25px; position: relative; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: scroll;}

.qcblock-mores {text-align: center; margin-bottom: 30px; margin-top: 15px;}

.qcblock-mores a {display: inline-block; padding: 10px 80px; text-decoration: none; background-color: var(--qct-global-button-bg-color, #037ef3); color: var(--qct-global-button-text-color, #fff) !important; border-radius: 50px;}

.qcblock-mores a:hover {opacity: .7;}

@media only screen and (max-width: 1179px) {
}

@media only screen and (max-width: 959px) {
    .qct-banner {height: 360px !important;}

    .qcblock-mobile-hide {display: none;}
}

@media only screen and (max-width: 767px) {
    .banner-notices ul li {width: 50%;}

    .qct-banner {height: 300px !important;}

    .qct-banner h2 {font-size: 28px;}

    .qct-banner .search-form .search-input {width: 400px;}
}

@media only screen and (max-width: 479px) {
    .banner-notices ul li {width: 100%;}

    .qct-banner {height: 260px !important;}

    .qct-banner h2 {font-size: 22px; margin-bottom: 10px;}

    .qcblock-header {margin-bottom: 10px;}

    .qcblock-header h2 {font-size: 22px; margin-bottom: 0;}

    .qcblock-header .qcblock-desc {margin-top: 24px;}

    .qct-banner .search-form .search-input {width: 300px;}

    .left-header .qcblock-header .qcblock-desc {display: none;}

    .qcblock-more {margin-top: 20px;}


    .left-header .qcblock-header {
        display: block;
    }

    .left-header .qcblock-header .qcblock-child {
        margin-left: 0;
        margin-top: 20px;
        line-height: 30px;
        margin-bottom: -10px;
    }

}


/*新闻布局*/
.ht_grid.qct-news {padding: 0;display: flex}

.qct-news .entry-date, .post-cat .entry-date {background-color: #f5f5f5; border-radius: 3px; color: var(--qcs-color-eee, #999); float: left; line-height: 1; width: 80px;min-width: 80px; margin: 0 15px 0 0; padding: 12px 10px; font-weight: bold; text-align: center}

.qct-news .entry-data, .post-cat .entry-data { display: grid;}

.qct-news .entry-date .entry-day, .post-cat .entry-date {display: block; font-size: 32px}

.qct-news .entry-date .entry-month, .post-cat .entry-date .entry-month {border-top: 1px solid var(--qcs-color-333, #999); display: block; font-size: 12px; margin: 4px 0 0 0; padding: 7px 0 0 0}

.qct-news .entry-title {font-size: 1.2em; margin-bottom: 10px;margin-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-inline-box;}

.qct-news .entry-title a {color: var(--qcs-color-eee, #333); width: 100%; display: block;}

.qct-news .entry-summary {color: #777; font-size: 0.9em; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}

/*文章超时提醒*/
.article-timeout {color: var(--qcs-color-aaa, #8a6d3b); border-color: var(--qcs-color-333, #faebcc); margin-bottom: 20px; background-color: var(--qcs-color-222, #fcf8e3); border-radius: 8px; padding: 10px 10px; font-size: 16px; line-height: 30px;}

.article-timeout code:not([class]) {color: #ff3c98; background-color: rgba(253, 153, 153, .2); margin: 2px; padding: 2px 6px; font-size: 14px; border-radius: 4px;}

/*友情链接*/
.footer-link {background-color: #1d1d1d; max-height: 75px; border-radius: 8px; overflow: hidden; margin-top: 10px !important; display: flex; justify-content: space-between; align-items: center;}

.footer-link .footer-link-menu { display: flex; line-height: 200%; margin: 0 5px; flex-direction: row; flex-wrap: wrap;}

.footer-link ul.footer-link-menu li a, .footer-link ul.footer-link-menu li {color: #999; font-size: 14px;margin-left: 4px;}

.footer-link .add-more-links a {color: #0078ff; font-size: 12px; display: block; padding: 10px;}

/*页脚跑马灯线*/
@media all {
    footer:hover .footer-colors { /*彩色滚动条滚动效果*/ animation-play-state: running;}
}

@keyframes animate-colors {
    0% {background-position: 0 0;}
    100% {background-position: 7000px 0;}
}

footer .footer-colors {margin: auto; width: calc(100% - 100px); height: 4px; background-color: #333; background-position: 0 0; background-repeat: repeat; background-image: -webkit-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: -o-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: -moz-repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); background-image: repeating-linear-gradient(to right, #68103b, #68103b 50px, #703f28 50px, #703f28 100px, #a16b13 100px, #a16b13 150px, #a5a02c 150px, #a5a02c 200px, #5e812d 200px, #5e812d 250px, #1c6075 250px, #1c6075 300px, #403161 300px, #403161 350px); animation: animate-colors 200s linear infinite; animation-play-state: paused;}

footer .colors-shadow::after {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(18, 18, 18, 0.8), #121212);}


/*页脚波浪*/
.wave-box {position: relative;height: 30px;margin-top: 30px;margin-bottom: 30px;}

.wave-box + .site-footer .qcfooter {
    margin-top: 10px;
}

.marquee-box {overflow: hidden;width: 100%;position: absolute;left: 0;top: 0}

.marquee {width: 8000%;height: 60px}

.wave-list-box {float: left}

.wave-list-box ul {float: left;height: 60px;overflow: hidden;zoom: 1}

.wave-list-box ul li {height: 60px;width: 100%;float: left;line-height: 30px;list-style: none}

@media only screen and (max-width: 767px) {
    footer .footer-colors { width: 100%; }

    .footer-link { width: calc(100% - 20px); }

    .footer-link .footer-link-menu { width: calc(100% - 99px); height: 30px; }

    .wave-box { height: 40px;   visibility: hidden;display: none}
    .ht_grid{
        padding: 0;
    }
}

.qcfooter {padding: 0 15px; font-size: 14px; min-height: 130px; color: #999;margin: 40px 0 20px;}

.qcfooter:first-child { padding-left: 0;}

.qcfooter:last-child { padding-right: 0;}

.qcfooter-1 .title {font-size: 16px; color: #fff; font-weight: normal; line-height: 16px; margin-bottom: 14px;}

.qcfooter-1 .title h2 {font-size: 30px;font-weight: 500;}

.qcfooter-2 {display: flex; justify-content: space-between; flex-wrap: nowrap; justify-content: space-around; box-sizing: border-box; width: 100%; margin-bottom: 30px;}

.qcfooter-2 .navi {flex: 1; text-align: center;}

.qcfooter-2 .navi .title {font-size: 16px; color: #fff; font-weight: normal; line-height: 16px; margin-bottom: 14px;}

/*页脚列3*/
.qcfooter-2 .navi li a, .qcfooter-2 .navi li {color: #999; font-size: 14px;}

.qcfooter-3 .thumb {display: block; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: transparent; position: relative; overflow: hidden; transition: all .2s;}

.qcfooter-3 .clearfix:before, .qcfooter-3 .clearfix:after {content: ""; height: 0; line-height: 0; display: block; clear: both;}

.qcfooter-3 ul {text-align: center; margin-bottom: 15px; width: 100%; display: flex; justify-content: space-around;}

.qcfooter-3 ul li {font-size: 13px; padding-top: 5px; box-sizing: border-box; float: left; display: inline; position: relative; line-height: 1.3; margin-top: 0;}

.qcfooter-3 ul li .footer_ico {margin-bottom: 10px;}

.qcfooter-3 ul li .footer_ico i {height: 48px; width: 48px; margin: auto;}

.qcfooter-3 ul h4 {font-size: 12px; font-weight: normal; margin: 0;}

.ewm-hide {display: none; transition: all .2s;}

.qcfooter-3 ul .ewm-content {position: absolute; left: 50%; bottom: 85px; background: #fff; box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; width: 330px; transform: translate(-50%, 0);}

.qcfooter-3 ul .ewm-content::before {content: ''; display: block; position: absolute; margin-left: -6px; left: 50%; top: 100%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff;}

.qcfooter-3 ul .ewm-main {padding: 20px; text-align: left;}

.qcfooter-3 ul .ewm-main .thumb {padding-top: 100%;}

.qcfooter-3 ul .ewm-main .thumb-div {width: 120px; margin-right: 30px; float: left;}

.qcfooter-3 ul .ewm-main h4 {font-size: 14px; font-weight: normal; color: #333; line-height: 1.714; margin-top: 4px;}

.qcfooter-3 ul .ewm-main a {color: #ff3401;}

.qcfooter-3 .like {text-align: center;}

.qcfooter-3 .like strong {font-size: 48px; line-height: 1.24; font-weight: 700; background-image: linear-gradient(to right, #13adff 0, #3385ff 50%, #3385ff 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}

.qcfooter-3 .like h3 {margin-top: 16px; margin-bottom: 10px; font-weight: normal;}


.icon-spot:before {
    content: '';
    width: 4px;
    height: 4px;
    margin: 0 0.5em;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background: #4e5358;
    opacity: .3;
    vertical-align: 0.2em;
}

.icon-circle::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 2px solid #ff5b5b;
    border-radius: 1em;
    margin: 0 8px;
    /*vertical-align: 2px;*/
    display: inline-block;
}

#ajax_delete_comments .modal-colorful-contents,#ajax_edit_comments .modal-colorful-contents {
    min-height: unset; padding: 0;
}
#ajax_edit_comments .comment-boxc {
      margin: 0;
}
#ajax_edit_comments .comment-boxc #comment{
    height: 230px;
}