body {
    font-size: .37333rem;
    -webkit-tap-highlight-color: transparent
}

.more-img {
    margin-right: -.13333rem;
    height: .53333rem
}

.mart20 {
    margin-top: .26667rem
}

.grey {
    color: #999
}

.red {
    color: #F04E81
}

.primary {
    color: #ff0042 !important
}

.f12 {
    font-size: .32rem
}

.separate {
    height: .26667rem
}

.separate-line {
    width: 100%;
    position: relative;
    padding: .26667rem 0
}

.separate-line:after {
    content: '';
    position: absolute;
    top: 50%;
    left: .4rem;
    right: .4rem;
    height: 1px;
    transform: translateY(50%) scaleY(0.5);
    background: #E5E5E5
}

.page-buy {
    min-height: 100%;
    background: #f6f6f6
}



.page-buy .section-main .section-wrap {
    padding: .26667rem 0;
    position: relative
}

.page-buy .section-main .section-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    left: .4rem;
    right: .4rem;
    height: 1px;
    transform: scaleY(0.5);
    background: #E5E5E5
}

.page-buy .section-main .buy-item-wrap {
    padding: .26667rem 0
}

.page-buy .section-main .buy-item {
    padding: .26667rem .4rem;
    display: flex;
    align-items: center
}

.page-buy .section-main .buy-item .item-con {
    flex: 1;
    font-size: .37333rem;
    line-height: .53333rem;
    color: #6A6A6A
}

.page-buy .section-main .buy-item .item-con .buy-til {
    display: flex;
    align-items: center
}

.page-buy .section-main .buy-item .item-con .buy-til .til {
    margin-right: .08rem;
    max-width: 5.33333rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.page-buy .section-main .buy-item .item-con .buy-til .til:last-of-type {
    margin-right: 0
}

.page-buy .section-main .buy-item .item-con .buy-til .til-right {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .32rem;
    text-align: right
}

.page-buy .section-main .buy-item .sub-text {
    font-size: .32rem;
    color: #999;
    margin-top: .10667rem
}

.page-buy .section-main .buy-item .upgrade-text {
    color: #F04E81;
    text-decoration: underline;
    display: inline-block;
    padding: .13333rem;
    margin-right: -.13333rem
}

.page-buy .section-main .buy-item .select-list {
    margin-left: -.13333rem;
    margin-right: -.13333rem
}

.page-buy .section-main .buy-item .select-list li {
    float: left;
    padding: .13333rem;
    min-width: 25%;
    box-sizing: border-box

}

.page-buy .section-main .buy-item .select-list li.active a {
    border: 1px solid #f04e81;
    box-shadow: 0 0 4px rgba(255, 224, 234, 0.9)
}

.page-buy .section-main .buy-item .select-list li a {
    display: block;
    width: 100%;
    height: .90667rem;
    line-height: .90667rem;
    border-radius: .05333rem;
    text-align: center;
    color: #333333;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    padding: 0 0.3rem;
}

.page-buy .section-main .buy-item.buy-item-vertical {
    align-items: flex-start;
    flex-direction: column
}

.page-buy .section-main .buy-item.buy-item-vertical .item-con, .page-buy .section-main .buy-item.buy-item-vertical .item-value {
    width: 100%
}

.page-buy .section-main .price-badge {
    display: inline-block;
    vertical-align: middle;
    height: .42667rem;
    line-height: .42667rem;
    border-radius: .04rem;
    font-size: .26667rem;
    padding: 0 .13333rem;
    margin-right: .26667rem;
    color: #999999;
    background: #F2F2F2
}

.page-buy .section-main .buy-info {
    margin-top: .26667rem;
    background: #fff
}

.page-buy .section-main .buy-info .base-info {
    display: block;
    height: 1.86667rem;
    padding: .4rem;
    display: flex;
    align-items: center;
    position: relative
}

.page-buy .section-main .buy-info .base-info:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: .4rem;
    right: .4rem;
    height: 1px;
    transform: scaleY(0.5);
    background: #E5E5E5
}

.page-buy .section-main .buy-info .base-info:active {
    background: #EBEBEB
}

.page-buy .section-main .buy-info .base-info .img-box {
    height: 1.6rem;
    width: 1.6rem;
    border-radius: .8rem;
    background: #d9d9d9;
    overflow: hidden
}

