/* 
    News Blog 栏目页
    文章内容页
*/
/*News Blog 栏目页*/
.category-banner{
    display: none;
}
.category-banner .bg{
    position: relative;
    height: 37.5vw;  /* 基于 图片 1920*720 计算高度值 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.category-banner .bg h1{
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(27, 46, 87,.7);*/
    display: flex;
    justify-content: center;
    align-items: center;
}
/*分类推荐 最新 前几个*/
.category-recommend-latest .list{
    column-gap: 1.5rem;
    height: 700px;
}
.category-recommend-latest .item{
    overflow: hidden;
    height: 100%;
    box-shadow: 0 3px 5px 0 hsla(0,0%,83.9%,.22);
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #efefef;
}
.category-recommend-latest .item .img{
    height: 385px;
    border-radius: 5px;
    overflow: hidden;
}
.category-recommend-latest .item img{
    width: 100%;
    /*height: 100%;*/
    transition: all 0.3s;
}
.category-recommend-latest .item .img:hover img{
    transform: scale(1.03);
}
.category-recommend-latest .item .tags span{
    display: inline-block;
    margin-right: 2px;
    letter-spacing: -.5px;
    color: #0a70d5;
    font-family: var(--font-bold);
    /* font-size: 0.8em; */
    /* line-height: 0.5; */
    font-size: 12px;
}

.category-recommend-latest .left{
    width: 50%;
}
.category-recommend-latest .left .item a{
    height: 100%;
    color: inherit;
    display: block;
}
.category-recommend-latest .left .item .text{
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    word-wrap:break-word;
}
.category-recommend-latest .left .item .info{
    color: #999;
    display: flex;
    column-gap: 1rem;
}
.category-recommend-latest .left .item .des{
    color: #999;
}
.category-recommend-latest .left .item .tags{
    display: flex;
    column-gap: 5px;
}
.category-recommend-latest .right{
    width: 50%;
    row-gap: 1rem;
}
.category-recommend-latest .right title{
    
}
.category-recommend-latest .right h2{
    position: relative;
    bottom: -6px;
}
.category-recommend-latest .right .item{
    height: calc((100% - 3rem)/4);
    border: 1px solid #efefef;
    
}
.category-recommend-latest .right .item a{
    height: 100%;
    column-gap: 1rem;
    color: inherit;
    align-items: end;
}
.category-recommend-latest .right .item .img{
    width: 260px;
    height: 100%;
    flex-shrink: 0;
}
.category-recommend-latest .right .item .text{
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.category-recommend-latest .right .item .info{
    color: #999;
    display: flex;
    column-gap: 1rem;
}
.category-recommend-latest .right .item h3{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.2em;
    height: 3.6em;
}
/*正常分类列表*/
.category-news .category-title{
    border-bottom: 1px dashed var(--color-highlight);
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 50px;
}
.category-news .category-title::after {
    content: '';
    width: 400px;
    height: 4px;
    background-color: var(--color-highlight);
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
}

/*下方重新布局*/
.category-warp .category-list{
    column-gap: 3rem;
    flex-wrap: wrap;
    row-gap: 4rem;
}
.category-warp .category-list .item{
    width: calc((100% - 3rem)/2);
    /* border-radius: 10px; */
    border-bottom: 1px solid #efefef;
}
.category-warp .category-list .item a{
    height: 100%;
    column-gap: 2rem;
    color: inherit;
    align-items: end;
}
.category-warp .category-list .item .img{
    width: 260px;
    height: 146px;
    border-radius: 5px;
    overflow: hidden;
    flex-shrink: 0;
}
.category-warp .category-list .item img{
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}
.category-warp .category-list .item .img:hover img{
    transform: scale(1.03);
}
.category-warp .category-list .item .text{
    padding-bottom: 10px;
}
.category-warp .category-list .item .info{
    color: #999;
    display: flex;
    column-gap: 1rem;
}
.category-warp .category-list .item .tags span{
    display: inline-block;
    margin-right: 3px;
    letter-spacing: -.5px;
    color: #0362c0;
    font-family: var(--font-bold);
}
.category-warp .category-list .item h3{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    height: 2.4em;
}


/*Blog新布局*/
.category-blog-latest .item{
    overflow: hidden;
    box-shadow: 0 3px 5px 5px hsla(0,0%,83.9%,.2);
    background-color: #fff;
    border-radius: 10px;
    width: 75%;
    flex-shrink: 0;
}
.recommend-have-labels .hot-labels{
    /*width: 25%;*/
    background-color: #fff;
    box-shadow: 0 3px 5px 5px hsla(0, 0%, 83.9%, .2);
    padding: 1rem;
    border-radius: 10px;
    margin-left: 1rem;
}
.category-recommend-latest.recommend-have-labels .hot-labels{
    margin-left: 0;
    box-shadow: 0 3px 5px 0 hsla(0, 0%, 83.9%, .22);
    border: 1px solid #efefef;
}

.recommend-have-labels .hot-labels ul{
    row-gap: 5px;
    column-gap: 3px;
    max-height: 176px;
    overflow: hidden;
}
.category-recommend-latest.recommend-have-labels .hot-labels ul{
    max-height: 118px;
}
.recommend-have-labels .hot-labels li a{
    background-color: #F5F6F9;
    color: #999;
    display: block;
    padding: 3px 10px;
    text-wrap: nowrap;
    font-size: 12px;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}
.recommend-have-labels .hot-labels li a:hover{
    background-color: #ade1f650;
    color: var(--color-highlight);
}
.category-blog-latest .item a{
    column-gap: 2rem;
}
.category-blog-latest .item a>div{
    width: 50%;
}
.category-blog-latest .item .img{
    border-radius: 5px;
    overflow: hidden;
    max-height: 329px;
}
.category-blog-latest .item .img:hover img {
    transform: scale(1.03);
}
.category-blog-latest .item .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.category-blog-latest .item .text{
    padding: 1rem;
}

.category-blog-latest .item .text h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3em;
    height: 2.6em;
}

