#mobile-warp
{
    font-family: PingFang-Medium,PingFangSC-Regular,Helvetica,Microsoft YaHei;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c3c3c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    max-width: 720px;
    margin: 0 auto;
}

.shortcut-box svg {
    display: block;
    margin: 0 auto;
    font-size: .35rem;
    height: .4rem;
    color: rgb(150,150,150);
}

.mobile-footer-nav-warp
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1rem;
    background: #fff;
    z-index: 99;
}

.mobile-footer-nav-line
{
    position: fixed;
    bottom: 1rem;
    left: 0;
    right: 0;
    height: 1px;
    background: #EBEBEB;
}

.mobile-footer-nav-warp a
{
    float: left;
    width: 25%;
    height: 1rem;
    color: rgb(50,50,50);
}

.mobile-footer-nav-warp a svg
{
    display: block;
    width: .4rem;
    height: .4rem;
    vertical-align: 0;
    margin: 0 auto;
    margin-top: .15rem;
}

.mobile-footer-nav-warp a span
{
    font-size: .23rem;
    display: block;
    text-align: center;
}

.swiper-container
{
    height: 2.6rem;
    background: #fff;
}

.swiper-slide a
{
    display: block;
}

.swiper-slide a img
{
    display: block;
    width: 100%;
    height: 2.6rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
{
    width: auto;
    left: .05rem;
    bottom: .0rem;
}

.swiper-pagination-bullet
{
    width: .1rem;
    height: .1rem;
    background: #fff;
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 .08rem;
}

.swiper-pagination-bullet-active
{
    background: #000;
    opacity: .2;
}

.mobile-search-warp
{
    position: fixed;
    height: .8rem;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
}

.mobile-search-line
{
    position: fixed;
    top: .8rem;
    height: 1px;
    left: 0;
    right: 0;
    background: #EBEBEB;
}

.mobile-search-warp svg
{
    display: block;
    padding: .15rem;
    width: .5rem;
    height: .5rem;
    float: left;
}

.mobile-search-warp a:nth-child(1)
{
    float: left;
}

.mobile-search-warp a:nth-child(2)
{
    position: absolute;
    left: .9rem;
    right: .9rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #F5F5F5;
    border-radius: .5rem;
    margin-top: .15rem;
    -moz-border-radius: .5rem;
    -webkit-border-radius: .5rem;
    font-size: .23rem;
    color: rgb(200,200,200);
}

.mobile-search-warp a:nth-child(3)
{
    float: right;
}

.mobile-nav-warp a
{
    float: left;
    width: 20%;
    color: black;
    font-family: '黑体';
}

.mobile-nav-warp a img
{
    display: block;
    width: 70%;
    margin: 15%;
    margin-bottom: .1rem;
}

.mobile-nav-warp a span
{
    display: block;
    width: 100%;
    text-align: center;
    font-size: .22rem;
    height: .3rem;
    line-height: .3rem;
    overflow: hidden;
}

.list-nav-warp
{
    background: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .2rem;
}

.list-nav-warp a
{
    float: left;
    width: 10%;
    color: black;
    font-family: '黑体';
}

.list-nav-warp a img
{
    display: block;
    width: 70%;
    margin: 15%;
    margin-bottom: .1rem;
}

.list-nav-warp a span
{
    display: block;
    width: 100%;
    text-align: center;
    font-size: .22rem;
    line-height: .25rem;
    height: .25rem;
    overflow: hidden;
}

.mobile-adv-link
{
    display: block;
    width: 100%;
    font-size: 0;
}

.mobile-adv-link img
{
    width: 100%;
}

.mobile-hot-title,.mobile-push-title
{
    height: .8rem;
}

.mobile-hot-title img,.mobile-push-title img
{
    display: block;
    height: 100%;
}

.mobile-hot-warp .cat-link
{
    display: block;
    width: 100%;
    position: relative;
}

.mobile-hot-warp .cat-link img
{
    display: block;
    width: 100%;
}

.mobile-hot-warp .cat-link span
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: .25rem;
    line-height: .25rem;
    background: #E10023;
    color: #fff;
    padding: .15rem .2rem;
}

.goods-list-warp
{
    background: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.goods-list-warp a
{
    float: left;
    width: 2rem;
    margin: 0 .1rem;
}

.goods-list-warp a img
{
    margin: .3rem;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin-bottom: .1rem;
}

.goods-list-warp a span:nth-child(2)
{
    font-size: .22rem;
    line-height: .25rem;
    height: .5rem;
    overflow: hidden;
    width: 2rem;
    display: block;
    color: rgb(50,50,50);
}

.goods-list-warp a span:nth-child(3)
{
    display: block;
    font-size: .25rem;
    margin-bottom: .3rem;
    margin-top: .1rem;
    font-weight: bold;
    color: rgb(100,100,100);
}

.mobile-push-goods-box
{
    float: left;
    width: 3.5rem;
    background: #fff;
    margin-bottom: .05rem;
}

.mobile-push-goods-warp
{
    background: #F5F5F5;
}

.mobile-push-goods-box a
{
    display: block;
}

.mobile-push-goods-box a img
{
    display: block;
    width: 3.5rem;
    height: 3.5rem;
}

.mobile-push-goods-box span:nth-child(2)
{
    display: block;
    font-size: .23rem;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    margin: .1rem;
}

.mobile-push-goods-box span:nth-child(3)
{
    display: block;
    font-size: .25rem;
    font-weight: bold;
    margin: 0 .1rem;
    margin-bottom: .1rem;
}

.mobile-author-warp
{
    padding: .2rem 0;
    font-size: .25rem;
    height: .25rem;
    text-align: center;
}

.mobile-author-box
{
    margin-top: 0;
    display: inline-block;
    height: .25rem;
    margin: 0 auto;
}

.mobile-author-box span
{
    display: inline-block;
    font-size: .23rem;
    line-height: .25rem;
    float: left;
}

.mobile-author-box span a
{
    color: rgb(150,150,150);
}

.mobile-author-box span:nth-child(3)
{
    margin-right: .1rem;
}

.mobile-author-box img
{
    display: inline-block;
    width: .25rem;
    height: .25rem;
    float: left;
    margin: 0 .1rem;
}

.mobile-goods-header-warp
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: .8rem;
    background: #fff;
    z-index: 1000;
}

.mobile-goods-header-line
{
    position: fixed;
    top: .8rem;
    left: 0;
    right: 0;
    height: 1px;
    background: #E5E5E5;
    z-index: 1000;
}

.mobile-goods-header-warp .back,.mobile-goods-header-warp .cart
{
    float: left;
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
}

.mobile-goods-header-warp .cart
{
    font-size: .4rem;
    float: right;
}

.mobile-goods-header-warp .back i,.mobile-goods-header-warp .cart i
{
    color: #b1b1b1;
    font-size: .4rem;
}

.mobile-goods-header-box
{
    height: .8rem;
    width: 45%;
    margin: 0 auto;
    text-align: center;
}

.mobile-goods-header-box a
{
    display: inline-block;
    float: left;
    line-height: .8rem;
    position: relative;
    font-size: .25rem;
    padding: 0 .05rem;
}

.mobile-goods-header-box a span
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .04rem;
}

.mobile-goods-header-box .active
{
    font-weight: bold;
}

.mobile-goods-header-box .active span
{
    background: #222222;
}

.mobile-goods-header-box a:nth-child(2)
{
    float: none;
}

.mobile-goods-header-box a:nth-child(3)
{
    float: right;
}

.goods-swiper-container
{
    height: 7.2rem;
}

.goods-swiper-container img
{
    height: 100%;
}

.mobile-goods-title-warp
{
    padding: .1rem;
    min-height: .8rem;
    max-height: 1.2rem;
    overflow: hidden;
    position: relative;
}

.mobile-goods-title-box
{
    float: left;
    width: 80%;
    line-height: .4rem;
    font-size: .3rem;
}

.mobile-goods-title-collect
{
    position: absolute;
    right: .1rem;
    width: .8rem;
    height: .8rem;
    text-align: center;
    color: rgb(150,150,150);
}

.line-box
{
    height: 1px;
    background: #E9EBEF;
}

.mobile-goods-title-collect i
{
    display: block;
    font-size: .4rem;
    line-height: .4rem;
    margin-top: .1rem;
}

.mobile-goods-title-collect span
{
    line-height: .3rem;
    font-size: .21rem;
}

.mobile-goods-title-collect-active
{
    color: #ff7533;
}

.mobile-goods-title-box span
{
    font-size: .21rem;
    background: #F23030;
    color: #fff;
    padding: .02rem .1rem;
    margin-right: .05rem;
}

.mobile-goods-brief
{
    color: rgb(180,180,180);
    font-size: .21rem;
    margin: 0 .1rem;
}

.mobile-goods-money-warp
{
    margin: 0 .1rem;
    margin-bottom: .2rem;
}

.mobile-goods-money
{
    color: #F23030;
    font-size: .4rem;
    font-weight: bold;
    float: left;
}

.mobile-goods-money span
{
    font-size: .3rem;
    font-weight: normal;
}

.mobile-goods-tips
{
    margin: 0 .1rem;
    font-size: .22rem;
    line-height: .25rem;
    padding: .3rem 0;
}

.mobile-goods-tips span
{
    float: left;
}

.mobile-goods-tips span:nth-child(1)
{
    color: rgb(150,150,150);
}

.mobile-goods-tips span:nth-child(2)
{
    margin-left: .15rem;
}

.mobile-goods-tips i
{
    margin-left: .1rem;
    font-size: .28rem;
    color: #ffd48f;
}

.mobile-shop-tips
{
    padding: .2rem .1rem;
    background: #F7F8FA;
}

.mobile-shop-tips i
{
    float: left;
    margin-right: .1rem;
    font-size: .25rem;
    line-height: .3rem;
    color: #F23030;
}

.mobile-shop-tips span
{
    margin-right: .3rem;
    float: left;
    font-size: .22rem;
    line-height: .3rem;
}

.mobile-goods-number
{
    float: right;
    line-height: .5rem;
    color: rgb(180,180,180);
}

.mobile-goods-tips .good
{
    float: right;
}

.mobile-goods-tips .good i
{
    margin-left: 0;
    color: rgb(150,150,150);
}

.mobile-goods-tips .good span
{
    color: #3c3c3c;
}

.mobile-goods-tips .good span font
{
    color: #E1251C;
    margin: 0 .05rem;
}

.mobile-little-comment-warp
{
    padding: 0 .1rem;
    background: #fff;
}

.mobile-little-comment-box
{
    padding: .1rem 0;
}

.mobile-little-comment-title
{
    font-size: .21rem;
}

.mobile-little-comment-title span
{
    color: rgb(180,180,180);
    float: right;
}

.mobile-little-comment-title i
{
    color: #E1251C;
    font-size: .21rem;
    float: left;
}

.mobile-little-comment-content
{
    margin: .1rem 0;
    font-size: .22rem;
    line-height: .28rem;
}

.mobile-little-comment-tips
{
    text-align: center;
    font-size: .3rem;
    padding: .2rem 0;
    color: rgb(150,150,150);
}

.mobile-goods-desc img
{
    display: block;
    width: 100%;
    height: auto;
}

.mobile-goods-footer-warp
{
    position: fixed;
    height: .9rem;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,.9);
}

.mobile-goods-footer-warp .buy-now,.mobile-goods-footer-warp .add-cart
{
    float: right;
    width: 27.5%;
    text-align: center;
    height: .9rem;
    line-height: .9rem;
    background: #F23031;
    color: #FFF;
}

.mobile-goods-footer-warp .add-cart
{
    background: #FFB03F;
}

.mobile-goods-footer-warp a
{
    float: left;
    width: 15%;
}

.mobile-goods-footer-warp a svg
{
    display: block;
    width: .4rem;
    height: .4rem;
    margin: 0 auto;
    margin-top: .1rem;
}

.mobile-goods-footer-warp a span
{
    display: block;
    text-align: center;
    font-size: .22rem;
}

.mobilr-tips-warp
{
    position: fixed;
    bottom: .1rem;
    left: 0;
    right: 0;
    z-index: 100004;
    text-align: center;
    transform: translate(0, -0.5rem);
    transition: .5s;
    display: none;
}

.mobilr-tips-box
{
    display: inline-block;
    font-size: .22rem;
    color: #FFF;
    padding: .1rem .2rem;
    border-radius: .1rem;
    -moz-border-radius: .1rem;
    -webkit-border-radius: .1rem;
    background: rgba(0,0,0,.6);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.mobile-goods-select-number-warp
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100003;
    display: none;
}

.mobile-goods-select-number-warp .back
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
}

.mobile-goods-select-number-box
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .9rem;
    z-index: 1;
}

.mobile-goods-select-number-box .buy-now-click,.mobile-goods-select-number-box .add-cart-click
{
    float: right;
    width: 50%;
    text-align: center;
    height: .9rem;
    line-height: .9rem;
    background: #F23031;
    color: #FFF;
}

.mobile-goods-select-number-box .add-cart-click
{
    background: #FFB03F;
}

.mobile-goods-select-info
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: .9rem;
    background: #fff;
    transform: translate(0, 4rem);
    transition: .4s;
}

.mobile-goods-select-img
{
    position: relative;
    height: 1.6rem;
}

.mobile-goods-select-img img
{
    background: #FFF;
    position: absolute;
    bottom: .2rem;
    left: .2rem;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #cbccce;
    border-radius: .05rem;
    -moz-border-radius: .05rem;
    -webkit-border-radius: .05rem;
}

.mobile-goods-select-money
{
    position: absolute;
    left: 2.2rem;
    bottom: .2rem;
}

.mobile-goods-select-box
{
    padding: .3rem .2rem;
    font-size: .22rem;
    line-height: .25rem;
}

.mobile-goods-select-box .tips:nth-child(2)
{
    margin-top: .2rem;
    line-height: .5rem;
}

.mobile-goods-select-box .tips span:nth-child(1)
{
    float: left;
    color: rgb(150,150,150);
}

.mobile-goods-select-box .tips span:nth-child(2)
{
    float: left;
    margin-left: .2rem;
}

.mobile-goods-select
{
    float: left;
    margin-left: .2rem;
}

.mobile-goods-select div
{
    float: left;
    width: .5rem;
    height: .5rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #aeaeae;
    text-align: center;
    line-height: .5rem;
}

.mobile-goods-select div i
{
    font-size: .3rem;
}