.page-buy .section-main .buy-info .base-info .img-box img {
    height: 100%;
    vertical-align: top
}

.page-buy .section-main .buy-info .base-info .info-box {
    flex: 1;
    padding-left: .4rem
}

.page-buy .section-main .buy-info .base-info .info-box .service {
    font-size: .42667rem;
    line-height: .58667rem;
    color: #333333;
    display: flex
}

.page-buy .section-main .buy-info .base-info .info-box .service .til {
    display: inline-block;
    vertical-align: middle;
    max-width: 5.33333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-buy .section-main .buy-info .base-info .info-box .service .price {
    flex: 1;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    font-size: .32rem;
    margin-left: .13333rem;
    color: #6A6A6A
}

.page-buy .section-main .buy-info .base-info .info-box .service .price .num {
    color: #F04E81
}

.page-buy .section-main .buy-info .base-info .info-box .prev-service {
    line-height: .53333rem;
    margin-top: .10667rem
}

.page-buy .section-main .buy-info .base-info .info-box .account {
    line-height: .53333rem;
    margin-top: .10667rem;
    color: #999999
}

.page-buy .section-main .buy-info .buy-item-discount {
    padding-top: 0;
    position: relative
}

.page-buy .section-main .buy-info .buy-item-discount .expire-date {
    margin-top: .13333rem;
    font-size: .32rem;
    line-height: .45333rem;
    color: #999999
}

.page-buy .section-main .buy-info .buy-item-discount .item-con {
    margin-left: -.4rem;
    margin-right: -.4rem;
    padding: .26667rem .4rem
}

.page-buy .section-main .buy-info .buy-item-discount .item-con:active {
    background: #EBEBEB
}

.page-buy .section-main .buy-info .item-give {
    align-items: flex-start;
    line-height: .53333rem
}

.page-buy .section-main .buy-info .item-give .item-con {
    flex: inherit
}

.page-buy .section-main .buy-info .item-give .item-value {
    padding-left: .4rem;
    font-size: .32rem;
    color: #333333;
    flex: 1
}

.page-buy .section-main .buy-info .item-give .item-value .give-item {
    display: flex;
    align-items: center;
    margin-bottom: .13333rem
}

.page-buy .section-main .buy-info .item-give .item-value .give-item:last-of-type {
    margin-bottom: 0
}

.page-buy .section-main .buy-info .item-give .item-value .give-item img {
    height: .48rem;
    margin-right: .13333rem
}

.page-buy .section-main .exchange-buy-info {
    padding: .26667rem 0;
    background: #fff
}

.page-buy .section-main .exchange-buy-info .exchange-item {
    padding: .26667rem .4rem
}

.page-buy .section-main .exchange-buy-info .exchange-item .choice-content {
    display: flex;
    align-items: center
}

.page-buy .section-main .exchange-buy-info .exchange-item .choice-content .img-box {
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden
}

.page-buy .section-main .exchange-buy-info .exchange-item .choice-content .img-box img {
    height: 100%;
    vertical-align: top
}

.page-buy .section-main .exchange-buy-info .exchange-item .choice-content .text-box {
    flex: 1;
    padding-left: .4rem
}

.page-buy .section-main .exchange-buy-info .exchange-item .choice-content .text-box .name {
    font-size: .37333rem;
    line-height: .53333rem;
    color: #333333
}

.page-buy .section-main .exchange-buy-info .exchange-item .choice-content .text-box .text {
    font-size: .32rem;
    line-height: .48rem;
    margin-top: .13333rem
}

.page-buy .section-main .redpack-info {
    height: 1.2rem;
    display: flex;
    align-items: center;
    padding: 0 .4rem;
    background: #FFFFFF
}

.page-buy .section-main .redpack-info:active {
    background: #EBEBEB
}

.page-buy .section-main .redpack-info .info-box {
    flex: 1
}

.page-buy .section-main .address-info {
    background: #FFFFFF;
    padding: .53333rem .4rem;
    display: flex;
    align-items: center
}

.page-buy .section-main .address-info:active {
    background: #EBEBEB
}

.page-buy .section-main .address-info .info-box {
    flex: 1;
    padding-right: .4rem
}

.page-buy .section-main .address-info .info-box .top-box {
    color: #333333;
    line-height: .53333rem
}

.page-buy .section-main .address-info .info-box .top-box .til {
    display: block;
    max-width: 6.66667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-buy .section-main .address-info .info-box .top-box .phone {
    float: right
}

.page-buy .section-main .address-info .info-box .text {
    font-size: .32rem;
    line-height: .48rem;
    margin-top: .13333rem
}

.page-buy .section-address {
    padding-bottom: 2rem;
    position: relative
}

.page-buy .section-address .address-list {
    position: relative;
    background: #fff
}

.page-buy .section-address .address-list:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    transform: scaleY(0.5)
}

.page-buy .section-address .address-list .addr-item {
    padding: .53333rem .4rem;
    display: flex;
    align-items: center;
    position: relative
}

.page-buy .section-address .address-list .addr-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: .4rem;
    right: .4rem;
    height: 1px;
    background: #e5e5e5;
    transform: scaleY(0.5)
}

