/* iphone X begin */
body.platform-x.platform-cordova .has-tabs,
body.platform-x.platform-cordova .has-btns {
    bottom: 83px;
}

body.platform-x.platform-cordova .has-bbtns {
    bottom: 98px;
}

body.platform-x.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
    top: 88px;
}

body.platform-x.platform-cordova .tabs {
    /*margin-bottom:34px;*/
    height: 83px;
    line-height: 83px;
}

.platform-x.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
    height: 88px;
}

.platform-x.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * {
    margin-top: 44px;
}

body.platform-x.platform-cordova .payment-btnAWidth,
body.platform-x.platform-cordova .payment-btnA,
body.platform-x.platform-cordova .payment-btnB {
    /*margin-bottom:34px;*/
    height: 83px;
}

body.platform-x.platform-cordova.platform-ios .invite-main {
    height: calc(100vh - 88px);
}

body.platform-x.platform-cordova.platform-ios .login-content {
    /*margin-bottom:34px;*/
    padding: 134px 25px 0;
}

body.platform-x.platform-cordova.platform-ios .toggle {
    /*margin-bottom:34px;*/
    top: 88px !important;
}

body.platform-x.platform-cordova.platform-ios .deal-btn {
    /*margin-bottom:34px;*/
    padding: 0px 0px 34px 0px;
    background: #F8F8F9;
}

body.platform-x.platform-cordova.platform-ios .tab-style {
    margin-top: 88px !important;
}

body.platform-x.platform-cordova .tabs-style {
    height: 49px !important;
    line-height: 49px !important;
}

body.platform-cordova.platform-ios .ngdialog-theme-default.qrCode {
    padding-top: 130px;
}

body.platform-x.platform-cordova.platform-ios .ngdialog-theme-default.qrCode {
    padding-top: 154px;
}

body.platform-cordova.platform-ios .ngdialog-theme-default.flashExchange-ngdialog {
    padding-top: 180px;
}

body.platform-x.platform-cordova.platform-ios .ngdialog-theme-default.flashExchange-ngdialog {
    padding-top: 206px;
}

body.platform-cordova.platform-ios .ngdialog-theme-default.bankCardList-ngdialog {
    padding-top: 180px;
}

body.platform-x.platform-cordova.platform-ios .ngdialog-theme-default.bankCardList-ngdialog {
    padding-top: 206px;
}

body.platform-x.platform-cordova.platform-ios .ngdialog-theme-default.bg-invite {
    padding-top: 0px;
}

body.platform-x.platform-cordova.platform-ios .notice-iphoneX {
    top: 44px;
}

body.platform-x.platform-cordova.platform-ios .dappDetail-iphoneX {
    padding-bottom: 44px !important;
}

body.platform-x.platform-cordova.platform-ios .submit-input {
    /*bottom:constant(safe-area-inset-bottom);*/
    /*bottom:34px;*/
    padding-bottom: 39px !important;
}

body.platform-x.platform-cordova.platform-ios .discount-iphoneX .pane,
body.platform-x.platform-cordova.platform-ios .discount-iphoneX .view {
    background-color: #FFFFFF;
    /*    键盘弹起 body 背景色问题 */
}

body.platform-x.platform-cordova.platform-ios .home-head--yellow {
    top: -1px;
}

body.platform-cordova.platform-ios .ngdialog.ngdialog-theme-default .ngdialog-close:before {
    top: 23px
}

body.platform-cordova.platform-ios.platform-x .ngdialog.ngdialog-theme-default .ngdialog-close:before {
    top: 47px
}

body.platform-x.platform-cordova.platform-ios .password-header--paddingTopBox {
    background-color: #F4F6F8;
    height: 44px;
}

body.platform-x.platform-cordova.platform-ios .chat-iphoneX {
    height: 34px;
    background: transparent;
    width: 100%;
}

body.platform-x.platform-cordova.platform-ios .ver-city-list-header {
    height: 88px;
    line-height: 88px;
}

body.platform-x.platform-cordova.platform-ios .ver-city-location {
    margin-top: 88px;
    height: calc(100vh - 88px);
}

