.ai-assistant-container {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}
.fix-header-tool {
    position: absolute;
    width: 8.1rem;
    top: .42rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 .1rem 0 .3rem;
    height: .68rem;
    border-radius: .9rem;
    background: white;
    display: flex;
    align-items: center;
    z-index: 10;
    box-shadow: 0 .02rem .03rem 0 rgba(107,143,154,0.3);
}
.fix-header-tool>* {
    flex-shrink: 0;
}
.ic-tool-logo {
    width: .36rem;
    height: .36rem;
}
.ic-tool-name {
    margin-left: .16rem;
    font-weight: 500;
    font-size: .24rem;
    color: #14192E;
    line-height: .32rem;
}

.tool-page-item {
    cursor: pointer;
    margin-left: .38rem;
    font-weight: 500;
    font-size: .15rem;
    color: #939AA3;
    line-height: .21rem;
}
.tool-page-item-activity {
    color: #175DFF;
}
.tool-download-btn {
    margin-left: .38rem;
    height: .48rem;
    font-weight: 500;
    font-size: .15rem;
    color: #FFFFFF;
    line-height: .21rem;
    background: #175DFF;
    border-radius: .28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .12rem .4rem;
    cursor: pointer;
    position: relative;
}
.ai-one-page {
    width: 100%;
    height: 6.60rem;
    background: url("../img/ai_assistant/ic_one_bg.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ai-one-page-left {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}
.ai-one-page-title-box {
    font-weight: 600;
    font-size: .5rem;
    color: #14192E;
    line-height: .58rem;
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
    white-space: nowrap;
}
.ai-one-page-title-span {
    color: #175DFF;
    position: relative;
    z-index: 1;
}
.ic-one-title-bg {
    width: 3rem;
    position: absolute;
    right: 0;
    bottom: -.2rem;
}
.ai-one-page-desc {
    margin-top: .24rem;
    font-weight: 500;
    font-size: .18rem;
    color: #939AA3;
    line-height: .26rem;
}
.ai-one-page-desc-span {
    color: #175DFF;
}

.top-download-list {
    margin-top: .40rem;
    display: flex;
    align-items: center;
}
.version-line {
    margin: 0 0.04rem;
}
.top-download-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .16rem .24rem;
    background: #175DFF;
    font-weight: 500;
    font-size: .18rem;
    line-height: .26rem;
    border-radius: .12rem;
    cursor: pointer;
    transition: background-color .3s linear;
    color: #FFFFFF;
    position: relative;
}
.top-download-label {
    font-weight: 400;
    font-size: .11rem;

    line-height: .19rem;
}
.down-ic {
    transition: all .2s linear;
    transform: rotate(180deg);
    margin-left: .10rem;
}
.top-download-item:hover .down-ic {
    transform: rotate(0deg);
}
.top-download-item:hover .mac-menu {
    opacity: 1;
    pointer-events: visible;
}
.mac-menu {
    pointer-events: none;
    transition: opacity .3s linear;
    opacity: 0;
    position: absolute;
    top: .75rem;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 .02rem .03rem 0 rgba(107,143,154,0.6);
    border-radius: .12rem;
    padding: .06rem;
}
.mac-menu-item {
    width: 100%;
    font-weight: 500;
    font-size: .18rem;
    color: #14192E;
    line-height: .26rem;
    border-radius: .12rem;
    transition: background-color.3s linear;
    padding: .1rem 0 .1rem .4rem;
}
.mac-menu-item:hover {
    background-color: #F0F7FF;
}
.mac-menu-item-desc {
    margin-top: .02rem;
    font-weight: 400;
    font-size: .11rem;
    color: #939AA3;
    line-height: .19rem;
}
.top-download-item:first-child {
    margin-right: .28rem;
}
.download-ic {
    width: .3rem;
    margin-right: .12rem;
}
.ic-one-logo {
    width: 4.90em;
    padding-top: 2.2rem;
}
.one-bottom-box {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #F9FEFF 52%, #F9FEFF 100%);
    height: 1rem;
}
.ai-two-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    background: url("../img/ai_assistant/ic_two_bg.png") no-repeat;
    background-size: 100% 100%;
    padding-top: .8rem;
    padding-bottom: .4rem;
}
.ai-two-page-title {
    font-weight: 600;
    font-size: .38rem;
    color: #14192E;
    line-height: .46rem;
}
.ai-two-page-desc {
    font-weight: 400;
    font-size: .15rem;
    color: #636C78;
    line-height: .23rem;
}
.ai-two-page-desc-one {
    margin-top: 0.24rem;
}
.ai-two-page-content {
    margin-top: .6rem;
    display: flex;
}
.two-page-content-left {

}
.ai-assistant-item {
    width: 2.42rem;
    height: .94rem;
    background: #F3F5F7;
    font-weight: 500;
    font-size: .15rem;
    color: #14192E;
    line-height: .23rem;
    border-radius: 0.09rem;
    cursor: pointer;
    margin-top: .12rem;
    padding: .16rem .18rem;
}
.ai-assistant-item:first-child {
    margin-top: 0;
}
.choose-ai-item {
    padding-right: .28rem;
    width: 2.52rem;
    background: url("../img/ai_assistant/ic_choose_assistant.png") no-repeat;
    background-size: 100% 100%;
}
.ai-assistant-item-desc {
    font-weight: 400;
    font-size: .12rem;
    color: #939AA3;
    line-height: .2rem;
}
.two-page-content-right {
    margin-left: .36rem;
    display: grid;
    grid-template-columns: repeat(2,3.94rem);
    grid-template-rows: repeat(2,2.08rem);
    grid-gap: .18rem .18rem;

}
.choose-ai-assistant-item {
    display: flex;
    padding: .1rem .24rem;
    background: #ffffff;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem rgba(107, 143, 154, 0.30);
    cursor: pointer;
}
.choose-ai-assistant-item-left {
    padding-top: .18rem;
}
.choose-ai-assistant-name {
    font-weight: 400;
    font-size: .14rem;
    color: #636C78;
    line-height: .22rem;
    height: .28rem;
    padding: .05rem .24rem;
    background: #F2F3F8;
    width: fit-content;
    border-radius: .06rem;
    display: flex;
    align-items: center;
}
.choose-ai-assistant-title {
    margin-top: 0.12rem;
    font-weight: 500;
    font-size: .15rem;
    color: #14192E;
    line-height: .23rem;
}
.choose-ai-assistant-desc {
    font-weight: 400;
    font-size: .12rem;
    color: #939AA3;
    line-height: .2rem;
    margin-top: .06rem;
}
.choose-ai-assistant-item-right {
    font-weight: 400;
    font-size: .11rem;
    color: #636C78;
    line-height: .19rem;
    width: 1.82rem;
    flex-shrink: 0;
    position: relative;
}
.ic-assistant-pic {
    width: 100%;
    height: 1.48rem;
    position: relative;
    z-index: 1;

}
.ic-assistant-1 {
    background: url("../img/ai_assistant/ic_assistant_1.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-2 {
    background: url("../img/ai_assistant/ic_assistant_2.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-3 {
    background: url("../img/ai_assistant/ic_assistant_3.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-4 {
    background: url("../img/ai_assistant/ic_assistant_4.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-5 {
    background: url("../img/ai_assistant/ic_assistant_5.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-6 {
    background: url("../img/ai_assistant/ic_assistant_6.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-7 {
    background: url("../img/ai_assistant/ic_assistant_7.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-8 {
    background: url("../img/ai_assistant/ic_assistant_8.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-9 {
    background: url("../img/ai_assistant/ic_assistant_9.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-10 {
    background: url("../img/ai_assistant/ic_assistant_10.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-11 {
    background: url("../img/ai_assistant/ic_assistant_11.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-12 {
    background: url("../img/ai_assistant/ic_assistant_12.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-13 {
    background: url("../img/ai_assistant/ic_assistant_13.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-14 {
    background: url("../img/ai_assistant/ic_assistant_14.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-15 {
    background: url("../img/ai_assistant/ic_assistant_15.png") no-repeat center bottom;
    background-size: 100%;
}
.ic-assistant-16 {
    background: url("../img/ai_assistant/ic_assistant_16.png") no-repeat center bottom;
    background-size: 100%;
}


.assistant-bg {
    width: 100%;
    height: 1.26rem;
    top: .22rem;
    position: absolute;
    opacity: .33;
}
.assistant-info {
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: .09rem;
    white-space: nowrap;
    color: #636C78;
    line-height: .19rem;
    height: 0.34rem;
    background: #F6F6F6;
    border-bottom-left-radius: 0.06rem;
    border-bottom-right-radius: 0.06rem;
    padding: 0.06rem 0 .06rem .02rem;
}
.check-ic {
    width: .18rem;
}
.ai-three-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.ai-three-page-title {
    font-weight: 600;
    font-size: .38rem;
    color: #14192E;
    line-height: .46rem;
}
.ai-three-page-desc {
    margin-top: .24rem;
    font-weight: 400;
    font-size: .15rem;
    color: #636C78;
    line-height: .23rem;
}
.ai-three-page-content {
    margin-top: .8rem;
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.ic-three-bg {
    width: 6rem;
}
.ai-three-tip {
    cursor: pointer;
    position: absolute;
    font-weight: 400;
    font-size: .18rem;
    color: #14192E;
    line-height: .26rem;
    display: flex;
    align-items: center;
    background: white;
    border-radius: .1rem;
    box-shadow: 0.01rem 0.01rem .03rem .01rem rgba(107, 143, 154, 0.30);
    padding: .1rem .14rem;
}
.ic-three-tip {
    width: .34rem;
    margin-right: .12rem;
}
.three-tip-one  {
    top: .45rem;
    left: -1.8rem;
}
.three-tip-two {
    top: 1.8rem;
    left: -2.2rem;
}
.three-tip-three {
    top: 3.15rem;
    left: -1.6rem;
}
.three-tip-four {
    top: .45rem;
    right: -1.6rem;
}
.three-tip-five {
    top: 1.8rem;
    right: -2.2rem;
}
.three-tip-six {
    top: 3.15rem;
    right: -2.6rem;
}
.ai-four-page {
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url("../img/ai_assistant/ic_two_bg.png") no-repeat;
    background-size: 100% 100%;
}
.ai-four-page-title {
    font-weight: 600;
    font-size: .38rem;
    color: #14192E;
    line-height: .46rem;
}
.ai-four-page-desc {
    margin-top: .24rem;
    font-weight: 400;
    font-size: .15rem;
    color: #636C78;
    line-height: .23rem;
}
.ai-four-page-content {
    margin-top: .6rem;
    display: flex;
    align-items: center;
}
.four-page-content-item {
    width: 2.92rem;
    height: 2.87rem;
    display: flex;
    flex-direction: column;
    margin-left: .18rem;
    position: relative;
    border-radius: .09rem;
    overflow: hidden;
    cursor: pointer;
}
.four-page-content-item:first-child {
    margin-left: 0;
}

.ic-four-page-item {
    width: 100%;
    height: 100%;
}
.four-page-item-info {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: .18rem;
    padding-left: .18rem;
    padding-right: .18rem;
    height: calc(100% - 2.26rem);
}
.four-page-item-title {
    font-weight: 500;
    font-size: .18rem;
    color: #14192E;
    line-height: .26rem;
}
.four-page-item-desc {
    margin-top: .08rem;
    font-weight: 400;
    font-size: .12rem;
    color: #939AA3;
    line-height: .2rem;
}
.ai-five-page {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
    width: 100%;
    background: url("../img/ai_assistant/ic_two_bg.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ai-five-page-title {
    font-weight: 600;
    font-size: .38rem;
    color: #14192E;
    line-height: .46rem;
}
.ai-five-page-title-span {
    color: #175DFF;
}
.ai-five-page-desc {
    margin-top: .24rem;
    font-weight: 400;
    font-size: .18rem;
    color: #636C78;
    line-height: .26rem;
}
.ai-five-page-content {
    padding: .52rem .74rem;
    border-radius: .3rem;
    margin-top: .38rem;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: repeat(2,1fr);
    grid-gap: .46rem .88rem;
    box-shadow: 0 0.01rem .06rem 0 rgba(107, 143, 154, 0.30);
}
.five-page-content-item {
    width: .76rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
    font-size: .18rem;
    color: #14192E;
    line-height: .26rem;
    white-space: nowrap;
}
.five-content-ic {
    width: 100%;
    margin-bottom: .08rem;
}


.download-box {
    margin-top: .8rem;
    width: 9.3rem;
    height: 2.56rem;
    background: #FFFFFF;
    box-shadow: 0 .13rem .1rem 0 rgba(118, 118, 118, 0.1);
    border-radius: .1rem;
    position: relative;

}

.download-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3.08rem;
}

.download-info {
    position: absolute;
    left: 3.2rem;
    top: 50%;
    transform: translateY(-50%);
}

.download-title {
    font-weight: 600;
    font-size: .38rem;
    color: #14192E;
    line-height: .46rem;
}

.download-list {
    margin-top: .24rem;
    display: flex;
    align-items: center;
}
.not_arrow {
    cursor: not-allowed !important;
    opacity: .5;
    pointer-events: none;
}
.download-item {
    cursor: pointer;
    width: 2.88rem;
    height: .72rem;
    background: #FFFFFF;
    border-radius: .12rem;
    border: 0.01rem solid #E1E5ED;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.download-item:last-child {
    margin-left: .16rem;
}

.download-item-info {
    white-space: nowrap;
    margin-left: .14rem;
}

.download-item-title {
    font-weight: 500;
    font-size: .15rem;
    color: #14192E;
    line-height: .23rem;
}

.download-item-text {
    font-weight: 400;
    font-size: .12rem;
    color: #939AA3;
    line-height: .2rem;
}
.tool-download-menu {
    width: 2.5rem;
    top: .5rem;
    bottom: inherit;
    left: -1.4rem;
}
.tool-download-btn:hover .mac-menu{
    opacity: 1;
    pointer-events: visible;

}
#openExpend:hover .mac-menu {
    opacity: 1;
    pointer-events: visible;
}
#openExpend>.mac-menu {
    top: .7rem;
}
#openExpend:hover .download-item-down-ic {
    transform: rotate(180deg);
}

.download-item-down-ic {
    margin-left: .12rem;
    transition: all .2s linear;
}
.footer-container {
    width: 100%;
    padding-top: .38rem;
    padding-bottom: .21rem;
    background: #FFFFFF;
}

.footer-top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer-icon {
    width: 158px;
}

.qs-box {
    margin-top: .16rem;
    width: 1.18rem;
    height: 1.18rem;
    background: var(--ql-basic-FFFFFF);
    box-shadow: 0 .05rem .08rem .06rem rgba(118,118,118,0.08);
    border-radius: .12rem;
    overflow: hidden;
    padding: 0.02rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qs-scale {
    width: 100%;
    height: 100%;
}

.qs-img {
    width: 100%;
    height: 100%;
}

.qs-text {
    margin-top: .01rem;
    font-weight: 400;
    font-size: .12rem;
    color: #14192E;
    line-height: .2rem;
}

.footer-right {
    display: flex;
    justify-content: center;
}

.footer-content-box {
    margin-left: 1.02rem;
}

.footer-content-title {
    font-weight: 600;
    font-size: .15rem;
    color: #14192E;
    line-height: .23rem;
}

.footer-list-box {
    margin-top: .18rem;
    display: flex;
    align-items: center;
}

.footer-content-list {
    margin-right: .90rem;
}

.footer-content-list:last-child {
    margin-right: 0;
}

.footer-content-item {
    margin-top: .18rem;
    font-weight: 400;
    font-size: .14rem;
    color: #14192E;
    cursor: pointer;
    line-height: .22rem;
}

.footer-bottom {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 400;
    font-size: .14rem;
    color: #939AA3;
    line-height: .22rem;
    cursor: pointer;
}

.footer-label:first-child {
    margin-right:.07rem;
    cursor: default;
}

.download-dialog {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.download-dialog-content {
    width: 6.4rem;
    position: relative;
    height: 3.5rem;
    background: url("../img/ai_assistant/ic_download_bg.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.download-desc {
    margin-top: .16rem;
    font-weight: 400;
    font-size: .24rem;
    color: #636C78;
    line-height: .31rem;
}
.download-dialog-btn-list {
    margin-top: .24rem;
    display: flex;
    align-items: center;
}
.download-dialog-btn {

}
.ic-download-dialog-close {
    position: absolute;
    right: .1rem;
    top: .1rem;
    cursor: pointer;
    width: .2rem;
}