/*初始化*/

@font-face {
    font-family: 'iconfont';  /* project id 1049350 */
    src: url('//at.alicdn.com/t/font_1049350_4wh587c0ssg.eot');
    src: url('//at.alicdn.com/t/font_1049350_4wh587c0ssg.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1049350_4wh587c0ssg.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1049350_4wh587c0ssg.woff') format('woff'),
    url('//at.alicdn.com/t/font_1049350_4wh587c0ssg.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1049350_4wh587c0ssg.svg#iconfont') format('svg');
  }

@font-face { 
    font-family: 'DINOT-Bold';
    src: url('./font/DINOT-Bold.ttf');
    font-weight: normal; 
    font-style: normal; 
}

.iconfont {
    font-family: 'iconfont';
    font-weight: normal;
}

@media screen and (orientation:portrait) and (max-width:319px)
{
    body
    {
        font-size: 14px;
    }
    html
    {
        font-size: 14px;
    }
}@media screen and (orientation:portrait) and (min-width:320px) and (max-width:359px)
{
    body
    {
        font-size: 16px;
    }
    html
    {
        font-size: 16px;
    }
}@media screen and (orientation:portrait) and (min-width:360px) and (max-width:374px)
{
    body
    {
        font-size: 18px;
    }
    html
    {
        font-size: 18px;
    }
}@media screen and (orientation:portrait) and (min-width:375px) and (max-width:413px)
{
    body,
    button
    {
        font-size: 18.75px;
    }
    html
    {
        font-size: 18.75px;
    }
}@media screen and (orientation:portrait) and (min-width:414px) and (max-width:479px)
{
    body
    {
        font-size: 20.7px;
    }
    html
    {
        font-size: 20.7px;
    }
}@media screen and (orientation:portrait) and (min-width:480px) and (max-width:540px)
{
    body
    {
        font-size: 24px;
    }
    html
    {
        font-size: 24px;
    }
}@media screen and (orientation:portrait) and (min-width:541px)
{
    body
    {
        font-size: 24px;
    }
    html
    {
        font-size: 24px;
    }
}

@media screen and (orientation:landscape) and (max-height:240px)
{
    body
    {
        font-size: 12px;
    }
    html
    {
        font-size: 12px;
    }
}@media screen and (orientation:landscape) and (min-height:241px) and (max-height:320px)
{
    body
    {
        font-size: 16px;
    }
    html
    {
        font-size: 16px;
    }
}@media screen and (orientation:landscape) and (min-height:321px) and (max-height:384px)
{
    body
    {
        font-size: 18.75px;
    }
    html
    {
        font-size: 18.75px;
    }
}@media screen and (orientation:landscape) and (min-height:385px) and (max-height:540px)
{
    body
    {
        font-size: 20.7px;
    }
    html
    {
        font-size: 20.7px;
    }
}@media screen and (orientation:landscape) and (min-height:541px)
{
    body
    {
        font-size: 24px;
    }
    html
    {
        font-size: 24px;
    }
}

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
header,
section,
footer,
aside,
nav,
main,
article,
figure
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;

    -webkit-tap-highlight-color: transparent;
}