.category-blog-latest .item .text .des {
    color: #999;
    align-items: center;
    word-wrap:break-word;
}
.category-blog-latest .item .text .tags span {
    display: inline-block;
    margin-right: 3px;
    letter-spacing: -.5px;
    color: #0a70d5;
    font-family: var(--font-bold);
}
.category-blog-latest .item .text .info{
    color: #999;
    column-gap: 1rem;
    font-style: italic;
}

.category-blog-wrap .category-blog-list{
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 2rem;
}

.category-blog-wrap .category-blog-list .item {
    width: calc((100% - 4rem)/3);

    /*border-bottom: 1px solid #efefef;*/
    
    overflow: hidden;
    box-shadow: 0 3px 5px 5px hsla(0,0%,83.9%,.2);
    background-color: #fff;
    border-radius: 5px;
}

.category-blog-wrap .category-blog-list .item .img {
    border-radius: 5px;
    overflow: hidden;
    max-height: 214px;
}
.category-blog-wrap .category-blog-list .item .text {
    padding: 2rem;
}
.category-blog-wrap .category-blog-list .item .text h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3em;
    height: 2.6em;
}


.category-blog-wrap .category-blog-list .item .text .info{
    color: #999;
    column-gap: 1rem;
    font-style: italic;
}
.category-blog-wrap .category-blog-list .item .text .tags span {
    display: inline-block;
    margin-right: 3px;
    letter-spacing: -.5px;
    color: #0a70d5;
    font-family: var(--font-bold);
}

.category-blog-wrap .category-blog-list .item .img img {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}
.category-blog-wrap .category-blog-list .item .img:hover img {
    transform: scale(1.03);
}