body.platform-x.platform-cordova.platform-ios .ver-city-letter-list {
    top: 99px;
}

body.platform-x.platform-cordova.platform-ios .map-main {
    height: 197px;
}

body.platform-x.platform-cordova.platform-ios .map-main.off {
    padding-top: 59px;
}

body.platform-x.platform-cordova.platform-ios .pwd_fixed .pwd_box .pwd_num {
    margin-bottom: 34px;
}

/* iphone X end */

/* iphone 6/7/8 begin */
body.platform-cordova.platform-ios .ver-city-list-header {
    height: 64px;
    line-height: 64px;
}

body.platform-cordova.platform-ios .ver-city-location {
    margin-top: 64px;
    height: calc(100vh - 64px);
}

body.platform-cordova.platform-ios .ver-city-letter-list {
    top: 75px;
}

body.platform-cordova.platform-ios .login-content {
    /*margin-bottom:34px;*/
    padding: 114px 25px 0;
}

body.platform-cordova.platform-ios .toggle {
    /*margin-bottom:34px;*/
    top: 64px;
}

body.platform-cordova.platform-ios .tab-style {
    margin-top: 64px;
}

body.platform-cordova.platform-ios .password-header--paddingTopBox {
    height: 20px;
}

body.platform-cordova.platform-ios iframe#webWidget {
    margin-top: 20px !important;
    height: calc(100% - 20px) !important;
}

body.platform-x.platform-cordova.platform-ios iframe#launcher {
    height: 83px !important;
}

body.platform-x.platform-cordova.platform-ios iframe#webWidget {
    margin-top: 44px !important;
    height: calc(100% - 76px) !important;
}

body.platform-cordova.platform-ios .notice-iphoneX {
    top: 20px;
}

body.platform-cordova.platform-ios .discount-iphoneX .pane,
body.platform-cordova.platform-ios .discount-iphoneX .view {
    background-color: #FFFFFF;
}

body.platform-cordova.platform-ios .protocol {
    height: calc(100vh - 186px)
}

body.platform-x.platform-cordova.platform-ios .protocol {
    height: calc(100vh - 244px)
}

body.platform-x.platform-cordova.platform-ios .merchantInfo-map,
body.platform-x.platform-cordova.platform-ios .merchantInfo-map-my {
    height: calc(100vh - 43px - 240px - 70px - 86px - 78px);
}

body.platform-cordova.platform-ios .merchantInfo-map,
body.platform-cordova.platform-ios .merchantInfo-map-my {
    height: calc(100vh - 43px - 240px - 70px - 86px - 20px);
}

body.platform-x.platform-cordova.platform-ios .merchantInfo-big-map,
body.platform-x.platform-cordova.platform-ios .merchantInfo-big-map-my {
    height: calc(100vh - 182px + 44px - 44px - 34px);
}

body.platform-cordova.platform-ios .merchantInfo-big-map,
body.platform-cordova.platform-ios .merchantInfo-big-map-my {
    height: calc(100vh - 182px + 44px - 20px);
}

body.platform-x.platform-cordova.platform-ios .merchantInfo-big-map.off,
body.platform-x.platform-cordova.platform-ios .merchantInfo-big-map-my.off {
    height: calc(100vh + 44px - 44px - 34px);
}

body.platform-cordova.platform-ios .merchantInfo-big-map.off,
body.platform-cordova.platform-ios .merchantInfo-big-map-my.off {
    height: calc(100vh + 44px - 44px);
}

body.platform-x.platform-cordova.platform-ios .evaluation-input {
    padding-bottom: 40px;
}

body.platform-cordova.platform-ios .goPay-input::-webkit-input-placeholder,
body.platform-cordova.platform-ios .input-address::-webkit-input-placeholder,
body.platform-cordova.platform-ios .payment-input::-webkit-input-placeholder {
    bottom: 0 !important;
}

body.platform-cordova.platform-ios .downLoad-box {
    padding: 70px 0 50px 0;
}

body.platform-x.platform-cordova.platform-ios .downLoad-box {
    padding: 94px 0 50px 0;
}

