.height1[data-v-cdd72b66] {
    background: #333;
    border-radius: 50px;
    box-shadow: 5px 10px 15px rgb(0 0 0/16%);
    transition: 0s
}

.iphone_top_radio[data-v-cdd72b66] {
    position: absolute;
    background: #333;
    width: 200px;
    height: 25px;
    top: 40px;
    z-index: 2;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
    left: 50%;
    transform: translate(-50%, -50%)
}

#innerholder,
#tinyholder {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    z-index: 100000
}

.height1T {
    top: 6px;
    top: 0
}

.height1B,
.height1T {
    height: 60px;
    position: absolute;
    object-fit: cover
}

.height1B {
    bottom: -6px;
    bottom: 0
}

.iphonebgrealtive {
    height: calc(100vh - 100px) !important;
    left: 50%;
    top: 50%;
    border-radius: 30px
}

.innerframe,
.iphonebgrealtive {
    position: absolute;
    transform: translate(-50%, -50%)
}

.innerframe {
    display: none;
    height: calc(100vh - 60px);
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    left: 50%;
    top: 50%
}

.innerframe.phone {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: calc(100vh - 138px);
    width: 100%;
    border-radius: 30px
}

#fram2ask {
    color: #a5a5a5;
    padding-top: 10%;
    text-align: center;
    font-size: 16px;
    position: absolute;
    z-index: 2;
    display: none;
    background: transparent;
    width: 100%;
    height: calc(100vh - 60px);
    top: 0;
    left: 0
}

#fram2ask>img {
    margin: 0 auto
}

.zindex2 {
    z-index: 2
}

.gsoscale>* {
    transform: scale(.8);
    transform-origin: top left;
    width: 125% !important
}

.iphonebgrealtive .desktop .height1 {
    width: 100%;
    transition: all .3s ease
}

.iphonebgrealtive .tablet .height1 {
    width: 798px;
    transition: all .3s ease
}

.iphonebgrealtive .mobile .height1 {
    width: 405px
}

.iphone>.phone,
.iphonebgrealtive .mobile .height1 {
    transition: all .3s ease
}

.scroll-top {
    cursor: pointer;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 11111;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, .2);
    transition: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.scroll-top:hover {
    background: rgba(0, 0, 0, .4)
}

.scroll-top>span {
    font-size: 2.5rem
}

.newAIsetstyle[data-v-3f5bad52] {
    background: #008aff;
    color: #008aff
}

.newAIsetPstyle[data-v-3f5bad52] {
    font-size: 15px;
    border: 1px solid #fff;
    border-radius: 3px;
    width: 60%;
    height: 60%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    color: #008aff;
    font-weight: 700
}

.newAIsetstyle[data-v-3f5bad52]:hover {
    color: #008aff
}

.xufe_wrap[data-v-3f5bad52] {
    margin-top: 38px;
    height: calc(100vh - 38px)
}

.xufe_mwrap[data-v-3f5bad52] {
    margin-top: 68px;
    height: calc(100vh - 68px)
}

.xufe-tips[data-v-3f5bad52] {
    background-color: #09f;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 38px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000
}

.xftip2[data-v-3f5bad52] {
    height: 68px;
    padding: 0 21px
}

.xufe-tips>img[data-v-3f5bad52] {
    width: 22px;
    height: 22px
}

.xufe-tips>span[data-v-3f5bad52] {
    margin-left: 8px;
    color: #fff;
    font-size: 16px
}

.footer_new_transform180[data-v-3f5bad52] {
    top: auto !important;
    left: 49.6%;
    bottom: 35px;
    transform: none !important
}

.new_transform180[data-v-3f5bad52] {
    transform: rotate(180deg);
    position: absolute;
    top: 36px;
    left: 49.6%
}

.newarrow[data-v-3f5bad52] {
    width: 15px;
    height: 6px;
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translate(-50%);
    background: #fff
}

.newarrow[data-v-3f5bad52]:before {
    position: absolute;
    bottom: -5px;
    content: "";
    left: 3px;
    width: 7px;
    height: 7px;
    background: #fff;
    transform: rotate(135deg);
    box-shadow: 1px -2px 7px rgb(0 0 0/16%)
}

.newarrow[data-v-3f5bad52]:after {
    position: absolute;
    top: 1px;
    left: 1px;
    content: "";
    width: 13px;
    height: 6px;
    background: #fff
}

.footer_help_div[data-v-3f5bad52] {
    bottom: 30px;
    top: auto !important
}

.help_div[data-v-3f5bad52] {
    background: #fff;
    position: absolute;
    border-radius: 5px;
    left: 50%;
    top: 30px;
    transform: translate(-50%);
    padding: 22px 27px;
    width: 470px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 16%);
    display: none;
    cursor: pointer
}

