.alc {
    text-align: center;
}
.ftb {
    font-weight: 600;
}
/* banner */
.banner {
    background: url(../faq/img/faq_index_banbg.png) top center no-repeat;
    background-size: cover;
    text-align: center;
    padding: 2.5rem 0;
}

.banner_main {
    max-width: 1100px;
    width: 94%;
    margin: 0 auto;
    border-radius: 6rem;
    border: 2px solid rgba(255, 255, 255, 0.60);
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(2px);
    padding: 4.5rem 9.4rem;
    box-sizing: border-box;
}

h1 {
    color: #000;
    font-size: 4.4rem;
    font-weight: 600;
}

.banner_desc {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    margin: 1.5rem auto 2rem;
}

.downbtn a.down {
    display: inline-block;
    text-decoration: none;
    width: 235px;
    border-radius: 10px;
    box-sizing: border-box;
    background: linear-gradient(323deg, #326FF0 42.26%, #41B6FA 92.86%);
    padding: 12px 0;
    position: relative;
}

.downbtn a.down:hover {
    background: linear-gradient(323deg, #5B8DF8 42.26%, #6DC9FF 92.86%);
}

.down span {
  position: absolute;
  color: #fff;
  left: 8%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
}

.view span {
  display: inline-block;
  font-size: 26px;
  vertical-align: middle;
  color: #fff;
  margin-right: 10px;
}

.downbtn.is_win .win,
.downbtn.is_mac .mac {
    display: inline-block;
}

.downbtn.is_win .mac,
.downbtn.is_mac .win {
    display: none;
}

.banner_text a {
    font-size: 18px;
    color: var(--color-link);
}

.downbtn {
    text-align: center;
}

.downbtn p {
    display: inline-block;
    text-align: center;
    margin: 0 15px;
    max-width: 255px;
    width: 100%;
}

.downbtn a em {
    display: block;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    padding: 0 0 0 60px;
    text-align: left;
    margin-top: 1px;
    font-style: normal;
}

.downbtn a b {
    display: block;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 0 60px;
    text-align: left;
    line-height: 20px;
}

.downbtn a.view {
    display: inline-block;
    text-decoration: none;
    width: 235px;
    border-radius: 10px;
    box-sizing: border-box;
    background: #FF9533;
    padding: 16px 0;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}

.downbtn a.view:hover {
    background: linear-gradient(180deg, #FFB17B 0%, #FF8D3B 100%);
}

.downbtn a.view img {
    vertical-align: middle;
    margin-right: 12px;
}

.downbtn p>em {
    display: block;
    margin-top: 10px;
    color: #5D6C88;
    font-size: 12px;
    font-style: normal;
}

.downbtn p>em span {
    color: #333;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

.downbtn p>em span i {
    font-style: normal;
    font-size: 12px;
}

.downbtn p>em a {
    color: #5D6C88;
}

.downbtn p>em a:hover {
    text-decoration: underline;
}

/* content */
.content {
    margin: 8rem auto;
}

.content li {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 40px;
}

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

.content li>a {
    display: inline-block;
    width: 300px;
    text-align: center;
    background: #FFFFFF;
    border: 2px solid #e6e6e6;
    border-radius: 20px;
    box-sizing: border-box;
    color: #333;
    text-decoration: none;
    padding: 40px 0px;
}

/* .content li.active>a {
    text-decoration: none;
    border: 2px solid transparent;
    background: url(../faq/img/flc_faq_itembg@2x.png) top center no-repeat;
    background-size: 100% 100%;
} */

.content li>a:hover {
    border: 2px solid transparent;
    background: url(../faq/img/flc_faq_itembg@2x.png) top center no-repeat;
    text-decoration: none;
    background-size: 100% 100%;
}

.content li p {
    color: #333;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.content li span {
    width: 70px;
    height: 70px;
    margin-bottom: 4px;
    display: inline-block;
}

.content .faq_feature1 {
    background-image: url(../faq/img/flc_faq_itemimg1@2x.png);
    background-size: cover;
}

.content .faq_feature2 {
    background-image: url(../faq/img/flc_faq_itemimg2@2x.png);
    background-size: cover;
}

.content .faq_feature3 {
    background-image: url(../faq/img/flc_faq_itemimg3@2x.png);
    background-size: cover;
}

.content .faq_feature4 {
    background-image: url(../faq/img/flc_faq_itemimg4@2x.png);
    background-size: cover;
}

.content .faq_feature5 {
    background-image: url(../faq/img/flc_faq_itemimg5@2x.png);
    background-size: cover;
}

.content .faq_feature6 {
    background-image: url(../faq/img/flc_faq_itemimg6@2x.png);
    background-size: cover;
}

.content .faq_feature7 {
    background-image: url(../faq/img/flc_faq_itemimg7@2x.png);
    background-size: cover;
}

.content .faq_feature8 {
    background-image: url(../faq/img/flc_faq_itemimg8@2x.png);
    background-size: cover;
}

.content .faq_feature9 {
    background-image: url(../faq/img/flc_faq_itemimg9@2x.png);
    background-size: cover;
}

.content .faq_feature10 {
    background-image: url(../faq/img/flc_faq_itemimg10@2x.png);
    background-size: cover;
}

.content .faq_feature11 {
    background-image: url(../faq/img/flc_faq_itemimg11@2x.png);
    background-size: cover;
}

.content .faq_feature12 {
    background-image: url(../faq/img/flc_faq_itemimg12@2x.png);
    background-size: cover;
}

.content .faq_feature13 {
    background-image: url(../faq/img/flc_faq_itemimg13@2x.png);
    background-size: cover;
}

/* faq-article */
.content_article {
    max-width: 1300px;
    width: 94%;
    margin: 4rem auto 8rem;
}

.faqleftnav_title {
    border-bottom: 1px solid #E9E9E9;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    padding: 15px 14px;
    color: #333;
}

.faq_article_left {
    width: 263px;
    border-radius: 8px;
    border: 1px solid #E9E9E9;
    margin-bottom: 60px;
    background: #FFF;
    float: left;
    height: auto;
    position: sticky;
    top: 40px;
}

.faq_article_left ul {
    overflow-y: auto;
    height: 650px;
}

.faq_article_left ul::-webkit-scrollbar {
    background: none;
    width: 3px;
}

.faq_article_left ul::-webkit-scrollbar-thumb {
    background: #DBDBDB;
    width: 3px;
    border-radius: 3px;
}

.faq_article_left li {
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #F3F3F3;
    border-radius: 6px;
    padding: 1.5rem 1.4rem;
}

.faq_article_left .li_sel {
    background: #E9F4FF;
    border-radius: 6px;
}

.faq_article_left .li_sel>a {
    border-bottom: none;
}

.faq_article_left li:hover {
    background: #E9F4FF;
}

.faq_article_left li>a:hover {
    text-decoration: none;
}

.faq_article_left li a {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 16px;
}

.faq_article_left li>img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8rem;
}


.faq_article_right {
    width: calc(100% - 300px);
    float: right;
}

.faq_article_right table, .faq_article_right td, .faq_article_right th {
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #ededed;
    border-collapse: collapse;
    padding: 15px 10px;
}

.faq_article_right table td img {
    display: inline-block;
    vertical-align: middle;
}

.faq_right_title {
    display: none;
}

.faqblocks {
    border-top: 1px solid #e9e9e9;
    padding: 0 20px 20px 0;
}

.faqblocks h2 {
    font-size: 22px;
    line-height: 2;
    margin: 25px 0 0;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    color: #333;
}

.faqblocks h2:after {
    content: "\e902";
    font-family: 'iconfont';
    font-weight: 700;
    vertical-align: middle;
    position: absolute;
    right: -20px;
    top: 5px;
    transition: all .3s ease-in-out;
    font-size: 18px;
}

.faqunfold.faqunfold h2:after {
    content: "\e901";
    transition: all .3s ease-in-out;
}

.faqblocks p {
    font-size: 16px;
    line-height: 2;
    color: #666;
    margin: 2rem 0;
}

.faqblocks a {
    font-size: inherit;
    color: #2F61FA;
}

.answers {
    display: none;
}

.faqunfold .answers {
    display: block;
}

.spt_figure {
    text-align: center;
    margin: 30px 0;
}


@media screen and (max-width:980px) {
    .banner_main {
        padding: 3rem 3%;
    }

    .content ul {
        text-align: center;
        display: flex;
        justify-content: center;
        gap: 40px;
        flex-wrap: wrap;
    }

    .content li {
        margin-right: 0;
        margin-bottom: 0;
    }

    /* content-article */
    .faq_article_left {
        display: none;
    }

    .faq_article_right {
        width: 100%;
        padding: 0px 3% 0px;
        float: none;
        box-sizing: border-box;
        border: 0;
    }

    .faq_right_title {
        display: block;
        color: #333;
        font-size: 26px;
        font-weight: 700;
    }
}

@media screen and (max-width:768px) {
    h1 {
        font-size: 3.2rem;
    }

    .downbtn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }

    .downbtn a.down {
        padding: 1rem 0;
    }

    .downbtn a.view {
        padding: 1.4rem 0;
    }
}