body.platform-cordova.platform-ios .icon-new-titleDownLoad {
    top: 27px;
}

body.platform-x.platform-cordova.platform-ios .icon-new-titleDownLoad {
    top: 51px;
}

body.platform-cordova.platform-ios .login-logo--box {
    margin-top: 70px;
}

body.platform-x.platform-cordova.platform-ios .login-logo--box {
    margin-top: 94px;
}

body.platform-cordova.platform-ios .login-linearGradient {
    height: 280px;;
}

body.platform-x.platform-cordova.platform-ios .login-linearGradient {
    height: 304px;;
}

body.platform-cordova.platform-ios .login-mainBox-bg {
    margin-top: 20px;
}

body.platform-x.platform-cordova.platform-ios .login-mainBox-bg {
    margin-top: 44px;
}

body.platform-cordova.platform-ios .mask {
    margin-top: 64px;
}

body.platform-x.platform-cordova.platform-ios .mask {
    margin-top: 88px;
}

body.platform-x.platform-cordova.platform-ios .merchant-search-list {
    top: calc(88px + calc(100vw / 375 * 55));
}

body.platform-cordova.platform-ios .merchant-search-list {
    top: calc(64px + calc(100vw / 375 * 55));
}

body.platform-x.platform-cordova.platform-ios .merchant-owner {
    top: calc(88px + calc(100vw / 375 * 10));
}

body.platform-cordova.platform-ios .merchant-owner {
    top: calc(64px + calc(100vw / 375 * 10));
}

body.platform-x.platform-cordova.platform-ios .motion-classify-outer,
body.platform-x.platform-cordova.platform-ios .bank-title--header,
body.platform-x.platform-cordova.platform-ios .merchant-img-container-outer,
body.platform-x.platform-cordova.platform-ios .top-merchant-img,
body.platform-x.platform-cordova.platform-ios .search-header,
body.platform-x.platform-cordova.platform-ios .merchant-search,
body.platform-x.platform-cordova.platform-ios .merchant-myOrders-tab
body.platform-x.platform-cordova.platform-ios .myOrders-tab,
body.platform-x.platform-cordova.platform-ios .auction-area-list,
body.platform-x.platform-cordova.platform-ios .declaration-tab.register-bg,
body.platform-x.platform-cordova.platform-ios .declaration-tab.mobile-bg,
body.platform-x.platform-cordova.platform-ios .tutorial-tab,
body.platform-x.platform-cordova.platform-ios .card-bag-header {
    top: 88px;
}