body
{
    resize: none;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure
{
    display: block;
}

div,
input,
button,
p,
ul,
ol,
li,
textarea
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

button,
input,
select,
textarea
{
    font-size: 100%;

    padding: 0;

    border: none;
    outline: none;
}

button,
input
{
    background: transparent;
}

html
{
    min-height: 100%;

    background-color: #fafafa;
}

*{
    max-width: 750px;
}

html{
    max-width: 100%;
}

body{
    max-width: 750px;
    margin: 0 auto;
}

body
{
    font-family: Helvetica;
    /* background-color: #f2f2f2; */

    min-height: 100%;

    background-color: #fafafa;
}

div,
ul,
ol,
li
{
    box-sizing: border-box;
}

ul,
ol
{
    list-style: none;
}

input
{
    padding-top: 0;
    padding-bottom: 0;
}

a:link,
a:visited,
a:hover,
a:active
{
    text-decoration: none;

    color: black;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
       -moz-tap-highlight-color: rgba(0, 0, 0, 0);
        -ms-tap-highlight-color: rgba(0, 0, 0, 0);
         -o-tap-highlight-color: rgba(0, 0, 0, 0);
            tap-highlight-color: rgba(0, 0, 0, 0);
}

.fl
{
    float: left;
}

.fr
{
    float: right;
}
/*去掉图片底部默认的若干像素空白*/
img
{
    display: block;
}
.large-padding-bottom{
    padding-bottom: 1px;
}
/*选项栏*/
.btnbar
{
    position: relative;

    width: 100%;
    height: 2.347rem;

    border-bottom: 1px solid #f2f2f2;
    background-color: #fff;
}

.btnbar.btnfoot
{
    margin-top: -.533rem;
}

.btnbar .btnname
{
    font-size: .747rem;
    line-height: 2.347rem;

    position: absolute;
    left: .534rem;

    margin: 0;
}

.btnbar .btntitle
{
    font-size: .747rem;
    font-weight: bold;
    line-height: 2.347rem;

    position: absolute;
    left: .534rem;

    margin: 0;
}

.btnbar .btnright
{
    font-size: .64rem;
    line-height: 2.347rem;

    position: absolute;
    right: .534rem;

    margin: 0;
}

.btnbar .btnwide
{
    width: 4.8rem!important;
}

.righticon
{
    position: absolute;
    top: 50%;
    right: .533rem;

    width: .56rem;
    height: .96rem;
    margin-top: -.48rem;

    background-image: url(../../img1/more@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: .56rem .96rem;
            background-size: .56rem .96rem;
}

.btninbar
{
    font-size: .64rem;
    line-height: 1.494rem;

    position: absolute;
    top: 50%;
    right: .533rem;

    width: 3.573rem;
    height: 1.494rem;
    margin-top: -.747rem;

    text-align: center;

    color: #fff;
    background-color: #000;
}

.btnbar .btngroup
{
    position: absolute;
    right: .533rem;

    height: 2.347rem;
    padding-top: .426rem;
}

.btnbar .btngroup .left,
.btnbar .btngroup .right
{
    font-size: .64rem;
    line-height: 1.494rem;

    display: inline-block;

    width: 3.573rem;
    height: 1.494rem;

    text-align: center;

    color: #fff;
    background: #000;
    /*top: 50%;
    margin-top: -0.747rem;*/
}

.btnbar .btngroup .left
{
    margin-right: .8rem;
}

.btnwhite
{
    color: #000!important;
    border: 1px solid #000!important;
    background: #fff!important;
}


/*底部导航栏*/
.bottomnav {
    position: fixed;
    bottom: 0;
    z-index: 999999999999;
    width: 100%;
    height: 2.64rem;
    background: #fff;
    border-top: 1px solid #f2f2f2
}

.bottomnav .navs-list {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
    display: table
}

.bottomnav .navs-list .nav-tab {
    position: static;
    width: 20%;
    height: 100%;
    font-size: 0;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.bottomnav .navs-list .nav-tab .icon {
    display: inline-block;
    width: 1.28rem;
    height: 1.28rem;
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.bottomnav .navs-list .nav-tab .name {
    font-size: .4266666667rem;
    font-family: "PingFangSC-Semibold";
    font-weight: 600;
    color: #8c7e80
}

.bottomnav .navs-list .nav-tab.active .name {
    color: #665152
}

.bottomnav .navs-list .nav-tab.navhome .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiitic14su1euq17ol14se11.png")
}

.bottomnav .navs-list .nav-tab.navcategory .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiit5u1138t08bsauis10.png")
}

.bottomnav .navs-list .nav-tab.navseller .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiit1l1517suhusll11abuv.png")
}

.bottomnav .navs-list .nav-tab.navcart .icon {
    position: relative;
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiislpa1p7119jruk11bnls.png")
}

.bottomnav .navs-list .nav-tab.navcart .icon .number {
    position: absolute;
    right: 0;
    height: 0;
    padding: .08rem .2133333333rem;
    height: .7466666667rem;
    border-radius: .5066666667rem;
    font-size: .48rem;
    font-family: "PingFangSC-Regular";
    font-weight: 400;
    color: #fff;
    -webkit-transform: translate(45%, 0%);
    -moz-transform: translate(45%, 0%);
    transform: translate(45%, 0%);
    background: #D93644
}

.bottomnav .navs-list .nav-tab.navmy .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiit17ks4st132v15vrrkpu.png")
}

