/* Added resources style for 'langwu' on 2024-10-17 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
body{background: rgba(240, 240, 240, 1);}
.bg-gray{background: #f5f5f5;}
.mt-md-6{margin-top: 60px;}
.float-left{float: left;}
h1{font-family: 'MB';}
h2,h3,h4{}
h5{font-family: 'Montserrat', sans-serif;font-display: swap;}
.h5-font-size{font-size: 16px;}
.font-text{font-size: 16px;line-height: 25px;}
.text-primary{color: #2549d8 !important;}
.col-md-1-5{flex: 0 0 12.5%;max-width: 12.5%;}
.screen{}
.screen .form-label{font-weight: bold;}
.no-data{text-align: center;width: 500px;margin: 0 auto;line-height: 50px;font-size: 20px;font-weight: bold;}
.no-data .mail{}
#showTime{float:left;}
.blog-breadcrumb{margin-top: 90px;}
.blog-breadcrumb .breadcrumb{background-color: #eee;}
.article_show{float: left;width: 100%;margin:70px 0 100px;z-index: 2;position: relative;font-family: 'Montserrat', sans-serif;font-display: swap;}
.article_show .content a{color:#2549d8; text-decoration: underline;}
.article_show .content a:hover{opacity:0.9;text-decoration: none;}
.article_show .content em{color:#2549d8;}
.article_show .blog-tags{margin: 20px 0 25px 0;}
.article_show .blog-navs{border: 1px solid rgba(201, 201, 201, 1);border-left:0;border-right: 0;display: flex;justify-content: center;gap:60px;padding:20px 0;}
.article_show .blog-navs li{display: flex;justify-content: center;align-items: center;}
.article_show .blog-navs li span{font-size: 16px;font-family: 'Montserrat', sans-serif;font-display: swap;font-weight: 600;}
.article_show .blog-content .left-content{}
.article_show .blog-content .left-content li{font-size: 16px;font-weight: 600;font-family: 'Montserrat', sans-serif;font-display: swap; padding-top: 20px;}
.article_show .blog-content .left-content li a.active{color: rgba(37, 73, 216, 1);}
.article_show .right-content{text-align: center;}
.article_show .right-content .top-title{display: none;border-bottom: 1px solid rgba(201, 201, 201, 1);padding:10px 0;text-align: center;}
.article_show .right-content ul.list{width: 250px;margin:0 auto;}
.article_show .right-content ul.list li{margin-top:20px;}
.article_show .middle-content .social {display: flex;align-items: center;justify-content: center;margin-bottom: 30px;margin-top: 30px;}
.article_show .middle-content .line {width: 200px;height: 1px;background-color: rgba(201, 201, 201, 1);margin: 0 10px;}
.article_show .middle-content .icons {display: flex;gap: 10px;}
.article_show .middle-content .icons img {width: 40px;height: 40px;}
.article_show .middle-content .icons #likes{cursor: pointer;}
.article_show .middle-content img{cursor: pointer;}
.article_show .middle-content .content img{cursor: zoom-in;}
.article_show .two{margin-top:80px;}
.article_show .two ul.related-articles-list{display: flex;gap: 30px;margin-top:20px;}
.article_show .two ul.related-articles-list li{width: 20%;}
.article_show .two ul.related-articles-list h6{padding-top:8px;}
.article_show .three{margin-top:80px;display: flex;margin-bottom: 80px;}
.article_show .three ul.comment-list{margin-top: 20px;}
.article_show .three ul.comment-list li{border-top: 1px solid rgba(201, 201, 201, 1);padding: 15px 0;}
.article_show .three ul.comment-list li .time{font-weight: 600;font-size: 16px;}

/* 点击图片放大样式 */
.lightbox {display: none;position: fixed;z-index: 1000;left: 0;top: 80px;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.9);justify-content: center;align-items: center;}
.lightbox .close {color: #fff;font-size: 30px;position: absolute;top: 15px;right: 35px;cursor: pointer;}
.lightbox .img-container {text-align: center;margin-top: -80px;}
.lightbox img {max-width: 90%;max-height: 80%;margin: auto;}
.lightbox .prev, .lightbox .next {cursor: pointer;position: absolute;top: 42%;width: auto;padding: 16px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.lightbox .next {right: 0;border-radius: 3px 0 0 3px;}
.lightbox .prev:hover, .lightbox .next:hover {background-color: rgba(0, 0, 0, 0.8);}

/*article list*/
.article-list{margin-top: 0px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.article-list .breadcrumb{background-color: #eee;}
.article-list .form-control{border-radius: 1em;}
.article-list .screen-form{display: flex;justify-content: space-between;}
.article-list .screen-form .btn-off{border: 0px solid #FFFFFF;background: #FFFFFF;}
.article-list .screen-form .btn-switch-left_1{border-top-left-radius: 40%;border-bottom-left-radius: 40%;}
.article-list .screen-form .btn-switch-right_1{border-top-right-radius: 40%;border-bottom-right-radius: 40%;}
.article-list .tab-content .tags{width: 100%;margin-top: 16px;float: left;line-height: 36px;}
.article-list .tab-content .tags .tag{font-size: 19px;/* font-weight: 700; */float: left;padding-right: 16px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.article-list .tab-content .time{/* font-weight: bold; */font-size: 16px;}
.article-list .box .ul li .info .tit{font-family: 'Montserrat', sans-serif;font-display: swap;font-weight: normal;font-weight: bold;}
.article-list .box .more{float: left;width:100%;text-align: center;margin-bottom: 80px;}
.article-list .box .more a{background: rgba(37, 73, 217, 1);border-radius: 10px;color: #FFFFFF;vertical-align: top;line-height: 50px;padding: 0 40px;font-size: 20px;font-family: 'MB';color: #000;display: inline-block;transition:0.5s; cursor: pointer;}
.article-list .box .more a:hover{opacity: 0.9;background: var(--themefive);color: #fff;border: 1px solid var(--themefive);}
.article-list.blog_page .box .more a{background: rgba(37, 73, 217, 1);border-radius: 10px;color: #FFFFFF;}
.article-list.blog_page .box .more a:hover{opacity: 0.9;}

/*FAQ*/
.new_faq_page h1,h2,h3,h4{font-family: 'MB';}
.new_faq_page .tab-content{background: #FFFFFF;margin-bottom: 80px;}
.new_faq_page ul.cate-lists {text-align: center;}
.new_faq_page ul.cate-lists li{flex: 0 0 33.333333%;max-width: 33.333333%;padding:50px 0;}
.new_faq_page ul.cate-lists li .list-box{margin:0 20px;}
.new_faq_page ul.cate-lists li img{height: 120px;width: 120px;/*border-radius: 50%;border: 1px solid rgb(194 196 207);*/padding: 10px;}
.new_faq_page ul.cate-lists li .title{padding-top:30px;}
.new_faq_page ul.cate-lists li .description{padding:20px 50px;}
.new_faq_page ul.cate-lists li .learn-more{font-weight: bold;}
.new_faq_page .box .more{padding-bottom: 50px;background: #FFFFFF;margin-bottom: 0;}

/*FAQ show*/
.faq-breadcrumb .breadcrumb{background-color: rgba(240, 240, 240, 1);}
.new_faq_show .right-content .top-title{cursor: pointer;}
.new_faq_show .middle-content .content img{cursor: pointer;}
.faqs-list {margin: 20px 0 50px 0;}
.faqs-list li {margin-bottom: 14px;}
.faqs-list .title {
    height: auto;
    background: linear-gradient(180deg, rgba(37, 40, 60, 1) 0%, rgba(16, 17, 35, 1) 100%);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 26px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 30px;
    min-height: 46px;
    position: relative;
    cursor: pointer;
    align-items: center;
    display: flex;
}
.faqs-list .title b {
    position: absolute;
    right: 13px;
    font-size: 30px;
    cursor: pointer;
    font-family: 'Courier New', monospace;
    display: inline-block;
    top: 2px;
    line-height: 46px;
}
.faqs-list .content {
    padding: 15px;
    background: rgba(255, 255, 255, 1);
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    color: rgba(54, 55, 56, 1);
    text-align: left;
    vertical-align: top;
}
/*gallery*/
.gallery_focus .box{display: flex;position: relative;font-family: 'Montserrat', sans-serif;font-display: swap;}
.page_focus.gallery_focus .con .box b.title{position: absolute;text-align: left;bottom: -165px;}
.page_focus .con .box p.content{text-align: left;position: absolute;line-height: normal;width: 900px;bottom: -170px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.page_focus.gallery_focus .con{height: 500px;}
.page_focus.gallery_focus .bg{height: 500px;position: relative;}
.page_focus.gallery_focus .bg img{width: 100%;position: absolute;bottom: 0;}
.gallery_focus .title{}

.gallery{margin-bottom: 80px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.gallery .breadcrumb{background-color: #eee;}
.gallery .waterfall .list-group .list-group-item{border:0;}
.gallery .waterfall .list-group .list-group-item img{cursor: zoom-in;}
.gallery .waterfall .list-group .list-group-content:hover{background: rgba(37, 73, 216, 1);color: #FFFFFF;}
.gallery .waterfall .list-group .tags{width: 100%;margin-top: 0px;float: left;line-height: 36px;}
.gallery .waterfall .list-group .tags .tag{font-size: 16px;/* font-weight: 700; */float: left;padding-right: 16px;font-family: 'Montserrat', sans-serif;font-display: swap;}
.gallery .waterfall .list-group .info{padding:15px 0;float: left;width: 100%;font-weight: bold;}
.gallery .waterfall .list-group .time{/* font-weight: bold; */font-size: 18px;width: 100%;float: left;}

.waterfall .list-group{}
.waterfall .list-group>li:first-child{padding:0;background-color:#fff}
.waterfall .list-group>li:first-child img{width:100%;border-top-right-radius:4px;border-top-left-radius:4px}
.waterfall .list-group>li{background-color:#f5f5f5}

/*Resources All*/
.resources-all .one{margin-top:80px;width: 100%;float: left;}
.resources-all .two{margin-top:80px;width: 100%;float: left;}
.resources-all .two .left-menu .title{color: rgba(37, 73, 216, 1);}
.resources-all .two .left-menu ul{font-size: 20px;font-weight: bold;line-height: 50px;}
.resources-all .two .left-menu ul a{color: rgba(37, 73, 216, 1);}
.resources-all .two .left-menu ul a:hover{opacity: 0.9;}
.resources-all .two  .content-r{background: #FFFFFF; align-items: center;padding:30px;}
.resources-all .two  .content-r .title{text-align: center;}
.resources-all .two  .content-r .learn-more{text-align: center;}
.mobile-show{display: none !important;}
.pc-show{display: block;}
@media (max-width:768px){
    .waterfall .list-group{width:346px}
    .page_focus.gallery_focus .con .box{margin-top: 150px;}
    .page_focus.gallery_focus .con .box b.title{position: unset;text-align: center;}
    .page_focus.gallery_focus .con .box p.content{position: unset;text-align: center;width: 100%;-webkit-line-clamp:unset;word-break: break-word;}
    .col-md-1-5{max-width: none;flex:auto;}
    #screen-form{gap:15px;}
    .article-list .breadcrumb{background-color: #FFFFFF;}
    .blog_page .box .ul li{width: 100%}
    .page_focus .con .box p{font-size: 16px;padding:0 15px;}
    .resources-all .one{margin-top: 0px;}
    .resources-all .two{margin-top: 0px;}
    .resources-all .two .left-menu{margin-bottom: 50px;}
    .resources-focus h1{font-size: 30px;}
    .article_show{margin:20px 0 0 0;}
    .article_show h1{font-size: 26px;padding:0 0 0 15px;}
    .article_show .blog-tags{margin: 15px 0 15px 15px;display: flex;align-items: center;}
    .article_show .blog-tags .badge{padding:5px 10px;}
    .article_show .blog-tags .tags{display: flex;flex-wrap: wrap;gap:5px;}
    .article_show .blog-navs{padding: 15px 15px;gap: 15px;display: flex; flex-wrap: wrap;}
    .article_show .blog-navs li{flex: 0 0 calc(50% - 8px);font-size:14px;justify-content: left;}
    .article_show .blog-navs li img{width: 30px;}
    .article_show .blog-navs li span{padding-left: 5px;font-size: 14px;}
    .article_show .blog-navs li.clicks{justify-content: center !important;}
    .article_show .blog-content .left-content{display: none;}
    .article_show .middle-content{margin-top: 15px;}
    .article_show .middle-content h2{font-size: 24px !important;margin-bottom: 15px;}
    .article_show .middle-content h3{font-size: 20px !important;}
    .article_show .middle-content .content img{width: 100% !important;height: auto !important;max-width: 100% !important;}
    .article_show .middle-content .content table{width: 100% !important;}
    .article_show .three{display: grid;margin: 50px 0;}
    .article_show .two{margin-top: 0px;margin-bottom: 50px;}
    .article_show .two ul.related-articles-list{display: grid;}
    .article_show .two ul.related-articles-list li{width: 100%;}
    .new_faq_page{padding:0 15px;}
    .new_faq_page ul.cate-lists{display: grid;gap:30px;}
    .new_faq_page ul.cate-lists li{width: 100%;max-width: 100%;padding: 0;}
    .new_faq_page ul.cate-lists li .description{padding:20px 0;}
    .new_faq_page .box .more{margin-top: 50px;}
    .new_faq_page ul.cate-lists li .title{font-size: 24px;}
    .new_faq_show h2{text-align: center;}
    .article_show .right-content{margin-bottom: 50px;}
    .article-show-new{margin: 0;}
    .article-show-new .middle-content{padding:0 30px !important;}
    .article-show-new .blog-navs li.clicks{display: none;}
    .pc-show{display: none !important;}
    .mobile-show{display: block !important;}
    .article-show-new .right-content .top-title{display: block;margin: 0 15px;}
    .article-show-new .two .title{border-bottom: 1px solid rgba(201, 201, 201, 1);padding: 10px 0;display: block;}
    .article-show-new .mobile-clicks{font-weight: bold;font-size: 10px;white-space: nowrap;}
    .article-show-new .blog-tags .badge{        
        padding: 3px 5px;
        font-size: 7px;
        align-items: center;
        display: grid;
        background: rgba(166, 166, 166, 1);
        line-height: normal;
        font-weight: normal;
    }
    .article-show-new h1{font-size: 14px;}
    .article-show-new .blog-navs li img{width: 16px;}
    .article-show-new .blog-navs li span{font-size: 10px;}
    .article-show-new .middle-content h2{font-size: 20px !important;margin-bottom: 0px;}
    .article-show-new .one .top-box{display: flex;gap: 0;padding: 0 15px;}
    .article-show-new .one .top-box .left-box{
        flex: 0 0 calc(85px);
    }
    .article-show-new .one .top-box .left-box .all-posts{font-size: 15px;font-weight: 600;}
    .article-show-new .one .top-box .right-box{
        flex: 0 0 calc(100% - 85px);
    }
    .article-show-new .mobile-left-menu{ 
        position: fixed;
        left: 0px;
        top: 30vh;
        z-index: 9999;
    }
    .article-show-new .mobile-left-menu .menu-bar{ 
        width: 15px;
        height: auto;
        min-height: 300px;
        opacity: 1;
        border-radius: 50px;
        background: rgba(37, 73, 216, 1);
        cursor: pointer;
        position: relative;
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
        padding: 15px 0;
        z-index: 9999;
        overflow: visible;
    } 
    .article-show-new .mobile-left-menu .menu-bar.active{ 
        width: 30px;
    }
    .article-show-new .mobile-left-menu .menu-bar-dot {
        width: 12px;
        height: 12px;
        background-color: #FFFFFF;
        border-radius: 50%;
        margin: 8px 0;
        cursor: pointer;
        transition: all 0.3s ease;
        display: block;
    }
    .article-show-new .mobile-left-menu .menu-bar-dot:hover {
        width: 20px;
        height: 20px;
        margin-left: -4px;
        background-color: #FFFFFF;
    }
    .article-show-new .mobile-left-menu .menu-bar-dot.active {
        width: 20px;
        height: 20px;
        margin-left: -4px;
        background-color: #FFFFFF;
    }
    .article-show-new .mobile-left-menu .menu-bar::before,
    .article-show-new .mobile-left-menu .menu-bar::after {
        content: none;
    }  
    .article-show-new .mobile-left-menu .menu-title {
        position: absolute;
        top: 10px;
        left: -3px;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        padding: 25px 0px;
        width: 100vw;
        max-height: 280px;  
        min-height: 280px;
        overflow-y: auto;
        transition: all 0.3s ease;
        -webkit-overflow-scrolling: touch; 
        touch-action: pan-y;  
        user-select: none;  
        -webkit-user-drag: none; 
        z-index: 9999;  
    } 
    .article-show-new .mobile-left-menu .menu-title::-webkit-scrollbar {
        width: 0px;
        background: transparent;
    } 
    .article-show-new .mobile-left-menu {
        touch-action: auto;
    }
    .article-show-new .mobile-left-menu .menu-title ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .article-show-new .mobile-left-menu .menu-title ul li { 
        display: flex;
        align-items: center;
    }
    
    .article-show-new .mobile-left-menu .menu-title ul li:last-child {
        margin-bottom: 0;
    }
    
    .article-show-new .mobile-left-menu .menu-title ul a {
        display: flex;
        align-items: center;
        color: rgba(163, 163, 163, 1);
        text-decoration: none;
        font-size: 16px;
        transition: all 0.3s ease;
        padding: 8px 12px;
        border-radius: 4px;
        font-weight: 600;
    }  
    .article-show-new .mobile-left-menu .menu-title ul a .menu-text {
        padding-left:10px;
    } 
    .article-show-new .mobile-left-menu .menu-title ul a .menu-dot {
        width: 12px;
        height: 12px;
        background-color: #FFFFFF;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 2px;
        flex-shrink: 0;
        transition: all 0.3s ease;
        display: inline-block;
        vertical-align: middle;
    }
    .article-show-new .mobile-left-menu .menu-title ul li.active a,
    .article-show-new .mobile-left-menu .menu-title ul a:hover{
        color: rgba(37, 40, 61, 1); 
    }  
    .article-show-new .mobile-left-menu .menu-title ul li.active a .menu-dot,
    .article-show-new .mobile-left-menu .menu-title ul a:hover .menu-dot {
        width: 20px;
        height: 20px;
        margin-left: -4px;
    }
    .article-show-new .mobile-left-menu .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(252, 250, 250, 1);
        z-index: 9998;
        opacity: 0.9;
        transition: opacity 0.3s ease;
    }
    .article-show-new .mobile-left-menu .menu-overlay.show {
        opacity: 1;
    }
    .gallery {
        padding: 0 10px; 
    }
    .waterfall {
        width: 100% !important;
        margin-left: 5px;
    }
    .waterfall .list-group {
        width: calc(50% - 10px) !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }
    .waterfall .list-group:nth-child(2n) {
        margin-right: 0 !important;
    }
    .waterfall .list-group-content{padding:5px !important;}
    .gallery .waterfall .list-group .tags{line-height: 26px;}
    .gallery .waterfall .list-group .tags .tag{font-size:14px;}
    .gallery .waterfall .list-group .time{font-size:12px;}
    .waterfall .list-group-item img{width:100% !important;height:auto !important;}
    .gallery .waterfall .list-group .info{padding:10px 0;}
    .lightbox{top:70px}
    .lightbox .close{right:15px}
}
@media (min-width:992px){
    .waterfall .list-group{width:299px}
}
@media (min-width:1200px){
    .waterfall .list-group{width:24%;margin:0 0.485% 15px 0.485%;}
    /*.waterfall .list-group{display:flex;gap:20px;padding: 0;margin:0;}*/
}