.category-blog-wrap .category-blog-list .item .text .info>img {
    width: 30px;
    height: 30px;
    border: 2px solid #e20e1c;
    border-radius: 40px;
    padding: 3px;
    margin-right: 12px;
}

/*标签列表页*/
.category-tags-wrap{}


.category-pagination .screen-reader-text{
    display: none;
}
.category-pagination .nav-links{
    display: flex;
    justify-content: center;
    align-items: center;
}
.category-pagination .nav-links>*{
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px;
}
.category-pagination .nav-links span{
    font-family: var(--font-bold);
    color: var(--color-highlight);
}
.category-pagination .nav-links a{
    border-bottom: 2px solid var(--color-highlight);
    /*border-radius: 2px;*/
}






/*内容页 News*/

.news-bread-crumb{
    padding: 0 0 2rem 0;
    overflow: hidden; /* 确保超出容器的内容被隐藏 */
    white-space: nowrap; /* 防止文本换行 */
    text-overflow: ellipsis; /* 用省略号表示被截断的文本 */
}
.news-bread-crumb a{
    padding-right: 16px;
    position: relative;
    color: initial;
}
.news-bread-crumb a:hover{
    text-decoration: underline;
}
.news-bread-crumb a::after{
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    width: 5px;
    height: 5px;
    border: 1px solid var(--color-darkblue);
    transform:  translateY(-50%) rotate(45deg);
    border-left: 0;
    border-bottom: 0;
}
.news-bread-crumb a:last-child::after {
    display: none;
}

.news-title h1{
   line-height: 1.1; 
   word-wrap:break-word;
}
.news-title .news-author{
    color: #999;
    display: flex;
    column-gap: 2rem;
    justify-content: center;
    align-items: center;
}
.news-title .news-author>span{
    display: flex;
    column-gap: 5px;
    justify-content: center;
    align-items: center;
}
.news-content .article-content{
    width: calc(100% - 420px);
    /*padding: 2rem;*/
    background-color: #fff;
    border-radius: 10px;
    flex-grow: 1;
}
.news-content .article-content .article-detail p,
.news-content .article-content .article-detail img,
.news-content .article-content .article-detail div,
.news-content .article-content .article-detail{
    max-width: 100%;
}

.article-share-box{
    margin-left: 40px;
}
.article-share-box .article-share{
    background-color: #fff;
    row-gap: 2rem;
    align-items: flex-start;
    position: sticky;
    top: calc(var(--nav-height) + 20px);
}
.article-share-box .article-share .share-items{
    width: 100%;
    column-gap: 1rem;
    background-color: #fff;
    border-radius: 10px;
}
.article-share-box .slider-list{
    padding: 1rem;
    width: 310px;
    /*box-shadow: 0 3px 5px 0 hsla(0, 0%, 83.9%, .22);*/
    /*border: 1px solid #efefef;*/
    border-radius: 5px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .06);
}
.article-share-box .latest-article li{
    margin-bottom: 10px;
    position: relative;
    padding-left: 1rem;
    color: #666;
    background-color: transparent;
}
.article-share-box .latest-article li a{
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid transparent;
    color: #666;
}
.article-share-box .latest-article li:hover a{
    border-bottom: 1px solid #666;
}
.article-share-box .latest-article li::before{
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background-color: #666;
    left: 0;
    top: 0;
    transform: translateY(100%);
}
.article-share-box .hot-labels ul {
    row-gap: 5px;
    column-gap: 3px;
    overflow: hidden;
}
.article-share-box .hot-labels li a {
    background-color: #F5F6F9;
    color: #999;
    display: block;
    padding: 3px 1rem;
    text-wrap: nowrap;
    font-size: 11px;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}
.article-share-box .hot-labels li a:hover {
    background-color: #ade1f650;
    color: var(--color-highlight);
}


/*blog内容页*/

