body, html {margin:0;padding:0;height: 100%; position: relative; font-family: 'Microsoft yahei'; font-size: 13px; font-weight: 400;overflow: hidden;}
img {vertical-align: middle;}
a, a:hover, a:active, a:focus {text-decoration: none; -webkit-user-drag: none;}
ul,li{margin: 0;padding: 0;list-style-type: none;}
img{width: 100%;height: 100%;}
[v-cloak]{display:none;}
.default-btn{
    padding: 8px 15px;
    background-color: #0B61C3;
}
.get-verify{
    margin-left:10px;
    color: #0B61C3;
    border: 1px solid #0B61C3;
    border-radius: 5px;
    background-color: #fff;
    outline: none;
}
.page-view{
    padding-top: 60px;
    width: 100%;
    /*height: calc(100% - 60px);*/
    /*background: url('../images/bg.png') no-repeat 0 0/100% auto #f4f3f3;*/
    height: 100%;
    background: url('../images/home-bg.jpg') no-repeat 0 0/100% 100%;
    font-family: 'Microsoft yahei', Arial, sans-serif;
}
.page-download{
    background-image: url('../images/download-bg.jpg');
}
.nav-view{
    background:none; /*修改于20220217，源于营销页的修改*/
}
.page-view-box{
    width: 100%;
    height: 100%;
    overflow: auto;
}
.footer{
    margin: 15px 0;
    width: 100%;
    line-height:20px;
    font-size: 14px;
    text-align: center;
    color: #0E478C;
}
/*regist*/
.regist-content{
    margin: 20px auto;
    padding: 60px 130px;
    width: 60%;
    height: calc(100% - 200px);
    background-color: #fff;
    box-shadow: 0 0 8px #bbb;
}
.regist-view{
    padding: 50px 0;
    width: 100%;
}
.regist-view .title{
    margin: 0;
    color: #2b8fc7;
}
.form-view .form-control{
    width: 100%;
}
.form-view .tip-view{
    width: 100%;
}
.form-view .holder-text{
    line-height: 34px;
    color: #2b8fc7;
    position: absolute;
    top: 0;
    left: calc(100% + 20px);
    white-space: nowrap;
    display: none;
}
@media (min-width: 768px){
    /*.regist-view .verify-view{*/
    .regist-view .tip-view, .regist-view .verify-view{
        width: 40%;
    }
    .regist-view .holder-text{
        display: inline-block;
    }
}
.regist-view button[disabled]{
    background-color: #ddd;
    color: #999;
}
.regist-btn{
    padding: 0;
    width: 320px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    background: #0B61C3;
    color: #fff;
    border: 0;
    outline: none;
}
/*regist-success*/
.regist-success{
    padding:0 10%;height:calc(100% - 100px);overflow:auto;
}
.regist-success .success-img{
    margin-bottom: 30px;
    width: 100px;
    height: 100px;
}
.regist-success .orange{
    margin-bottom: 50px;
}
.regist-success .gradual-btn{
    width: 280px;
}
/*regist-home*/
.register-user{
    margin: 80px auto 0;
    border: 2px solid #297ab2;
    border-top: 0;
}
.user-title .title{
    margin: -1.5em 0 0 0;
    padding: 0;
    text-align: center;
    color: #297ab2;
}
.user-title .name{
    margin: 0;
    font-weight: 500;
}
.user-title .name-en{
    font-size: 16px;
    font-weight: 500;
    color: #a3c6fd;
}
.user-title .line{
    padding: 0;
    height: 2px;
    background-color: #297ab2;
    position: relative;
}
.user-title .line-left::after, .user-title .line-right::after{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #297ab2;
    position: absolute;
    top: -5px;
}
.user-title .line-left::after{
    right: 0;
}
.user-title .line-right::after{
    left: 0;
}
.register-user .type-list{
    padding: 10px 10px 20px;
}
.list-view{
    margin-top: 60px;
    padding: 10px 20px 20px;
    background-color:rgba(255, 255, 255, .7);
    color: #fff;
    box-shadow: 0 0 8px #bbb;
    position: relative;
}
.list-view::before{
    content: '';
    display: block;
    width: 80px;
    height: 40px;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 40px 40px 0 0;
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
    z-index: 1;
    box-shadow: 0 -2px 5px #bbb;
}
.list-top-img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #40a9ff;
    position: absolute;
    top: -30px;
    left: calc(50% - 30px);
    z-index: 2;
}
.type-list .list-title{
    margin-top: 30px;
    padding: 20px 0;
    font-size: 18px;
    color: #297ab2;
}
.type-list .limits{
    min-height: 120px;
    font-size: 14px;
    color: #679dc2;
}
.type-list .limits p{
    margin-bottom: 5px;
}
/*20210728 guopengcheng*/
.regist-content .tabtit{
    padding: 0 46px;
    border-bottom: 1px solid #dadada;
}
.regist-content .tabs-li{
    width: 25%;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
    color: #8e8e8e;
    float: left;
    cursor: pointer;
    position: relative;
}
.regist-content .tabs-li.on{
    color: #0B61C3;
}
.regist-content .tabs-li.on:before{
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #0B61C3;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.tabs-li img{
    width:auto;
    height:auto;
    vertical-align: middle;
}
.tabs-li.on .regist-icon, .tabs-li .regist-iconfull{
    display: none;
}
.tabs-li.on .regist-iconfull{
    display: inline-block;
}
.regist-content .tab-conbox dd{
    padding: 0 46px;
}
.regist-content .title{
    margin-bottom: 20px;
    font-size: 24px;
    color: #2b8fc7;
}
/*error page*/
.error-view{
    margin: auto;
    width: 60%;
    height: 500px;
    box-shadow: 0 0 8px #bbb;
    border-radius: 10px;
    background: url('../images/error.png') no-repeat top right/auto 100% #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.error-view-content{
    margin: 160px 0 0 50px;
    width: 35%;
    display: inline-block;
}
.error-title{
    font-size: 64px;
    color: #297ab2;
    font-weight: bold;
}
/*home 20220207*/
/*.page-view-2022{
    background: url('../images/20220207-bg.jpg') no-repeat 0 0/100% 100%;
}*/
[v-cloak]{display: none;}
.container-20220113{
    margin: 0 auto;
    height: calc(100% - 70px);
    --default-color: #295FFD;
    --sub-color: #ff971c;
    --white-color: #fff;
    --half-width: 50%;
    position:relative;
}
/*@media (min-width: 768px) {*/
/*    .container-20220113 {*/
/*        width: 768px;*/
/*    }*/
/*}*/
/*@media (max-width: 992px) {*/
/*    .container-20220113 .content-column{*/
/*        -webkit-box-direction: normal;*/
/*        -webkit-box-orient: vertical;*/
/*        -moz-flex-direction: column;*/
/*        -webkit-flex-direction: column;*/
/*        flex-direction: column;*/
/*    }*/
/*}*/
/*@media (min-width: 992px) {*/
/*    .container-20220113 {*/
/*        width: 992px;*/
/*    }*/
/*}*/
/*@media (min-width: 1200px) {*/
/*    .container-20220113 {*/
/*        width: 1200px;*/
/*    }*/
/*}*/
.el-button--primary:focus, .el-button--primary:hover{background-color:#0B61C3;border-color:#0B61C3;}
.tabs-view{width: 100%;height: 100%;overflow: hidden;}
.container-20220113 .el-tabs__header{margin: 30px 0 50px;padding: 0 10%;height: 40px;flex-shrink:0;position: relative;}
.container-20220113 .el-tabs__header:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(255,255,255,.5);
    z-index: 1;
}
.el-tabs__nav-wrap::after{
    background-color: rgba(255,255,255,0);
}
.container-20220113 .el-tabs__item{
    padding: 0;
    font-size: 16px;
    color: rgba(255,255,255,.6);
}
.container-20220113 .el-tabs__content{height:100%;overflow:auto;flex-grow:1;}
.container-20220113 .el-tabs__item.is-active{font-weight:bold;color:var(--white-color);border-top-left-radius:3px;border-top-right-radius:3px;}
.container-20220113 .el-tabs__active-bar{background-color: var(--white-color);}
.container-20220113 .tabs-content{height:100%;overflow: auto;}
.download-view{padding: 0 10vw;}
.download-view-left, .download-view-right{width: var(--half-width);}
.download-view-right img{width: 94.5%;}
.tabs-content-title{width: 50vw;}
.tabs-content-btn{margin-top: 40px;}
.tabs-content-btn .download-btn{margin:0 10px 10px 0;padding: 8px 56px;font-size:16px;font-weight:600;color: #C85328;border:0;border-radius:20px;background: linear-gradient(to bottom, #F9F369, #F98D0F);box-shadow: 2px 2px 5px 1px rgba(0,0,0,.2);outline: none;}
.tabs-content-itembox{margin-top:10vw;}
.tabs-content-item{margin-right:50px;font-size:14px;color: var(--white-color);}
.video-view, .product-view{padding: 0 5vw;}
.video-view .el-carousel{height: 100%;}
.video-view .el-carousel__item{height: calc(100% - 50px);overflow-y: auto;}
.video-view .el-carousel__indicator--horizontal{padding: 25px 4px;display: inline-flex;}
.video-view .el-carousel__button{width: 10px;height:10px;border-radius:5px;border: 1px solid;border-color:#fff;opacity:.5;}
.video-view .el-carousel__indicator.is-active .el-carousel__button{width:30px;background-color:#fff;}
.video-item, .product-item{margin-bottom: 20px;padding:30px;width: calc(50% - 8px);background-color: var(--white-color);position:relative;overflow:hidden;}
.video-item:nth-child(5), .video-item:nth-child(6){margin-bottom:0;}
.video-item:after, .product-item:after{
    content:'';display:inline-block;border:15px solid rgba(0,0,0,0);width:0;height:0;
    transform: rotate(45deg);
    position:absolute;bottom:-15px;right:-15px;
}
.video-item:nth-child(1)::after{border-left-color:#DF6F6B;}
.video-item:nth-child(2)::after{border-left-color:#67EADC;}
.video-item:nth-child(3)::after{border-left-color:#6EBEE1;}
.video-item:nth-child(4)::after{border-left-color:#F0BA4D;}
.video-item:nth-child(5)::after{border-left-color:#5AB8F5;}
.video-item:nth-child(6)::after{border-left-color:#5D74FF;}
.product-view>div:nth-child(1) .product-item:nth-child(1)::after{border-left-color:#E16D6E;}
.product-view>div:nth-child(1) .product-item:nth-child(2)::after{border-left-color:#65E8DA;}
.product-view>div:nth-child(2) .product-item:nth-child(1)::after{border-left-color:#6EBEE1;}
.product-view>div:nth-child(2) .product-item:nth-child(2)::after{border-left-color:#F0BA4D;}
.product-view>div:nth-child(3) .product-item:after{border-left-color:#20D5AA;}
.video-item{padding:20px 30px;}
.video-item-img{width: 170px;height: 100px;position: relative;}
.video-item-play{width:100%;height:100%;background-color:rgba(0,0,0,.5);cursor:pointer;position: absolute;top: 0;left: 0;z-index: 1;}
.video-item-play .el-icon{font-size: 46px;color: #fff;}
.video-item-text{padding-left: 15px;overflow: hidden;}
.video-item-text .title, .product-item-text .title{margin: 0 0 5px 0;font-size: 16px;font-weight:bold;color: var(--default-color);}
.video-item-text .content, .product-item-text .content{margin:0;line-height: 1.8;color:#838383;}
.video-item-text .content{margin-top:10px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.product-item{margin-bottom: 16px;padding:25px;background-color:var(--white-color);}
.product-item-full{margin:0;width: 100%;}
.product-item-icon{width: 8.3vw;height: 8.3vw;}
.product-item-icon img{height: auto;}
.product-item-text{margin-left: 30px;}
.product-item-text .title{font-weight: 600;}
.intro-view{padding: 0 5vw;}
.intro-view-indiv{background-color: var(--white-color);}
.intro-view-intro{margin-bottom:10px;background:url('../images/system-intro.png') no-repeat top right/auto 100% #fff;}
.intro-view .title{margin:0 auto;padding-top: 100px;color: var(--default-color);}
.intro-view .title-view{padding: 1em 6em;font-size: 26px;text-align:center;border:1px solid var(--default-color);position:relative;}
.intro-view .title-view-content{padding:0 1em;background-color:var(--white-color);transform:translateX(-50%);position:absolute;top:-.5em;left:50%;}
.intro-view .title-main{font-weight:600;}
.intro-view .title-sub{margin:6px 0 0;font-size:14px;white-space:nowrap;}
.intro-view .content{padding:3em 6em;line-height:2;font-size: 16px;}
.intro-view .content-indent{text-indent: 2em;}
.intro-view .content .tip-text{color:var(--sub-color);}
.intro-view .sub-title{font-size:26px;position:relative;}
.intro-view .sub-title:before{content: '';width:4em;height:2px;background-color:var(--sub-color);position:absolute;left:0;bottom:-10px;display: block;}
.content-detail{margin-top:30px;}
.content-detail .text-point{margin:15px 0;padding-left:1.5em;position:relative;}
.content-detail .text-point:before{content:'';width:1em;height:1em;background-color:#1576FB;border-radius:50%;position:absolute;top:.2em;left:0;}
.content-detail .point02:before{background-color:#6FA7FE;}
.content-detail .point03:before{background-color:#A4CBF4;}
.content-detail .point04:before{background-color:#F2BD7B;}
.content-detail-left{margin-right:30px;}
.content-icon-view{position:relative;}
.content-icon-view:before{content:'';width:calc(100% + 12em);border-bottom:1px dashed var(--default-color);position:absolute;top:40px;left:-6em;z-index:1;}
.content-icon-list{margin-bottom:40px;width:82px;height:82px;border:1px dashed var(--default-color);border-radius:50%;background-color:#f8f8f8;}
.content img{height:auto;}
.content-icon-list img{width:auto;height:auto;}
.content-icon-name{font-size:14px;white-space:nowrap;position:absolute;left:50%;bottom:0;transform: translateX(-50%);}
.dialog-video .el-dialog__header, .dialog-video .el-dialog__body{padding: 0;}
.dialog-video .el-dialog__headerbtn{top:-15px;right:-15px;z-index:9;width: 30px;height: 30px;border-radius:50%;background-color: #ddd;}
.dialog-video .el-dialog__body{height: 460px;background-color: #000;}
.full-video{width: 100%;height: 100%;}
.page-link{position:absolute;top:0;right:0;}
.goto-home{margin-right:10px;height:22px;line-height:22px;color:#fff;}
.goto-hrx{padding-right:40px;height:22px;line-height:22px;color:#fff;}
.goto-hrx:hover, .goto-hrx:active, .goto-hrx:focus,
.goto-home:hover, .goto-home:active, .goto-home:focus,
.install-explain:hover, .install-explain:active, .install-explain:focus{color:#fff;}
.goto-hrx:after{content:'';width:36px;height:22px;background:url('../images/goto.png') no-repeat;display:inline-block;position:absolute;top:0;right:0;}
.install-explain{margin-top:10px;width:200px;text-align:center;color:#fff;font-size:16px;text-decoration:underline;}
.contact-us{position:fixed;top:28%;right:0;z-index:9999;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
.contact-tips{
    padding:10px;
    width:20px;text-align:center;
    font-weight:bold;background-color:#fff;
    border-top-left-radius:8px;border-bottom-left-radius:8px;
    box-shadow:-3px 0 3px 1px rgba(0,0,0,.1);position:absolute;top:0;left:-40px;
    box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;
}
.contact-info{padding:10px;width:100px;background-color:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.1);box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
.contact-us-show{animation: contactUsShow .3s forwards;}
@keyframes contactUsShow {
    0%{right:-120px;}
    100%{right:0;}
}
@-webkit-keyframes contactUsShow {
    0%{right:-120px;}
    100%{right:0;}
}
@-moz-keyframes contactUsShow {
    0%{right:-120px;}
    100%{right:0;}
}
.contact-us-hide{animation: contactUsHide .3s forwards;}
@keyframes contactUsHide {
    0%{right:0;}
    100%{right:-120px;}
}
@-webkit-keyframes contactUsHide {
    0%{right:0;}
    100%{right:-120px;}
}
@-moz-keyframes contactUsHide {
    0%{right:0;}
    100%{right:-120px;}
}
/*flex 1366*/
@media (min-width: 1366px) {
    .page-20220218{
        padding-top: 80px;
        font-size: 14px;
    }
    .page-20220218 .nav-view .logo-img{
        height: 60px;
    }
    .page-20220218 .page-view{
        padding-top: 80px;
    }
    .page-20220218 .nav-view{
        height: 80px;
    }
    .page-20220218 .nav-title{
        margin-left: 15px;
    }
    .page-20220218 .nav-title .name{
        font-size: 22px;
    }
    .page-20220218 .nav-title .name-en{
        font-size: 14px;
    }
    /*.container-20220113 {*/
    /*    width: 1280px;*/
    /*}*/
    .container-20220113 .el-tabs__item{
        height: 40px;
        font-size: 20px;
    }
    .container-20220113 .el-tabs__header{
        margin: 30px 0 30px;
        height: 40px;
    }
    .el-tabs__active-bar{
        height: 3px;
    }
    .download-view-right img{width: 90%;}
    .video-item-text .title, .product-item-text .title{
        font-size: 18px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    .tabs-content-btn .download-btn{
        padding: 6px 60px;
        font-size: 20px;
        border-radius:24px;
    }
    .intro-view .content, .install-explain,
    .video-item-text .content, .product-item-text .content{
        font-size: 16px;
    }
    .intro-view .title-view, .intro-view .sub-title{
        font-size: 32px;
    }
    .intro-view .title-sub{
        font-size: 18px;
    }
    .content-icon-name{
        font-size: 20px;
    }
    .video-item-img{
        width: 185px;
        height: 110px;
    }
}
/*flex 1600*/
@media (min-width: 1600px) {
    .page-20220218{
        padding-top: 80px;
        font-size: 18px;
    }
    .page-20220218 .nav-view .logo-img{
        height: 60px;
    }
    .page-20220218 .page-view{
        padding-top: 80px;
    }
    .page-20220218 .nav-view{
        height: 80px;
    }
    .page-20220218 .nav-title{
        margin-left: 15px;
    }
    .page-20220218 .nav-title .name{
        font-size: 28px;
    }
    .page-20220218 .nav-title .name-en{
        font-size: 16px;
    }
    /*.container-20220113 {*/
    /*    width: 1500px;*/
    /*}*/
    .container-20220113 .el-tabs__item{
        height: 50px;
        font-size: 24px;
    }
    .container-20220113 .el-tabs__header{
        height: 50px;
    }
    .el-tabs__active-bar{
        height: 4px;
    }
    .video-item-text .title, .product-item-text .title{
        font-size: 24px;
    }
    .tabs-content-btn .download-btn{
        padding: 8px 70px;
        font-size: 24px;
        border-radius:26px;
    }
    .intro-view .content, .install-explain,
    .video-item-text .content, .product-item-text .content{
        font-size: 20px;
    }
    .intro-view .title-view, .intro-view .sub-title{
        font-size: 32px;
    }
    .intro-view .title-sub{
        font-size: 18px;
    }
    .contact-us{
        font-size: 16px;
    }
    .content-icon-name{
        font-size: 20px;
    }
    .video-item-img{
        width: 255px;
        height: 150px;
    }
}
/*@media (min-width: 1920px) {*/
/*    .container-20220113 {*/
/*        width: 1600px;*/
/*    }*/
/*}*/
/*20220228 guopengcheng nav btn*/
.nav-right .nav-btn{margin:0 8px;padding:8px 12px;line-height:1;background-color:#3db6cb;border-radius:6px;}
/*20220412 guopengcheng*/
.home-20220412{margin:0 auto;width:80%;}
.home-20220412 .title{margin:0 auto;padding-top:5%;width:50%;height:auto;}
.home-20220412 .sub-title{margin:30px 0;width:100%;color:#fff;font-size:1.3em;}
.home-20220412 .line-left, .home-20220412 .line-right{width:calc(25% - 4em);height:2px;}
.home-20220412 .line-left{margin-right:1em;background:linear-gradient(to left, #fff, rgba(255,255,255,0));}
.home-20220412 .line-right{margin-left:1em;background:linear-gradient(to right, #fff, rgba(255,255,255,0));}
.home-20220412 .line-left:after, .home-20220412 .line-right:before{content:'';width:6px;height:6px;background-color:#fff;border-radius:50%;display:inline-block;}
.home-20220412 .home-content{margin:20px 0;width:100%;}
.home-20220412 .content-list{width:calc(25% - 15px);height:auto;position:relative;cursor:pointer;}
.home-20220412 .content-list-text{font-size:1.3em;text-align:center;position:absolute;left:0;right:0;bottom:1.8em;}
.tabs-view{padding-top:40px;overflow:auto;}
/*20220615 guopengcheng*/
.home-20220615{
    margin:0 auto;width:72vw;height:100%;overflow: hidden;
}
.home-relative{
    height: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
}
.home-20220615 .content-list, .home-20220615 .content-title{
    position: absolute;
    top: 0;
    left: 0;
}
.home-20220615 .content-list{
    cursor: pointer;
}
.home-20220615 .content-download{
    width: 16vw;
    top: 8.8vw;
    left: 19.4vw;
    z-index: 9;
    animation: middleIn .5s;
}
.home-20220615 .content-download img:hover{
    animation: amplification 1s;
}
.home-20220615 .content-system{
    width: 16vw;
    top: 20.8vw;
    left: 12.5vw;
    z-index: 9;
    animation: middleIn .5s;
}
.home-20220615 .content-system img:hover{
    animation: amplification 1s;
}
.home-20220615 .content-author{
    width: 16vw;
    top: 20.83vw;
    left: 26.38vw;
    z-index: 9;
    animation: middleIn .5s;
}
.home-20220615 .content-author img:hover{
    animation: amplification 1s;
}
.home-20220615 .content-video{
    width: 12vw;
    top: 26.38vw;
    left: 2.1vw;
    opacity: 0;
    animation: rightBottomIn 1s .5s cubic-bezier(0, 1, 1, 1) forwards;
}
.home-20220615 .content-video img:hover{
    animation: amplification 1s;
}
.home-20220615 .content-other{
    width: 13vw;
    top: 19.44vw;
    left: 42.36vw;
    opacity: 0;
    animation: leftTopIn 1s .5s cubic-bezier(0, 1, 1, 1) forwards;
}
.home-20220615 .content-other img:hover{
    animation: amplification 1s;
}
.home-20220615 .content-password{
    width: 14vw;
    top: 6.94vw;
    left: 7.36vw;
    opacity: 0;
    animation: rightTopIn 1.5s .5s cubic-bezier(0, 1, 1, 1) forwards;
}
.home-20220615 .content-password img:hover{
    animation: amplification 1s;
}
.home-20220615 .content-userinfo{
    width: 13vw;
    top: 22.92vw;
    left: auto;
    right: 3.47vw;
    opacity: 0;
    animation: leftIn 2s .5s cubic-bezier(0, 1, 1, 1) forwards;
}
.home-20220615 .content-userinfo img:hover{
    animation: amplification 1s;
}
@keyframes rightBottomIn {
    0% {opacity: 0;transform: translate(20vw, -10vw) scale(0);}
    100% {opacity: 1;transform: translate(0, 0) scale(1);}
}
@keyframes leftIn {
    0% {opacity: 0;transform: translate(-28vw, 0) scale(0);}
    100% {opacity: 1;transform: translate(0, 0) scale(1);}
}
@keyframes leftTopIn {
    0% {opacity: 0;transform: translate(-20vw, -10vw) scale(0);}
    100% {opacity: 1;transform: translate(0, 0) scale(1);}
}
@keyframes rightTopIn {
    0% {opacity: 0;transform: translate(20vw, 0) scale(0);}
    100% {opacity: 1;transform: translate(0, 0) scale(1);}
}
@keyframes middleIn {
    0% {opacity: 0;transform: scale(0);}
    100% {opacity: 1;transform: scale(1);}
}
@keyframes rotate {
    from {transform: rotateY(0deg)}
    to {transform: rotateY(360deg)}
}
@keyframes amplification {
    0% {transform: scale(1);opacity: 1;}
    50% {transform: scale(.9);opacity: .8;}
    100% {transform: scale(1);opacity: 1;}
}
.home-20220615 .content-title{
    width: 33vw;
    height: 5.7vw;
    top: 10.33vw;
    left: 38.25vw;
    animation: titleIn 2s forwards;
}
@keyframes titleIn {
    0% {transform: translateX(33vw);}
    100% {transform: translateX(0);}
}