.page-buy .section-address .address-list .addr-item:last-of-type:after {
    height: 0
}

.page-buy .section-address .address-list .addr-item .info-box {
    flex: 1;
    padding-right: .8rem;
    position: relative
}

.page-buy .section-address .address-list .addr-item .info-box:after {
    content: '';
    position: absolute;
    top: 50%;
    right: .13333rem;
    width: 1px;
    height: .8rem;
    background: #ccc;
    transform: scaleX(0.5) translateY(-50%)
}

.page-buy .section-address .address-list .addr-item .info-box .top-box {
    color: #333333;
    font-size: .42667rem;
    line-height: .58667rem
}

.page-buy .section-address .address-list .addr-item .info-box .top-box .til {
    display: block;
    max-width: 6.66667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-buy .section-address .address-list .addr-item .info-box .top-box .phone {
    float: right
}

.page-buy .section-address .address-list .addr-item .info-box .text {
    font-size: .32rem;
    line-height: .48rem;
    margin-top: .13333rem
}

.page-buy .section-address .address-list .addr-item .edit-btn {
    padding: .26667rem;
    margin-right: -.26667rem
}

.page-buy .section-address .address-list .addr-item .edit-btn img {
    height: .53333rem
}

.page-buy .section-add-address .add-form {
    position: relative;
    background: #fff
}

.page-buy .section-add-address .add-form:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    transform: scaleY(0.5)
}

.page-buy .section-redpack .tab-list {
    display: flex;
    align-item: center;
    height: 1.17333rem;
    line-height: 1.17333rem;
    background: #fff
}

.page-buy .section-redpack .tab-list li {
    flex: 1;
    text-align: center;
    position: relative
}

.page-buy .section-redpack .tab-list li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: .74667rem;
    height: .02667rem;
    background: #F04E81;
    display: none
}

.page-buy .section-redpack .tab-list li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: .42667rem;
    color: #999999;
    letter-spacing: 0.00453rem
}

.page-buy .section-redpack .tab-list li.active a {
    color: #333333
}

.page-buy .section-redpack .tab-list li.active:after {
    display: block
}

.page-buy .section-redpack .redpack-list {
    padding: .33333rem .2rem
}

.page-buy .section-redpack .redpack-list .item {
    display: block;
    margin: 0 auto;
    width: 9.6rem;
    height: 2.46667rem;
    background: url(../img/mobile/redpack_bg.png) no-repeat center;
    background-size: cover;
    padding: .2rem .4rem;
    box-sizing: border-box
}

.page-buy .section-redpack .redpack-list .item .con {
    height: 2.06667rem;
    display: flex;
    align-items: center
}

.page-buy .section-redpack .redpack-list .item .con .price-box {
    width: 2.8rem;
    text-align: center;
    color: #fff;
    line-height: 1
}

.page-buy .section-redpack .redpack-list .item .con .price-box .num-box {
    font-weight: bold;
    font-size: .42667rem
}

.page-buy .section-redpack .redpack-list .item .con .price-box .num-box .num {
    font-size: .74667rem
}

.page-buy .section-redpack .redpack-list .item .con .price-box .price-desc {
    opacity: 0.9;
    font-size: .26667rem;
    line-height: .37333rem;
    margin-top: .08rem
}