.bottomnav .navs-list .nav-tab.navhome.active .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiit1riu11ko11jsm3nbad15.png")
}

.bottomnav .navs-list .nav-tab.navcategory.active .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiit14r93ng1n7h1erjoih14.png")
}

.bottomnav .navs-list .nav-tab.navseller.active .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiit1scced41al8r8h114813.png")
}

.bottomnav .navs-list .nav-tab.navcart.active .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiit44i1t4d13t016392odt.png")
}

.bottomnav .navs-list .nav-tab.navmy.active .icon {
    background-image: url("http://img.cdn.aplum.com/o_1cq0gbiit18q8njk1h7c18cq16bd12.png")
}

.product .productImg
{
    width: 4.747rem;
    height: 4.747rem;
    margin-top: .48rem;
    margin-left: .534rem;
}

.product .productImg img
{
    width: 4.747rem;
    height: 4.747rem;
}


.product .productBrand
{
    font-size: .747rem;
    line-height: .907rem;

    position: absolute;
    top: .96rem;
    left: 6.08rem;

    overflow: hidden;

    width: 7.8rem;
    height: .91rem;

    color: rgb(52,52,52);
}

.product .productName
{
    font-size: .64rem;
    line-height: .907rem;

    position: absolute;
    top: 2.187rem;
    left: 6.08rem;

    overflow: hidden;

    width: 7.8rem;
    height: 1.814rem;

    color: rgb(52,52,52);
}

.product .productStyle
{
    font-size: .567rem;

    position: absolute;
    bottom: .48rem;

    margin-left: .8rem;

    color: rgb(102,102,102);
}

.product .productPrice
{
    font-size: .747rem;
    font-weight: bold;

    position: absolute;
    right: .533rem;
    bottom: .96rem;

    padding: 0;
}


/*底部按钮*/
.bottombtn
{
    font-size: .747rem;
    line-height: 2.133rem;

    position: fixed;
    bottom: .533rem;
    left: 2.8%;

    width: 94.4%;
    height: 2.133rem;

    text-align: center;

    color: #fefefe;
    background-color: #1a1a1a;
}

/*列表页无记录时*/
/* 旧版商品列表或订单列表为空的样式(如果使用此样式的改版，请使用新版样式） */
.empty
{
    position: absolute;
    top: 10.133rem;
    left: 50%;

    width: 48%;
    margin-left: -24%;
}

.empty .background
{
    width: 30%;
    margin-left: 35%;

    background-repeat: no-repeat;
    background-position: center center;
}

.empty .words
{
    font-size: .747rem;
    line-height: .747rem;

    margin-top: .8rem;

    text-align: center;

    color: #666;
}
/* 新版商品列表或订单列表为空的样式 */
.null
{
    position: fixed;
    z-index: 1;
    top: 0;

    display: flex;

    width: 100%;
    height: 100%;

    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: #fff;
}

.null .null-img
{
    width: 29.6%;
}

.null .no-more-orders,.null .no-more-products{
    width: 16.053rem;
}
/*提示*/
.warnning{
    position: fixed;
    z-index: 999999999999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 16.48rem;
    padding: 0.48rem 0.8rem;
    color: #FFF;
    background-color: rgba(51,51,51,0.9);;
    font-size: 0.693rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    line-height: 0.96rem;
    border-radius: 5px;
    text-align: center;
    /* white-space: nowrap; */
}

/*禁止vue加载成功前dom结构显示*/
[v-cloak]
{
    display: none;
}

/*表示购物车及订单列表数量的数字*/

.bottomnav .number
{
    position: relative;
}

