.title-content {
    display: flex;
    flex-direction: column
}

.title-content>span {
    line-height: normal
}

.template2 {
    background-image: url(../img/bg2.6b159442.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100vw;
    height: 100vh
}

.template2 .title {
    background-color: #145494;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: center;
    display: block
}

.template2 .result {
    padding: 30px 10px 40px 10px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 20px;
    border: 2px solid #145494;
    font-size: 14px
}

.template2 .result .result-code {
    text-align: center;
    margin-bottom: 10px
}

.template2 .result-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    padding-left: 20px;
    margin-top: 20px
}

.template2 .company-name {
    background-color: hsla(0,0%,100%,.5);
    color: #145494;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.template2 .company-logo {
    width: 40px;
    height: 40px;
    margin-right: 10px
}

.template2 .medias {
    width: 100%;
    min-height: 200px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.template2 .medias img {
    width: calc(100% - 40px);
    height: 100%;
    max-height: calc(100vh - 318px);
    max-width: 100%;
    margin: 0 20px
}

.template2 .company-name-right {
    display: flex;
    flex-direction: column
}

.template2 .company-name-right .company-name-en {
    font-size: 12px;
    color: #145494
}

.content[data-v-65f18aa0],.wrapper[data-v-65f18aa0] {
    position: relative
}

.button[data-v-65f18aa0] {
    position: absolute;
    z-index: 11;
    top: 39%;
    width: 100%;
    left: -10px;
    text-align: center;
    height: 12%
}

.down-app[data-v-65f18aa0],.install-certificate[data-v-65f18aa0] {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    background-size: 100%
}

.tips[data-v-65f18aa0] {
    position: absolute;
    color: #000;
    width: 100%
}

.bodybg[data-v-65f18aa0] {
    display: block;
    width: 100%
}

.button input[type=text][data-v-65f18aa0] {
    position: absolute;
    -webkit-appearance: none;
    left: 20%;
    width: 63%;
    height: 35px;
    line-height: 30px;
    border: 3px solid #1d51a3;
    border-radius: 21px;
    font-size: 18px;
    text-align: center
}

.button input[type=button][data-v-65f18aa0] {
    position: absolute;
    -webkit-appearance: none;
    left: 19.5%;
    margin-top: 13%;
    width: 66.5%;
    height: 42px;
    line-height: 30px;
    background: #1d51a3;
    border-radius: 21px;
    color: #fff;
    border: 1px solid;
    z-index: 1
}

#FwCode[data-v-65f18aa0] {
    letter-spacing: 5px
}

.icp-footer[data-v-65f18aa0] {
    text-align: center;
    font-size: 12px;
    height: 40px;
    width: 100%;
    line-height: 40px
}

.template3 {
    &[data-v-bc1e859e] {
        width: 100vw;
        height: 100vh;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative
    }

    .template3-header[data-v-bc1e859e] {
        padding: 10px;
        position: absolute;
        width: 73%;
        left: 50%;
        transform: translateX(-50%);
        top: 35%;
        font-size: 20px
    }

    .template3-header-left-title[data-v-bc1e859e],.template3-header-right-title[data-v-bc1e859e] {
        color: #08598b;
        font-size: 14px;
        line-height: 21px
    }

    .template3-header-left[data-v-bc1e859e] {
        font-size: 14px;
        line-height: 19px
    }

    .template3-header-right[data-v-bc1e859e] {
        margin-top: 8px;
        font-size: 14px;
        line-height: 21px
    }

    .template3-header-left-content[data-v-bc1e859e],.template3-header-right-content[data-v-bc1e859e] {
        color: #e74f1f
    }
}

body,html,p {
    margin: 0;
    padding: 0
}

.title {
    background-color: #145494;
    color: #fff;
    padding: 8px 20px;
    margin-bottom: 20px
}

.title .logo {
    width: 50px;
    height: 50px;
    margin-right: 10px
}

.title .logo>img {
    width: 100%;
    height: 100%
}

.icon-content {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.input-content {
    width: 80%;
    margin: 0 auto
}

.card-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600
}

.button-list {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.el-button--primary {
    --el-button-bg-color: #145494
}

:root {
    --el-color-primary: #145494!important
}

.el-result {
    margin-top: 20px
}

.title {
    display: flex
}

.title .logo {
    width: 40px;
    height: 40px
}

.content>div:first-child,.content>div:nth-child(2) {
    width: 100%
}

.right {
    margin-top: 36px;
    margin-right: 20px
}

.right .right-title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 16px;
    margin-left: 20px
}

.el-timeline-item .el-timeline-item__icon {
    font-size: 22px!important
}

.el-timeline-item__node--large {
    width: 30px!important;
    height: 30px!important;
    left: -15px!important
}

.el-timeline-item__wrapper {
    padding-left: 38px
}

.el-timeline-item__content {
    font-size: 18px
}

.el-timeline-item__timestamp {
    font-size: 14px!important
}

@media screen and (min-width: 800px) {
    .content {
        display:flex
    }

    .content>div:first-child {
        width: 70%
    }

    .content>div:nth-child(2) {
        width: 30%
    }

    .right {
        margin-top: 0
    }

    .mb-30 {
        margin-bottom: 0
    }

    .mb-48 {
        margin-bottom: 48px
    }

    .h-48 {
        height: 48px
    }

    .ml-76 {
        margin-left: 76px
    }
}

.bottom-tips {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 30px
}

.mb-30 {
    margin-bottom: 30px
}

.buttom {
    font-size: 12px;
    color: #9ca3af;
    text-align: center;
    padding: 20px
}

.buttom>p:first-child {
    margin-bottom: 6px
}

.icp-footer {
    text-align: center;
    font-size: 12px;
    height: 40px;
    width: 100%;
    line-height: 40px
}