body.platform-cordova.platform-ios .motion-classify-outer,
body.platform-cordova.platform-ios .bank-title--header,
body.platform-cordova.platform-ios .merchant-img-container-outer,
body.platform-cordova.platform-ios .top-merchant-img,
body.platform-cordova.platform-ios .search-header,
body.platform-cordova.platform-ios .merchant-search,
body.platform-cordova.platform-ios .merchant-myOrders-tab,
body.platform-cordova.platform-ios .myOrders-tab,
body.platform-cordova.platform-ios .auction-area-list,
body.platform-cordova.platform-ios .declaration-tab.register-bg,
body.platform-cordova.platform-ios .declaration-tab.mobile-bg,
body.platform-cordova.platform-ios .tutorial-tab,
body.platform-cordova.platform-ios .card-bag-header {
    top: 64px;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-main {
    top: calc(100vw / 375 * 157 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-main {
    top: calc(100vw / 375 * 157 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-person {
    top: calc(100vw / 375 * 209 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-person {
    top: calc(100vw / 375 * 209 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-order {
    top: calc(100vw / 375 * 170 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-order {
    top: calc(100vw / 375 * 170 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-coupon {
    top: calc(100vw / 375 * 170 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-coupon {
    top: calc(100vw / 375 * 170 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-shared {
    top: calc(100vw / 375 * 140 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-shared {
    top: calc(100vw / 375 * 140 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-merchant {
    top: calc(100vw / 375 * 50 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-merchant {
    top: calc(100vw / 375 * 50 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-merchant-order {
    top: calc(100vw / 375 * 90 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-merchant-order {
    top: calc(100vw / 375 * 90 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-dfk-index {
    top: calc(100vw / 375 * 50 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-dfk-index {
    top: calc(100vw / 375 * 50 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-merchant-img {
    top: calc(100vw / 375 * 68 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-merchant-img {
    top: calc(100vw / 375 * 68 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-motion {
    top: calc(100vw / 375 * 44 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-motion {
    top: calc(100vw / 375 * 44 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-motion.others {
    top: calc(100vw / 375 * (44 + 62) + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-motion.others {
    top: calc(100vw / 375 * (44 + 62) + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios .bg-color.dappDetailBg {
    bottom: 84px;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.register-bg {
    top: calc(100vw / 375 * 50 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.register-bg {
    top: calc(100vw / 375 * 50 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.mobile-bg {
    top: calc(100vw / 375 * 50 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.mobile-bg {
    top: calc(100vw / 375 * 50 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.card-holder-bg {
    top: calc(100vw / 375 * 64 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.card-holder-bg {
    top: calc(100vw / 375 * 64 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.card-holder-bg.top-coupon {
    top: calc(100vw / 375 * 107 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.card-holder-bg.top-coupon {
    top: calc(100vw / 375 * 107 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-tutorial {
    top: calc(100vw / 375 * 179 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.top-tutorial {
    top: calc(100vw / 375 * 179 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios:not(.fullscreen) .has-header.bankcard-list-bg {
    top: calc(100vw / 375 * 60 + 88px) !important;
}

body.platform-cordova.platform-ios:not(.fullscreen) .has-header.bankcard-list-bg {
    top: calc(100vw / 375 * 60 + 64px) !important;
}

body.platform-x.platform-cordova.platform-ios .chat-expression,
body.platform-x.platform-cordova.platform-ios .chat-expression-sel {
    bottom: 109px;
}

body.platform-x.platform-cordova.platform-ios .chat-work-state {
    height: 69px;
}

body.platform-x.platform-cordova.platform-ios .chat-content-cc {
    bottom: 105px;
}

body.platform-x.platform-cordova.platform-ios .task-entry-bg .dis-img,
body.platform-x.platform-cordova.platform-ios .task-entry-bg .CarouselA.fil-slide {
    height: calc(100vh - 84px) !important;
}

body.platform-x.platform-cordova.platform-ios .task-entry-bg .CarouselA.fi-slide {
    height: calc(100vh - 84px) !important;
}

body.platform-x.platform-cordova.platform-ios .task-entry-bg .CarouselA .slider-slides {
    height: calc(100vh - 84px) !important;
}

body.platform-x.platform-cordova.platform-ios .task-entry-bg .CarouselA img {
    height: calc(100vh - 84px) !important;
}

body.platform-cordova.platform-ios .task-entry-bg .dis-img,
body.platform-cordova.platform-ios .task-entry-bg .CarouselA.fil-slide {
    height: calc(100vh - 64px) !important;
}

body.platform-cordova.platform-ios .task-entry-bg .CarouselA.fi-slide {
    height: calc(100vh - 64px) !important;
}

body.platform-cordova.platform-ios .task-entry-bg .CarouselA .slider-slides {
    height: calc(100vh - 64px) !important;
}

body.platform-cordova.platform-ios .task-entry-bg .CarouselA img {
    height: calc(100vh - 64px) !important;
}

body.platform-x.platform-cordova.platform-ios .platform-store-other-bg .store-other {
    height: calc(100vh - 84px) !important;
}

body.platform-cordova.platform-ios .platform-store-other-bg .store-other {
    height: calc(100vh - 64px) !important;
}


body.platform-x.platform-cordova.platform-ios .pay-auction-info--header {
    padding-bottom: 34px;
}

body.platform-x.platform-cordova.platform-ios .bg-color.advance-commodity-details-bg {
    bottom: 86px;
}

body.platform-x.platform-cordova.platform-ios .bg-color.commodity-details-bg {
    bottom: 86px;
}

body.platform-x.platform-cordova.platform-ios .bg-color.merchant-img-bg {
    bottom: 89px;
}

/* iphone 6/7/8 end */