.num
{
    font-size: .48rem;
    line-height: 1.4em;

    position: absolute;
    top: 7%;
    left: 52%;

    width: .64rem;
    height: .64rem;

    text-align: center;

    color: #fff;
    -webkit-border-radius: 100%;
       -moz-border-radius: 100%;
            border-radius: 100%;
    background-color: #D93644;

         -o-border-radius: 100%;;
}


/*前往优惠券页面*/
img.tovouchers
{
    position: fixed;
    z-index: 9999;
    right: .533rem;
    bottom: 4.746rem;

    width: 2.346rem;
    height: 2.346rem;
}

/*弹出窗*/
.plum-modal
{
    position: fixed;
    z-index: 99999999999;
    top: 0;

    width: 100%;
    height: 100%;

    background: rgba(10%, 10%, 10%, .8);
}

.plum-modal .modal
{
    position: relative;
    top: 7rem;
    left: 15%;

    width: 70%;
    padding: 1.68rem 0;

    text-align: center;

    background: #fff;
}

.plum-modal .modal .head
{
    font-size: 1.067rem;
    line-height: 1.2rem;

    margin-bottom: 1.4rem;

    color: #D93644;
}

.plum-modal .modal .body
{
    font-size: .64rem;
    line-height: 1.2rem;

    padding: 0 .64rem;

    text-align: justify;
}

.plum-modal .modal .body .center
{
    text-align: center;
}

.plum-modal .modal .foot
{
    margin-top: 1.4rem;
}

.plum-modal .modal .foot div
{
    font-size: .64rem;
    line-height: 1.8rem;

    position: relative;

    display: inline-block;

    width: 5rem;
    height: 1.8rem;

    color: #fff;
    background-color: #000;
}

.plum-modal .modal .foot div:nth-child(1)
{
    color: #000;
    border: 1px solid #000;
    background: #fff;
}


/*分享指引*/
.share_guide
{
    position: fixed;
    z-index: 1111111111;
    top: 0;

    width: 100%;
    height: 100%;

    background: rgba(10%, 10%, 10%, .8);
}

.share_guide img
{
    position: fixed;
    top: .533rem;
    right: 1rem;

    width: 1.44rem;
    height: 1.067rem;
}

.share_guide .guide
{
    font-size: .747rem;
    line-height: 1.2rem;

    margin-top: 1.5rem;
    padding: .9rem;

    text-align: justify;

    color: #fff;
}

.logocolor
{
    color: #FF0C05!important;
}

.logobgcolor
{
    background: #D93644;
}

.bold
{
    font-weight: bold;
}

.m-t
{
    margin-top: .267rem;
}
.m-b
{
    margin-bottom: .267rem;
}

/*matgin-top-middle*/
.m-t-m
{
    margin-top: .48rem;
}
.m-b-m
{
    margin-bottom: .533rem;
}

.m-h
{
    margin-top: .267rem;
    margin-bottom: .267rem;
}
.m-b-l
{
    margin-bottom: 3rem;
}

.m-t-l
{
    margin-top: 2.614rem;
}

.text-box
{
    font-size: .64rem;
    line-height: 1.067rem;

    clear: both;

    padding: .8rem .533rem;

    text-align: justify;

    border-bottom: 1px solid #f2f2f2;
    background: #fff;
}

.b-t
{
    border-top: 1px solid #f2f2f2;
}


/*底部宽按钮*/
.bottom_container
{
    position: fixed;
    bottom: 0;

    width: 100%;
    height: 2.64rem;

    border-top: 1px solid #f2f2f2;
    background: #fff;
}

.bottom_container .btn
{
    font-size: .747rem;
    line-height: 2rem;

    position: fixed;
    bottom: .32rem;
    left: 2.8%;

    width: 94.4%;
    height: 2rem;

    text-align: center;

    color: #fefefe;
    background-color: #1a1a1a;
}

.bottombtns .btn.left
{
    font-size: .747rem;
    line-height: 2rem;

    position: fixed;
    bottom: .32rem;
    left: .533rem;

    width: 44%;
    height: 2rem;

    text-align: center;

    color: #fefefe;
    background-color: #1a1a1a;
}