.help_pos:hover .help_div[data-v-3f5bad52] {
    display: block
}

.help_icon[data-v-3f5bad52] {
    width: 19px;
    height: 19px
}

.help_pos[data-v-3f5bad52] {
    margin-left: 10px;
    margin-right: 177px;
    position: relative
}

.loadmask[data-v-3f5bad52] {
    background: transparent;
    color: #ccc;
    font-size: 16px;
    position: fixed;
    top: 60px;
    left: 0;
    width: calc(100vw - 10px);
    height: calc(100vh - 60px);
    padding-top: 10%;
    text-align: center;
    z-index: 100000
}

.loadmask>img[data-v-3f5bad52] {
    margin: 0 auto
}

.editorbtn>button[data-v-3f5bad52] {
    border-radius: 5px;
    padding: 10px 26px;
    line-height: normal
}

.editorbtn>button[data-v-3f5bad52]:first-child {
    border: 1px solid #fff;
    background: none;
    color: #fff
}

.editorbtn>button[data-v-3f5bad52]:last-child {
    background: #fff;
    color: #008aff;
    border: 1px solid #fff;
    margin-left: 16px
}

.editorbtn[data-v-3f5bad52] {
    font-size: 14px
}

.editorco[data-v-3f5bad52] {
    font-size: 14px;
    line-height: normal;
    color: #008aff
}

.editorflex .img_suo[data-v-3f5bad52] {
    margin-right: 20px;
    width: 36px
}

.editordb[data-v-3f5bad52] {
    font-size: 14px;
    color: #fff
}

.editorflex[data-v-3f5bad52],
.newflex13[data-v-3f5bad52] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.newflex13[data-v-3f5bad52] {
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: fit-content;
    margin: 0 auto !important
}

.blank-tips>p>span[data-v-3f5bad52]:first-child {
    margin-right: 15px;
    display: block
}

.blank-tips>p>span[data-v-3f5bad52]:last-child {
    margin-left: 15px;
    display: block
}

.minhgt[data-v-3f5bad52] {
    min-height: calc(100vh - 60px);
    background: #fff
}

.cstlayer[data-v-3f5bad52] {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.cstlayer>.bgoverlay[data-v-3f5bad52] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0
}

.cxtmenu[data-v-3f5bad52] {
    position: fixed;
    font-size: 12px;
    top: 0;
    left: 0;
    background-color: #fff;
    color: #333;
    width: 120px;
    height: 120px;
    z-index: 1000;
    box-shadow: 1px 1px 2px #999
}

