.marginT20{margin-top: 0.2rem;}html{font-size: 13.33333333vw;height: 100%;}
*{-webkit-overflow-scrolling: unset;}
.lc-mheader,.footer-logo{font-size: 0}
.khb-back{
    position: absolute;
}
.back-btn{
    display: inline-block;
    width: 30px;
    height: 54px;
    background: url('../../Home/image/customH5/back-b.png') no-repeat center center;
    background-size: 9px 18px;
    position: absolute;
    top: 0;left: 0;
}
.khb-back .back-index{
    width: 50px;
    display: inline-block;
    margin-left: 20px;
    position: absolute;
    left: 13px;top: 14px;font-size: 0;
}
.cont-main{
    padding: 0 .3rem 1.5rem;
    margin-top: -1.1rem;
}
.cont-main .main-block{
    background-color: #ffffff;
    border-radius: 0.25rem;
    margin-bottom: .4rem;
    position: relative;
    padding: .9rem .3rem .3rem .3rem;
    overflow: hidden;
}
.cont-main .main-block.top-bg{
    background-color: #FFE3B9;
}
.main-block .b-ti1{
    height: .66rem;
    width: auto;
    position: absolute;
    left: 0;top: 0;
}
.main-block .b-ti{
    height: .38rem;
    width: auto;
    position: absolute;
    left: 50%;top: .4rem;transform: translateX(-50%);
}
.khb-intro.center-tj-b{
    margin-top: .15rem;
    padding-bottom: .2rem;
}
.center-tj-b{
    display: flex;align-items: center;padding-bottom: 15px
}
.center-tj-b .detail-l2 .flag-span{
    color: #91460f;
    background-color: #FFF8E4;
    border-radius: .05rem;
}
.khb-intro .detail-l2{
    font-size: 0;
    margin-top: .1rem;
}
.khb-intro .user-icon-relative{
    overflow: hidden;
    border-radius: 50%;
}
.khb-intro .user-img img{
    display: block;
}
.right-btn-kh{
    background-color: #D4160E;
    color: #ffffff;
    font-size: .28rem;
    width: 2.32rem;line-height: .8rem;
    height: .8rem;
    border-radius: .5rem;
    text-align: center;
    margin-left: auto;
    position: relative;box-shadow: 0 0 5px #E0998B;
}
.right-btn-kh img{
    height: .41rem;
    position: absolute;right: -.2rem;top: -.3rem;
}
.item-tab{
    display: flex;
}
.item-tab .tab-btn{
    font-size: .26rem;
    color: #666666;
    width: 33.3%;
    text-align: center;line-height: .58rem;
}
.item-tab .tab-btn.active{
    font-size: .32rem;
    color: #d4160e;
    font-weight: bold;
}
.center-info-msg{
    font-size: .24rem;
    color: #8b8c8e;
    margin-top: .3rem;
}
.block-bg{
    background-color: #FFFBF3;
    border-radius: .2rem;
    padding: .3rem 0 .3rem .2rem;
}
.block-fw{
    font-size: .24rem;
    line-height: .34rem;
    color: #333333;
}
.block-fw .fw-t{
    font-size: .36rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin: .4rem 0 .3rem;
}
.block-fw .fw-t img{
    height: .34rem;width: auto;
    margin-right: .1rem;
}
.fw-item{
    display: flex;
    margin-top: .7rem;
    margin-bottom: .3rem;
    justify-content: space-between;
}
.fw-item .item-b{
    background-color: #FFFCF2;
    border-radius: .2rem;
    padding: .5rem .2rem .3rem;
    position: relative;
    max-width: 48%;
    text-align: center;
}
.fw-item .item-b img{
    width: .76rem;height: .76rem;
    position: absolute;
    left: 50%;top: -.38rem;transform: translateX(-50%);
}
.fw-item .item-b .c-l1{
    font-size: .3rem;
    padding: .1rem 0 .1rem;
}
.fw-item .item-b .c-l2{
    color: #93918C;
    font-size: 12px;
}
.block-fw .kh-list{
    background-color: #FFFCF2;
    border-radius: .2rem;
}
.block-fw .kh-list .list{
    padding: 12px 0;
    border-bottom: 1px solid #FFF2CC;
}
.kh-list .last{
    border-bottom: none!important;
}
.plat-item{
    border-radius: .2rem;
    background-image: url("../image/khb/kf-bg.png");
    background-size: 100% 100%;
    padding: .4rem 0 .1rem;
    margin-top: .25rem;
}
.plat-item .logo{
    height: .58rem;
    padding-left: .4rem;
    display: block;
}
.item-table{
    display: flex;
    justify-content: space-between;
    font-size: .24rem;
    color: #333333;
    padding: .3rem .2rem .2rem;
}
.item-table .table-l{
    text-align: center;
}
.item-table .l1 span{
    font-size: .4rem;
    font-weight: bold;
}
.item-table .l2{
    color: #999999;
    line-height: .36rem;
}
.khb-btn{
    position: fixed;
    left: 0;bottom: 0;
    width: 100%;
    padding-bottom: .3rem;
}
.kh-fixed-btn{
    display: block;
    width: 70%;height: 1.1rem;
    line-height: 1.1rem;
    color: #faf8e5;
    background-color: #D4160E;
    text-align: center;
    font-size: .34rem;
    position: relative;
    margin: 0 auto;border-radius: .8rem;
    box-shadow: 0 0 5px #E0998B;
}
.kh-fixed-btn img{
    height: .65rem;
    position: absolute;
    right: -.2rem;top: -.25rem;
}
.pops{
    width: 86%;
    background-color: #ffffff;
    border-radius: 0.2rem;
    position: fixed;left: 7%;
    padding: 0.4rem 0.5rem;
    z-index: 111111;
}
.pops .close-pop{
    width: 0.5rem;height: 0.5rem;
    position: absolute;top: 0.15rem;right: 0.15rem;
    background-image: url("../image/service/guanbi@2x.png");
    background-size: 0.28rem 0.26rem;
    background-repeat: no-repeat;
    background-position: center center;
}
.pops.bottom-pop{
    width: 100%!important;
    left: 0!important;bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    font-size: 0;
    border-radius: 0.2rem 0.2rem 0 0!important;
    top: auto!important;
    /*transform:translateY(0) !important;*/
}
.khb-login-pop .pop-main{
    line-height: normal;
}
.login-kh-logo{
    width: 1.84rem;
    display: block;
    margin: .2rem auto .1rem;
}
.login-kh-msg{
    font-size: .26rem;
    color: #666666;
    /*font-weight: bold;*/
    text-align: center;
    margin-bottom: .3rem;
}
.login-kh-h1{
    color: #000000;
    font-size: .36rem;
    padding: .1rem 0;
}
.login-kh-h2{
    color: #999999;
    font-size: .24rem;
    margin-bottom: .25rem;
}
.khb-login-pop .form-info-box{
    font-size: 0;
}
.khb-login-pop .form-info-box.kh-form .form-info-input{
    height: 50px;
    border-radius: .15rem;overflow: hidden;
}
.khb-login-pop .form-info-box.kh-form .form-info-input input{
    font-size: .3rem;
    background-color: #F4F6FA;
}
.khb-login-pop .form-info-box.kh-form .form-info-btn{
    height: 50px;
    margin-top: 0;
    background-color: #FF2336!important;
    border-radius: .15rem;
}
.khb-login-pop .form-info-box.kh-form .form-info-btn.disabled{
    opacity: 0.3;
}
.khb-login-pop .register-msg{
    color: #999999;
    padding-bottom: 10px;
}
.khb-login-pop .register-msg a{
    color: #FF2336;
}
.khb-login-pop .form-info-box .form-info-input .code-btn{
    color: #ff2336;
}
.khb-login-pop .form-info-box .form-info-input .part-line{
    top: 16px;
}
.login-kh-h2 .modify{
    color: #1187ff;
    padding: 0 5px;
}
.kh-form .register-msg .reg-check{
    overflow: hidden;
    border-radius: 50%;
}
.block-bg .block-fw{
    background-color: #FFF2DD;
    border-radius: .2rem;
    position: relative;
    margin-top: .3rem;
    width: 94.4%!important;
}
.block-bg .block-fw .kh-list{
    background-color: transparent;
}
.block-bg .block-fw .fw-item .item-b{
    background-color: transparent;
}
.active-t{
    height: .28rem;width: 1.01rem!important;
    position: absolute;top: -.28rem;
    left: .5rem;
}
.active-t1{
    height: .28rem;width: 1.01rem!important;
    position: absolute;top: -.28rem;
    left: 50%;transform: translateX(-50%);
}
.active-t2{
    height: .28rem;width: 1.01rem!important;
    position: absolute;top: -.28rem;
    right: 0.5rem;
}
.swiper-container{
    border-radius: .2rem;
}
.swiper-slide{
    opacity: 1;
}