.mobile-goods-select input
{
    float: left;
    font-size: .22rem;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 1.2rem;
    height: .5rem;
    line-height: .5rem;
    background: #FFF;
    margin: 0;
    padding: 0;
    border: 1px solid #aeaeae;
    border-left: 0;
    border-right: 0;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pageupdate-i
{
    display: block;
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    margin-top: 1rem;
}

.pageupdate-tips span:nth-child(1)
{
    display: block;
    font-size: .5rem;
    text-align: center;
    margin-top: .5rem;
}

.pageupdate-tips span:nth-child(2)
{
    display: block;
    font-size: .3rem;
    text-align: center;
    margin-top: .1rem;
    font-weight: bold;
    padding-bottom: .5rem;
}

.mobile-gift-warp,.mobile-com-warp
{
    font-size: .21rem;
    margin: 0 .1rem;
    position: relative;
    margin-top: -.1rem;
    text-decoration: underline;
    color: #E1251C;
}

.add-com
{
    font-weight: bold;
    float: right;
}

.mobile-goods-tips .sales
{
    display: inline-block;
    min-width: .4rem;
    text-align: center;
    font-weight: bold;
}

.mobile-goods-activity-tips p
{
    color: rgb(150,150,150);
    font-size: .22rem;
    margin: .1rem;
}

.mobile-cart-header
{
    background: #FFF;
    height: .8rem;
}

.mobile-cart-header-line
{
    height: 1px;
    background: #EBEBEB;
    position: fixed;
    left: 0;
    right: 0;
    top: .8rem;
}

.mobile-cart-header span:nth-child(1)
{
    display: block;
    text-align: center;
    font-size: .3rem;
    line-height: normal;
    padding: .21rem 0;
}

.mobile-cart-header .gadget
{
    position: absolute;
    right: 0;
    top: 0;
    line-height: .8rem;
    width: .8rem;
    text-align: center;
    font-size: .22rem;
}

.mobile-cart-null-warp svg
{
    display: block;
    margin: 0 auto;
    height: 1rem;
    width: 1rem;
    margin-top: .5rem;
    margin-bottom: .3rem;
}

.mobile-cart-null-warp span
{
    display: block;
    text-align: center;
    font-size: .3rem;
    margin-bottom: .5rem;
    color: rgb(100,100,100);
}

.mobile-shop-title-warp
{
    line-height: .8rem;
    height: .8rem;
    overflow: hidden;
}

.mobile-shop-title-warp>i:nth-child(1)
{
    float: left;
    font-size: .4rem;
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    margin: .2rem 0;
    margin-right: .25rem;
    padding-left: .15rem;
    color: #A8A8A8;
}

.mobile-shop-title-warp>svg:nth-child(1)
{
    float: left;
    width: .4rem;
    height: .4rem;
    padding: .2rem;
    padding-left: .15rem;
}

.mobile-shop-title-warp>svg:nth-child(2)
{
    float: left;
    width: .3rem;
    height: .3rem;
    margin: .25rem 0;
    margin-right: .1rem;
}

.mobile-shop-title-warp>a:nth-child(3){
    font-weight: bold;
    float: left;
    font-size: .28rem;
    line-height: .3rem;
    margin: .25rem 0;
    color: rgb(30,30,30);
}

.mobile-shop-title-warp>a:nth-child(3) i
{
    float: right;
    font-size: .21rem;
    line-height: .3rem;
    color: rgb(180,180,180);
}

.mobile-shop-title-warp span
{
    float: right;
    padding: .2rem;
    padding-right: .15rem;
    color: rgb(150,150,150);
    font-size: .21rem;
    line-height: .4rem;
}

.mobile-store-activity-title
{
    height: .8rem;
    line-height: .8rem;
    padding-left: .15rem;
}

.mobile-store-activity-title span:nth-child(1)
{
    float: left;
    font-size: .2rem;
    height: .28rem;
    margin-top: .26rem;
    /*line-height: .28rem;*/
    width: .7rem;
    text-align: center;
    color: #fff;
    background: #FFCC05;
    border-radius: .05rem;
    line-height:normal;
    padding:.03rem 0;
}

.mobile-store-activity-title span:nth-child(2)
{
    margin-left: .1rem;
    font-size: .21rem;
}

.mobile-cart-good-warp
{
    margin-bottom: .2rem;
    position: relative;
}

.mobile-good-select
{
    float: left;
    margin-left: .15rem;
}

.mobile-good-select i
{
    float: left;
    font-size: .35rem;
    width: .35rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    padding: .725rem .175rem;
    color: #A8A8A8;
}

.mobile-good-select svg
{
    width: .35rem;
    height: .35rem;
    padding: .725rem .175rem;
}

.mobile-cart-good-img
{
    float: left;
    width: 1.8rem;
    height: 1.8rem;
}

.mobile-cart-good-img img
{
    display: block;
    width: 100%;
    height: 100%;
}

.mobile-cart-good-info-warp
{
    position: absolute;
    left: 2.8rem;
    right: .2rem;
    height: 1.8rem;
}

.mobile-cart-good-title
{
    font-size: .26rem;
    line-height: .35rem;
    font-weight: bold;
    height: .7rem;
    overflow: hidden;
}

.mobile-cart-good-title a
{
    color: rgb(30,30,30);
}

.mobile-cart-good-money
{
    position: absolute;
    bottom: 0;
    color: #E1251C;
    font-size: .37rem;
}

.mobile-cart-good-money span:nth-child(1)
{
    font-size: .25rem;
}

.mobile-cart-good-money span:nth-child(3)
{
    display: block;
    font-size: .22rem;
}

.mobile-cart-number-warp
{
    position: absolute;
    right: 0;
    bottom: 0;
}

.mobile-cart-number-warp span:nth-child(1)
{
    float: left;
    height: .5rem;
    width: .5rem;
    margin-right: 1px;
    border-radius: .05rem 0 0 .05rem;
    background: #F7F7F7;
}

.mobile-cart-number-warp input
{
    float: left;
    width: .9rem;
    height: .5rem;
    line-height: .5rem;
    background: #F7F7F7;
    border: 0;
    margin: 0;
    padding: 0;
    font-size: .25rem;
    text-align: center;
}

.mobile-cart-number-warp span:nth-child(3)
{
    float: left;
    height: .5rem;
    width: .5rem;
    margin-left: 1px;
    border-radius: 0 .05rem .05rem 0;
    background: #F7F7F7;
}

.mobile-cart-number-warp span i
{
    font-size: .35rem;
    width: .35rem;
    height: .35rem;
    line-height: .35rem;
    display: block;
    margin: .075rem;
    color: rgb(150,150,150);
}

.mobile-shop-warp .tips
{
    line-height: .8rem;
    text-align: right;
    padding-right: .15rem;
    font-weight: bold;
    font-size: .25rem;
}

.mobile-cart-footer-warp
{
    height: .9rem;
    position: fixed;
    bottom: 1rem;
    background: #FFF;
    left: 0;
    right: 0;
    box-shadow: 0 0 .25rem #999;
    -moz-box-shadow: 0 0 .25rem #999;
    -webkit-box-shadow: 0 0 .25rem #999;
}

.mobile-cart-footer-warp .submit
{
    float: right;
    line-height: .9rem;
    text-align: center;
    width: 2rem;
    font-size: .26rem;
    color: #FFF;
    background: -webkit-linear-gradient(left, #FFCD36 , #FDB350);
    background: -o-linear-gradient(right, #FFCD36 , #FDB350);
    background: -moz-linear-gradient(right, #FFCD36 , #FDB350);
    background: linear-gradient(to right, #FFCD36 , #FDB350);
}


.mobile-cart-select
{
    float: left;
}

.mobile-cart-select i
{
    float: left;
    font-size: .35rem;
    width: .35rem;
    height: .35rem;
    line-height: .35rem;
    text-align: center;
    padding: .275rem;
    color: #A8A8A8;
}

.mobile-cart-select svg
{
    width: .35rem;
    height: .35rem;
    padding: .275rem;
}

.mobile-cart-info
{
    float: right;
    width: 4rem;
    color: black;
}

.mobile-cart-info>span:nth-child(2)
{
    line-height: .9rem;
    font-size: .28rem;
    float: right;
}

.mobile-cart-info div
{
    padding-top: .1rem;
    float: right;
    margin: 0 .1rem;
}

.mobile-cart-info div span
{
    display: block;
    font-size: .21rem;
    line-height: .35rem;
}

.mobile-cart-info div span b
{
    font-weight: normal;
    color: #E1251C;
}

.gadget-box
{
    height: 0;
    overflow: hidden;
    background: #F7F7F7;
    transition: .3s;
}

.gadget-box span:nth-child(2)
{
    float: left;
    font-size: .21rem;
    color: rgb(200,200,200);
    line-height:normal;
    padding:.15rem 0;
    padding-left: .15rem;
}

.gadget-box span:nth-child(1n + 3)
{
    float: right;
    font-size: .21rem;
    line-height:normal;
    padding: .10rem .15rem;
    margin: .05rem 0;
    margin-right: .15rem;
}

.mobile-load-warp
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 7;
    display: none;
}

.loader {
    position: relative;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -80px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.loader .css-square { position: absolute; top: 50%; width: 25px; height: 7px; background: white; box-shadow: 2px 2px 3px 0px rgba(0,0,0,.4); }
.loader .square1 { left: 70px; -webkit-animation: dominos 1s 0.125s ease infinite; animation: dominos 1s 0.125s ease infinite; }
.loader .square2 { left: 60px; -webkit-animation: dominos 1s 0.3s ease infinite; animation: dominos 1s 0.3s ease infinite; }
.loader .square3 { left: 50px; -webkit-animation: dominos 1s 0.425s ease infinite; animation: dominos 1s 0.425s ease infinite; }
.loader .square4 { left: 40px; -webkit-animation: dominos 1s 0.540s ease infinite; animation: dominos 1s 0.540s ease infinite; }
.loader .square5 { left: 30px; -webkit-animation: dominos 1s 0.665s ease infinite; animation: dominos 1s 0.665s ease infinite; }
.loader .square6 { left: 20px; -webkit-animation: dominos 1s 0.79s ease infinite; animation: dominos 1s 0.79s ease infinite; }
.loader .square7 { left: 10px; -webkit-animation: dominos 1s 0.9s ease infinite; animation: dominos 1s 0.9s ease infinite; }
.loader .square8 { left: 0px; -webkit-animation: dominos 1s 1s ease infinite; animation: dominos 1s 1s ease infinite; }

@-webkit-keyframes dominos {
    50% {
        opacity: 0.7;
    }
    75% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    80% {
        opacity: 1;
    }
}
@keyframes dominos {
    50% {
        opacity: 0.7;
    }
    75% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    80% {
        opacity: 1;
    }
}

.mobile-store-activity-warp
{
    overflow: hidden;
}

.mobile-cart-delete-warp
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 1000;
    display: none;
}

.mobile-cart-delete-box
{
    width: 3.4rem;
    padding: .15rem;
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    margin-left: -1.9rem;
    margin-top: -1.5rem;
}

.mobile-cart-delete-box span
{
    font-size: .22rem;
    display: block;
    margin-top: .1rem;
}

.mobile-cart-submit span
{
    float: left;
    width: 1.65rem;
    text-align: center;
    background: #C8C8C8;
    color: #FFF;
    margin-top: .3rem;
    padding: .11rem 0;
}

.mobile-cart-submit span:nth-child(2)
{
    float: right;
    background: #FFCD36;
}

.mobile-tips-footer-warp
{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #FFF;
    background: -webkit-linear-gradient(left, #FFCD36 , #FDB350);
    background: -o-linear-gradient(right, #FFCD36 , #FDB350);
    background: -moz-linear-gradient(right, #FFCD36 , #FDB350);
    background: linear-gradient(to right, #FFCD36 , #FDB350);
}

.mobile-tips-footer-warp a
{
    font-size: .25rem;
    display: block;
    color: #FFF;
    padding: .3rem 0;
}

.mobile-tips-icon
{
    margin: 0 auto;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: 1rem;
}

.mobile-tips-title
{
    text-align: center;
    font-size: .5rem;
    font-weight: bold;
    margin-top: .5rem;
}

.mobile-tips-subtitle
{
    font-size: .25rem;
    text-align: center;
    margin-top: .3rem;
}

.mobile-cart-footer-warp .submit a
{
    color: #FFF;
    display: block;
}

.mobile-cart-effective
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 1;
}

.mobile-cart-effective a
{
    position: absolute;
    left: 0;
    right: 0;
    line-height: .3rem;
    top: 50%;
    font-size: .3rem;
    margin-top: -.15rem;
    text-align: center;
    color: #FFF;
}

.mobile-cart-effective a span
{
    color: #FDB350;
    font-weight: bold;
}

.mobile-buynow-header
{
    height: .9rem;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 .05rem #666;
    -moz-box-shadow: 0 0 .05rem #666;
    -webkit-box-shadow: 0 0 .05rem #666;
}

.mobile-buynow-header a
{
    float: left;
    width: .9rem;
    padding: .45rem 0;
    line-height: 0;
    text-align: center;
}

.mobile-buynow-header a i
{
    font-size: .45rem;
    color: rgb(150,150,150);
}

.mobile-buynow-header span
{
    font-size: .3rem;
    float: left;
    line-height: 0;
    padding: .45rem 0;
}

.mobile-consignee-warp
{
    padding: .2rem .15rem;
    background: #FFF;
}

.mobile-confirm-address-name
{
    font-size: .25rem;
    line-height: .55rem;
    height: .55rem;
}

.mobile-confirm-address-name span
{
    color: #FDB350;
}

.mobile-confirm-address-content
{
    line-height: .4rem;
    height: .4rem;
    font-size: .21rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: rgb(150,150,150);
}

.mobile-confirm-left
{
    float: left;
    width: 92%;
}

.mobile-confirm-right
{
    float: right;
    width: 8%;
    text-align: right;
    line-height: 0;
    padding: .475rem 0;
}

.mobile-confirm-right i
{
    font-size: .3rem;
    color: rgb(150,150,150);
}

.mobile-consignee-line
{
    height: 10px;
    background: url('../images/confirm_address.jpg');
}

.mobile-buynow-shop-warp
{
    margin-top: .2rem;
    background: #fff;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 .02rem 0 0 rgba(0,0,0,.1), 0 .01rem 0.01rem 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 .02rem 0 0 rgba(0,0,0,.1), 0 .01rem 0.01rem 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 .02rem 0 0 rgba(0,0,0,.1), 0 .01rem 0.01rem 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 .02rem 0 0 rgba(0,0,0,.1), 0 .01rem 0.01rem 0 rgba(0,0,0,.2);
}

.mobile-buynow-shop-title-warp
{
    padding: 0 .15rem;
    height: .7rem;
    position: relative;
    overflow: hidden;
}

.mobile-buynow-shop-title-warp img
{
    float: left;
    height: .5rem;
    padding: .1rem 0;
}

.mobile-buynow-shop-title-warp span
{
    display: block;
    line-height: .7rem;
    font-size: .25rem;
    position: absolute;
    left: .75rem;
    right: 0;
}

.mobile-buynow-shop-title-warp a
{
    position: absolute;
    right: .15rem;
    line-height: 0;
    padding: .35rem 0;
    font-weight: bold;
    color: #000;
    background: #FFF;
}

.mobile-buynow-goods-warp
{
    background: rgb(250,250,250);
    padding: .1rem .15rem;
}

.mobile-buynow-goods-warp>img
{
    float: left;
    width: 1.8rem;
}

.mobile-buynow-goods-info
{
    margin-left: 1.9rem;
}

.mobile-buynow-goods-info .title
{
    color: rgb(40,40,40);
    font-size: .23rem;
    line-height: .35rem;
    height: .7rem;
}

.mobile-buynow-goods-info .distprice
{
    text-decoration: line-through;
    color: rgb(150,150,150);
}

.mobile-buynow-goods-info .price
{
    color: #E1251C;
    font-size: .35rem;
}

.mobile-buynow-goods-info .price span:nth-child(1)
{
    font-size: .25rem;
}

.mobile-buynow-goods-info .price span:nth-child(2)
{
    float: right;
    color: #000;
    font-size: .25rem;
}

.mobile-buynow-goods-info .tips
{
    color: #E1251C;
    font-size: .21rem;
    margin-top: .08rem;
}

.mobile-buynow-common-warp
{
    line-height: 0;
    padding: .4rem .15rem;
    position: relative;
}

.mobile-buynow-common-warp span:nth-child(1)
{
    float: left;
    font-size: .21rem;
}

.mobile-buynow-common-warp i
{
    float: right;
    font-size: .22rem;
}

.mobile-buynow-common-warp span:nth-child(3)
{
    float: right;
    margin-right: .3rem;
    font-weight: bold;
}

.mobile-buynow-common-warp input
{
    position: absolute;
    border: 0;
    height: .8rem;
    line-height: .8rem;
    padding: 0;
    margin: 0;
    right: .15rem;
    top: 0;
    left: 1.2rem;
    font-size: .22rem;
    color: rgb(0,0,0);
}

.mobile-buynow-shop-price-warp
{
    line-height: 0;
    padding: .4rem .15rem;
    text-align: right;
}

.mobile-buynow-shop-price-warp span
{
    color: #FFCD36;
}

.mobile-buynow-pay-warp
{
    margin-top: .2rem;
    background: #FFF;
}

.mobile-buynow-pay-warp .title
{
    line-height: 0;
    font-size: .21rem;
    padding: .35rem .15rem;
    color: #777;
}

.mobile-buynow-pay-box
{
    padding: 0 .15rem;
    height: 1.2rem;
    position: relative;
}

.mobile-buynow-pay-box img
{
    float: left;
    width: .6rem;
    height: .6rem;
    margin: .3rem 0;
}

.pay-select
{
    float: right;
    height: 1.2rem;
    width: .5rem;
}

.pay-select svg
{
    float: right;
    padding: .45rem 0;
    width: .3rem;
    height: .3rem;
}

.pay-info-box
{
    position: absolute;
    left: .9rem;
    right: .8rem;
    top: .1rem;
    bottom: .1rem;
}

.pay-info-box .head
{
    line-height: .3rem;
    font-size: .25rem;
}

.pay-info-box .subhead
{
    line-height: .3rem;
    font-size: .21rem;
    margin-top: .1rem;
    color: rgb(150,150,150);
    height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mobile-buynow-back
{
    position: fixed;
    background: rgba(0,0,0,.6);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1000;
    display: none;
}

.mobile-buynow-distselect-warp
{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FFF;
    z-index: 10001;
    transform: translate(0, 5rem);
    -moz-transform: translate(0, 5rem);
    -ms-transform: translate(0, 5rem);	/* IE 9 */
    -webkit-transform: translate(0, 5rem); /* Safari 和 Chrome */
    -o-transform: translate(0, 5rem); 	/* Opera */
    transition: .3s;
}

.mobile-buynow-distselect-warp .title
{
    padding: .4rem .15rem;
    line-height: 0;
    font-size: .3rem;
    color: rgb(120,120,120);
}

.mobile-buynow-distselect-box
{
    height: 1rem;
    padding: 0 .15rem;
    position: relative;
    margin-bottom: .1rem;
}

.mobile-buynow-distselect-box i
{
    float: left;
    width: .6rem;
    line-height: 0;
    padding: .3rem 0;
    font-size: .6rem;
    text-align: center;
    margin: .2rem 0;
}

.mobile-buynow-distselect-box svg
{
    float: right;
    height: .4rem;
    width: .4rem;
    padding: .3rem 0;
}

.mobile-buynow-distselect-info
{
    position: absolute;
    left: .9rem;
    right: .7rem;
    height: .8rem;
    top: .1rem;
    bottom: .1rem;
}

.mobile-buynow-distselect-info .head
{
    font-size: .3rem;
    line-height: .5rem;
    font-weight: bold;
}

.mobile-buynow-distselect-info .subhead
{
    font-size: .22rem;
    line-height: .3rem;
}

.mobile-buynow-shop-price-warp .distprice
{
    display: none;
}

.use-integral-warp
{
    margin-top: .2rem;
    background: #FFF;
}

.use-integral-warp
{
    font-size: .23rem;
    padding: .35rem .15rem;
}

.use-integral-warp svg
{
    float: right;
    width: .35rem;
    height: .35rem;
}

.place-order-subtitle
{
    padding: 0 .4rem;
    font-size: .26rem;
}

.place-order-subtitle span
{
    font-weight: bold;
    margin: 0 .1rem;
    color: #FFCD36;
}

.place-order-title
{
    margin-top: .5rem;
    padding: .2rem .4rem;
    font-size: .4rem;
    font-weight: bold;
}

.place-order-tips
{
    padding: 0 .4rem;
    margin-top: .2rem;
    font-size: .21rem;
    line-height: .25rem;
    color: red;
}

.place-order-submit
{
    margin: 0 .4rem;
    text-align: center;
    background: #FFCD36;
    line-height: 0;
    padding: .35rem 0;
    margin-top: .3rem;
}

.place-order-submit a
{
    display: block;
    color: #FFF;
}

.shopper-good-warp
{
    position: relative;
}

.shopper-good-box
{
    float: left;
    width: 50%;
    padding: .1rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.shopper-good-box a,.shopper-good-box img
{
    display: block;
    width: 100%;
}

.shopper-good-box a
{
    position: relative;
}

.shopper-good-box a span:nth-child(2)
{
    position: absolute;
    background: #E1251C;
    color: #FFF;
    bottom: 0;
    left: 0;
    font-size: .2rem;
    line-height: .3rem;
    padding: .1rem .2rem;
}

.shopper-good-box a span:nth-child(3)
{
    position: absolute;
    background: #E1251C;
    color: #FFF;
    top: 0;
    right: 0;
    font-size: .2rem;
    line-height: .3rem;
    padding: .1rem .2rem;
}

.shopper-good-box .title
{
    margin-top: .1rem;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    font-size: .25rem;
}

.shopper-good-box .price
{
    text-align: right;
    color: #E1251C;
    font-size: .25rem;
}

.shopper-load
{
    height: 1rem;
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    color: #FFCD36;
    font-weight: bold;
    opacity: 0;
    visibility:hidden;
}

.shopper-good-tips
{
    background: rgb(245,245,245);
    padding: .1rem 0;
}

.shopper-good-tips .title
{
    font-weight: bold;
    font-size: .4rem;
    padding: 0 .25rem;
    padding-bottom: .1rem;
}

.shopper-good-tips .subtitle
{
    padding: .05rem .25rem;
}

.shopper-good-tips .subtitle a
{
    font-weight: bold;
    color: #E1251C;
}

.rebate-money-warp
{
    height: 1.2rem;
    background: #E1251C;
    padding: 0 .2rem;
}

.rebate-money-warp span:nth-child(1)
{
    color: #FFF;
    font-size: .3rem;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    height: 1.2rem;
    float: left;
}

.rebate-money-warp span:nth-child(2)
{
    color: #FFF;
    font-weight: bold;
    font-size: .4rem;
    display: flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    height: 1.2rem;
    float: right;
}

.rebate-order-submit-warp
{
    padding: .3rem .2rem;
}

.rebate-order-submit-warp input
{
    display: block;
    width: 100%;
    height: .7rem;
    line-height: .7rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #000;
    border-radius: .1rem;
    -moz-border-radius: .1rem;
    -webkit-border-radius: .1rem;
    color: #000;
}

.rebate-order-submit-warp .submit
{
    display: flex;
    display: -webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center ;
    height: .7rem;
    text-align: center;
    color: #FFF;
    background: #E1251C;
    margin-top: .2rem;
}

.rebate-tips-warp
{
    padding: .2rem;
}

.rebate-tips-warp .title
{
    font-weight: bold;
    font-size: .3rem;
}

.rebate-tips-warp .subtitle
{
    font-size: .25rem;
    margin: .1rem 0;
    color: #E1251C;
}

.rebate-tips-warp img
{
    margin: .2rem 0;
    display: block;
    width: 100%;
}

.find-shopper-tips
{
    text-align: center;
    line-height: .8rem;
}

.find-shopper-tips a
{
    height: .8rem;
    display: block;
    background: #E1251C;
    position: relative;
}

.find-shopper-tips a span
{
    top: .15rem;
    bottom: .15rem;
    left: .15rem;
    right: .8rem;
    line-height: .5rem;
    position: absolute;
    background: #FFF;
}

.find-shopper-tips a i
{
    margin-right: .2rem;
    font-size: .4rem;
    color: #FFF;
    float: right;
}

.shopper-seacher-img-warp span
{
    display: block;
    padding: 0 .1rem;
    margin-top: .2rem;
    font-weight: bold;
}

.shopper-seacher-img-warp span b
{
    color: #E1251C;
}

.shopperImg
{
    display: block;
    width: 100%;
}

.shopper-link-warp
{
    padding: .2rem;
}

.shopper-link
{
    padding: .1rem;
    width: 100%;
    outline: none;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgb(50,50,50);
    height: 2rem;
    line-height: .3rem;
    font-size: .25rem;
    overflow: hidden;
    transition: .3s;
}

.shopper-link-submit
{
    margin: 0 .2rem;
    background: #E1251C;
    color: #FFF;
    text-align: center;
    line-height: .75rem;
    font-size: .25rem;
    margin-bottom: .2rem;
}

.shopper-seacher-tips-warp
{
    padding: .2rem;
    background: rgb(245,245,245);
}

.shopper-seacher-tips-warp .title
{
    font-weight: bold;
    font-size: .35rem;
    color: #000;
}

.shopper-seacher-tips-warp p
{
    line-height: .3rem;
    margin-top: .1rem;
    margin-bottom: .2rem;
    font-size: .25rem;
}

.shopper-seacher-tips-warp p b
{
    color: #E1251C;
}

.shopper-seacher-tips-warp span
{
    display: block;
    font-size: .25rem;
    line-height: .3rem;
    margin-top: .1rem;
}

.shopper-seacher-tips-warp span b
{
    color: #E1251C;
}

.shopper-seach-span
{
    display: block;
    text-align: center;
    margin-bottom: .2rem;
    color: #E1251C;
}

.rebatelist-tips-warp
{
    display: flex;
    display:-webkit-flex;
    align-items: center;
    height: 1rem;
    justify-content: space-between;
    background: #E1251C;
    padding: 0 .2rem;
    color: #FFF;
}

.rebatelist-tips-warp span
{
    font-size: .27rem;
}

.rebatelist-tips-warp a
{
    color: #FFF;
    text-decoration: underline;
}

.rebatelist-warp
{
    margin-top: .2rem;
}

.rebatelist-title-box
{
    background: #FFF;
    padding: .15rem;
    color: rgb(50,50,50);
}

.rebatelist-orderid-box
{
    display: flex;
    display:-webkit-flex;
    align-items: center;
    -webkit-align-items:center;
    height: .5rem;
    justify-content: space-between;
    font-size: .3rem;
}

.rebatelist-option-box
{
    height: .4rem;
    font-size: .22rem;
    display: flex;
    display:-webkit-flex;
    align-items: center;
    -webkit-align-items:center;
}

.rebatelist-submit
{
    margin-top: .15rem;
    height: .5rem;
    width: 1.3rem;
    background: #E1251C;
    float: right;
    color: #FFF;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center ;
}

.rebatelist-top-img
{
    height: 7px;
    background: url('../images/confirm_address.jpg');
}

.rebatelist-option-warp .no-active
{
    background: #b5b5b5;
}

.auto-title-warp
{
    color: #66A4DE;
    background: #F8F8F8;
    height: .9rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: space-between;
    padding-left: .3rem;
    font-size: .28rem;
}

.auto-title-warp span
{
    float: right;
    padding: .1rem .2rem;
    font-size: .25rem;
    color: #FFF;
    background: #66A4DE;
    margin-right: .2rem;
}

.auto-user-box
{
    height: .9rem;
}

.auto-user-box img
{
    float: left;
    width: .6rem;
    height: .6rem;
    padding: .15rem;
    border-radius: .7rem;
    -webkit-border-radius: .7rem;
    -moz-border-radius: .7rem;
}

.auto-user-info
{
    float: left;
    height: .7rem;
    padding: .1rem;
}

.auto-user-info .title
{
    color: rgb(60,60,60);
    font-size: .26rem;
    height: .4rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}

.auto-user-info .title span
{
    font-size: .2rem;
    color: rgb(150,150,150);
    margin-left: .1rem;
}

.auto-user-info .subtitle
{
    color: #b5b5b5;
    font-size: .2rem;
    height: .3rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}

.auto-user-warp
{
    height: 0px;
    overflow: hidden;
    transition: .3s;
}

.auto-user-box i
{
    height: .9rem;
    width: .9rem;
    float: right;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center ;
    color: #66A4DE;
    font-size: .35rem;
    opacity: 0;
}

.wxauto-icon-warp
{
    overflow: hidden;
}

.wxauto-icon-warp img
{
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #000;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    margin: 0 auto;
    margin-top: 2rem;
}

.wxauto-icon-warp .title
{
    font-size: .37rem;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-top: .4rem;
}

.wxauto-icon-warp .subtitle
{
    text-align: center;
    font-size: .2rem;
    margin-top: .2rem;
    color: #999797;
}

.wxauto-icon-warp .submit
{
    color: #FFF;
    font-size: .22rem;
    margin: 0 auto;
    margin-top: .3rem;
    height: .7rem;
    width: 3.5rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    background: #11BF1D;
    margin-bottom: .6rem;
}

.wxauto-icon-warp .tips
{
    height: .6rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    font-size: .23rem;
}

.user-login-back-warp
{
    position: absolute;
    top: .2rem;
    left: .2rem;
    width: .7rem;
    height: .7rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.user-login-back-warp i
{
    font-size: .5rem;
}

.login-warp
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.login-warp img:nth-child(1)
{
    position: absolute;
    width: 2rem;
    right: -.6rem;
}

.login-warp img:nth-child(2)
{
    position: absolute;
    width: .6rem;
    top: .3rem;
    right: 1.5rem;
}

.login-warp img:nth-child(3)
{
    position: absolute;
    width: .5rem;
    top: 1.2rem;
    right: 2.2rem;
}

.login-warp img:nth-child(4)
{
    position: absolute;
    width: .4rem;
    top: 2.4rem;
    right: 2.6rem;
}

.login-warp img:nth-child(5)
{
    position: absolute;
    width: .9rem;
    top: 2.2rem;
    right: 1.3rem;
}

.login-warp img:nth-child(6)
{
    position: absolute;
    width: .4rem;
    top: 2.4rem;
    right: .2rem;
}

.login-warp img:nth-child(7)
{
    position: absolute;
    width: .5rem;
    top: 3.3rem;
    right: .4rem;
}

.login-info-warp
{
    margin-top: 4rem;
}

.login-info-warp .title
{
    text-align: center;
    font-weight: bold;
    font-size: .33rem;
}

.login-info-warp .input
{
    border: 0;
    height: .9rem;
    line-height: .9rem;
    display: block;
    width: 4.8rem;
    margin: 0 auto;
    text-align: center;
    color: rgb(60,60,60);
    margin-top: .4rem;
    border-bottom: 1px solid #D0CACA;
}

.login-info-warp .submit
{
    margin: 0 auto;
    margin-top: 1rem;
    text-align: center;
    color: #FFF;
    height: .8rem;
    width: 5rem;
    background: #FF9800;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.login-info-warp .submit input
{
    display: block;
    background: none;
    border: 0;
    height: 100%;
    width: 100%;
    color: #FFF;
}

.login-info-warp .submit a
{
    width: 100%;
    height: 100%;
    color: #FFF;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.login-info-warp .submit:nth-child(5)
{
    margin-top: .2rem;
    background: #11BF1D;
}

.login-info-warp .register
{
    display: block;
    width: 5rem;
    margin: 0 auto;
    text-align: right;
    font-size: .22rem;
    color: #000;
    margin-top: .2rem;
}

.mobile-pushgoods-warp
{
    background: #F5F5F5;
    padding-top: .2rem;
    position: relative;
    overflow: hidden;
}

.mobile-pushgoods-warp .tips
{
    position: absolute;
    color: #FFF;
    top: 0;
    height: .5rem;
    width: 1.7rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    border-radius: 0 .9rem .9rem 0;
    -webkit-border-radius: 0 .9rem .9rem 0;
    -moz-border-radius: 0 .9rem .9rem 0;
    background: -webkit-linear-gradient(left, #FE7F43 , #FE3206);
    background: -o-linear-gradient(right, #FE7F43 , #FE3206);
    background: -moz-linear-gradient(right, #FE7F43 , #FE3206);
    background: linear-gradient(to right, #FE7F43 , #FE3206);
}

.mobile-pushgoods-nav
{
    width: 100%;
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.mobile-pushgoods-nav-box
{
    width: 130%;
}

.mobile-pushgoods-nav-box a
{
    float: left;
    width: 50%;
}

.mobile-pushgoods-nav-warp a img
{
    display: block;
    width: 100%;
}

.mobile-pushgoods-box
{
    background: #FFF;
    float: left;
    width: 50%;
}

.mobile-pushgoods-img
{
    position: relative;
}

.mobile-pushgoods-img img
{
    display: block;
    width: 100%;
}

.mobile-pushgoods-img span:nth-child(2)
{
    position: absolute;
    top: .15rem;
    color: #FFF;
    background: #E1251C;
    width: 1.5rem;
    height: .5rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    border-radius: 0 .9rem .9rem 0;
    -webkit-border-radius: 0 .9rem .9rem 0;
    -moz-border-radius: 0 .9rem .9rem 0;
}

.mobile-pushgoods-img span:nth-child(3)
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFF;
    background: #E1251C;
    height: .5rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.mobile-pushgoods
{
    position: relative;
}

.pushgoods-line
{
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    margin-left: -0.5px;
    width: 1px;
    background: #FFF;
    z-index: 1;
}

.mobile-pushgoods-box>.title
{
    padding: .1rem;
    padding-bottom: 0;
}

.mobile-pushgoods-box>.title i
{
    color: #E1251C;
}

.mobile-pushgoods-box>.title>span
{
    font-size: .23rem;
    display: inline-block;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
}

.mobile-pushgoods-box>.title>span i
{
    display: inline-block;
}

.mobile-pushgoods-box>.money
{
    padding: .1rem;
}

.mobile-pushgoods-box>.money span:nth-child(1)
{
    font-weight: bold;
    color: #E1251C;
    font-size: .25rem;
}

.mobile-pushgoods-box>.money span:nth-child(2)
{
    font-size: .2rem;
    float: right;
    color: #D9D2D2;
}

.mobile-pushgoods-like-warp>.title
{
    height: .6rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    color: #E1251C;
    position: relative;
}

.mobile-pushgoods-like-warp>.title .line
{
    width: 50%;
    height: 1px;
    background: #E1251C;
    position: absolute;
}

.mobile-pushgoods-like-warp>.title>span
{
    font-size: .22rem;
    background: #FFF;
    position: relative;
    z-index: 1;
    padding: 0 .1rem;
}

.mobile-pushadv-box
{
    float: left;
    width: 50%;
    padding-top: 1px;
    padding-right: 1px;
    background: #F2F2F2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mobile-pushadv-box:nth-of-type(even)
{
    padding-right: 0;
}

.mobile-pushadv
{
    background: #FFF;
}

.mobile-pushadv-goods-box
{
    float: left;
    width: 50%;
}


.mobile-pushadv-goods-box>a:nth-child(1)>img
{
    display: block;
    width: 100%;
    padding: 10%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mobile-pushadv-goods-box>a>img:nth-child(3)
{
    width: 50%;
    padding: 0;
    margin: 0 auto;
}

.mobile-pushadv-goods-box>a:nth-child(3)>img
{
    display: block;
    width: 50%;
    margin: 0 auto;
}

.mobile-pushadv-goods-box span:nth-child(1)
{
    color: rgb(251, 164, 114);
    font-size: .26rem;
    display: block;
    font-weight: bold;
    padding-top: .1rem;
    padding-left: .1rem;
}

.mobile-pushadv-goods-box span:nth-child(2)
{
    color: #D2D2D2;
    font-size: .20rem;
    display: block;
    padding-left: .1rem;
    padding-bottom: .1rem;
}

.shopper-type-warp
{
    height: .7rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    font-size: .25rem;
}

.shopper-type-warp a
{
    width: 25%;
    display: flex;
    display:-webkit-flex;
    justify-content: center;
}

.shopper-type-warp .active
{
    color: #E1251C;
}

.mobile-pushgoods-list-warp
{
    background: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.mobile-pushgoods-list-warp a
{
    float: left;
    position: relative;
}

.mobile-pushgoods-list-warp a img
{
    display: block;
    width: 1.5rem;
    margin: .3rem;
    margin-bottom: .1rem;
}

.mobile-pushgoods-list-warp a span
{
    display: block;
}

.mobile-pushgoods-list-warp a span:nth-child(2)
{
    color: #000;
    font-size: .24rem;
}

.mobile-pushgoods-list-warp a span:nth-child(3)
{
    margin-top: .05rem;
    font-size: .24rem;
    color: #EC5051;
    margin-bottom: .2rem;
}

.shopperindex-adv-warp a
{
    display: block;
}

.shopperindex-adv-warp a img
{
    display: block;
    width: 100%;
}

.shopperindex-none-nav-warp
{
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    height: .8rem;
}

.shopperindex-none-nav-warp div
{
    text-align: center;
    flex-grow: 1;
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    height: .8rem;
    font-size: .25rem;
    position: relative;
}

.shopperindex-none-nav-warp .active span
{
    position: absolute;
    bottom: 0;
    height: .05rem;
    left: 10%;
    right: 10%;
    background: rgb(100,100,100);
}

.nav-top
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
    opacity: 0;
    visibility: hidden;
}

.shopperindex-none-goods-warp
{
    background: #F4F5F6;
}

.shopperindex-none-goods
{
    float: left;
    width: 32.4%;
    background: #FFF;
    margin-top: 1.4%;
}

.shopperindex-none-goods-box
{
    padding-bottom: 1.4%;
}

.shopperindex-none-goods a,.shopperindex-none-goods img
{
    display: block;
    width: 100%;

}

.shopperindex-none-goods-box>span
{
    width: 1.4%;
    height: 1px;
    float: left;
}

.shopperindex-none-goods .title
{
    display: block;
    line-height: .25rem;
    height: .48rem;
    overflow: hidden;
    font-size: .22rem;
    padding: .03rem .05rem;
    color: rgb(80,80,80);
}

.shopperindex-none-goods .money
{
    text-align: center;
    display: block;
    color: #E1251C;
    margin: .02rem 0;
    font-size: .23rem;
}

.shopperindex-none-goods .commission
{
    text-align: center;
    display: block;
    color: #E1251C;
    font-weight: bold;
    margin-bottom: .02rem;
    font-size: .25rem;
}

.shopper-index-common-seacher-warp
{
    height: .8rem;
    background: #FFF;
    display:-moz-box; display:-webkit-box; display:-o-box; display:box;
    -moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify;
}

.shopper-index-common-seacher-warp div
{
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    font-size: .3rem;
}

.shopper-index-common-seacher-warp div:nth-child(1),.shopper-index-common-seacher-warp div:nth-child(3)
{
    width: .8rem;
}

.shopper-index-common-seacher-warp div i
{
    font-size: .4rem;
}

.shopper-index-common-seacher-warp div a
{
    display: block;
}

.shopper-more-select
{
    position: fixed;
    top: .8rem;
    left: 0;
    right: 0;
    margin-top: 1px;
    height: .8rem;
    background: #FFF;
}

.shopper-more-select a
{
    width: 33.333%;
    float: left;
    height: .8rem;
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
}

.shopper-index-common-seacher-box
{
    height: .9rem;
    position: relative;
}

.shopper-index-common-seacher-box div:nth-child(1)
{
    width: .9rem;
    height: .9rem;
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
}

.shopper-index-common-seacher-box div:nth-child(1) a
{
    display: block;
}

.shopper-index-common-seacher-box div:nth-child(1) i
{
    font-size: .4rem;
}

.shopper-index-common-seacher-box>a
{
    position: absolute;
    top: .15rem;
    bottom: .15rem;
    left: .9rem;
    right: .15rem;
    overflow: hidden;
    background: #F0F2F5;
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    color: #C0C0C1;
    font-size: .23rem;
}

.shopper-index-common-seacher-box>a i
{
    color: #C0C0C1;
    margin: 0 .1rem;
}

.shopper-line-box
{
    height: .15rem;
    background: #F3F4F6;
}

.shopperindex-nav-warp .shopperindex-nav-box
{
    width: 25%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.shopperindex-nav-warp>span
{
    flex-grow: 1;
}

.shopperindex-nav-box a,.shopperindex-nav-box a img
{
    display: block;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.shopperindex-nav-box span
{
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: .23rem;
    margin: .1rem 0;
    height: .3rem;
    line-height: .3rem;
    overflow: hidden;
}

.shopper-index-push-icon img
{
    display: block;
    width: 100%;
}

.shopper-index-push-warp
{
    padding: .2rem;
    background: #F9F9F9;
}

.shopper-index-push-good
{
    background: #FFF;
    float: left;
    width: 49.5%;
    margin-bottom: 1%;
}

.shopper-index-push-box a,.shopper-index-push-box img
{
    display: block;
    width: 100%;
}

.shopper-index-push-good .title
{
    display: block;
    margin: .1rem;
    line-height: .3rem;
    height: .6rem;
    font-size: .22rem;
    overflow: hidden;
}

.shopper-index-push-good div
{
    padding: .1rem;
    padding-top: .05rem;
    position: relative;
}

.shopper-index-push-good .money
{
    display: block;
    margin-bottom: .1rem;
}

.shopper-index-push-good .commin
{
    float: right;
    font-size: .23rem;
    color: #E1251C;
    border: 2px solid #E1251C;
    box-shadow: 0 0 3px #666;
    -moz-box-shadow: 0 0 3px #666;
    -webkit-box-shadow: 0 0 3px #666;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    height: .4rem;
    padding-left: .1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.shopper-index-push-good .commin span
{
    color: #FFF;
    float: right;
    background: #E1251C;
    height: .4rem;
    margin-left: .1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    font-size: .24rem;
    font-weight: bold;
    padding: 0 .05rem;
}

.shopper-back-top
{
    position: fixed;
    right: .1rem;
    bottom: 1.1rem;
    z-index: 100002;
    font-size: .25rem;
    display: none;
}

.shopper-back-top-box
{
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    color: #fff;
    width: .7rem;
    height: .7rem;
    text-align: center;
    border-radius: 1rem;
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.shopper-back-top-box i
{
    font-size: .45rem;
}

.shopper-category-seacher-warp
{
    height: .9rem;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #FFF;
}

.shopper-category-seacher-warp div
{
    width: 100%;
    height: 100%;
    position: relative;
}

.shopper-category-seacher-warp>div>a:nth-child(1)
{
    position: absolute;
    left: 0;
    top: 0;
    width: .9rem;
    height: .9rem;
    display :flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content:center;
    color: #333;
}

.shopper-category-seacher-warp>div>a:nth-child(1) i
{
    font-size: .3rem;
}

.shopper-category-seacher-warp>div>a:nth-child(2)
{
    position: absolute;
    left: .9rem;
    top: 0;
}


.shopper-category-seacher-warp>div>a:nth-child(2)
{
    position: absolute;
    top: .15rem;
    bottom: .15rem;
    left: .9rem;
    right: .15rem;
    overflow: hidden;
    background: #F0F2F5;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    color: #9b9b9c;
    font-size: .23rem;
}

.shopper-category-seacher-warp>div>a:nth-child(2) i {
    color: #C0C0C1;
    margin: 0 .1rem;
}

.shopper-category-list-warp
{
    position: fixed;
    left: 0;
    right: 0;
    top: .9rem;
    bottom: 1rem;
    margin-top: 1px;
    margin-bottom: 1px;
    background: #FFF;
}

.shopper-category-list-nav
{
    position: absolute;
    left: 0;
    width: 20%;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    background: rgb(248,248,248);
}

.shopper-category-list-box
{
    font-size: .23rem;
    height: 1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:center;
}

.shopper-category-list-nav .active
{
    background: #FFF;
}

.shopper-category-sonlist-nav
{
    position: absolute;
    right: 0;
    width: 80%;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    padding: .1rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none;
}

.shopper-category-sonlist-nav>a:nth-child(1)>img,.shopper-category-sonlist-nav>a:nth-child(1)
{
    display: block;
    width: 100%;
}

.shopper-category-list-warp>.active
{
    display: block;
}

.shopper-category-sonlist-nav .title
{
    font-weight: bold;
    font-size: .3rem;
    margin-top: .2rem;
}

.shopper-category-sonlist>a
{
    float: left;
    width: 32%;
}

.shopper-category-sonlist>a
{
    margin-top: .2rem;
    color: #333;
}

.shopper-category-sonlist>a img
{
    display: block;
    width: 90%;
    margin: 5%;
    margin-bottom: 0;
}

.shopper-category-sonlist>a span
{
    display: block;
    font-size: .23rem;
    text-align: center;
    margin-top: .1rem;
}

.shopper-category-sonlist>span
{
    width: 2%;
    height: 1px;
    float: left;
}

.shopper-category-goodlist-warp
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    height: .7rem;
    position: fixed;
    top: .9rem;
    margin-top: 1px;
    left:0;
    right: 0;
    background: #FFF;
}

.shopper-category-goodlist-warp span
{
    text-align: center;
    flex-grow: 2;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    height: .7rem;
    font-size: .25rem;
    position: relative;
}

.shopper-category-goodlist-warp span:nth-child(5)
{
    border-left: 1px solid #E9EBEF;
    flex-grow: 1;
}

.shopper-category-goodlist-warp span:nth-child(5) i
{
    font-size: .35rem;
}

.shopper-category-goodlist-warp .active
{
    color: #E1251C;
}

.shopper-category-goodslist-warp,.shopper-spellgroup-list-warp
{
    position: fixed;
    top: 1.6rem;
    margin-top: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}

.windone .shopper-category-goodslist-box
{
    padding: .2rem;
    position: relative;
}

.windone .shopper-category-goodslist-box>a:nth-child(1)
{
    width: 25%;
    float: left;
}

.windone .shopper-category-goodslist-box a img
{
    display: block;
    width: 100%;
}

.windone .shopper-category-goodslist-box .info
{
    float: right;
    width: 72%;
    position: relative;
}

.windone .shopper-category-goodslist-box .info .title
{
    font-weight: bold;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    font-size: .22rem;
    color: rgb(80,80,80);
}

.windone .shopper-category-goodslist-box .info .money
{
    margin-top: .1rem;
    color: #ffa824;
}

.windone .shopper-category-goodslist-box .info>span
{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .24rem;
    color: #E1251C;
    border: 2px solid #E1251C;
    box-shadow: 0 0 3px #666;
    -moz-box-shadow: 0 0 3px #666;
    -webkit-box-shadow: 0 0 3px #666;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    height: .5rem;
    padding-left: .1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.windone .shopper-category-goodslist-box .info>span span
{
    color: #FFF;
    float: right;
    background: #E1251C;
    height: .5rem;
    padding: 0 .1rem;
    margin-left: .1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    font-size: .26rem;
    font-weight: bold;
    min-width: 1rem;
}

.windone .shopper-category-goodslist-box .info .money span
{
    font-weight: bold;
    margin-left: .1rem;
    color: #E1251C;
}

.windone .shopper-category-goodslist-box .info .order
{
    margin-top: .3rem;
    font-size: .22rem;
    color: #b5b5b5;
}

.windtwo .shopper-category-goodslist-box
{
    padding: .2rem;
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #FFF;
    border-bottom: 1px solid #ebebeb;
}

.windtwo .shopper-category-goodslist-box .info
{
    display: none;
}

.windtwo .shopper-category-goodslist-box a,
.windtwo .shopper-category-goodslist-box img
{
    display: block;
    width: 100%;
}

.windtwo .line-box
{
    display: none;
}

.windtwo-line
{
    display: none;
}

.windone .info .quan
{
    position: absolute;
    right: 0;
    bottom: 0;
    color: #FFF;
    padding: .1rem;
    background: #E1251C;
}

.windone .info .quan a
{
    display: block;
    width: auto;
    float: none;
    color: #FFF;
}

.windtwo .windtwo-line
{
    display: block;
    position: fixed;
    top: 1.6rem;
    margin-top: 2px;
    bottom: 0;
    width: 1px;
    left: 50%;
    margin-left: -0.5px;
    background: #ebebeb;
}

.infotwo
{
    display: none;
}

.windtwo .infotwo
{
    display: block;
    position: relative;
}

.windtwo .infotwo .money
{
    font-size: .24rem;
    color: #ff8c25;
    margin-top: .1rem;
}

.windtwo .infotwo .order
{
    font-size: .22rem;
    color: #b5b5b5;
}

.windtwo .infotwo .money .order
{
    float: right;
}

.windtwo .infotwo>span
{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .24rem;
    color: #E1251C;
    border: 2px solid #E1251C;
    box-shadow: 0 0 3px #666;
    -moz-box-shadow: 0 0 3px #666;
    -webkit-box-shadow: 0 0 3px #666;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    height: .4rem;
    padding-left: .1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.windtwo .infotwo>span span
{
    color: #FFF;
    float: right;
    background: #E1251C;
    height: .4rem;
    padding: 0 .05rem;
    margin-left: .1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    font-size: .26rem;
    font-weight: bold;
    min-width: 1rem;
}

.common-back-top
{
    position: fixed;
    bottom: 0;
    right: 0;
    height: .7rem;
    width: .7rem;
    background: rgba(0,0,0,0.7);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.common-back-top i
{
    color: #FFF;
    font-size: .35rem;
}

.shoppercoupons-warp
{
    padding: .15rem;
    padding-top: 1.5rem;
    background: #F4F4F4;
    overflow: hidden;
}

.shoppersearch-warp
{
    background: rgb(245,245,245);
    height: .9rem;
    position: relative;
}

.shoppersearch-warp a:nth-child(1)
{
    position: absolute;
    left: 0;
    top: 0;
    height: .9rem;
    width: .9rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    text-align: center;
}

.shoppersearch-warp a:nth-child(1) i
{
    font-size: .35rem;
}

.shoppersearch-warp a:nth-child(3)
{
    position: absolute;
    right: 0;
    top: 0;
    margin: .15rem;
    height: .6rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    text-align: center;
    background: #EC5051;
    color: #FFF;
    width: .9rem;
    font-size: .23rem;
    border-radius: .1rem;
}

.shoppersearch-warp .input
{
    position: absolute;
    left: .9rem;
    right: 1.2rem;
    top: .15rem;
    bottom: .15rem;
    border: 1px solid #a7a2a2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: .3rem;
    -moz-border-radius: .3rem;
    -webkit-border-radius: .3rem;
    background: #FFF;
}

.shoppersearch-warp .input i
{
    position: absolute;
    left: 0;
    top: 0;
    height: .57rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    text-align: center;
    width: .6rem;
}

.shoppersearch-warp .input input
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    width: 80%;
    height: .6rem;
    line-height: .6rem;
    background: none;
    border: 0;
    border-radius: .3rem;
    -moz-border-radius: .3rem;
    -webkit-border-radius: .3rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    left: .6rem;
    top: 0;
    right: .1rem;
    font-size: .25rem;
    color: #0f0f0f;
}

.hoppersearch-push-warp
{
    padding: .2rem;
}

.hoppersearch-push-warp .title
{
    font-size: .3rem;
}

.hoppersearch-push-warp div:nth-child(2) a
{
    float: left;
    color: #686868;
    background: #f0f2f5;
    margin-right: .15rem;
    padding: .1rem .15rem;
    margin-top: .15rem;
    border-radius: .05rem;
    -moz-border-radius: .05rem;
    -webkit-border-radius: .05rem;
}

.hoppersearch-push-warp .tips .title
{
    color: #000;
    font-size: .3rem;
    font-weight: bold;
}

.hoppersearch-push-warp .tips .subtitle
{
    line-height: .5rem;
    margin-top: .2rem;
}

.hoppersearch-push-warp .tips .color span
{
    float: left;
    width: 10%;
    height: .1rem;
    background: #E1251C;
    margin-top: .1rem;
    display: none;
}

.shoppersearch-tips-warp
{
    background: #F5F5F5;
    padding: .2rem;
}

.shoppersearch-tips-warp a,.shoppersearch-tips-warp img
{
    display: block;
    width: 100%;
}

.shoppersearch-tips-warp .title
{
    font-size: .3rem;
    font-weight: bold;
    color: #000;
}

.shoppersearch-tips-warp .title span
{
    font-size: .22rem;
    font-weight: normal;
    margin-left: .1rem;
    color: #EC5051;
}

.shoppersearch-tips-warp p {
    line-height: .35rem;
    margin-top: .1rem;
    margin-bottom: .2rem;
    font-size: .25rem;
}

.shoppersearch-tips-warp b {
    color: #E1251C;
}

.shoppersearch-tips-warp .subtitle
{
    font-size: .26rem;
    font-weight: bold;
    margin-bottom: .2rem;
}

.shoppersearch-tips-warp>span {
    display: block;
    font-size: .25rem;
    line-height: .3rem;
    margin-top: .1rem;
}

.shoppersearch-tips-warp div:nth-child(2)
{
    height: 0;
    overflow: hidden;
}

.shopper-spellgroup-list-warp
{
    padding: 0 .2rem;
}

.shopper-silder-title
{
    font-weight: bold;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: .7rem;
    font-size: .32rem;
    position: relative;
}

.shopper-silder-title>span:nth-child(1)
{
    color: #EC5051;
}

.spellgroup-slide
{

}

.spellgroup-slide>div
{
    float: left;
    width: 33.3%;
    height: 100%;
    padding: .1rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.spellgroup-slide>div a,
.spellgroup-slide>div img,
.spellgroup-push-box a,
.spellgroup-push-box img
{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.spellgroup-slide>div span
{
    display: block;
    text-align: center;
    font-size: .21rem;
}

.spellgroup-slide .title
{
    height: .4rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    color: #EC5051;
    font-size: .22rem;
    margin-top: .1rem;
}

.spellgroup-slide .title span
{
    font-weight: bold;
    font-size: .3rem;
}

.spellgroup-slide .subtitle
{
    height: .4rem;
    color: rgb(150,150,150);
    text-align: center;
    font-size: .21rem;
}

.spellgroup-push-box
{
    float: left;
    width: 25%;
    padding: .1rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.spellgroup-push-box .title
{
    font-size: .22rem;
    text-align: center;
    margin: .1rem 0;
}


.spellgroup-push-box .subtitle
{
    font-size: .22rem;
    color: #EC5051;
    text-align: center;
}

.spellgroup-push-box .subtitle span
{
    font-weight: bold;
    font-size: .3rem;
}

.spellgroup-push-box .title span
{
    font-weight: bold;
}

.spellgroup-list-title-warp
{
    margin-left: -.2rem;
    margin-right: -.2rem;
    background: rgb(245,245,245);
    padding: .2rem 0;
    padding-bottom: 0;
}

.spellgroup-list-title-warp>.title
{
    font-size: .3rem;
    color: #000;
    text-align: center;
}

.spellgroup-list-title-warp>.subtitle
{
    font-size: .23rem;
    color: rgb(150,150,150);
    text-align: center;
    margin-bottom: .2rem;
}

.spellgroup-good-box
{
    background: #FFF;
    position: relative;
}

.spellgroup-good-box>a
{
    float: left;
    width: 55%;
}

.spellgroup-good-box>a img
{
    display: block;
    width: 100%;
}

.spellgroup-good-box .info
{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 45%;
}

.spellgroup-good-box .title
{
    font-size: .25rem;
    line-height: .35rem;
    height: .7rem;
    overflow: hidden;
    margin: .1rem;
    margin-left: .2rem;
}

.spellgroup-good-box .comis
{
    margin-left: .2rem;
    font-size: .25rem;
    color: #ec7a28;
}

.spellgroup-good-box .comis span
{
    font-size: .3rem;
    font-weight: bold;
}

.spellgroup-good-box .submit
{
    position: absolute;
    bottom: .2rem;
    left: .2rem;
    background: -webkit-linear-gradient(left,#e93b3d,#ff9474);
    background: linear-gradient(90deg,#e93b3d,#ff9474);
    box-shadow: 0 0.15rem 0.3rem rgba(233,59,61,.2);
    border-radius: .1rem;
}

.spellgroup-good-box .submit a
{
    color: #FFF;
    padding: .1rem .2rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    font-size: .23rem;
}

.spellgroup-good-box .subtitle
{
    position: absolute;
    bottom: .85rem;
    left: .2rem;
    font-size: .22rem;
    color: rgb(150,150,150);
}

.spellgroup-good-box .info .money
{
    position: absolute;
    bottom: 1.2rem;
    left: .2rem;
    color: #EC5051;
    overflow: hidden;
    font-size: .23rem;
}

.spellgroup-good-box .info .money span:nth-child(1)
{
    font-size: .3rem;
    font-weight: bold;
}

.spellgroup-good-box .info .money span:nth-child(2)
{
    text-decoration: line-through;
    color: rgb(160,160,160);
    font-size: .22rem;
}

.redbg-warp
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    background: rgba(0,0,0,0);
    visibility: hidden;
    transition: .3s;
}

.redbg-box
{
    position: fixed;
    width: 80%;
    left: 10%;
    top: 50%;
    z-index: 999;
    transform:scale(.2);
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.redbg-tips-box
{
    position: fixed;
    width: 80%;
    left: 10%;
    top: 50%;
    z-index: 999;
    transform:scale(.2);
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}


.redbg-tips-box img
{
    display: block;
    width: 100%;
    pointer-events: none;
}

.redbg-model-warp
{
    position: absolute;
    left: 0;
    right: 0;
    top: 2rem;
    bottom: 1.6rem;
    overflow-y: auto;
}

.redbg-box a
{
    display: block;
    overflow: hidden;
    border-radius: .1rem;
}

.redbg-box a img
{
    display: block;
    width: 100%;
    pointer-events: none;
}

.redbg-box div img
{
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-top: .1rem;
}

.shopperhelp
{
    display: block;
}

.shopperhelp img

{
    display: block;
    width: 100%;
}

.shopper-help-warp
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}


.shopper-help-warp span
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    flex-grow: 1;
    height: 1rem;
    font-size: .26rem;
    font-weight: bold;
    color: #0f0f0f;
}

.shopper-help-warp .active
{
    color: #E1251C;
}

.shopper-help-content-warp
{
    padding: .3rem;
    padding-top: 0;
}

.shopper-help-content-warp .title
{
    font-size: .35rem;
    color: #0f0f0f;
    font-weight: bold;
    margin-top: .3rem;
}

.shopper-help-content-warp .subtitle
{
    font-size: .3rem;
    color: #0f0f0f;
    margin-top: .2rem;
}

.shopper-help-content-warp p
{
    font-size: .25rem;
    margin-top: .15rem;
    line-height: .4rem;
    color: #848484;
}

.shopper-help-content-warp p b
{
    color: #0f0f0f;
}


.shopper-help-content-warp img
{
    display: block;
    width: 70%;
    margin: 0 auto;
    border: 1px solid #ebebeb;
    margin-top: .2rem;
}

.shopper-help-move
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.shopper-help-warp
{
    background: #FFF;
}

.shopper-help-content-warp p a
{
    color: #E1251C;
}

.shopper-pin-category-warp
{
    position: fixed;
    left: 0;
    right: 0;
    overflow: hidden;
    background: #FFF;
    height: .7rem;
}

.shopper-pin-category-warp span
{
    float: left;
    width: 20%;
    height: .7rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    font-size: .25rem;
}

.shopper-pin-category-warp span a
{
    display: block;
    color: #000;
}

.shopper-pin-category-warp i
{
    position: fixed;
    top: .8rem;
    height: .7rem;
    margin-top: 1px;
    right: 0;
    background: #FFF;
    width: 11%;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    font-size: .5rem;
}

.shopper-pin-category-warp span .active
{
    color: #E1251C;
    font-weight: bold;
}

.user-header-warp
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: .8rem;
    z-index: 1;
}

.user-header-warp a
{
    float: right;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    height: .8rem;
    width: .8rem;
}

.user-header-warp a:nth-child(2)
{
    float: left;
}

.user-header-warp a i
{
    color: #FFF;
    font-size: .35rem;
}


.user-info-back-warp
{
    height: 2.8rem;
    background: url("/mobile/themes/default/images/userinfo-back.png");
    background-size: auto 100%;
    overflow: hidden;
    position: relative;
}

.user-info-back-box
{
    height: 1.4rem;
    margin: 0 .4rem;
    margin-top: .9rem;
}

.user-info-back-box img
{
    display: block;
    height: 100%;
    float: left;
}

.user-info-back-box .title
{
    color: #FFF;
    font-size: .3rem;
    margin-left: 1.6rem;
    padding-top: .3rem;
}

.user-info-back-box .subtitle
{
    color: #FFF;
    font-size: .25rem;
    margin-left: 1.6rem;
    padding-top: .1rem;
}

.user-info-back-warp>a
{
    color: #FFF;
    position: absolute;
    right: .2rem;
    bottom: .15rem;
}

.user-all-order-warp
{
    background: #FFF;
}

.user-all-order-warp a
{
    float: left;
    width: 20%;
    padding: .3rem 0;
    position: relative;
}

.user-all-order-warp a div
{
    position: absolute;
    background: #E1251C;
    color: #FFF;
    padding: 0 .075rem;
    border-radius: .3rem;
    -moz-border-radius: .3rem;
    -webkit-border-radius: .3rem;
    top: .2rem;
    right: .3rem;
    font-size: .2rem;
    height: .3rem;
    min-width: .15rem;
    text-align: center;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.user-all-order-warp a svg
{
    width: .5rem;
    height: .5rem;
    display: block;
    margin: 0 auto;
}

.user-all-order-warp span
{
    display: block;
    text-align: center;
    font-size: .22rem;
    margin-top: .15rem;
}

.user-order-all
{
    height: .7rem;
    background: #FFF;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: space-between;
}

.user-order-all span
{
    padding-left: .1rem;
}

.user-order-all a
{
    height: .7rem;
    padding-right: .1rem;
    font-size: .25rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}

..user-order-all a i
{
    font-size: .22rem;
}

.user-money-warp
{
    background: #FFF;
    margin-top: .2rem;
    padding: .2rem;
    position: relative;
}

.quick-withdraw
{
    position: absolute;
    right: .2rem;
    color: #FFF;
    font-size: .28rem;
    width: 1.2rem;
    height: .6rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    border-radius: .3rem;
    -moz-border-radius: .3rem;
    -webkit-border-radius: .3rem;
    top: .5rem;
    background: -webkit-linear-gradient(left, #3c95ff,#1D71FF);
    background: linear-gradient(90deg,#3c95ff,#1D71FF);
}

.quick-withdraw a
{
    display: block;
    color: #FFF;
}

.user-money-warp .title svg
{
    width: .5rem;
    height: .5rem;
    float: left;
}
.user-money-warp .title span
{
    float: left;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    height: .5rem;
    padding-left: .1rem;
    font-size: .25rem;
}

.user-money-warp .subtitle
{
    margin-top: .2rem;
    margin-bottom: .2rem;
    margin-left: .6rem;
    font-size: .22rem;
    height: .3rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    color: #999999;
}

.user-money-warp .subtitle span
{
    margin-right: .2rem;
}

.user-money-warp .subtitle span a
{
    color: #e1251c;
}

.user-info-warp>div
{
    float: left;
    width: 50%;
    margin-top: .2rem;
    padding-bottom: .1rem;
}

.user-info-warp>div .head
{
    display: flex;
    display:-webkit-flex;
    justify-content: center;
}

.user-info-warp>div .head svg
{
    height: .5rem;
    width: .5rem;
    float: left;
}

.user-info-warp>div .head span
{
    font-size: .25rem;
    height: .5rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    padding-left: .1rem;
}

.user-info-warp>div .subhead
{
    text-align: center;
    margin-top: .2rem;
    color: #999;
}

.user-commonly-used-warp,.user-more-used-warp
{
    margin-top: .2rem;
    background: #FFF;
}

.user-commonly-used-warp a,.user-more-used-warp a
{
    float: left;
    width: 25%;
}

.user-more-used-warp a
{
    padding-top: .3rem;
}

.user-commonly-used-warp
{
    padding: .3rem 0;
}

.user-more-used-warp
{
    padding-bottom: .3rem;
}

.user-commonly-used-warp svg,.user-more-used-warp svg
{
    display: block;
    width: .5rem;
    height: .5rem;
    margin: 0 auto;
}

.user-commonly-used-warp span,.user-more-used-warp span
{
    display: block;
    text-align: center;
    font-size: .22rem;
    margin-top: .15rem;
}

.shoppercoupons-list-box
{
    background: #FFF;
    margin-top: .2rem;
    height: 1.8rem;
    position: relative;
    border-radius: .08rem;
    -moz-border-radius: .08rem;
    -webkit-border-radius: .08rem;
}

.shoppercoupons-left
{
    width: 80%;
    float: left;
    height: 1.8rem;
    position: relative;
}

.shoppercoupons-list-box .line
{
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px dotted rgb(200,200,200);
    left: 80%;
    margin-left: -0.5px;
    z-index: 1;
}

.shoppercoupons-list-box .kuai:nth-child(2)
{
    position: absolute;
    height: .1rem;
    width: .18rem;
    left: 80%;
    margin-left: -0.09rem;
    background: rgb(245,245,245);
    z-index: 1;
}

.shoppercoupons-list-box .kuai:nth-child(3)
{
    position: absolute;
    height: .1rem;
    width: .18rem;
    left: 80%;
    bottom: 0;
    margin-left: -0.09rem;
    background: rgb(245,245,245);
    z-index: 1;
}

.shoppercoupons-left a
{
    display: block;
}

.shoppercoupons-left img
{
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin: .2rem;
}

.shoppercoupons-left .info
{
    position: absolute;
    left: 1.8rem;
    top: .2rem;
    bottom: .2rem;
    right: .2rem;
}

.shoppercoupons-left .info .title
{
    font-size: .25rem;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    color: #1F2837;
}

.shoppercoupons-left .info .title i
{
    color: #E1251C;
    font-size: .25rem;
    margin-right: .05rem;
}

.shoppercoupons-left .info .money
{
    margin-top: .1rem;
    height: .7rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}

.shoppercoupons-left .info .money span:nth-child(1)
{
    color: #F23030;
    font-size: .5rem;
}

.shoppercoupons-left .info .money span:nth-child(2)
{
    margin-left: .1rem;
    padding: 0 .05rem;
    font-size: .22rem;
    color: #F23030;
    background: #FFF4EB;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    height: .35rem;
}

.shoppercoupons-right
{
    float: right;
    height: 1.4rem;
    margin: .2rem 0;
    width: 20%;
}

.shoppercoupons-right .head
{
    font-size: .21rem;
    color: #F23030;
    text-align: center;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    height: .3rem;
}

.shoppercoupons-right .time div,.shoppercoupons-right .time span
{
    float: left;
}

.shoppercoupons-right .time
{
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    margin: .1rem;
}

.shoppercoupons-right .time div
{
    width: .3rem;
    height: .3rem;
    background: #F23030;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    color: #FFF;
    font-size: .2rem;
    border-radius: .05rem;
    -moz-border-radius: .05rem;
    -webkit-border-radius: .05rem;
}

.shoppercoupons-right .time span
{
    color: #F23030;
    margin: 0 .02rem;
}

.shoppercoupons-right .order
{
    font-size: .2rem;
    color: #F23030;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    height: .3rem;
    overflow: hidden;
}

.shoppercoupons-right .buy
{
    font-size: .22rem;
    margin: 0 .1rem;
    background: #F23030;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    height: .3rem;
    color: #FFF;
    border-radius: .2rem;
    -moz-border-radius: .2rem;
    -webkit-border-radius: .2rem;
}

.shoppercoupons-right a
{
    display: block;
}

.shopper-super-head
{
    display: block;
    width: 100%;
}

.super-cat-list-warp-fixed
{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
    display: none;
    box-shadow: 0 0.15rem 0.3rem rgba(233,59,61,.2);
    -moz-box-shadow: 0 0.15rem 0.3rem rgba(233,59,61,.2);
    -webkit-box-shadow: 0 0.15rem 0.3rem rgba(233,59,61,.2);
}

.super-cat-list-warp
{
    background: #fff;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.super-cat-list-warp a
{
    height: .8rem;
    float: left;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    padding: 0 .3rem;
    color: #000;
    font-size: .26rem;
}

.super-cat-list-warp .active
{
    color: #FFF;
    background: -webkit-linear-gradient(left,#e93b3d,#ff9474);
    background: linear-gradient(90deg,#e93b3d,#ff9474);
}

.super-goods-box
{
    margin: .2rem;
    background: #FFF;
    padding: .15rem;
    position: relative;
}

.super-goods-box a
{
    float: left;
    width: 35%;
}

.super-goods-box a img
{
    display: block;
    width: 100%;
}

.super-goods-box .info
{
    position: absolute;
    width: 60%;
    right: .15rem;
    top: .15rem;
    bottom: .15rem;
}

.super-goods-box .title
{
    line-height: .4rem;
    font-size: .28rem;
    height: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.super-goods-box .money
{
    color: #E1251C;
    font-size: .26rem;
}

.super-goods-box .money span
{
    color: #FF0000;
    display: block;
    font-size: .3rem;
}

.super-goods-box .count
{
    margin-top: .1rem;
    font-size: .23rem;
    color: rgb(150, 150, 150);
}

.super-goods-box .submit
{
    position: absolute;
    bottom: .1rem;
    right: .1rem;
    width: 1.2rem;
    height: .6rem;
    border-radius: .3rem;
    -moz-border-radius: .3rem;
    -webkit-border-radius: .3rem;
    background: -webkit-linear-gradient(left,#e93b3d,#ff9474);
    background: linear-gradient(90deg,#e93b3d,#ff9474);
    box-shadow: 0 0.15rem 0.3rem rgba(233,59,61,.2);
    -moz-box-shadow: 0 0.15rem 0.3rem rgba(233,59,61,.2);
    -webkit-box-shadow: 0 0.15rem 0.3rem rgba(233,59,61,.2);
}

.super-goods-box .submit a
{
    color: #FFF;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    width: 1.2rem;
    height: .6rem;
}

.super-goods-warp>span
{
    font-size: .25rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    height: .8rem;
}

.super-goods-box .title i
{
    margin-right: .05rem;
    color: #E1251C;
    font-size: .28rem;
}

.new-rebate-info-warp
{
    height: 1.8rem;
    background: #E51C23;
    position: relative;
}

.new-rebate-info-warp>span
{
    position: absolute;
    left: 50%;
    margin-left: -0.5px;
    width: 1px;
    height: 80%;
    margin-top: 0.18rem;
    background: linear-gradient(#E51C23, rgba(254, 235, 255, 0.47));
}

.new-rebate-info-warp>div
{
    color: #FFF;
    float: left;
    width: 50%;
}

.new-rebate-info-warp>div span:nth-child(1)
{
    font-size: .32rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    height: .7rem;
    margin-top: .2rem;
}

.new-rebate-info-warp>div span:nth-child(2)
{
    font-size: .5rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.new-rebate-info-warp>div span:nth-child(2) b
{
    font-size: .3rem;
}

.new-rebate-seacher-warp
{
    margin: .2rem;
    position: relative;
}

.new-rebate-seacher-warp .submit
{
    float: right;
    height: .7rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    background: #E51C23;
    color: #FFF;
    width: 1.1rem;
}

.new-rebate-seacher-warp .input
{
    position: absolute;
    top: 0;
    left: 0;
    right: 1.2rem;
    bottom: 0;
}

.new-rebate-seacher-warp .line:nth-child(2)
{
    position: absolute;
    height: .1rem;
    width: 1px;
    left: 0;
    bottom: 0;
    background: #E51C23;
}

.new-rebate-seacher-warp .line:nth-child(3)
{
    position: absolute;
    height: .1rem;
    width: 1px;
    right: 0;
    bottom: 0;
    background: #E51C23;
}

.new-rebate-seacher-warp .line:nth-child(4)
{
    position: absolute;
    height: 1px;
    width: 100%;
    right: 0;
    bottom: 0;
    background: #E51C23;
}

.new-rebate-seacher-warp input
{
    display: block;
    width: 100%;
    height: .7rem;
    line-height: .7rem;
    border: 0;
    margin: 0;
    padding: 0;
}

.new-rebate-tips
{
    height: .3rem;
    color: #E1251C;
    font-size: .28rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: left;
    margin-left: .2rem;
}

.new-rebate-list
{
    background: rgb(245,245,245);
}

.new-rebate-list>.title
{
    font-size: .5rem;
    color: #000;
    font-weight: bold;
    height: .9rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    background: #FFF;
}

.shoppercoupons-warp>a
{
    display: block;
    margin: 0 -.15rem;
    background: RED;
}

.shoppercoupons-warp>a img
{
    display: block;
    width: 100%;
}

.affiliate-submit-warp
{
    background: #D33030;
    position: relative;
    z-index: 1;
    width: 70%;
    margin: 0 auto;
    margin-top: 2rem;
    box-shadow: 0 0 .2rem rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 .2rem rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 .2rem rgba(0,0,0,.5);
    overflow: hidden;
}

.affiliate-tips-warp
{
    margin: .2rem;
    background: #D33030;
    border: 1px solid #b32922
}

.affiliate-tips-warp .title
{
    color: #f5d570;
    text-align: center;
    margin-top: .2rem;
    font-size: .28rem;
}

.affiliate-tips-warp .subtitle
{
    font-size: .8rem;
    margin-top: .3rem;
    text-align: center;
    color: #FFE4A6;
}

.affiliate-tips-warp .tips
{
    text-align: center;
    font-size: .25rem;
    color: #f5d570;
    margin-top: .3rem;
    margin-bottom: .2rem;
}

.affiliate-submit-box
{
    padding: .2rem;
    padding-top: 0;
    background: #FFF5E4;
}

.affiliate-submit
{
    border: 1px solid #F6DEBD;
    border-top: 0;
    overflow: hidden;
}

.affiliate-submit .tips
{
    color: #D33030;
    text-align: center;
    font-size: .28rem;
    margin-top: .4rem;
}

.affiliate-submit .submit-box
{
    margin-top: .3rem;
    margin-bottom: .3rem;
}

.affiliate-submit .submit
{
    float: left;
    width: 30%;
}

.affiliate-submit .submit svg
{
    width: .7rem;
    height: .7rem;
    display: block;
    margin: 0 auto;
}

.affiliate-submit .submit span
{
    display: block;
    font-size: .25rem;
    margin-top: .1rem;
    text-align: center;
}

.affiliate-info-warp
{
    width: 75%;
    margin: 0 auto;
    margin-top: .5rem;
    background: #FFF;
    border-radius: 0 0 .05rem .05rem;
    -webkit-border-radius: 0 0 .05rem .05rem;
    -moz-border-radius: 0 0 .05rem .05rem;
}

.affiliate-info-warp img
{
    display: block;
    width: 100%;
}

.affiliate-info-warp .title
{
    font-size: .45rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    font-weight: bold;
    margin-top: .2rem;
}

.affiliate-info-warp .title span
{
    color: #D33030;
}

.affiliate-info-warp .subtitle
{
    text-align: center;
    font-size: .25rem;
    color: rgb(150,150,150);
    margin-top: .1rem;
    padding-bottom: .2rem;
}

.invitation-tips-warp
{
    width: 75%;
    margin: 0 auto;
    margin-top: .3rem;
}

.invitation-tips-warp img
{
    display: block;
    width: 100%;
    margin-bottom: .3rem;
}

.invitetion-share-warp
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    z-index: 100;
    display: none;
}

.invitetion-share-warp .title i
{
    color: #FFF;
    display: block;
    text-align: right;
    font-size: 1.5rem;
    margin-top: .5rem;
    margin-right: .5rem;
}

.invitetion-share-warp .title p
{
    text-align: right;
    display: block;
    color: #FFF;
    padding: 0 1rem;
    font-size: .35rem;
}

.affiliate-info-box
{
    margin: 5%;
    margin-top: 0;
}

.affiliate-info-box .left
{
    float: left;
    width: 20%;
    position: relative;
    margin-top: 3%;
}

.affiliate-info-box .left span:nth-child(2)
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .3rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    background: #E1251C;
    color: #FFF;
    font-size: .2rem;
}

.affiliate-info-box .right>span
{
    float: right;
    text-align: right;
    padding-top: .2rem;
    font-size: .25rem;
    margin-right: .1rem;
}

.affiliate-info-box .right>span a
{
    color: rgb(90,90,90);
}

.affiliate-info-box .left img
{
    display: block;
    width: 100%;
}

.affiliate-info-box>span
{
    float: left;
    margin-left: 5%;
    width: 1px;
    background: rgba(0,0,0,.1);
    margin-top: 3%;
}


.affiliate-info-box .right
{
    float: right;
    width: 70%;
    position: relative;
}

.affiliate-info-box .right .box
{
    float: left;
    width: 28.5%;
    position: relative;
    margin-top: 5%;
}

.affiliate-info-box .right .box img
{
    display: block;
    width: 100%;
}

.affiliate-info-box .right .box span
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .3rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    background: #1A95EA;
    color: #FFF;
    font-size: .2rem;
}

.goJdSeacher
{
    text-align: center;
    margin-top: .2rem;
    color: rgb(120,120,120);
    font-size: .28rem;
}

.goJdSeacher a
{
    color: #E1251C;
}

.invitelist-box
{
    padding: .1rem 0;
    padding-left: .2rem;
    background: #FFF;
}

.invitelist-box img
{
    float: left;
    height: 1rem;
}

.invitelist-box .info
{
    float: left;
    height: .9rem;
    margin-top: .1rem;
    margin-left: .2rem;
}

.invitelist-box .info .title
{
    height: .5rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    font-size: .3rem;
    color: #000;
}

.invitelist-box .info .subtitle
{
    font-size: .25rem;
    color: rgb(150,150,150);
    height: .3rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}

.invitelist-tips
{
    font-size: .25rem;
    background: #FFF;
    text-align: center;
    padding: .3rem 0;
    font-weight: bold;
    color: #000;
}

.new-rebate-tips-box
{
    margin: .2rem;
    background: #FEFCDC;
    border: 1px solid #FDEBB2;
    padding: .2rem;
    font-size: .25rem;
    line-height: .4rem;
    margin-bottom: .1rem;
}

.new-rebate-tips-box span
{
    color: #E1251C;
}

.new-rebate-order-warp
{
    padding: .1rem .2rem;
}

.new-rebate-order-status-info .info
{
    float: left;
    width: 60%;
}

.new-rebate-order-status-info .status
{
    float: left;
    width: 40%;
    height: .9rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: flex-end;
    font-size: .3rem;
    color: #E1251C;
}

.new-rebate-order-status-info .info .date
{
    font-size: .23rem;
    color: #8a8787;
    height: .5rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}

.new-rebate-order-status-info .info .orderId
{
    font-size: .26rem;
    color: #afaaaa;
    height: .4rem;
}

.new-rebate-order-warp .title span:nth-child(1)
{
    float: left;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    height: .5rem;
    font-size: .3rem;
    font-weight: bold;
}

.new-rebate-order-warp .title span:nth-child(2),.new-rebate-order-warp .bonus span
{
    font-size: .23rem;
    font-weight: normal;
    float: right;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    height: .5rem;
}

.new-rebate-order-warp .title span b,.new-rebate-order-warp .bonus span b
{
    color: #E1251C;
    font-size: .35rem;
}

.rebate-line-box
{
    margin: .2rem 0;
    border-bottom: 1px dotted rgb(189,189,189);
}

.new-rebate-money-submit-warp
{
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: space-between;
    margin-bottom: .1rem;
}

.new-rebate-money-submit-warp span
{
    color: #000;
    font-size: .23rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    height: .5rem;
}

.new-rebate-money-submit-warp a
{
    padding: 0 .1rem;
    height: .5rem;
    border: 1px solid #C2C2C2;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    font-size: .24rem;
    color: rgb(50,50,50);
    background: #FFF;
}

.new-rebate-more
{
    color: #000;
    background: #FFF;
    height: .8rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    font-weight: bold;
}

.new-rebate-more a
{
    color: #000;
}

.rebate-detail-head
{
    height: 1.2rem;
    background: #E51C23;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: space-between;
    padding: 0 .4rem;
    color: #FFF;
}

.rebate-detail-head span:nth-child(1)
{
    font-size: .42rem;
    font-weight: bold;
}

.rebate-detail-head span:nth-child(2)
{
    font-size: .32rem;
}

.new-rebate-goods-info-warp
{
    margin: 0 -.2rem;
    padding: .2rem;
    background: rgb(245,245,245);
    position: relative;
}

.new-rebate-goods-info-warp img
{
    float: left;
    width: 1.6rem;
    height: 1.6rem;
}

.new-rebate-goods-info-box
{
    position: absolute;
    left: 2rem;
    top: .2rem;
    bottom: .2rem;
    right: .2rem;
}

.new-rebate-goods-info-box .title
{
    line-height: .4rem;
    height: .8rem;
    overflow: hidden;
    font-size: .3rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new-rebate-goods-info-box .tips
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: space-between;
    font-size: .25rem;
    color: rgb(150,150,150);
}

.help-warp
{
    margin: 0.4rem;
    border-radius: .1rem;
    overflow: hidden;
}

.help-warp a
{
    display: block;
}

.help-warp img
{
    width: 100%;
    display: block;
}

.help-warp div
{
    background: #FFF;
    height: .8rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    padding: 0 .2rem;
    font-size: .28rem;
    color: #000;
}

.help-tips-warp
{
    padding: 0.4rem;
}

.help-tips-warp .title
{
    color: #777777;
    font-weight: bold;
    font-size: .4rem;
}
.help-tips-warp .subtitle
{
    margin-top: .15rem;
    color: #E51C23;
    font-size: .25rem;
}

.help-tips-warp .head
{
    margin-top: .28rem;
    color: #000;
    font-weight: bold;
    font-size: .3rem;
}

.help-tips-warp img
{
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-top: .2rem;
}

.help-tips-warp p
{
    margin-top: .1rem;
    line-height: .5rem;
}

.new-rebate-link
{
    height: .6rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: space-between;
    margin: 0 .2rem;
}

.new-rebate-link a
{
    color: #E51C23;
}

.withdraw-header-warp
{
    height: .8rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: space-between;
    padding: 0 .2rem;
    font-size: .25rem;
}

.withdraw-header-warp a
{
    color: #000;
}

.withdraw-header-warp a i
{
    font-size: .25rem;
}

.withdraw-svg
{
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto;
    margin-top: .8rem;
}

.withdraw-tips
{
    font-size: .37rem;
    text-align: center;
    margin-top: .3rem;
    color: #000;
}

.withdraw-money
{
    font-size: .58rem;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-top: .1rem;
}

.withdraw-submit,.withdraw-goubuy
{
    width: 90%;
    height: .9rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    background: #1AAC18;
    margin: 0 auto;
    margin-top: .5rem;
    color: #FFF;
    border-radius: .05rem;
    -moz-border-radius: .05rem;
    -webkit-border-radius: .05rem;
    font-size: .33rem;
}

.withdraw-submit-no
{
    background: #bfbfbf;
}

.withdraw-submit-no a,.withdraw-submit a
{
    color: #FFF;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.withdraw-goubuy
{
    margin-top: .2rem;
}

.withdraw-log-warp
{
    padding: .2rem;
}

.withdraw-log-warp>div
{
    float: left;
    width: 50%;
}

.withdraw-log-warp div:nth-child(1) span
{
    display: block;
}

.withdraw-log-warp div:nth-child(1) span:nth-child(1)
{
    font-weight: bold;
    color: #000;
    font-size: .3rem;
    height: .5rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}

.withdraw-log-warp div:nth-child(1) span:nth-child(2)
{
    color: rgb(109, 109, 109);
    font-size: .25rem;
    height: .4rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
}
.withdraw-log-warp div:nth-child(2)
{
    height: .9rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: flex-end;
    font-size: .3rem;
    font-weight: bold;
}

.activity-head-warp
{
    background: #F6F6F6;
}

.activity-head-warp img
{
    display: block;
    width: 100%;
}

.activity-brand-warp
{
    background: #FFF;
    position: relative;
}

.activity-brand-warp>.line
{
    position: absolute;
    left: 50%;
    width: 1px;
    top: 0;
    bottom: 0;
    margin-left: -0.5px;
    background: #F5F5F5;
}

.activity-brand-box
{
    width: 50%;
    float: left;
    padding: .1rem 0;
}

.activity-brand-box .head
{
    width: 60%;
    margin: 0 auto;
    height: .5rem;
    position: relative;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.activity-brand-box .head .line
{
    height: 1px;
    background: #0f0f0f;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -0.5px;
}

.activity-brand-box .head .title
{
    background: #FFF;
    position: relative;
    padding: 0 .1rem;
    font-size: .3rem;
    color: #000;
}

.activity-brand-box .subhead
{
    font-size: .22rem;
    text-align: center;
    color: #648EFF;
}

.activity-brand-box .img a
{
    float: left;
    width: 50%;
}

.activity-brand-box .img a img
{
    display: block;
    width: 80%;
    float: left;
    margin: .1rem;
}

.activity-brand-box .img a:nth-child(1) img
{
    float: right;
}

.activity-goods-box
{
    float: left;
    width: 25%;
    padding: .1rem 0;
}

.activity-goods-box .head
{
    width: 80%;
    margin: 0 auto;
}

.activity-goods-box .head .title
{
    font-size: .3rem;
    color: #000;
}

.activity-goods-box .head .subtitle
{
    font-size: .22rem;
    color: #648EFF;
}

.activity-goods-box a
{
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: .1rem;
}

.activity-goods-box a img
{
    display: block;
    width: 90%;
    margin-top: 5%;
}

.assist-help-top
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: .3rem;
    background: #FFF;
    z-index: 1;
}

.assist-help-top img
{
    display: block;
    width: 100%;
}

.assist-goods-list-warp
{
    height: 2.3rem;
    margin: .3rem;
    background: #FFF;
    border-radius: .3rem;
    -moz-border-radius: .3rem;
    -webkit-border-radius: .3rem;
    box-shadow: 0 0.15rem 0.3rem rgba(52, 52, 52, 0.2);
    position: relative;
}

.assist-goods-list-warp img:nth-child(1)
{
    display: block;
    position: absolute;
    left: 20%;
    width: .8rem;
}

.assist-goods-list-warp img:nth-child(2)
{
    display: block;
    height: 100%;
    border-radius: .3rem 0 0 .3rem;
    -moz-border-radius: .3rem 0 0 .3rem;
    -webkit-border-radius: .3rem 0 0 .3rem;
}

.assist-goods-list-warp .info
{
    position: absolute;
    width: 65%;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 .3rem .3rem 0;
    -moz-border-radius: 0 .3rem .3rem 0;
    -webkit-border-radius: 0 .3rem .3rem 0;
}

.assist-goods-list-warp .info .title
{
    margin: .15rem;
    line-height: .45rem;
    height: .9rem;
    overflow: hidden;
    color: #000;
    font-size: .28rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.assist-goods-list-warp .info .subtitle
{
    margin-left: .15rem;
    font-size: .25rem;
    color: #A7A7A7;
}

.assist-goods-list-warp .info .money
{
    position: absolute;
    left: .15rem;
    bottom: .1rem;
    font-size: .3rem;
    color: #E23F37;
}

.assist-goods-list-warp .info a
{
    position: absolute;
    right: .15rem;
    bottom: .1rem;
    height: .5rem;
    width: 1.3rem;
    font-size: .25rem;
    background: #E23F37;
    color: #FFF;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    border-radius: .3rem;
    -moz-border-radius: .3rem;
    -webkit-border-radius: .3rem;
}

.assist-nav-warp
{
    height: .8rem;
    background: #FFF;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
}

.assist-nav-warp span
{
    font-size: .35rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    width: 50%;
    height: .8rem;
}

.assist-nav-warp span a
{
    font-size: .32rem;
    display: flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    justify-content: center;
    height: .8rem;
}

.assistreg-title
{
    padding: .5rem;
    padding-bottom: 0;
    font-size: .5rem;
    color: #000;
}

.assistreg-subtitle
{
    padding: .5rem;
    padding-top: .1rem;
    padding-bottom: 0;
    font-size: .26rem;
    line-height: .4rem;
    color: rgb(120,120,120);
}

.assist-nav-warp span img
{
    display: inline-block;
    height: .4rem;
    margin-right: .1rem;
}

.assist-nav-warp span:nth-child(1) a
{
    margin-left: .8rem;
}

.assist-nav-warp span:nth-child(2) a
{
    margin-right: .8rem;
}

.assistreg-phone-warp
{
    padding: .5rem;
    padding-top: .2rem;
    padding-bottom: .3rem;
}

.assistreg-phone-warp input
{
    line-height: .8rem;
    height: .8rem;
    border: 0;
    border-bottom: 1px solid #DCDCDC;
    font-family: "Microsoft YaHei";
    font-size: .3rem;
    color: #000;
}

.assistreg-phonecode-warp
{
    padding: .5rem;
    padding-top: 0;
}


.assistreg-phonecode-warp input
{
    width: 55%;
    float: left;
    line-height: .8rem;
    height: .8rem;
    border: 0;
    border-bottom: 1px solid #DCDCDC;
    font-family: "Microsoft YaHei";
    font-size: .3rem;
    color: #000;
}

.assistreg-phonecode-warp .submit,.assistreg-phonecode-warp .submit-wait
{
    float: right;
    height: .8rem;
    width: 40%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    background: #FF4500;
    color: #FFF;
}

#assistreg-submit-ok
{
    margin: .5rem;
    margin-top: 0;
    height: .8rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.assistreg-phonecode-warp .submit-wait,.assistreg-submit-wait
{
    background: #E9EBEC;
    color: #BBB ;
}

.assistreg-submit
{
    background: #FF4500;
    color: #FFF;
}

.applyWithdrawal-warp
{
    background: #FFF;
    margin: .25rem;
    overflow: hidden;
}

.applyWithdrawal-warp .head
{
    background: #FAFAFA;
    padding: .5rem .6rem;
}

.applyWithdrawal-warp .head .title
{
    float: left;
    color: #000;
    font-size: .28rem;
    width: 30%;
}

.applyWithdrawal-warp .head .subtitle
{
    float: left;
    width: 70%;
    font-size: .28rem;
}

.applyWithdrawal-warp .head .subtitle span:nth-child(1)
{
    color: #5C6F98;
    font-weight: bold;
}

.applyWithdrawal-warp .head .subtitle span:nth-child(2)
{
    color: #E51C23;
    display: block;
    font-size: .23rem;
    margin-top: .1rem;
}

.applyWithdrawal-warp .subhead
{
    background: #FFF;
    padding: .3rem .6rem;
}

.applyWithdrawal-warp .subhead .title
{
    color: #000;
    font-size: .28rem;
}

.applyWithdrawal-warp .subhead input:nth-child(2)
{
    border: 0;
    height: 1rem;
    line-height: 1rem;
    color: #000;
    padding-left: .2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #E1E1E1;
}

.applyWithdrawal-warp .subhead .select
{
    width: 100%;
}

.applyWithdrawal-warp .subhead .select div
{
    float: left;
    width: 47.5%;
    height: 1.3rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    margin-top: .2rem;
    color: #9c9c9c;
    border: 1px dashed #9c9c9c;
    border-radius: .1rem;
    -webkit--border-radius: .1rem;
    -moz-border-radius: .1rem;
    font-size: .35rem;
}

.applyWithdrawal-warp .subhead .select .select-box
{
    color: #1AAC18;
    border: 1px solid #1AAC18;
}


.applyWithdrawal-warp .subhead .select .active
{
    color: #FFF;
    background: #1AAC18;
}

.applyWithdrawal-warp .subhead .select div:nth-child(2),
.applyWithdrawal-warp .subhead .select div:nth-child(4)
{
    float: right;
}

.applyWithdrawal-warp .subhead .tips
{
    margin-top: .2rem;
}

.applyWithdrawal-warp .subhead .tips span
{
    color: #5C6F98;
    font-weight: bold;
}

.applyWithdrawal-warp .submit
{
    margin: .3rem .6rem;
    background: #A3DEA3;
    color: #BEE8BE;
    font-size: .35rem;
    height: 1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.applyWithdrawal-warp>.active
{
    color: #FFF;
    background: #1AAC18;
}

.common-checkmobile-warp
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
}

.common-checkmobile-box
{
    position: absolute;
    width: 80%;
    left: 50%;
    top: 25%;
    margin-left: -40%;
    background: #FFF;
    padding: .3rem .6rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.common-checkmobile-box>input
{
    border: 0;
    height: .8rem;
    line-height: .8rem;
    color: #000;
    padding-left: .2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #E1E1E1;
}

.common-checkmobile-box>div:nth-child(2)
{
    margin-top: .2rem;
}

.common-checkmobile-box>div:nth-child(2) input
{
    width: 60%;
    float: left;
    border: 0;
    height: .8rem;
    line-height: .8rem;
    color: #000;
    padding-left: .2rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #E1E1E1;
}

.common-checkmobile-box>div:nth-child(2) span
{
    width: 40%;
    height: .8rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    color: #FFF;
    background: #1AAC18;
}

.common-checkmobile-box .submit
{
    color: #FFF;
    background: #1AAC18;
    height: .8rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    margin-top: .2rem;
}

.spellgroup-quick-link
{
    display: block;
    margin: 0 -.2rem;
}

.spellgroup-quick-link img
{
    display: block;
    width: 100%;
}

.user-bonus-warp
{
    padding: .15rem;
    padding-top: 0;
}


.user-shoppercoupons-right
{
    float: right;
    height: 1.4rem;
    padding: .2rem 0;
    width: 20%;
    background: #7EACF4;
    border-radius: 0 .1rem .1rem 0;
    -moz-border-radius: 0 .1rem .1rem 0;
    -webkit-border-radius: 0 .1rem .1rem 0;
}

.user-shoppercoupons-right a
{
    display: block;
}

.user-shoppercoupons-right span
{
    display: block;
    height: .6rem;
    padding: .15rem 0;
    width: .9rem;
    border-radius: .9rem;
    text-align: center;
    line-height: .3rem;
    border: 2px solid #FFF;
    color: #FFF;
    margin: 0 auto;
    margin-top: .25rem;
}

.shoppercoupons-bonus-warp
{
    margin-top: .2rem;
    background: #FFF;
    box-shadow: 0 0.15rem 0.3rem rgba(52, 52, 52, 0.2);
    -moz-box-shadow: 0 0.15rem 0.3rem rgba(52, 52, 52, 0.2);
    -webkit-box-shadow: 0 0.15rem 0.3rem rgba(52, 52, 52, 0.2);
}

.shoppercoupons-bonus-box>span:nth-child(1)
{
    float: left;
    width: 30%;
    height: 1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}

.shoppercoupons-bonus-box>span:nth-child(1) b
{
    font-size: .5rem;
    margin-left: 5px;
    color: #E51C23;
    height: 1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.shoppercoupons-bonus-box .title
{
    float: left;
    width: 70%;
    height: 1rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: .28rem;
    font-weight: bold;
    color: #000;
}

.shoppercoupons-bonus-tips
{
    margin: .1rem;
    margin-top: 0;
    border-top: 1px dashed rgb(174, 174, 174);
    font-size: .23rem;
    padding: .1rem;
    color: rgb(150,150,150);
}

.invite-code-warp
{
    padding: 1.4rem .8rem;
    position: relative;
}

.invite-code-warp .num
{
    position: absolute;
    right: .9rem;
    top: 3rem;
    color: rgb(150,150,150);
}

.invite-code-head
{
    font-size: .65rem;
    color: #757575;
}

.invite-code-warp input
{
    height: 1rem;
    line-height: 1rem;
    border: 0;
    font-size: .3rem;
    color: rgb(200,200,200);
    margin-top: .4rem;
}

.invite-code-warp .submit
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    height: .85rem;
    background: #CCC;
    color: #FFF;
    margin-top: 1rem;
    font-size: .3rem;
    border-radius: 1rem;
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
}

.subsidiesBonus-back
{
    background: rgb(254,254,254);
    padding: .5rem;
}

.subsidiesBonus-back .title
{
    font-size: .35rem;
}

.subsidiesBonus-value-warp
{
    width: 70%;
    margin: 0 auto;
    margin-top: .5rem;
    position: relative;
}

.subsidiesBonus-value-warp span
{
    top: 50%;
    height: 1rem;
    margin-top: -.5rem;
    left: 0;
    right: 0;
    text-align: center;
    margin-left: .3rem;
    position: absolute;
    font-size: 1rem;
    font-weight: bold;
    color: #DB4545;
}

.subsidiesBonus-value-warp img
{
    display: block;
    width: 100%;
}

.subsidiesBonus-back .tips
{
    font-size: .23rem;
    margin-top: .3rem;
    line-height: .4rem;
    color: rgb(150,150,150);
}

.subsidiesBonus-link
{
    background: rgb(254,254,254);
    margin-top: .4rem;
}

.subsidiesBonus-link a
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    height: 1rem;
    padding: 0 .5rem;
    font-size: .32rem;
}

.new-invite-back
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.8);
    z-index: 1000;
}

.new-invite-qr
{
    z-index: 10001;
    width: 80%;
    left: 10%;
    position: fixed;
    top: 50%;
    margin-top: -4rem;
    -webkit-box-shadow: 0 .2rem .4rem rgba(0,0,0,0.3);
    -moz-box-shadow: 0 .2rem .4rem rgba(0,0,0,0.3);
    box-shadow: 0 .2rem .4rem rgba(0,0,0,0.3);
    border-radius: .2rem;
    -moz-border-radius: .2rem;
    -webkit-border-radius: .2rem;
}

.new-invite-qr img
{
    display: block;
    width: 100%;
}

.exchange-day-push
{
    background: #FFF;
    margin: 0 .2rem;
    overflow: hidden;
}

.bexchange-nav-warp div
{
    float: left;
    width: 18%;
    margin-left: 2.5%;
}

.bexchange-nav-warp div:nth-child(1)
{
    margin-left: 0;
}

.bexchange-nav-warp div img
{
    display: block;
    width: 80%;
    margin: 10%;
    margin-bottom: 5%;
    margin-top: 0;
}

.bexchange-nav-warp span
{
    display: block;
    text-align: center;
    font-size: .23rem;
}

.shopper-silder-title .time-end
{
    font-weight: normal;
    font-size: .22rem;
    margin-left: .1rem;
}

.shopper-silder-title .time-end span
{
    border: 1px solid #F3F3F3;
    width: .3rem;
    text-align: center;
    display: inline-block;
}

.shopper-silder-title a
{
    position: absolute;
    right: 0;
    font-size: .23rem;
    font-weight: normal;
    color: #F23030;
}

.shopper-silder-title a i
{
    font-size: .23rem;
    font-weight: normal;
}

.bexchange-other-warp
{
    padding: .2rem;
    padding-bottom: 0;
    background: #F2F2F2;
}

.bexchange-other-adv a
{
    display: block;
}

.bexchange-other-adv img
{
    display: block;
    width: 100%;
}

.bexchange-weekpush-warp
{
    margin-top: .2rem;
    background: #FFF;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    padding-bottom: .3rem;
    overflow: hidden;
}

.bexchange-weekpush-warp>div
{
    margin: .1rem;
}

.bexchange-weekpush-warp .title
{
    margin: 0 .1rem;
}

.bexchange-weekpush-warp .title
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    height: .5rem;
}

.bexchange-weekpush-warp .title>span
{
    float: left;
    font-size: .32rem;
    font-weight: bold;
    width: 22%;
}

.bexchange-weekpush-warp .title>div
{
    float: right;
    width: 70%;
}

.bexchange-weekpush-warp .title>div span
{
    color: #FC766F;
    background: #FECFCD;
    font-size: .22rem;
    display: inline-block;
    width: .6rem;
    text-align: center;
    border-radius: .2rem;
}

.bexchange-weekpush-warp .title>div a
{
    margin-left: .1rem;
    font-size: .21rem;
}

.bexchange-weekpush-warp .title>div ul
{
    overflow: hidden;
    height: .5rem;
    position: relative;
}

.bexchange-weekpush-warp .title>div ul li
{
    height: .5rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    position: absolute;
    top: .5rem;
    z-index: 0;
    transition: .3s;
    background: #FFF;
}

.bexchange-weekpush-warp .title>div ul li:nth-child(1)
{
    top: 0;
    z-index: 1;
}

.bexchange-other-warp .head
{
    margin-top: .2rem;
}

.bexchange-other-warp .head img
{
    display: block;
    margin: 0 auto;
    width: 50%;
}

.bexchange-push-goods-warp>div
{
    float: left;
    width: 48%;
    margin-right: 4%;
    background: #FFF;
    margin-top: 4%;
    border-radius: .2rem;
    -moz-border-radius: .2rem;
    -webkit-border-radius: .2rem;
    overflow: hidden;
}

.bexchange-push-goods-warp>div:nth-child(2n)
{
    margin-right: 0;
}

.bexchange-push-goods-warp a,.bexchange-push-goods-warp img
{
    display: block;
    width: 100%;
}

.bexchange-push-goods-warp .title
{
    height: .6rem;
    line-height: .3rem;
    overflow: hidden;
    margin: .1rem;
    margin-bottom: 0;
    font-size: .22rem;
    color: #000;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bexchange-push-goods-warp .money
{
    margin: .1rem;
    margin-top: 0;
    color: #F23030;
}

.bexchange-menu-warp
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    height: .8rem;
    background: #FFF;
}

.bexchange-menu-warp .integral
{
    height: .8rem;
    float: right;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: .3rem;
    font-weight: bold;
    margin-right: .2rem;
    color: #000;
}

.bexchange-menu-warp .integral a
{
    color: #000;
}

.bexchange-menu-warp>a
{
    float: left;
    height: .8rem;
    width: .8rem;
    margin-left: .2rem;
}

.bexchange-menu-warp a svg
{
    margin: .15rem;
    width: .5rem;
    height: .5rem;
}

.bexchange-nav-warp a
{
    display: block;
}

.mobile-indexmodule2-warp>div,.mobile-indexmodule3-warp .two,.mobile-indexmodule4-warp .two
{
    float: left;
    width: 25%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:.1rem;
    border-right: 1px solid #F5F5F5;
}

.mobile-indexmodule2-warp>div
{
    border-bottom: 1px solid #F5F5F5;
}

.mobile-indexmodule2-warp .title,.mobile-indexmodule3-warp .two .title,.mobile-indexmodule4-warp .two .title
{
    font-size: .29rem;
}

.mobile-indexmodule2-warp .subtitle,.mobile-indexmodule3-warp .two .subtitle,.mobile-indexmodule4-warp .two .subtitle
{
    font-size: .22rem;
}

.mobile-indexmodule2-warp a,.mobile-indexmodule2-warp img,.mobile-indexmodule3-warp .two a,.mobile-indexmodule3-warp .two img,.mobile-indexmodule4-warp .two a,.mobile-indexmodule4-warp .two img
{
    display: block;
    width: 100%;
    margin-top: .1rem;
}

.mobile-indexmodule2-warp img,.mobile-indexmodule3-warp .two img,.mobile-indexmodule4-warp .two img
{
    width: 80%;
    margin: 0 auto;
}

.mobile-indexmodule2-warp a
{
    margin-top: .05rem;
}

.mobile-indexmodule2-warp div:nth-child(1) .title
{
    background: -webkit-linear-gradient(left,#FF2A2A,#F139D2);
    background: linear-gradient(90deg, #FF2A2A,#F139D2);
    -webkit-background-clip: text;
    color: transparent;
}

.mobile-indexmodule2-warp div:nth-child(2) .title
{
    background: -webkit-linear-gradient(left,#2AD396,#85BB1F);
    background: linear-gradient(90deg, #2AD396,#85BB1F);
    -webkit-background-clip: text;
}

.mobile-indexmodule2-warp div:nth-child(3) .title
{
    background: -webkit-linear-gradient(left,#FF765C,#FF23B3);
    background: linear-gradient(90deg, #FF765C,#FF23B3);
    -webkit-background-clip: text;
}

.mobile-indexmodule2-warp div:nth-child(4) .title
{
    background: -webkit-linear-gradient(left,#FF2A00,#FF00AF);
    background: linear-gradient(90deg, #FF2A00,#FF00AF);
    -webkit-background-clip: text;
}

.mobile-indexmodule2-warp div:nth-child(5) .title
{
    background: -webkit-linear-gradient(left,#D400FF,#FF320A);
    background: linear-gradient(90deg, #D400FF,#FF320A);
    -webkit-background-clip: text;
}

.mobile-indexmodule2-warp div:nth-child(6) .title
{
    background: -webkit-linear-gradient(left,#00C2AB,#3E94FF);
    background: linear-gradient(90deg, #00C2AB,#3E94FF);
    -webkit-background-clip: text;
}

.mobile-indexmodule2-warp div:nth-child(7) .title
{
    background: -webkit-linear-gradient(left,#FF765C,#FF23B3);
    background: linear-gradient(90deg, #FF765C,#FF23B3);
    -webkit-background-clip: text;
}

.mobile-indexmodule2-warp div:nth-child(8) .title
{
    background: -webkit-linear-gradient(left,#2AD396,#85BB1F);
    background: linear-gradient(90deg, #2AD396,#85BB1F);
    -webkit-background-clip: text;
}

.mobile-indexmodule2-warp .title
{
    color: transparent;
}

.mobile-indexmodule3-warp .one,.mobile-indexmodule4-warp .one
{
    float: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:.1rem;
    border-right: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
}

.mobile-indexmodule3-warp .one .title
{
    font-size: .29rem;
}

.mobile-indexmodule3-warp .one .subtitle
{
    color: red;
    font-size: .21rem;
}

.mobile-indexmodule3-warp .one div a
{
    float: left;
    width: 50%;
    margin-top: .1rem;
}

.mobile-indexmodule3-warp .one a img
{
    display: block;
    width: 70%;
    margin: 0 auto;
}

.mobile-indexmodule3-warp .two .subtitle
{
    font-size: .21rem;
    color: red;
}

.mobile-indexmodule3-warp .two a
{
    margin-top: .1rem;
}

.mobile-indexmodule4-warp .one .head
{
    float: left;
    width: 50%;
}

.mobile-indexmodule4-warp .one .img
{
    float: left;
    width: 50%;
}

.mobile-indexmodule4-warp .one .head .title
{
    font-size: .29rem;
}

.mobile-indexmodule4-warp .one .head .subtitle
{
    color: #D663E1;
    font-size: .21rem;
}

.mobile-indexmodule4-warp .one a
{
    display: block;
    margin-top: .1rem;
}

.mobile-indexmodule4-warp .one img
{
    display: block;
    width: 90%;
}

.mobile-indexmodule4-warp .two .subtitle
 {
    color: #D663E1;
 }

/*FDB350*/
.order-nav-warp
{
    padding: 0 .1rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #F1F2F2;
}

.order-nav-warp a
{
    float: left;
    width: 20%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:center;
    height: .9rem;
    font-size: .25rem;
}

.order-nav-warp .active
{
    color: #FF5001;
    border-bottom: .05rem solid #FF5001;
}

.order-info-warp
{
    padding: 0 .2rem;
}

.order-info-box
{
    margin-top: .2rem;
    padding: .2rem;
    background: #FFF;
    border-radius: .3rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
}

.order-info-box .shopinfo img
{
    float: left;
    width: .4rem;
    height: .4rem;
}

.order-info-box .shopinfo .title
{
    float: left;
    margin-left: .1rem;
    height: .4rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:center;
    font-size: .25rem;
}

.order-info-box .shopinfo .status
{
    float: right;
    margin-left: .1rem;
    height: .4rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:center;
    font-size: .25rem;
    color: #FF5001;
}

.order-info-box .goodinfo
{
    margin-top: .2rem;
}

.order-info-box .goodinfo img
{
    float: left;
    width: 27%;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
}

.order-info-box .goodinfo .title
{
    float: left;
    width: 48%;
    margin-left: 3%;
}

.order-info-box .goodinfo .price
{
    float: left;
    width: 20%;
    margin-left: 2%;
}

.order-info-box .goodinfo .price span
{
    display: block;
    text-align: right;
}

.order-info-box .goodinfo .price span:nth-child(1)
{
    font-size: .28rem;
    color: #000;
}

.order-info-box .goodinfo .price span:nth-child(2)
{
    font-size: .25rem;
    margin-top: .1rem;
    color: rgb(100,100,100);
}

.order-info-box .info
{
    text-align: right;
    font-size: .25rem;
    margin-top: .2rem;
}

.order-info-box .submit a
{
    float: right;
    margin-left: .15rem;
    margin-top: .3rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:center;
    height: .55rem;
    border: 1px solid #c0c0c0;
    padding: 0 .3rem;
    border-radius: .4rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    color: #696969;
    font-size: .25rem;
}

.order-info-box>a
{
    display: block;
}

.order-none-warp img
{
    display: block;
    width: 30%;
    margin: 0 auto;
    margin-top: 30%;
}

.order-none-warp span
{
    display: block;
    text-align: center;
    margin-top: .5rem;
    margin-bottom: 2rem;
    font-size: .3rem;
    font-weight: bold;
}

.order-load-warp
{
    text-align: center;
    margin-top: .2rem;
    display: none;
}

.gamerotary-warp
{
    position: absolute;
    margin: 0 auto;
    top: 3.8rem;
    width: 6.5rem;
    height: 7rem;
    left: 50%;
    margin-left: -3.25rem;
    overflow: hidden;
}

.gamerotary-warp img
{
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.gamerotary-warp img:nth-child(2)
{
    transition: 5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.gamerotary-warp img:nth-child(4)
{

    top: 6.48rem;
    width: 2.5rem;
    left:2rem
}

.rotary-back
{
    display: block;
    width: 100%;
}

.gamerotary-num-box
{
    position: absolute;
    top: 11rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
    font-size: .4rem;
}

.gameget-warp
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}

.gameget-warp .gamegetback
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}

.gameget-warp img
{
    display: block;
    position: absolute;
    width: 80%;
    left: 10%;
    top: 3rem;
    transform:scale(0.5);
    transition: .2s;
}

.gameget-warp span
{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 4.2rem;
    font-size: .3rem;
    font-weight: bold;
    opacity: 0;
    transform:scale(0.5);
    transition: .2s;
}

.gameget-tips
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    display: none;
}

.gameget-tips .tips
{
    position: absolute;
    background: #FFF;
    padding: .4rem;
    width: 70%;
    left: 15%;
    top: 3.5rem;
    border-radius: .05rem;
    -moz-border-radius: .05rem;
    -webkit-border-radius: .05rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.gameget-tips .tips span
{
    display: block;
    font-size: .3rem;
    color: #000;
}

.gameget-tips .tips span:nth-child(2)
{
    margin-top: .2rem;
    text-align: right;
    color: #1BAE1E;
}

.shopper-category-adv,.shopper-category-adv img
{
    display: block;
    width: 100%;
}

.mobile-offline-warp
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.mobile-offline-warp>img
{
    display: block;
    width: 100%;
}

.mobile-offline-box
{
    position: absolute;
    top: 7.5rem;
    left: 0;
    right: 0;
}

.mobile-offline-box>img
{
    display: block;
    width: 40%;
    margin: 0 auto;
}

.mobile-offline-warp .title
{
    position: absolute;
    top: 1rem;
    font-size: .4rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #b4dee4;
    font-weight: bold;
}

.mobile-offline-warp .subtitle
{
    position: absolute;
    top: 2rem;
    font-size: .6rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.mobile-offline-warp .img-title
{
    position: absolute;
    font-size: .3rem;
    top: 5.4rem;
    left: 0;
    right: 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
}

.orderdetail-head-warp
{
    padding: 0 .2rem;
    background: #FFF;
}

.orderdetail-head-warp .title
{
    height: .8rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:space-between;
    font-size: .23rem;
}

.orderdetail-head-warp .title span:nth-child(2)
{
    color: #3c95ff;
    font-size: .22rem;
    padding: .01rem .08rem;
    border: 1px solid #3c95ff;
    border-radius: .05rem;
    -moz-border-radius: .05rem;
    -webkit-border-radius: .05rem;
}

.orderdetail-head-warp .subtitle
{
    position: relative;
    margin: 0 .25rem;
    margin-top: .5rem;
    height: .2rem;
}

.orderdetail-head-warp .subtitle span
{
    position: absolute;
    display: block;
    height: .2rem;
    width: .2rem;
    background: rgb(236, 236, 236);
    border-radius: .2rem;
    -moz-border-radius: .2rem;
    -webkit-border-radius: .2rem;
    z-index: 1;
}

.orderdetail-head-warp .subtitle span:nth-child(1)
{
    left: 0;
}

.orderdetail-head-warp .subtitle span:nth-child(3)
{
    left: 33.3%;
    margin-left: -0.1rem;
}

.orderdetail-head-warp .subtitle span:nth-child(5)
{
    left: 66.6%;
    margin-left: -0.1rem;
}

.orderdetail-head-warp .subtitle span:nth-child(7)
{
    right: 0;
}

.orderdetail-head-warp .subtitle .line
{
    position: absolute;
    top: .1rem;
    margin-top: -0.5px;
    width: 33.3%;
    height: 1px;
    background: rgb(236, 236, 236);
}

.orderdetail-head-warp .subtitle .line:nth-child(2)
{
    left: 0;
}

.orderdetail-head-warp .subtitle .line:nth-child(4)
{
    left: 33.3%;
}

.orderdetail-head-warp .subtitle .line:nth-child(6)
{
    left: 66.6%;
}

.orderdetail-head-warp .subhead
{
    margin-top: .1rem;
    position: relative;
    height: .3rem;
    padding-bottom: .3rem;
}

.orderdetail-head-warp .subhead span
{
    position: absolute;
    width: 1rem;
    font-size: .23rem;
}

.orderdetail-head-warp .subhead span:nth-child(2)
{
    left: 33.3%;
    text-align: center;
    margin-left: -.4rem;
}

.orderdetail-head-warp .subhead span:nth-child(3)
{
    left: 66.6%;
    text-align: center;
    margin-left: -.55rem;
}

.orderdetail-head-warp .subhead span:nth-child(4)
{
    text-align: right;
    right: 0;
}

.orderdetail-user-warp
{
    margin-top: .2rem;
    padding: 0 .2rem;
    background: #FFF;
}

.orderdetail-user-warp .title
{
    height: .8rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content:space-between;
}

.orderdetail-user-warp .goods-list
{
    position: relative;
}

.orderdetail-user-warp .goods-list a:nth-child(1)
{
    float: left;
    width: 20%;
}

.orderdetail-user-warp .goods-list a:nth-child(2)
{
    position: absolute;
    left: 22.5%;
    top: .2rem;
    bottom: .2rem;
    width: 55%;
}

.orderdetail-user-warp .goods-list a:nth-child(2) span
{
    display: block;
}

.orderdetail-user-warp .goods-list a:nth-child(2) span:nth-child(1)
{
    color: #000;
}

.orderdetail-user-warp .goods-list a:nth-child(2) span:nth-child(2)
{
    color: rgb(188,188,188);
}

.orderdetail-user-warp .goods-list a:nth-child(1) img
{
    display: block;
    width: 100%;
    padding: .1rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.orderdetail-user-warp .goods-list>div
{
    position: absolute;
    width: 20%:;
    right: 0;
    bottom: .2rem;
    color: rgb(188,188,188);
}

.orderdetail-pay
{
    margin-top: .2rem;
    padding: .2rem;
}

.orderdetail-pay div
{
    width: 100%;
}

.orderdetail-pay div>input
{
    width: 100%;
    margin: 0;!important;
}

.kuaidi-mes-warp
{
    padding: .2rem .2rem;
}

.mobile-offlineicon-warp
{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    padding-top: 1rem;
    color: #FFF;
}

.mobile-offlineicon-warp img
{
    width: 1rem;
    float: left;
}

.mobile-offlineicon-warp span
{
    float: left;
    line-height: 1.5rem;
    width: 1.5rem;
    text-align: center;
    font-size: .45rem;
    font-weight: bold;
}

.mobile-offlineicon-title
{
    text-align: center;
    font-size: .3rem;
    font-weight: bold;
    margin-top: .5rem;
    margin-bottom: 1.8rem;
    color: #FFF;
}

.mobile-offlinecoupon-box
{
    margin: .15rem .7rem;
    position: relative;
}

.mobile-offlinecoupon-warp
{
    padding-top: 4rem;
}

.mobile-offlinecoupon-box:nth-child(4)
{
    margin-top: .3rem;
}

.mobile-offlinecoupon-box img
{
    display: block;
    width: 100%;
}

.mobile-offlinecoupon-box span
{
    position: absolute;
    top: 0;
    left: 1.35rem;
    height: 1.2rem;
    font-size: .6rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    color: #F4264D;
}

.mobile-offlinecoupon-submit
{
    height: .8rem;
    width: 3rem;
    color: #FFF;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: .5rem;
    font-size: .28rem;
}

.mobile-offlinecoupon-submit img
{
    display: block;
    width: 100%;
}

.mobile-offlinecoupon-back
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    display: none;
}

.mobile-offlinecoupon-back>img:nth-child(1)
{
    display: block;
    position: absolute;
    width: 6rem;
    left: 50%;
    margin-left: -3rem;
    top: 1rem;
}

.mobile-offlinecoupon-back img:nth-child(2)
{
    display: block;
    position: absolute;
    width: 2rem;
    left: 50%;
    margin-left: -1rem;
    top: 6.2rem;
}

.mobile-offlinecoupon-back span
{
    position: absolute;
    left: 0;
    right: 0;
    color: #FFF;
    text-align: center;
    font-size: .28rem;
    bottom: .5rem;
}

.mobile-offlinecoupon-back span img
{
    width: .5rem;
    margin-right: .1rem;
}

.goto-jd-seacher
{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #E1251C;
    height: .7rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    font-size: .3rem;
    color: #FFF;
}

.goto-jd-seacher span
{
    text-decoration: underline;
}

.goto-jd-seacher a
{
    display: block;
    color: #FFF;
}

.rebate-tips-warp
{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0,0,0,.7);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    opacity: 0;
    visibility:hidden;
    transition: .3s;
}

.rebate-tips-warp ul
{
    padding: .3rem .5rem;
    position: absolute;
    background: #FFF;
    border-radius: .1rem;
    -moz-border-radius: .1rem;
    -webkit-border-radius: .1rem;
    box-shadow: 0 0 .3rem rgba(0,0,0,.3);
}

.rebate-tips-warp ul li
{
    line-height: .6rem;
    font-size: .26rem;
}

.offline-rotary-warp
{
    width: 90%;
    margin: 0 auto;
    position: relative;

}

.offline-rotary-warp img
{
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 2.5rem;
}

.offline-rotary-warp .submit
{
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    left: 50%;
    margin-left: -.75rem;
    top: 5rem;
}

.offline-rotary-list
{
    color: #FFF;
    padding-top: 9.5rem;
}

.offline-rotary-list .title
{
    font-size: .4rem;
    text-align: center;
}

.offline-rotary-coupon-warp
{
    position: relative;
}

.offline-rotary-coupon-warp span
{
    position: absolute;
    left: 2rem;
    top: .2rem;
    color: red;
    font-size: .5rem;
}

.offline-rotary-coupon-warp img
{
    width: 80%;
    display: block;
    margin: 0 auto;
    margin-top: .2rem;
}

.offline-rotary-warp img:nth-child(2)
{
    transition: 5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}

.offline-rotary-list .submit
{
    display: block;
    height: .7rem;
    margin: 0 auto;
    margin-top: .2rem;
    margin-bottom: .1rem;
}

.offline-rotary-list .subtitle
{
    text-align: center;
    font-size: .3rem;
    margin-bottom: .3rem;
}

.mobile-offlinecoupon-game-tips img
{
    display: block;
    width: 100%;
}

.mobile-offlinecoupon-game-tips
{
    width: 80%;
    margin: 0 auto;
    margin-top: .3rem;
}