.page-buy .section-redpack .redpack-list .item .con .text-box {
    flex: 1;
    padding-left: .4rem;
    max-width: 5.86667rem
}

.page-buy .section-redpack .redpack-list .item .con .text-box .name {
    font-size: .42667rem;
    line-height: .58667rem;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.page-buy .section-redpack .redpack-list .item .con .text-box .validity-date {
    font-size: .32rem;
    line-height: .45333rem;
    margin-top: .13333rem;
    color: #999999
}

.page-buy .section-redpack .redpack-list .item.disabled {
    background: url(../img/mobile/redpack_bg_no.png) no-repeat center;
    background-size: cover
}

.page-buy .address-btn-wrap {
    position: fixed;
    z-index: 888;
    left: 0;
    bottom: 0;
    padding: .4rem 0;
    width: 100%;
    text-align: center
}

.page-buy .address-btn-wrap .address-btn {
    display: inline-block;
    background: #FF0042;
    width: 4.66667rem;
    height: 1.17333rem;
    line-height: 1.17333rem;
    color: #fff;
    border-radius: .08rem;
    text-align: center;
    font-size: .37333rem;
    box-shadow: 0 .05333rem .10667rem 0 rgba(0, 0, 0, 0.2)
}

.page-buy .pay-list-popup .popup {
    z-index: 987
}

.page-buy .pay-list-popup .mask {
    z-index: 986
}

.page-buy .pay-list-popup.show .popup {
    bottom: 1.73333rem
}

.page-buy .pay-list-popup .pay-list {
    padding: .26667rem .4rem
}

.page-buy .pay-list-popup .pay-list .item {
    display: flex;
    align-items: center;
    line-height: .53333rem;
    padding: .26667rem 0;
    font-size: .37333rem
}

.page-buy .pay-list-popup .pay-list .item .name {
    flex: 1
}

.page-buy .pay-list-popup .pay-list .item .val {
    color: #333333
}

.page-buy .fixed-service-bar {
    position: fixed;
    top: 0;
    z-index: 888;
    width: 100%;
    height: 1.06667rem;
    line-height: 1.06667rem;
    background: #fff;
    box-shadow: 0 .05333rem .10667rem 0 rgba(0, 0, 0, 0.1);
    font-size: .42667rem;
    color: #333333;
    letter-spacing: 0.00453rem;
    font-weight: bold;
    text-align: center;
    padding: 0 .4rem;
    box-sizing: border-box;
    display: none
}

.page-buy .fixed-service-bar .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-buy .fixed-buy-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 988;
    height: 1.73333rem;
    background: #fff;
    display: flex
}

.page-buy .fixed-buy-bar .bar-con {
    flex: 1;
    padding-left: .4rem;
    display: flex;
    position: relative
}

.page-buy .fixed-buy-bar .bar-con:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ccc;
    transform: scaleY(0.5)
}

.page-buy .fixed-buy-bar .bar-con .text-con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .32rem;
    flex: 1
}

.page-buy .fixed-buy-bar .bar-con .text-con .total-price {
    height: .66667rem;
    line-height: .66667rem;
    color: #6A6A6A
}

.page-buy .fixed-buy-bar .bar-con .text-con .total-price .num {
    font-size: .48rem;
    font-weight: bold;
    color: #FF0042
}

.page-buy .fixed-buy-bar .bar-con .text-con .price-desc {
    line-height: .45333rem
}

.page-buy .fixed-buy-bar .bar-con .text-con .tips {
    font-size: .26667rem;
    line-height: .37333rem;
    color: #F04E81
}

.page-buy .fixed-buy-bar .bar-con .more-wrap {
    line-height: 1.73333rem;
    padding: 0 .26667rem
}

.page-buy .fixed-buy-bar .bar-con .more-wrap .dot {
    display: inline-block;
    vertical-align: middle;
    width: .10667rem;
    height: .10667rem;
    border-radius: .06667rem;
    margin: 0 .04rem;
    background: #ccc
}

.page-buy .fixed-buy-bar .bar-con .more-wrap .big-dot {
    width: .13333rem;
    height: .13333rem;
    border-radius: .08rem;
    background: #999
}

