html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

html {
    font-size: 52px;
}

body {
    line-height: 1;
    font-size: .3rem;
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
    content: none
}

a {
    text-decoration: none
}

img {
    width: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

.warp {
    overflow: scroll;
    height: 91vh;
    scroll-behavior: smooth
}

body::-webkit-scrollbar,.warp::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 100%
}

.header {
    position: relative
}

.header .logo {
    width: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    z-index: 1200
}

.header .top_banner img {
    margin-top: -5px
}

@keyframes scale {
    0% {
        transform: scale(.96)
    }

    to {
        transform: scale(1.04)
    }
}

@keyframes scale1 {
    0% {
        transform: scale(.86)
    }

    to {
        transform: scale(1)
    }
}

@media screen and (max-width: 560px) {
    html {
        font-size:100px;
        max-width: 560px!important;
        height: 100%;
        margin: 0 auto!important;
        box-shadow: 0 2px 2px 2px #0000001a
    }

    .header .logo {
        max-width: 560px!important
    }

    .download_btn img {
        max-width: 192px!important
    }

    .kf {
        top: 130px;
        right: unset!important;
        margin-left: 490px!important;
        width: 60px
    }

    .warp {
        height: 100vh
    }

    .swiper-pagination .swiper-pagination-bullet {
        width: 46px!important;
        height: 57px!important
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size:42.6667px
    }
}

@media screen and (min-width: 561px) {
    .scale {
        transform:scale(.92)
    }

    html {
        background: #f0efec
    }

    body {
        height: 100vh
    }

    .warp {
        padding-top: 80px
    }

    .kk-logo {
        width: 120px;
        height: 120px
    }

    .iphones {
        width: 785px;
        height: 728px
    }

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

    .mr-30px {
        margin-right: 30px
    }

    .mr-50px {
        margin-right: 50px
    }

    .mt-20px {
        margin-top: 20px
    }

    .mt-25px {
        margin-top: 25px
    }

    .mt-30px {
        margin-top: 30px
    }

    .mt-50px {
        margin-top: 50px
    }

    .mt-60px {
        margin-top: 60px
    }

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

    .btn-ios {
        cursor: pointer;
        width: 268px;
        height: 76px;
        border-radius: 10px;
        background: #B19D81
    }

    .btn-ios:hover {
        background: #b1a595
    }

    .btn-android {
        cursor: pointer;
        width: 268px;
        height: 76px;
        border-radius: 10px;
        background: #655744
    }

    .btn-android:hover {
        background: #8b806f
    }

    .btn-logo {
        width: 36px;
        height: 36px;
        margin: 20px 0 0 23px
    }

    .disabled {
        background: #adadad;
        cursor: not-allowed;
        pointer-events: none;
    }

    .disabled:hover {
        background: #adadad!important;
        cursor: not-allowed!important
    }
}

.width-160px {
    width: 160px
}

.width-185px {
    width: 185px
}

.font-size-92px {
    font-size: 92px
}

.font-size-16px {
    font-size: 16px
}

.font-size-26px {
    font-size: 26px
}

.font-size-52px {
    font-size: 52px
}

.fw-bold {
    font-weight: 700
}

.fw-thin {
    font-weight: 300
}

.text-nowrap {
    text-wrap: nowrap
}

.text-white {
    color: #fff
}

.text-gray {
    color: #575757
}

.text-gray-2 {
    color: #999
}

.mt-1 {
    margin-top: 5px
}

.mr-1 {
    margin-right: 5px
}

.mr-2 {
    margin-right: 10px
}

.ml-1 {
    margin-left: 5px
}

body {
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Noto Sans SC,"sans serif","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol
}

.flex-between {
    display: flex;
    justify-content: space-between
}

.flex-around {
    display: flex;
    justify-content: space-around
}

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

.flex-1 {
    flex: 1
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.text-center {
    text-align: center
}

.container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto
}
.kkchat-h5 {
    height: 100vh;
    background: #f0efec
}

.kkchat-h5 .h5-container {
    padding-top: 4vw;
    padding-bottom: 10vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kkchat-h5 .fixed-bottom {
    position: fixed;
    bottom: 18vw
}

.kkchat-h5 .mb-35px {
    margin-bottom: 8.97vw
}

.kkchat-h5 .mb-20px {
    margin-bottom: 5.12vw
}

.kkchat-h5 .mb-10px {
    margin-bottom: 2.61vw
}

.kkchat-h5 .mb-n3vw {
    margin-bottom: -3vw
}

.kkchat-h5 .px-23px {
    padding: 0 5.9vw
}

.kkchat-h5 .kk-logo img {
    width: 11.79vw;
    height: auto;
    margin-bottom: 3vw
}

.kkchat-h5 .text-center {
    text-align: center
}

.kkchat-h5 .font-size-15px {
    font-size: 3.85vw
}

.kkchat-h5 .font-size-18px {
    font-size: 4.62vw
}

.kkchat-h5 .font-size-26px {
    font-size: 6.67vw
}

.kkchat-h5 .text-gray {
    color: #575757
}

.kkchat-h5 .bg-gray {
    background: #adadad!important;
    border-radius: 10px
}

.kkchat-h5 .disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.kkchat-h5 .fw-bold {
    font-weight: 700
}

.kkchat-h5 .line-height-1d2 {
    line-height: 1.2
}

.kkchat-h5 .main-image {
    width: 88vw;
    height: auto
}

.kkchat-h5 .btn-download {
    border-radius: 10px;
    background: #ffc668;
    border: none;
    width: 84.62vw
}

.kkchat-h5 .btn-download .btn-download-content{
    height: 11.79vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.79vw
}
.kkchat-h5 .btn-download .download-disabled{
    background: #b8b8b8;
    border-radius: 10px;
}
.kkchat-h5 .btn-download span {
    color: #f0efec
}

.kkchat-h5 .btn-download img {
    width: 3.33vw;
    height: auto
}