.bottombtns .btn.right
{
    font-size: .747rem;
    line-height: 2rem;

    position: fixed;
    right: 0;
    bottom: .32rem;

    width: 44%;
    height: 2rem;

    text-align: center;

    color: #fefefe;
    background-color: #1a1a1a;
}

.clear
{
    clear: both;
    zoom: 1;
}

.clear:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}

.underline
{
    text-decoration: underline;
}

.whitebtn
{
    color: #000;
    background: #fff;
}

.blackbtn
{
    color: #fff;
    background: #000;
}

/*灰色蒙层文案*/
.grey
{
    position: fixed;
    z-index: 9999;
    z-index: 999999999999;
    top: 0;
    left: 0;

    overflow: scroll;

    width: 100%;
    /*height: 100%!important;*/
    min-height: 100%;
    /*padding-top: 0.9rem;
    padding-left: 0.533rem;
    padding-right: 0.533rem;
    */

    text-align: justify;

    color: #fff;
    background: rgba(0,0,0,.75);
}
.grey div.title
{
    font-size: .747rem;
    font-weight: bold;
}

.grey h5
{
    font-size: .747rem;
    font-weight: bold;
}

.grey p
{
    font-size: .64rem;
    line-height: 1.2rem;

    margin: .533rem 0;
}

.grey .close
{
    position: fixed;
    bottom: 3rem;
    left: 50%;

    width: 1.2rem;
    height: 1.2rem;
    margin-left: -.6rem;
}

/*标准样式*/
.text_a1
{
    font-size: .747rem;
    font-weight: bold;
}

.text_a2
{
    font-size: .747rem;
}

.text_b1
{
    font-size: .64rem;
    font-weight: bold;
}

.text_b2
{
    font-size: .64rem;
}

.text_c1
{
    font-size: .533rem;
    font-weight: bold;
}

.text_c2
{
    font-size: .533rem;
}

.tab
{
    position: fixed;
    z-index: 999;
    top: 0;

    width: 100%;
    height: 2.347rem;

    border-bottom: 1px solid #e2e2e2;
    background-color: #fff;
}

.tab_ele
{
    font-size: .747rem;
    line-height: 2.347rem;

    float: left;

    height: 2.347rem;

    text-align: center;

    color: #999;
}

.tab_ele.tab_ele_active
{
    font-size: .747rem;
    line-height: 2.347rem;

    height: 2.347rem;

    color: #000;
    border-bottom: 2px solid #000;
}

.bottombtns
{
    position: fixed;
    /*
    z-index: 100000;
    */
    z-index: 1000;
    bottom: 0;

    width: 100%;
    height: 2.64rem;

    border-top: 1px solid #e2e2e2;
    background: #fff;
}

.bottombtns.above
{
    bottom: 2.64rem;
}

.bottombtns .btn
{
    font-size: .747rem;
    line-height: 2rem;

    float: right;

    height: 2rem;
    margin-top: .32rem;
    margin-right: .533rem;

    text-align: center;

    color: #fff;
    background: #000;
}

.bottombtns .btn.big
{
    width: 94.4%;
    margin-right: 2.8%;
}

/*文本区统一样式*/
.textblock
{
    padding: .4rem .533rem 1.2rem;

    background: #fff;
}

.textblock .title
{
    font-size: .747rem;
    font-weight: bold;
    line-height: 1.547rem;

    padding-top: .8rem;
}

.textblock .title.center
{
    text-align: center;
}

.textblock .title.left
{
    text-align: left;
}

.textblock div.paras
{
    font-size: .64rem;
    line-height: 1.33rem;

    text-align: justify;
}

.textblock div.paras .para
{
    margin-top: .4rem;
}

/*文本列表区*/
.text_items
{
    font-size: .64rem;
    line-height: 1.44rem;

    padding: .4rem .533rem;

    background: #fff;
}

.text_items .item
{
    height: 1.44rem;
}

.text_items .item .key
{
    float: left;
}

.text_items .item .value
{
    float: right;
}

/*轮播图的按钮样式*/
.swiper-pagination
{
    height: 1.494rem;
    /* bottom:0!important; */
}

.swiper-pagination-bullet
{
    width: 16px!important;
    height: 2px!important;

    border-radius: 0!important;
}
.swiper-pagination-bullet-active
{
    opacity: .8!important;
    background-color: #000!important;
}