.page-buy .fixed-buy-bar .buy-btn {
    width: 3.73333rem;
    text-align: center;
    line-height: 1.73333rem;
    font-size: .37333rem;
    background: #FF0042;
    color: #fff
}

.page-order {
    min-height: 100%;
    background: #f6f6f6
}

.page-order .info-wrap {
    background: #fff;
    padding: .46667rem .4rem;
    margin-top: .26667rem
}

.page-order .info-wrap .item {
    padding: .06667rem 0;
    font-size: .37333rem;
    line-height: .53333rem
}

.page-order .info-wrap .item .til {
    color: #6A6A6A
}

.page-order .info-wrap .item .val {
    color: #333333
}

.page-order .pay-type-wrap {
    margin-top: .26667rem
}

.page-order .pay-type-wrap .pay-tips {
    padding: .26667rem .4rem
}

.page-order .pay-type-wrap .pay-type-list .item {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0 .4rem;
    height: 1.86667rem
}

.page-order .pay-type-wrap .pay-type-list .item:active {
    background: #EBEBEB
}

.page-order .pay-type-wrap .pay-type-list .item .pay-img {
    height: .64rem
}

.page-order .pay-type-wrap .pay-type-list .item .text-box {
    flex: 1;
    padding-left: .4rem
}

.page-order .pay-type-wrap .pay-type-list .item .text-box .name {
    color: #333333;
    font-size: .42667rem;
    line-height: .58667rem
}

.page-order .pay-type-wrap .pay-type-list .item .text-box .desc {
    font-size: .32rem;
    line-height: .45333rem
}

.page-order.success {
    background: #fff
}

.page-order.success .separate {
    background: #f6f6f6
}

.page-order.success .success-tips-wrap {
    padding: 1.06667rem .4rem .53333rem .4rem;
    text-align: center;
    color: #999999;
    font-size: .32rem
}

.page-order.success .success-tips-wrap .title {
    font-size: .42667rem;
    color: #333333;
    line-height: .64rem
}

.page-order.success .success-tips-wrap .title * {
    display: inline-block;
    vertical-align: middle
}

.page-order.success .success-tips-wrap .title img {
    height: .64rem
}

.page-order.success .success-tips-wrap .tips {
    line-height: .45333rem;
    margin-top: .26667rem
}

.page-order.success .success-tips-wrap .link-tips {
    font-size: .29333rem;
    line-height: .42667rem;
    margin-top: .08rem
}

.page-order.success .success-tips-wrap .return-btn {
    display: inline-block;
    width: 2.66667rem;
    height: .96rem;
    line-height: .96rem;
    border-radius: .08rem;
    border: 1px solid #CCCCCC;
    color: #333333;
    margin-top: .53333rem
}

.page-order.success .success-tips-wrap .return-btn:active {
    background: #fafafa
}

.page-order.success .product-wrap {
    padding: .66667rem .26667rem;
    text-align: center
}

.page-order.success .product-wrap .product-img {
    height: 2.66667rem;
    vertical-align: top
}

.page-order.success .product-wrap .name {
    font-size: .42667rem;
    line-height: .58667rem;
    margin-top: .13333rem;
    color: #333333
}

.page-order.success .product-wrap .desc {
    font-size: .32rem;
    line-height: .45333rem;
    color: #999
}

.page-order.success .product-wrap .price-box {
    margin-top: .26667rem;
    line-height: 1
}

.page-order.success .product-wrap .price-box .price {
    color: #ff0042;
    font-weight: bold
}

.page-order.success .product-wrap .price-box .price .num {
    font-size: .74667rem
}

.page-order.success .product-wrap .price-box .price .rmb {
    font-size: .42667rem;
    margin-right: .05333rem
}

.page-order.success .product-wrap .price-box .pre-price {
    text-decoration: line-through;
    font-size: .32rem
}

.page-order.success .product-wrap .buy-btn {
    display: inline-block;
    width: 2.66667rem;
    height: .96rem;
    line-height: .96rem;
    text-align: center;
    color: #fff;
    border-radius: .08rem;
    margin-top: .26667rem;
    background: #FF0042
}

.page-order.success .product-wrap .buy-btn:active {
    background: #e7003c
}