.blog-content{
    /*padding: 2rem;*/
    background-color: #fff;
    border-radius: 10px;
    max-width: 840px;
    width: 100%;
    position: relative;
}
.blog-content .blog-title,
.blog-content .article-content,
.blog-content .article-left{
    max-width: 100%;
}
.blog-content .blog-title h1{
    line-height: 1.1em;
}
.blog-content .blog-title .info{
    color: #999;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ededed;
}

.blog-content .blog-title .author{
    font-style: italic;    
    color: #999;
    column-gap: 1rem;
}
.blog-content .blog-title .article-share{
    column-gap: 1rem;

}
.post-content .article-share .share-ico{
    display: inline-block;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.post-content .article-share .share-items>span{
    display:none;
}
/*.post-content .article-share .share-ico.facebook{*/
/*    background-image: url('data:image/svg+xml;utf-8, <svg t="1703392995285" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6662" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M1008 512C1008 238 786 16 512 16S16 238 16 512c0 247.56 181.38 452.76 418.5 490V655.38h-126V512h126v-109.28c0-124.3 74-192.96 187.34-192.96 54.28 0 111.04 9.68 111.04 9.68v122h-62.56c-61.6 0-80.82 38.24-80.82 77.46V512h137.56l-22 143.38h-115.56V1002C826.62 964.76 1008 759.56 1008 512z" p-id="6663" fill="%23ccc"></path></svg>');*/
/*}*/
.post-content .article-share .share-ico.facebook{
    background-image: url('data:image/svg+xml;utf-8, <svg t="1703392995285" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6662" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M1008 512C1008 238 786 16 512 16S16 238 16 512c0 247.56 181.38 452.76 418.5 490V655.38h-126V512h126v-109.28c0-124.3 74-192.96 187.34-192.96 54.28 0 111.04 9.68 111.04 9.68v122h-62.56c-61.6 0-80.82 38.24-80.82 77.46V512h137.56l-22 143.38h-115.56V1002C826.62 964.76 1008 759.56 1008 512z" p-id="6663" fill="%233A5A97"></path></svg>');
}
/*.post-content .article-share .share-ico.twitter{*/
/*    background-image: url('data:image/svg+xml;utf-8, <svg t="1703393988829" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4197" width="200" height="200"><path d="M1024 512c0-282.763636-229.236364-512-512-512C229.236364 0 0 229.236364 0 512s229.236364 512 512 512C794.763636 1024 1024 794.763636 1024 512zM236.311273 693.946182c8.843636 1.117091 17.873455 1.722182 26.996364 1.722182 53.015273 0.093091 101.794909-19.037091 140.474182-51.153455-49.524364-1.163636-91.275636-36.165818-105.658182-84.200727 6.888727 1.442909 14.010182 2.280727 21.271273 2.327273 10.333091 0.046545 20.293818-1.349818 29.789091-4.049455-51.758545-11.450182-90.763636-60.555636-90.763636-119.063273 0-0.512 0-1.024 0-1.536 15.266909 9.216 32.674909 14.801455 51.246545 15.639273C279.365818 431.709091 259.397818 394.472727 259.397818 352.581818c0-22.155636 5.585455-42.821818 15.313455-60.509091 55.808 73.774545 139.170909 122.740364 233.146182 128.837818-1.954909-8.797091-2.932364-17.966545-2.932364-27.322182 0-66.141091 50.641455-118.923636 113.105455-117.899636 32.535273 0.558545 61.952 15.499636 82.571636 38.958545 25.786182-4.933818 49.989818-14.429091 71.819636-27.694545-8.424727 27.601455-26.391273 50.594909-49.757091 64.977455 22.900364-2.56 44.683636-8.610909 64.977455-17.780364-15.173818 23.598545-34.350545 44.218182-56.459636 60.695273 0.232727 5.12 0.325818 10.24 0.325818 15.36 0 157.044364-113.803636 338.152727-321.861818 338.059636C345.832727 748.311273 286.347636 728.296727 236.311273 693.946182z" p-id="4198" fill="%23ccc"></path></svg>');*/
/*}*/
.post-content .article-share .share-ico.twitter{
    background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="none" viewBox="0 0 512 512" id="twitter"><rect width="512" height="512" fill="%23000" rx="512"></rect><path fill="%23fff" d="M355.904 100H408.832L293.2 232.16L429.232 412H322.72L239.296 302.928L143.84 412H90.8805L214.56 270.64L84.0645 100H193.28L268.688 199.696L355.904 100ZM337.328 380.32H366.656L177.344 130.016H145.872L337.328 380.32Z"></path></svg>');
}
/*.post-content .article-share .share-ico.linkedin{*/
/*    background-image: url('data:image/svg+xml;utf-8, <svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512zM374.238 737.621v-340.24h-102.4v340.24h102.4z m-51.2-488.448c-33.024 0-54.58 22.955-53.914 53.59-0.682 29.218 20.89 52.872 53.248 52.872 33.673 0 55.245-23.654 55.245-52.89-0.683-30.617-21.572-53.572-54.58-53.572z m133.41 488.448h102.4V541.406c0-9.728 1.365-20.173 4.062-26.453 6.724-19.456 23.569-39.646 51.883-39.646 37.034 0 51.882 29.918 51.882 73.762V737.62h102.4V535.842c0-100.181-50.517-146.125-117.913-146.125-54.563 0-88.252 32.717-101.735 54.272h-2.03l-4.711-46.609H453.75c1.349 29.918 2.697 66.1 2.697 108.544v231.697z" fill="%23ccc" /></svg>');*/
/*}*/
.post-content .article-share .share-ico.linkedin{
    background-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" id="linkedin"><switch><g><path fill="%230A7BBA" d="M506 256.879c0 138.066-111.934 250-250 250-138.067 0-250-111.934-250-250 0-138.067 111.933-250 250-250 138.066 0 250 111.933 250 250zm0 0"></path><path fill="%23F2F2F2" d="M405.36 276.985v103.076h-59.753v-96.157c0-24.153-8.617-40.647-30.269-40.647-16.493 0-26.308 11.119-30.638 21.869-1.588 3.83-1.98 9.161-1.98 14.558v100.378h-59.774s.805-162.873 0-179.734h59.774v25.478c-.108.196-.282.389-.392.585h.392v-.585c7.943-12.227 22.108-29.702 53.856-29.702 39.321 0 68.784 25.698 68.784 80.881zM160.452 113.698c-20.455 0-33.815 13.426-33.815 31.052 0 17.255 12.969 31.049 33.032 31.049h.37c20.846 0 33.815-13.793 33.815-31.049-.392-17.625-12.969-31.052-33.402-31.052zm-30.268 266.364h59.731V200.328h-59.731v179.734zm0 0"></path></g></switch></svg>');
}

.post-content .article-share a>svg{
    width: 24px;
    height: 24px;
}
.post-content .article-table{
    padding: 1rem;
    border: 1px solid #efefef;
    display: none;
}
.post-content .article-table.show{
   display: block;
}
.post-content .article-table ul{
    list-style-type: disc;
    padding-left: 2rem;
}
.post-content .article-table ul>li{
    margin: 3px auto;
}

.post-content .article-detail a{
    color: var(--color-highlight);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.post-content .article-detail a:hover{
    text-decoration: underline;
}

.post-content .article-detail h1,
.post-content .article-detail h2,
.post-content .article-detail h3,
.post-content .article-detail h4,
.post-content .article-detail h5,
.post-content .article-detail h6,
.post-content .article-detail b,
.post-content .article-detail strong{
    font-family: var(--font-bold);
}
.post-content .article-detail h1,
.post-content .article-detail h2,
.post-content .article-detail h3,
.post-content .article-detail h4,
.post-content .article-detail h5,
.post-content .article-detail h6,
.post-content .article-detail ul,
.post-content .article-detail p{
    margin-bottom: 0.8rem;
    word-wrap:break-word;
}
.post-content .article-detail h1{
    font-size: 2rem;
}
.post-content .article-detail h2{
    font-size: 1.75rem;
}
.post-content .article-detail h3{
    font-size: 1.5rem;
}
.post-content .article-detail h4{
    font-size: 1.25rem;
}
.post-content .article-detail h5{
    font-size: 1.1rem;
}
.post-content .article-detail h6{
    font-size: 1rem;
}

.post-content .article-detail p,
.post-content .article-detail img,
.post-content .article-detail div{
    max-width: 100%;
}
.post-content .article-detail img{
    width: auto;
    margin: 1rem auto;
    border-radius: 5px;
    height: auto!important;
}
.post-content .article-detail ol,
.post-content .article-detail ul{
    list-style-type: unset;
}
.post-content .article-detail li{
    margin-left: 1rem;
}
.post-content .article-detail table{
    /*display: block;*/
    overflow-x: auto;
    width: 100%;
}
.post-content .article-detail table tbody{
    width: 100%;
}
.post-content .article-tags{}
.post-content .article-tags .post-tags{
    row-gap: 1rem;
    column-gap: 1rem;
}
.post-content .article-tags .post-tags li{}
.post-content .article-tags .post-tags a{
    background-color: #F5F6F9;
    color: #999;
    display: block;
    padding: 3px 10px;
    text-wrap: nowrap;
    font-size: 0.9rem;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding-left: 1rem;
}
.post-content .article-tags .post-tags a:hover {
    background-color: #ade1f650;
    color: var(--color-highlight);
}
.post-content .article-tags .post-tags a::before{
    content: '#';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.post-content .article-nextprev{
    padding: 1rem 0;
    border-top: 1px dashed #ededed;
    border-bottom: 1px dashed #ededed;
}
.post-content .article-nextprev>div{
    margin: 1rem auto;
}

/*应用场景的post类型*/
.application-post{}
.application-post .application-block{}
.application-post .application-block .container{
    position: relative;
    width: 100%;
    height: 100%;
}
.application-post .application-block .container .bg{
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.application-post .application-block .container .bg>img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.application-post .application-block .container .content{
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.pages-contact-us-form>div{
    max-width: 980px;
}
.pages-contact-us-form .pages-form-details{
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}
.pages-contact-us-form form{
     flex-direction: column;
     display: flex;
}


.pages-contact-us-form .form-msg01,
.pages-contact-us-form .form-msg02{
    width: 100%;
    flex-wrap: wrap;
}
.pages-contact-us-form .form-msg01>p,
.pages-contact-us-form .form-msg02>p{
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.pages-contact-us-form .form-msg01 label{
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 2rem;
    position: relative;
}

.pages-contact-us-form .form-msg01 label:nth-child(2n+1){
    margin-right: 0;
}

.pages-contact-us-form .form-msg01 label.full{
    width: 100%;
    margin-right: 0;
}

.pages-contact-us-form .form-msg02 label{
    width: 100%;
    
}
.pages-contact-us-form .form-msg01 label input{
    width: 100%;
    padding: 1rem;
    color: #999;
    /*margin-top: 2rem;*/
    background-color: #f7f9fc;
    outline: none;
    border: 0;
}
/*下单选框*/

.pages-contact-us-form .form-msg01 label.is-select input{
    cursor: auto;
}
.pages-contact-us-form .form-msg01 label .select-arrow{
position: absolute;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    width: 6px;
    height: 6px;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%) rotate(225deg);
}
.pages-contact-us-form .form-msg01 label .select-options{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border: 1px solid #f1f1f1;
    padding: 1rem 0;
    background-color: #fff;
    z-index: 1;
        box-sizing: border-box;
        display: none;
}
.pages-contact-us-form .form-msg01 label .select-options span{
    display: block;
    display: block;
    padding: 3px 1rem;
    cursor: pointer;
}
.pages-contact-us-form .form-msg01 label .select-options span:hover{
    background-color: #f1f1f1;
}
.pages-contact-us-form .form-msg01 label .select-options br{
    display: none;
}

.pages-contact-us-form .form-msg02 textarea {
    width: 100%;
    margin-bottom: 2rem;
    background-color: #f7f9fc;
    outline: none;
    border: 0;
    padding: 0.5rem 1rem;
    color: #999;
    box-sizing: border-box;
    font-family: 'MULI-Regular';
}
.wpcf7-not-valid-tip{
    /*position: absolute;*/
    /*bottom: -2rem;*/
    /*left: 0;*/
}
/*验证码样式*/
.pages-contact-us-form .form-msg02 .yzm{
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
}
.pages-contact-us-form .form-msg02 .yzm input{
    width: 200px;
    padding: 1rem;
    color: #999;

    background-color: #f7f9fc;
    outline: none;
    border: 0;
    margin-right: 20px;
}
.pages-contact-us-form .form-msg02 .yzm img{
    height: 40px;
    transform: scale(.8);
}

.pages-contact-us-form .sub-button input{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 150px;
    margin-bottom: 20px;
    border: none;
    background: var(--color-darkblue);
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: auto;
    border-radius: 20px;
}


/*相关文章 应用场景*/
.application-related-article .article-list{
    width: 100%;
    column-gap: 20px;
}
.application-related-article .article-list .item .text{
    padding: 1rem;
}
.application-related-article .article-list .item .text .time{
    border-top: 1px solid #ccc;
    margin-top: 8px;
    padding-top: 8px;
}
.application-related-article .article-list .item .text>h3{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em;
}
.application-related-article .article-list .item .img{
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 1rem;
}
.application-related-article .article-list .item .img img{
    object-fit: cover;
        height: 100%;
    width: 100%;
}
.application-related-article .article-list .item{
    width: calc( (100% - 60px ) / 4);
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    transition: all 0.3s ease-in-out;
}
.application-related-article .article-list .item:hover{
    box-shadow: 0 4px 20px rgba(0, 0, 0, .3);
}

/*application-related-faq*/

.product-faqs{
    background-color: #f5f5f5;
}
.product-faqs .product-faqs-details{
    max-width: 960px;
    width: 100%;
    margin-inline: auto;
}
.product-faqs .faqs-list .faqs-item{
    margin: 5px auto;
    width: 100%;
}
.product-faqs .faqs-list .faqs-item .question{
    padding: 0.6rem 1rem;
    background-color: #fff;
    padding-right: 3rem;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #eee;
}
.product-faqs .faqs-list .faqs-item .question:hover{
    background-color: #f7f9fc;
}
.product-faqs .faqs-list .faqs-item .answer{
    display: none;
    background-color: #fff;
    padding: 1rem;
    margin-top: 0;
    /*border-top: 1px solid #eee;*/
    border-radius: 0 0 5px 5px;
}
.product-faqs .faqs-list .faqs-item .answer ol,
.product-faqs .faqs-list .faqs-item .answer ul{
    padding: 1rem;
    list-style: initial;
}
.product-faqs .faqs-list .faqs-item .answer p{
    margin: 10px 0;
    line-height: 1.4;
}
.product-faqs .faqs-list .faqs-item .answer b,
.product-faqs .faqs-list .faqs-item .answer strong{
    font-family: var(--font-bold);
}
.product-faqs .faqs-list .faqs-item .question::before{
    content: '';
    width: 0;
    height: 0;
    border: 5px solid var(--color-darkblue);
    position: absolute;
    top: 50%;
    right: 1rem;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 0;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out;
}
.product-faqs .faqs-list .faqs-item.active .question::before{
    transform: translateY(-50%) rotate(90deg);
}