/*我的售卖的公共样式*/
.pro-box
{
    padding-left: .533rem;
}

.pro-box .each-product-box
{
    display: inline-block;
    float: left;
    overflow: hidden;

    width: 5.947rem;
    margin: .533rem .533rem .533rem 0;
}

.pro-box .img-box
{
    overflow: hidden;

    width: 100%;
    height: 5.947rem;
}

.pro-box .img-box img
{
    display: inline-block;

    width: 100%;
    height: 100%;

    vertical-align: top;
}
.pro-box .mt
{
    font-size: .48rem;

    margin-top: .533rem;
}

.pro-box .price span,
.pro-box .brandAndName
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.pro-box .brandAndName
{
    font-size: .48rem;
}

.pro-box .space
{
    display: inline-block;

    margin-right: 4px;

    content: '';
}

.pro-box .price
{
    margin-top: .267rem;
}
.pro-box .price span
{
    font-size: .533rem;

    float: left;
}

.pro-box .btn-group .btn
{
    font-size: .427rem;
    font-weight: bold;
    line-height: .907rem;

    display: inline-block;
    float: left;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    height: .907rem;
    padding: 0 .1335rem;

    text-align: center;
}

.pro-box .btn-group .btn-left
{
    line-height: 1rem;

    margin-right: .267rem;

    color: #fff;
    background: #000;
}

.pro-box .btn-group .btn-right
{
    border: .5px solid #000;
}

.pro-box .block
{
    display: block;

    width: 100%;
    height: 100%;
}

.pro-box .t-o
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.sub_bottom_btn
{
    bottom: 2.64rem;
}

.sub_bottom_btn .bottombtn
{
    bottom: 2.893rem;
}

.third_bottom_btn
{
    bottom: 5.27rem;
}

/* new button style*/
.cm-btn-box
{
    position: fixed;
    z-index: 100000;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 4.213rem;
    padding-top: .96rem;

    text-align: center;

    background: #fff;
}

.cm-btn
{
    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;

    text-align: center;
}
.cm-btn.big
{
    font-size: .693rem;
    line-height: 2.133rem;

    width: 92%;
    height: 2.293rem;
}
.cm-btn.small
{
    font-size: .64rem;
    line-height: 1.28rem;

    width: 3.307rem;
    height: 1.440rem;
}
.cm-btn.medium
{
    font-size: .747rem;
    line-height: 2.507rem;

    width: 7.093rem;
    height: 2.667rem;
}
.cm-btn.red
{
    color: #D93644;
    border: .080rem solid #D93644;
    background-color: #D93644;
}
.cm-btn.black
{
    color: #333;
    border: .080rem solid #333;
    background-color: #333;
}
.cm-btn.light-gray
{
    color: #808080;
    border: .080rem solid #808080;
    background-color: #808080;
}
.cm-btn.pink
{
    color: #d98d92;
    border: .080rem solid #d98d92;
    background-color: #d98d92;
}
.cm-btn.full
{
    color: #fff;
}
.cm-btn.hollow
{
    background-color: #fff;
}
/* 为了保证ios和android,使用div代替下边距，显示页面底部可能被遮住的区域 */
.mb-block
{
    position: relative;

    display: block;

    width: 100%;
    height: 2.64rem;

    background: transparent;
}