.mask.mask-open{
    opacity: 1;
    pointer-events: auto;
}
.mask.mask-close{
    opacity: 0;
    pointer-events: none;
}
.dialog-pop.dialog-open,.dialog-pop.dialog-close{
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog-pop.dialog-open{
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
    -webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1);
    animation-timing-function: cubic-bezier(0.6,0,0.4,1);
}
.dialog-pop.dialog-close{
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
}
@-webkit-keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}
@keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes anim-close {
    0% { opacity: 1;  -webkit-transform: scale3d(1, 1, 1);}
    100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); }
}
@keyframes anim-close {
    0% { opacity: 1;  -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
    100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); }
}
.dialog-pop-bot.dialog-open,.dialog-pop-bot.dialog-close{
    opacity: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1);
    animation-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.dialog-pop-bot.dialog-open{
    -webkit-animation-name: anim-open-bot;
    animation-name: anim-open-bot;
    /*-webkit-animation-timing-function: cubic-bezier(0.6,0,0.4,1);*/
    /*animation-timing-function: cubic-bezier(0.6,0,0.4,1);*/
}
.dialog-pop-bot.dialog-close{
    -webkit-animation-name: anim-close-bot;
    animation-name: anim-close-bot;
}
@-webkit-keyframes anim-open-bot {
    0% { -webkit-transform: translate3d(0, calc(50vh + 50%), 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-open-bot {
    0% {  -webkit-transform: translate3d(0, calc(50vh + 50%), 0); transform: translate3d(0, calc(50vh + 50%), 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes anim-close-bot {
    0% { -webkit-transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(0, calc(50vh + 50%), 0); }
}

@keyframes anim-close-bot {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    100% { -webkit-transform: translate3d(0, calc(50vh + 50%), 0); transform: translate3d(0, calc(50vh + 50%), 0); }
}