.cxtmenu>p[data-v-3f5bad52] {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.cxtmenu>p[data-v-3f5bad52]:hover {
    background-color: #008aff;
    color: #fff
}

.cxtmenu>p.disabled[data-v-3f5bad52] {
    cursor: not-allowed;
    color: #ccc
}

.cxtmenu>p.disabled[data-v-3f5bad52]:hover {
    background-color: #fff;
    color: #ccc
}

.cxtmenu-selected[data-v-3f5bad52] {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(31, 116, 239, .35);
    width: 100%;
    height: 100%;
    z-index: 2
}

.blank-tips[data-v-3f5bad52] {
    color: #a5a5a5;
    font-size: 16px;
    text-align: center
}

.handler[data-v-3f5bad52] {
    position: absolute;
    background-color: #008aff
}

.handler.top[data-v-3f5bad52] {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.handler.right[data-v-3f5bad52] {
    right: 0;
    top: 0;
    width: 4px;
    height: 100%
}

.handler.bottom[data-v-3f5bad52] {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px
}

.handler.left[data-v-3f5bad52] {
    left: 0;
    top: 0;
    width: 4px;
    height: 100%
}

.plate-mask[data-v-3f5bad52] {
    text-align: center;
    cursor: not-allowed;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(25, 142, 222, .9);
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.plate-mask.directy p[data-v-3f5bad52] {
    text-align: center
}

.plate-mask span[data-v-3f5bad52] {
    display: inline-block;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    color: red;
    margin: 0 3px
}

.rightspans>span[data-v-3f5bad52]:first-child:hover {
    cursor: move !important
}

.rightspans>span.on[data-v-3f5bad52] {
    color: #008aff
}

.rightspans>span.icon-shanchu.on[data-v-3f5bad52] {
    background: #efefef;
    color: #999
}

.rightspans>span.tapsetnow[data-v-3f5bad52] {
    background: #008aff;
    color: #fff
}

.rightspans>span.moretool[data-v-3f5bad52] {
    font-size: 18px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.newpluginsname[data-v-3f5bad52] {
    font-size: 14px;
    color: #333;
    width: auto !important;
    background: #f8f8f8;
    padding: 15px 20px;
    margin-right: 0
}

.footer-tips[data-v-3f5bad52] {
    width: 100%;
    height: 150px;
    border: 2px solid rgba(25, 142, 222, .2);
    background-color: rgba(25, 142, 222, .2)
}

.footer-tips>p[data-v-3f5bad52] {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.absfooter[data-v-3f5bad52] {
    border-color: #008aff;
    border-style: dashed;
    position: fixed;
    margin-left: 65px;
    margin-right: 555px;
    bottom: 0;
    left: 0;
    width: calc(100vw - 393px) !important;
    z-index: 1000
}

.wrap_noscroll[data-v-3f5bad52] {
    overflow: hidden
}

.vo_layer[data-v-3f5bad52] {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.probar[data-v-3f5bad52] {
    background-color: #eaeaea;
    width: 200px;
    height: 5px;
    border-radius: 5px;
    position: relative;
    margin: 0 auto
}

.probar[data-v-3f5bad52]:after {
    content: "";
    background-color: #008aff;
    position: absolute;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    animation: pbar-data-v-3f5bad52 .5s infinite linear;
    -webkit-animation: pbar-data-v-3f5bad52 .5s infinite linear
}

@keyframes pbar-data-v-3f5bad52 {
    0% {
        width: 5%;
        background-color: #008aff
    }
    25% {
        background-color: #39a3fd
    }
    50% {
        background-color: #64b7fd
    }
    75% {
        background-color: #88c4f7
    }
    90% {
        background-color: #a9d8ff;
        width: 100%
    }
}

.fullpage-boxbg[data-v-3f5bad52] {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(-60px + 100vh);
    width: 100%;
    opacity: 0;
    overflow: hidden;
    z-index: 0;
    transition: opacity 1.5s linear
}

.fullpage-bullets[data-v-3f5bad52] {
    position: fixed;
    width: 40px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000
}

.fullpage-bullets .pagination-bullet[data-v-3f5bad52] {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100%;
    background: var(--bgcolor);
    margin: 10px 12px
}

.fullpage-bullets .pagination-bullet.on[data-v-3f5bad52] {
    background: var(--bghcolor)
}

.fullpage-settings[data-v-3f5bad52] {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    float: right;
    height: 40px;
    width: 40px;
    font-size: 26px;
    border-radius: 5px;
    margin-bottom: 10px
}

.fullpage-settings.on[data-v-3f5bad52],
.fullpage-settings[data-v-3f5bad52]:hover {
    background: #e7e7e7;
    color: #008aff
}

.fullpage-dialog[data-v-3f5bad52] {
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    z-index: 10
}

.fullpage-dialog .subitem[data-v-3f5bad52] {
    position: relative;
    float: left;
    height: 32px;
    line-height: 32px;
    width: 100%
}

.fullpage-dialog .fpbgitem[data-v-3f5bad52] {
    width: 100%;
    height: 80px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.fullpage-dialog .fpbgitem>span[data-v-3f5bad52] {
    display: none;
    color: red;
    position: absolute;
    right: 0;
    top: -4px;
    z-index: 1
}

.fullpage-dialog .fpbgitem:hover>span[data-v-3f5bad52] {
    cursor: pointer;
    display: inline-block
}

.fullpage-dialog .fpinpn[data-v-3f5bad52] {
    float: right;
    width: 44%
}

#isaving {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    color: #008aff;
    background: rgba(0, 0, 0, .3);
    padding: 20px;
    text-align: center;
    z-index: 100000
}

.wpai-dialog .vmodal-header {
    border-bottom: none !important
}

.fullpage-dialog .fpbgitem-img {
    width: 175px;
    height: 72px;
    object-fit: cover;
    border-radius: 5px;
    background: #f8f8f8
}

.fullpage-dialog .fpinpn input {
    text-align: center
}

.alertbox[data-v-ada335e4] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100001
}

.alert-dialog[data-v-ada335e4] {
    display: inline-block;
    width: 320px;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e6ebf5;
    font-size: 18px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    text-align: left;
    overflow: hidden;
    backface-visibility: hidden;
    position: absolute;
    padding: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.alert-footer[data-v-ada335e4] {
    text-align: center;
    border-top: 1px solid #e8eaec;
    padding-top: 12px
}

.fade-enter-active[data-v-ada335e4],
.fade-leave-active[data-v-ada335e4] {
    transition: opacity .5s
}

.fade-enter[data-v-ada335e4],
.fade-leave-to[data-v-ada335e4] {
    opacity: 0
}

.modal-backdrop[data-v-ada335e4] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100000;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

.alert-header[data-v-ada335e4] {
    border-bottom: 1px solid #e8eaec;
    padding-bottom: 14px;
    display: none
}

.alert-title[data-v-ada335e4] {
    font-size: 16px;
    line-height: 1;
    color: #2d2f33
}

.alert-body[data-v-ada335e4] {
    padding: 16px 0;
    color: #5a5e66;
    font-size: 14px;
    line-height: 17px;
    text-align: center
}

.alertbtn[data-v-ada335e4] {
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    padding: 13px 27px;
    font-size: 14px;
    line-height: 1;
    background: #fff;
    color: #5a5e66;
    border: none;
    margin: 0 8px
}

.alert-info[data-v-ada335e4]:hover {
    color: #57a3f3
}

.cancelbtn[data-v-ada335e4]:hover {
    background-color: #f8f8f8;
    border-radius: 5px
}

.alert-info[data-v-ada335e4] {
    color: #fff;
    background-color: #008aff;
    border-color: #008aff;
    border: 1px solid #d8dce5;
    border-radius: 4px
}

.alert-info[data-v-ada335e4]:hover {
    color: #fff;
    background-color: #003cff;
    border-color: #003cff
}

.alertclose[data-v-ada335e4] {
    font-size: 31px;
    color: #999;
    transition: color .2s ease;
    top: 1px;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    right: 8px
}

.alertclose[data-v-ada335e4]:hover {
    color: #444
}

.noborder[data-v-ada335e4] {
    border: none !important
}

.toolbar_active[data-v-129dd9bd] {
    padding: 10px !important;
    height: auto !important
}

.toolbar_txticon .imgicon[data-v-129dd9bd] {
    margin-left: 6px;
    line-height: 10px;
    transition: .5s
}

input[data-v-129dd9bd]::-webkit-input-placeholder {
    font-size: 12px
}

.toolbar_txticon[data-v-129dd9bd] {
    background: #008aff;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgb(0 0 0/16%);
    padding: 7px 9px;
    width: max-content;
    position: relative;
    font-size: 12px;
    line-height: normal
}

.imgbox[data-v-129dd9bd] {
    position: relative
}

.imgbox>.mask[data-v-129dd9bd] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%
}

.imgbox>.mask img[data-v-129dd9bd] {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%
}

.imgbox:hover>.mask[data-v-129dd9bd] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100
}

.imgbox>.toolbar[data-v-129dd9bd] {
    cursor: pointer;
    position: absolute;
    display: none;
    top: -35px !important;
    left: 5px !important;
    z-index: 9;
    padding-bottom: 20px;
    padding-top: 40px
}

.imgbox .tbararrow[data-v-129dd9bd] {
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    left: 0
}

.imgbox .tbarinput[data-v-129dd9bd] {
    border: none;
    border-radius: 5px;
    background: #f8f8f8;
    width: 100px;
    height: 32px;
    font-size: 12px;
    color: #333;
    padding: 7px 11px;
    text-align: center;
    margin-top: 5px
}

.imgbox .tbarico[data-v-129dd9bd] {
    font-size: 20px;
    color: #333;
    cursor: pointer;
    margin-right: 10px;
    margin-left: 15px
}

.imgbox .tbarico[data-v-129dd9bd]:hover,
.imgbox>.asetting span.icon-zu2664[data-v-129dd9bd] {
    color: #198ede
}

.imgbox>img[data-v-129dd9bd] {
    min-width: 15px;
    min-height: 15px
}

.imgbox>.toolbar:hover .toolbar_txticon[data-v-129dd9bd] {
    background: #003cff
}

.toolbar_ul[data-v-129dd9bd] {
    position: absolute;
    background: #fff;
    border-radius: 5px;
    color: #333;
    top: 35px;
    left: 0;
    padding: 0 10px;
    box-shadow: 0 3px 6px #707070;
    font-weight: 400;
    height: 0;
    overflow: hidden;
    transition: .5s
}

.toolbar_ul>div.toolbar_icons[data-v-129dd9bd] {
    display: block !important
}

.imgbox>.toolbar:hover .toolbar_txticon>span[data-v-129dd9bd] {
    transform: rotate(180deg);
    transition: .5s
}

.toolbar_icons>div[data-v-129dd9bd] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    width: 100px;
    height: 32px;
    border-radius: 5px;
    margin-top: 5px
}

.toolbar_icons>div[data-v-129dd9bd]:hover {
    background: #e7f3fc;
    color: #003cff
}

.toolbar_icons>div:hover>span[data-v-129dd9bd] {
    color: #003cff
}

.empty-icon[data-v-129dd9bd] {
    color: #666;
    font-size: 20px;
    line-height: 100%;
    position: absolute;
    left: 50%;
    margin-top: 50%;
    transform: translate(-50%, -50%);
    opacity: .66
}

.imgbox:hover .empty-icon[data-v-129dd9bd] {
    opacity: 1
}

img[lazy=error],
img[lazy=loading] {
    left: 33% !important;
    top: 60% !important;
    width: 15px !important;
    height: 15px !important;
    object-fit: contain;
    margin: 0 auto
}