/*订单列表页面布局(九宫格的样式)切换按钮的样式*/
.newChange
{
    position: fixed;
    z-index: 99;
    right: .8rem;
    bottom: 7.307rem;

    width: 2.4rem;
    height: 2.4rem;

    background-image: url(http://img.cdn.aplum.com/o_1ck6ko4uc1dd36do8lvihvokr.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0.427rem 0.8rem 0 rgba(38,0,3,0.20);
    border-radius: 50%;
    overflow: hidden;
}
.newChange.newChangeBack
{
    background-image: url(http://img.cdn.aplum.com/o_1ck6kool01ftn1mq714kdf5i1euq10.png);
}
/* 订单列表页面不存在底部按钮的样式布局(九宫格的样式)切换按钮的样式 */
.newChange.no-btn,
.newChangeBack.no-btn
{
    bottom: 2.4rem;
}

/* 返回首页按钮样式 */
.goHomeIcon
{
    position: fixed;
    z-index: 9999;
    right: .8rem;
    bottom: 5.653rem;

    display: block;

    width: 2.400rem;
    height: 2.400rem;

    background-image: url(http://img.cdn.aplum.com/o_1ck6kmqtf1a7v5ac1kaj7gtpacm.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0.427rem 0.8rem 0 rgba(38,0,3,0.20);
    border-radius: 50%;
    overflow: hidden;
}

/* 返回首页按钮样式(不存在切换按钮九宫格并无底部按钮)的样式 */
.goHomeIcon.none,
.goHomeIcon.no-btn.no-newChange
{
    bottom: 2.4rem;
}

.goHomeIcon.has-btn.no-newChange
{
    bottom: 7.307rem;
}

/* 返回首页按钮样式(存在切换按钮九宫格并无底部按钮)的样式 */
.goHomeIcon.no-btn.has-newChange
{
    bottom: 5.440rem;
}


/* 返回首页按钮样式(存在切换按钮九宫格并有底部按钮)的样式 */
.goHomeIcon.has-btn.has-newChange
{
    bottom: 10.240rem;
}

/* new user popup style */
.popup
{
    position: fixed;
    z-index: 100000; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.popup .popup-mask
{
    position: absolute;
    z-index: 100001;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .75);
}
.popup .img-box
{
    font-size: 0; 

    position: relative;
    z-index: 9999999;

    width: 81.0666666667%;
    margin: 20% auto 0;
}
.popup .img-box .close
{
    position: absolute;
    top: 0;
    right: 0;

    display: inline-block;

    width: 2rem;
    height: 2rem;

    z-index: 9999999999;
}
.popup .img-box .btn
{
    position: absolute;
    bottom: 4%;
    left: 5%;
    display: block;
    width: 91%;
    height: 2.5rem;

    z-index: 9999999999;
}
.popup .img-box img
{
    width: 100%;

    vertical-align: middle;
}

/* 可滑动式导航条 */
.slipNav{
    width: 100%;
    height: 2.293rem;
    background-color: #fafafa;
    color: #999999;
    overflow:hidden;
    border-bottom: 1px solid #f2f2f2;
}

.slipNav.fixed{
    position: fixed;
    top: 0;
    z-index: 99999;
}

.slipNav .slipContainer{
    overflow-y: hidden;
    height: 100%;
    padding: 0 0.880rem;
    white-space: nowrap;
    font-size: 0;
    /*解决ios上滑动不流畅*/
    -webkit-overflow-scrolling: touch;
    /*纵向超出部分将会隐藏，即滚动条部分被挤出可视区域*/
    padding-bottom: 0.533rem;
    box-sizing: content-box;
}

.slipNav .slipContainer::-webkit-scrollbar {
    display: none;
}

.slipNav .slipContainer .slipSlide{
    padding: 0 0.720rem;
    position: relative;
    display: inline-block;
    height: 100%;
    font-size: 0.693rem;
    line-height: 2.293rem;
}

.slipContainer .slipSlide.active span{
    position: relative;
    display: inline-flex;
    color: #D93644 ;
    height: 100%;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.slipContainer .slipSlide.active span:after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 133.33%;
    border-bottom: 0.160rem solid #D93644;
}


/*  红色渐变背景  */
.redGradient{
    background-image: linear-gradient(270deg, #FF4050 0%, #d93644 100%);
    background-image: -webkit-linear-gradient(135deg, #FF4050 0%, #d93644 100%);  
}
/*  红色渐变背景 end  */
/* 通用顶部阴影 */
.topShadow{
    width: 100%;
    height: 3.093rem;
    position: fixed;
    top: -3.093rem;
    box-shadow: 0 0 25px 0 rgba(38,0,3,0.05);
    z-index: 999999;
}
/* 通用顶部阴影  end */

#scratch{
    width: 237px;
    height: 101px;
}

.iphone7{
    text-align: center;
}