.wrap {
    height: 100%;
    padding: 0;
    background: #f5f5f5;
}

.fixed {
    position: fixed;
}

.hide {
    opacity: 0;
}

.header-content-custom {
    display: flex;
    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: space-between;
}
.header-content-area {
    height: 100%;
    flex: 1;
    box-sizing: border-box;
}
.wrap .smt-card-area {
    margin: 25.362rpx 0 72.464rpx;
    background: #fff;
}
.wrap .area-content {
    height: 635.87rpx;
}

.header-content-subtitle {
    z-index: 99;
    display: block;
    font-size: .13rem;
    color: #999;
}

.wrap .item-logo {
    display: inline-block;
    width: 32.609rpx;
    height: 32.609rpx;
    margin: 34.005rpx 0;
}
.page-status-hover {
    opacity: .2;
}

.iphone-image-area {
    width: 702.9rpx;
    height: 580.92rpx;
    margin: 22.34rpx 23.55rpx;
}

.status-image-area {
    width: 661.84rpx;
    position: relative;
    top: -766rpx;
    left: 44rpx;
}

.fake-back-icon {
    position: absolute;
    top: 212rpx;
    left: 60rpx;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M738.521212 875.054545L369.260606 507.345455 736.969697 141.187879c7.757576-7.757576 10.860606-17.066667 10.860606-27.927273 0-9.309091-4.654545-20.169697-10.860606-27.927273-15.515152-15.515152-38.787879-15.515152-54.30303 0L287.030303 479.418182c-15.515152 15.515152-15.515152 38.787879 0 54.30303L682.666667 930.909091c7.757576 7.757576 17.066667 10.860606 27.927272 10.860606 9.309091 0 20.169697-4.654545 27.927273-10.860606 15.515152-15.515152 15.515152-40.339394 0-55.854546z' fill='%23fff' /%3E%3C/svg%3E");
    background-size: cover;
    z-index: 999;
}

.swan-native-version {
    padding: 23.5rpx 47rpx 0;
    font-size: 23.5rpx;
}

.btns-area {
    /* position: relative;
    top: 362.32rpx; */
    position: fixed;
    width: 100%;
    bottom: 18.12rpx;
    background: #f5f5f5;;
    padding-top: 12.08rpx;
}

.navigation-content-area {
    width: 100%;
    margin-left: 20%;
}

.navigation-desc {
    font-size: 23.55rpx;
}

.navigation-title,
.navigation-desc {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .5;
}

.navigation-desc {
    opacity: .6;
}