/* 清除浮动 */
.clear{clear:both;}
.clearperfect{clear:both;height:0;overflow:hidden}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}

/* 字号 */
.fs08{font-size:8px;}
.fs09{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}

/* 字体颜色 */
.word_blue{color: #06c1ae;}

.row,
body {
    overflow: hidden
}

.row .col-auto,
body,
html {
    width: 100%
}

.pages,
.view,
.views,
body,upmobileconcat
html {
    position: relative
}

.navbar .center,
.navbar b,
.toolbar b {
    font-weight: 500
}

.buttons-row,
.list-block .item-media {
    -webkit-box-lines: single;
    -moz-box-lines: single
}

.picker-calendar-month,
.swiper-container-vertical>.swiper-wrapper,
.tabbar a.link,
.tabbar a.tab-link {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical
}

body,
html {
    height: 100%;
    overflow-x: hidden
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    background: #fff
}

.navbar-inner,
.subnavbar,
.toolbar-inner {
    left: 0;
    padding: 0 8px;
    box-sizing: border-box
}

@media all and (width:1024px) and (height:691px) and (orientation:landscape) {

        height: 671px
    }
}

@media all and (width:1024px) and (height:692px) and (orientation:landscape) {
    body,html {
        height: 672px
    }
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

a,
input,
select,
textarea {
    outline: 0
}

a {
    text-decoration: none;
    color: #007aff
}

.tabbar,
.tabbar a {
    color: #929292
}

p {
    margin: 1em 0
}

.row {
    margin-left: -4%
}

.row>[class*=col-],
.row>[class*=tablet-] {
    box-sizing: border-box;
    float: left
}

.row.no-gutter {
    margin-left: 0
}

.row .col-100 {
    width: 96%;
    margin-left: 4%
}

.row.no-gutter .col-100 {
    width: 100%;
    margin: 0
}

.row .col-95 {
    width: 91%;
    margin-left: 4%
}

.row.no-gutter .col-95 {
    width: 95%;
    margin: 0
}

.row .col-90 {
    width: 86%;
    margin-left: 4%
}

.row.no-gutter .col-90 {
    width: 90%;
    margin: 0
}

.row .col-85 {
    width: 81%;
    margin-left: 4%
}

.row.no-gutter .col-85 {
    width: 85%;
    margin: 0
}

.row .col-80 {
    width: 76%;
    margin-left: 4%
}

.row.no-gutter .col-80 {
    width: 80%;
    margin: 0
}

.row .col-75 {
    width: 71.00000000000001%;
    margin-left: 4%
}

.row.no-gutter .col-75 {
    width: 75%;
    margin: 0
}

.row .col-66 {
    width: 62.66666666666666%;
    margin-left: 4%
}

.row.no-gutter .col-66 {
    width: 66.66666666666666%;
    margin: 0
}

.row .col-60 {
    width: 55.99999999999999%;
    margin-left: 4%
}

.row.no-gutter .col-60 {
    width: 60%;
    margin: 0
}

.row .col-50 {
    width: 46%;
    margin-left: 4%
}

.row.no-gutter .col-50 {
    width: 50%;
    margin: 0
}

.row .col-40 {
    width: 36%;
    margin-left: 4%
}

.row.no-gutter .col-40 {
    width: 40%;
    margin: 0
}

.row .col-33 {
    width: 29.333333333333332%;
    margin-left: 4%
}

.row.no-gutter .col-33 {
    width: 33.333333333333336%;
    margin: 0
}

.row .col-25 {
    width: 21%;
    margin-left: 4%
}

.row.no-gutter .col-25 {
    width: 25%;
    margin: 0
}

.row .col-20 {
    width: 16%;
    margin-left: 4%
}

.row.no-gutter .col-20 {
    width: 20%;
    margin: 0
}

.row .col-15 {
    width: 10.999999999999998%;
    margin-left: 4%
}

.row.no-gutter .col-15 {
    width: 15%;
    margin: 0
}

.row .col-10 {
    width: 6%;
    margin-left: 4%
}

.row.no-gutter .col-10 {
    width: 10%;
    margin: 0
}

.row .col-5 {
    width: 1%;
    margin-left: 4%
}

.row.no-gutter .col-5 {
    width: 5%;
    margin: 0
}

.row .col-auto:nth-last-child(1),
.row .col-auto:nth-last-child(1)~.col-auto {
    width: 100%;
    width: -webkit-calc((100% - 15px*0)/ 1);
    width: calc((100% - 15px*0)/ 1)
}

.row.no-gutter .col-auto:nth-last-child(1),
.row.no-gutter .col-auto:nth-last-child(1)~.col-auto {
    width: 100%
}

.row .col-auto:nth-last-child(2),
.row .col-auto:nth-last-child(2)~.col-auto {
    width: 50%;
    width: -webkit-calc((100% - 15px*1)/ 2);
    width: calc((100% - 15px*1)/ 2)
}

.row.no-gutter .col-auto:nth-last-child(2),
.row.no-gutter .col-auto:nth-last-child(2)~.col-auto {
    width: 50%
}

.row .col-auto:nth-last-child(3),
.row .col-auto:nth-last-child(3)~.col-auto {
    width: 33.33333333%;
    width: -webkit-calc((100% - 15px*2)/ 3);
    width: calc((100% - 15px*2)/ 3)
}

.row.no-gutter .col-auto:nth-last-child(3),
.row.no-gutter .col-auto:nth-last-child(3)~.col-auto {
    width: 33.33333333%
}

.row .col-auto:nth-last-child(4),
.row .col-auto:nth-last-child(4)~.col-auto {
    width: 25%;
    width: -webkit-calc((100% - 15px*3)/ 4);
    width: calc((100% - 15px*3)/ 4)
}

.row.no-gutter .col-auto:nth-last-child(4),
.row.no-gutter .col-auto:nth-last-child(4)~.col-auto {
    width: 25%
}

.row .col-auto:nth-last-child(5),
.row .col-auto:nth-last-child(5)~.col-auto {
    width: 20%;
    width: -webkit-calc((100% - 15px*4)/ 5);
    width: calc((100% - 15px*4)/ 5)
}

.row.no-gutter .col-auto:nth-last-child(5),
.row.no-gutter .col-auto:nth-last-child(5)~.col-auto {
    width: 20%
}

.row .col-auto:nth-last-child(6),
.row .col-auto:nth-last-child(6)~.col-auto {
    width: 16.66666667%;
    width: -webkit-calc((100% - 15px*5)/ 6);
    width: calc((100% - 15px*5)/ 6)
}

.row.no-gutter .col-auto:nth-last-child(6),
.row.no-gutter .col-auto:nth-last-child(6)~.col-auto {
    width: 16.66666667%
}

.row .col-auto:nth-last-child(7),
.row .col-auto:nth-last-child(7)~.col-auto {
    width: 14.28571429%;
    width: -webkit-calc((100% - 15px*6)/ 7);
    width: calc((100% - 15px*6)/ 7)
}

.row.no-gutter .col-auto:nth-last-child(7),
.row.no-gutter .col-auto:nth-last-child(7)~.col-auto {
    width: 14.28571429%
}

.row .col-auto:nth-last-child(8),
.row .col-auto:nth-last-child(8)~.col-auto {
    width: 12.5%;
    width: -webkit-calc((100% - 15px*7)/ 8);
    width: calc((100% - 15px*7)/ 8)
}

.row.no-gutter .col-auto:nth-last-child(8),
.row.no-gutter .col-auto:nth-last-child(8)~.col-auto {
    width: 12.5%
}

.row .col-auto:nth-last-child(9),
.row .col-auto:nth-last-child(9)~.col-auto {
    width: 11.11111111%;
    width: -webkit-calc((100% - 15px*8)/ 9);
    width: calc((100% - 15px*8)/ 9)
}

.row.no-gutter .col-auto:nth-last-child(9),
.row.no-gutter .col-auto:nth-last-child(9)~.col-auto {
    width: 11.11111111%
}

.row .col-auto:nth-last-child(10),
.row .col-auto:nth-last-child(10)~.col-auto {
    width: 10%;
    width: -webkit-calc((100% - 15px*9)/ 10);
    width: calc((100% - 15px*9)/ 10)
}

.row.no-gutter .col-auto:nth-last-child(10),
.row.no-gutter .col-auto:nth-last-child(10)~.col-auto {
    width: 10%
}

.row .col-auto:nth-last-child(11),
.row .col-auto:nth-last-child(11)~.col-auto {
    width: 9.09090909%;
    width: -webkit-calc((100% - 15px*10)/ 11);
    width: calc((100% - 15px*10)/ 11)
}

.row.no-gutter .col-auto:nth-last-child(11),
.row.no-gutter .col-auto:nth-last-child(11)~.col-auto {
    width: 9.09090909%
}

.row .col-auto:nth-last-child(12),
.row .col-auto:nth-last-child(12)~.col-auto {
    width: 8.33333333%;
    width: -webkit-calc((100% - 15px*11)/ 12);
    width: calc((100% - 15px*11)/ 12)
}

.row.no-gutter .col-auto:nth-last-child(12),
.row.no-gutter .col-auto:nth-last-child(12)~.col-auto {
    width: 8.33333333%
}

.row .col-auto:nth-last-child(13),
.row .col-auto:nth-last-child(13)~.col-auto {
    width: 7.69230769%;
    width: -webkit-calc((100% - 15px*12)/ 13);
    width: calc((100% - 15px*12)/ 13)
}

.row.no-gutter .col-auto:nth-last-child(13),
.row.no-gutter .col-auto:nth-last-child(13)~.col-auto {
    width: 7.69230769%
}

.row .col-auto:nth-last-child(14),
.row .col-auto:nth-last-child(14)~.col-auto {
    width: 7.14285714%;
    width: -webkit-calc((100% - 15px*13)/ 14);
    width: calc((100% - 15px*13)/ 14)
}

.row.no-gutter .col-auto:nth-last-child(14),
.row.no-gutter .col-auto:nth-last-child(14)~.col-auto {
    width: 7.14285714%
}

.row .col-auto:nth-last-child(15),
.row .col-auto:nth-last-child(15)~.col-auto {
    width: 6.66666667%;
    width: -webkit-calc((100% - 15px*14)/ 15);
    width: calc((100% - 15px*14)/ 15)
}

.row.no-gutter .col-auto:nth-last-child(15),
.row.no-gutter .col-auto:nth-last-child(15)~.col-auto {
    width: 6.66666667%
}

@media all and (min-width:768px) {
    .row {
        margin-left: -2%
    }

    .row .col-100 {
        width: 98%;
        margin-left: 2%
    }

    .row.no-gutter .col-100 {
        width: 100%;
        margin: 0
    }

    .row .col-95 {
        width: 93%;
        margin-left: 2%
    }

    .row.no-gutter .col-95 {
        width: 95%;
        margin: 0
    }

    .row .col-90 {
        width: 87.99999999999999%;
        margin-left: 2%
    }

    .row.no-gutter .col-90 {
        width: 90%;
        margin: 0
    }

    .row .col-85 {
        width: 82.99999999999999%;
        margin-left: 2%
    }

    .row.no-gutter .col-85 {
        width: 85%;
        margin: 0
    }

    .row .col-80 {
        width: 78%;
        margin-left: 2%
    }

    .row.no-gutter .col-80 {
        width: 80%;
        margin: 0
    }

    .row .col-75 {
        width: 73%;
        margin-left: 2%
    }

    .row.no-gutter .col-75 {
        width: 75%;
        margin: 0
    }

    .row .col-66 {
        width: 64.66666666666666%;
        margin-left: 2%
    }

    .row.no-gutter .col-66 {
        width: 66.66666666666666%;
        margin: 0
    }

    .row .col-60 {
        width: 58%;
        margin-left: 2%
    }

    .row.no-gutter .col-60 {
        width: 60%;
        margin: 0
    }

    .row .col-50 {
        width: 48%;
        margin-left: 2%
    }

    .row.no-gutter .col-50 {
        width: 50%;
        margin: 0
    }

    .row .col-40 {
        width: 38%;
        margin-left: 2%
    }

    .row.no-gutter .col-40 {
        width: 40%;
        margin: 0
    }

    .row .col-33 {
        width: 31.333333333333332%;
        margin-left: 2%
    }

    .row.no-gutter .col-33 {
        width: 33.333333333333336%;
        margin: 0
    }

    .row .col-25 {
        width: 23%;
        margin-left: 2%
    }

    .row.no-gutter .col-25 {
        width: 25%;
        margin: 0
    }

    .row .col-20 {
        width: 18%;
        margin-left: 2%
    }

    .row.no-gutter .col-20 {
        width: 20%;
        margin: 0
    }

    .row .col-15 {
        width: 13%;
        margin-left: 2%
    }

    .row.no-gutter .col-15 {
        width: 15%;
        margin: 0
    }

    .row .col-10 {
        width: 8%;
        margin-left: 2%
    }

    .row.no-gutter .col-10 {
        width: 10%;
        margin: 0
    }

    .row .col-5 {
        width: 3%;
        margin-left: 2%
    }

    .row.no-gutter .col-5 {
        width: 5%;
        margin: 0
    }

    .row .tablet-100 {
        width: 98%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-100 {
        width: 100%;
        margin: 0
    }

    .row .tablet-95 {
        width: 93%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-95 {
        width: 95%;
        margin: 0
    }

    .row .tablet-90 {
        width: 87.99999999999999%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-90 {
        width: 90%;
        margin: 0
    }

    .row .tablet-85 {
        width: 82.99999999999999%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-85 {
        width: 85%;
        margin: 0
    }

    .row .tablet-80 {
        width: 78%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-80 {
        width: 80%;
        margin: 0
    }

    .row .tablet-75 {
        width: 73%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-75 {
        width: 75%;
        margin: 0
    }

    .row .tablet-66 {
        width: 64.66666666666666%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-66 {
        width: 66.66666666666666%;
        margin: 0
    }

    .row .tablet-60 {
        width: 58%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-60 {
        width: 60%;
        margin: 0
    }

    .row .tablet-50 {
        width: 48%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-50 {
        width: 50%;
        margin: 0
    }

    .row .tablet-40 {
        width: 38%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-40 {
        width: 40%;
        margin: 0
    }

    .row .tablet-33 {
        width: 31.333333333333332%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-33 {
        width: 33.333333333333336%;
        margin: 0
    }

    .row .tablet-25 {
        width: 23%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-25 {
        width: 25%;
        margin: 0
    }

    .row .tablet-20 {
        width: 18%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-20 {
        width: 20%;
        margin: 0
    }

    .row .tablet-15 {
        width: 13%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-15 {
        width: 15%;
        margin: 0
    }

    .row .tablet-10 {
        width: 8%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-10 {
        width: 10%;
        margin: 0
    }

    .row .tablet-5 {
        width: 3%;
        margin-left: 2%
    }

    .row.no-gutter .tablet-5 {
        width: 5%;
        margin: 0
    }

    .row .tablet-auto:nth-last-child(1),
    .row .tablet-auto:nth-last-child(1)~.col-auto {
        width: 100%;
        width: -webkit-calc((100% - 15px*0)/ 1);
        width: calc((100% - 15px*0)/ 1)
    }

    .row.no-gutter .tablet-auto:nth-last-child(1),
    .row.no-gutter .tablet-auto:nth-last-child(1)~.tablet-auto {
        width: 100%
    }

    .row .tablet-auto:nth-last-child(2),
    .row .tablet-auto:nth-last-child(2)~.col-auto {
        width: 50%;
        width: -webkit-calc((100% - 15px*1)/ 2);
        width: calc((100% - 15px*1)/ 2)
    }

    .row.no-gutter .tablet-auto:nth-last-child(2),
    .row.no-gutter .tablet-auto:nth-last-child(2)~.tablet-auto {
        width: 50%
    }

    .row .tablet-auto:nth-last-child(3),
    .row .tablet-auto:nth-last-child(3)~.col-auto {
        width: 33.33333333%;
        width: -webkit-calc((100% - 15px*2)/ 3);
        width: calc((100% - 15px*2)/ 3)
    }

    .row.no-gutter .tablet-auto:nth-last-child(3),
    .row.no-gutter .tablet-auto:nth-last-child(3)~.tablet-auto {
        width: 33.33333333%
    }

    .row .tablet-auto:nth-last-child(4),
    .row .tablet-auto:nth-last-child(4)~.col-auto {
        width: 25%;
        width: -webkit-calc((100% - 15px*3)/ 4);
        width: calc((100% - 15px*3)/ 4)
    }

    .row.no-gutter .tablet-auto:nth-last-child(4),
    .row.no-gutter .tablet-auto:nth-last-child(4)~.tablet-auto {
        width: 25%
    }

    .row .tablet-auto:nth-last-child(5),
    .row .tablet-auto:nth-last-child(5)~.col-auto {
        width: 20%;
        width: -webkit-calc((100% - 15px*4)/ 5);
        width: calc((100% - 15px*4)/ 5)
    }

    .row.no-gutter .tablet-auto:nth-last-child(5),
    .row.no-gutter .tablet-auto:nth-last-child(5)~.tablet-auto {
        width: 20%
    }

    .row .tablet-auto:nth-last-child(6),
    .row .tablet-auto:nth-last-child(6)~.col-auto {
        width: 16.66666667%;
        width: -webkit-calc((100% - 15px*5)/ 6);
        width: calc((100% - 15px*5)/ 6)
    }

    .row.no-gutter .tablet-auto:nth-last-child(6),
    .row.no-gutter .tablet-auto:nth-last-child(6)~.tablet-auto {
        width: 16.66666667%
    }

    .row .tablet-auto:nth-last-child(7),
    .row .tablet-auto:nth-last-child(7)~.col-auto {
        width: 14.28571429%;
        width: -webkit-calc((100% - 15px*6)/ 7);
        width: calc((100% - 15px*6)/ 7)
    }

    .row.no-gutter .tablet-auto:nth-last-child(7),
    .row.no-gutter .tablet-auto:nth-last-child(7)~.tablet-auto {
        width: 14.28571429%
    }

    .row .tablet-auto:nth-last-child(8),
    .row .tablet-auto:nth-last-child(8)~.col-auto {
        width: 12.5%;
        width: -webkit-calc((100% - 15px*7)/ 8);
        width: calc((100% - 15px*7)/ 8)
    }

    .row.no-gutter .tablet-auto:nth-last-child(8),
    .row.no-gutter .tablet-auto:nth-last-child(8)~.tablet-auto {
        width: 12.5%
    }

    .row .tablet-auto:nth-last-child(9),
    .row .tablet-auto:nth-last-child(9)~.col-auto {
        width: 11.11111111%;
        width: -webkit-calc((100% - 15px*8)/ 9);
        width: calc((100% - 15px*8)/ 9)
    }

    .row.no-gutter .tablet-auto:nth-last-child(9),
    .row.no-gutter .tablet-auto:nth-last-child(9)~.tablet-auto {
        width: 11.11111111%
    }

    .row .tablet-auto:nth-last-child(10),
    .row .tablet-auto:nth-last-child(10)~.col-auto {
        width: 10%;
        width: -webkit-calc((100% - 15px*9)/ 10);
        width: calc((100% - 15px*9)/ 10)
    }

    .row.no-gutter .tablet-auto:nth-last-child(10),
    .row.no-gutter .tablet-auto:nth-last-child(10)~.tablet-auto {
        width: 10%
    }

    .row .tablet-auto:nth-last-child(11),
    .row .tablet-auto:nth-last-child(11)~.col-auto {
        width: 9.09090909%;
        width: -webkit-calc((100% - 15px*10)/ 11);
        width: calc((100% - 15px*10)/ 11)
    }

    .row.no-gutter .tablet-auto:nth-last-child(11),
    .row.no-gutter .tablet-auto:nth-last-child(11)~.tablet-auto {
        width: 9.09090909%
    }

    .row .tablet-auto:nth-last-child(12),
    .row .tablet-auto:nth-last-child(12)~.col-auto {
        width: 8.33333333%;
        width: -webkit-calc((100% - 15px*11)/ 12);
        width: calc((100% - 15px*11)/ 12)
    }

    .row.no-gutter .tablet-auto:nth-last-child(12),
    .row.no-gutter .tablet-auto:nth-last-child(12)~.tablet-auto {
        width: 8.33333333%
    }

    .row .tablet-auto:nth-last-child(13),
    .row .tablet-auto:nth-last-child(13)~.col-auto {
        width: 7.69230769%;
        width: -webkit-calc((100% - 15px*12)/ 13);
        width: calc((100% - 15px*12)/ 13)
    }

    .row.no-gutter .tablet-auto:nth-last-child(13),
    .row.no-gutter .tablet-auto:nth-last-child(13)~.tablet-auto {
        width: 7.69230769%
    }

    .row .tablet-auto:nth-last-child(14),
    .row .tablet-auto:nth-last-child(14)~.col-auto {
        width: 7.14285714%;
        width: -webkit-calc((100% - 15px*13)/ 14);
        width: calc((100% - 15px*13)/ 14)
    }

    .row.no-gutter .tablet-auto:nth-last-child(14),
    .row.no-gutter .tablet-auto:nth-last-child(14)~.tablet-auto {
        width: 7.14285714%
    }

    .row .tablet-auto:nth-last-child(15),
    .row .tablet-auto:nth-last-child(15)~.col-auto {
        width: 6.66666667%;
        width: -webkit-calc((100% - 15px*14)/ 15);
        width: calc((100% - 15px*14)/ 15)
    }

    .row.no-gutter .tablet-auto:nth-last-child(15),
    .row.no-gutter .tablet-auto:nth-last-child(15)~.tablet-auto {
        width: 6.66666667%
    }
}

.page,
.pages,
.view,
.views {
    width: 100%;
    height: 100%
}

.view,
.views {
    z-index: 5000
}

.views {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.pages,
.view {
    overflow: hidden
}

.view {
    box-sizing: border-box
}

.pages {
    background: #000
}

.page {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    background: #efeff4
}

.page.cached {
    display: none
}

.page-on-left {
    opacity: .9;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
}

.navbar-from-right-to-center .sliding,
.page-on-center .swipeback-page-shadow {
    opacity: 1
}

.page-on-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.page-on-right .swipeback-page-shadow {
    opacity: 0
}

.page-content {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    z-index: 1
}

.page-from-center-to-right:before,
.page-from-right-to-center:before,
.swipeback-page-shadow {
    right: 100%;
    width: 16px;
    z-index: -1;
    position: absolute;
    height: 100%;
    top: 0;
    content: ''
}

.swipeback-page-shadow {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%)
}

html.android .swipeback-page-shadow {
    display: none;
    -webkit-animation: none;
    animation: none
}

.page-content-inner {
    box-sizing: border-box;
    min-height: 100%;
    border-top: 1px solid transparent;
    margin-top: -1px
}

.page-transitioning,
.page-transitioning .swipeback-page-shadow {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.page-from-center-to-right:before,
.page-from-right-to-center:before {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%)
}

html.android .page-from-center-to-right:before,
html.android .page-from-right-to-center:before {
    display: none;
    -webkit-animation: none;
    animation: none
}

.page-from-right-to-center {
    -webkit-animation: pageFromRightToCenter .4s forwards;
    animation: pageFromRightToCenter .4s forwards
}

.page-from-right-to-center:before {
    -webkit-animation: pageFromRightToCenterShadow .4s forwards;
    animation: pageFromRightToCenterShadow .4s forwards
}

.page-from-center-to-right {
    -webkit-animation: pageFromCenterToRight .4s forwards;
    animation: pageFromCenterToRight .4s forwards
}

.page-from-center-to-right:before {
    -webkit-animation: pageFromCenterToRightShadow .4s forwards;
    animation: pageFromCenterToRightShadow .4s forwards
}

@-webkit-keyframes pageFromRightToCenter {
    from {
        -webkit-transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes pageFromRightToCenter {
    from {
        transform: translate3d(100%, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes pageFromRightToCenterShadow {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes pageFromRightToCenterShadow {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes pageFromCenterToRight {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0)
    }
}

@keyframes pageFromCenterToRight {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes pageFromCenterToRightShadow {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes pageFromCenterToRightShadow {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.page-from-center-to-left {
    -webkit-animation: pageFromCenterToLeft .4s forwards;
    animation: pageFromCenterToLeft .4s forwards
}

.page-from-left-to-center {
    -webkit-animation: pageFromLeftToCenter .4s forwards;
    animation: pageFromLeftToCenter .4s forwards
}

@-webkit-keyframes pageFromCenterToLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        opacity: .9;
        -webkit-transform: translate3d(-20%, 0, 0)
    }
}

@keyframes pageFromCenterToLeft {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: .9;
        transform: translate3d(-20%, 0, 0)
    }
}

@-webkit-keyframes pageFromLeftToCenter {
    from {
        opacity: .9;
        -webkit-transform: translate3d(-20%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes pageFromLeftToCenter {
    from {
        transform: translate3d(-20%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.navbar-inner,
.toolbar-inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.navbar-inner.cached {
    display: none
}

.navbar,
.toolbar {
    height: 44px;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    position: relative;
    margin: 0;
    z-index: 500;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.navbar a.link,
.subnavbar a.link,
.toolbar a.link {
    line-height: 44px;
    height: 44px;
    text-decoration: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.navbar a.link.active-state,
.subnavbar a.link.active-state,
.toolbar a.link.active-state,
html:not(.watch-active-state) .navbar a.link:active,
html:not(.watch-active-state) .subnavbar a.link:active,
html:not(.watch-active-state) .toolbar a.link:active {
    opacity: .3;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.navbar a.link i+i,
.navbar a.link i+span,
.navbar a.link span+i,
.navbar a.link span+span,
.subnavbar a.link i+i,
.subnavbar a.link i+span,
.subnavbar a.link span+i,
.subnavbar a.link span+span,
.toolbar a.link i+i,
.toolbar a.link i+span,
.toolbar a.link span+i,
.toolbar a.link span+span {
    margin-left: 7px
}

.navbar a.icon-only,
.subnavbar a.icon-only,
.toolbar a.icon-only {
    min-width: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0
}

.navbar i.icon,
.navbar:after,
.subnavbar i.icon,
.toolbar i.icon {
    display: inline-block;
}

.navbar {
    left: 0;
    top: 0;
    background: #f7f7f8
}

.navbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c4c4c4;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    backface-visibility: hidden
}

html.pixel-ratio-2 .navbar:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .navbar:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.navbar.no-border:after {
    display: none
}

.navbar .center,
.navbar .left,
.navbar .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.navbar .center {
    font-size: 17px;
    text-align: center;
    margin: 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 44px;
    -webkit-flex-shrink: 10;
    -ms-flex: 0 10 auto;
    flex-shrink: 10;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.navbar .left,
.navbar .right {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.navbar .left a+a,
.navbar .right a+a {
    margin-left: 15px
}

.navbar .left {
    margin-right: 10px
}

.navbar .right {
    margin-left: .2rem;
}

.navbar .right:first-child {
    position: absolute;
    right: 8px;
    height: 100%
}

.popup .navbar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.subnavbar {
    height: 44px;
    width: 100%;
    position: absolute;
    top: 100%;
    margin-top: -1px;
    background: #f7f7f8;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.subnavbar:after,
.toolbar:before {
    position: absolute;
    height: 1px;
    z-index: 15;
    width: 100%;
    content: '';
    left: 0;
    right: auto
}

.subnavbar:after {
    bottom: 0;
    top: auto;
    background-color: #c4c4c4;
    display: block;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .subnavbar:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .subnavbar:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.subnavbar.no-border:after {
    display: none
}

.navbar.no-border .subnavbar {
    margin-top: 0
}

.navbar-on-left .subnavbar,
.navbar-on-right .subnavbar {
    pointer-events: none
}

.navbar .subnavbar,
.page .subnavbar {
    position: absolute
}

.page>.subnavbar {
    top: 0;
    margin-top: 0
}

.subnavbar>.buttons-row {
    width: 100%
}

.subnavbar .searchbar,
.subnavbar.searchbar {
    position: absolute
}

.subnavbar .searchbar {
    left: 0;
    top: 0
}

.toolbar {
    left: 0;
    bottom: 0;
    background: #f7f7f8
}

.toolbar:before {
    top: 0;
    bottom: auto;
    background-color: #c4c4c4;
    display: block;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tabbar-labels span.tabbar-label,
.toolbar a {
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

html.pixel-ratio-2 .toolbar:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .toolbar:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.toolbar.no-border:before {
    display: none
}

.list-block .item-media,
.tabbar a.link,
.tabbar a.tab-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.toolbar a {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    overflow: hidden
}

.tabbar {
    z-index: 5001
}

.tabbar a.active {
    color: #007aff
}

.tabbar a.link {
    line-height: 1.4
}

.tabbar a.link,
.tabbar a.tab-link {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: visible;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.tabbar i.icon {
    height: 30px
}

.tabbar-labels {
    height: 50px
}

.tabbar-labels a.link,
.tabbar-labels a.tab-link {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.tabbar-labels a.link i+span,
.tabbar-labels a.tab-link i+span {
    margin: 0
}

.tabbar-labels span.tabbar-label {
    line-height: 1;
    display: block;
    margin: 0;
    letter-spacing: .01em;
    font-size: 10px
}

.navbar-from-right-to-center .center,
.navbar-from-right-to-center .fading,
.navbar-from-right-to-center .left,
.navbar-from-right-to-center .right,
.navbar-from-right-to-center .subnavbar {
    -webkit-animation: navbarElementFadeIn .4s forwards;
    animation: navbarElementFadeIn .4s forwards
}

.navbar-from-center-to-right .center,
.navbar-from-center-to-right .fading,
.navbar-from-center-to-right .left,
.navbar-from-center-to-right .right,
.navbar-from-center-to-right .subnavbar {
    -webkit-animation: navbarElementFadeOut .4s forwards;
    animation: navbarElementFadeOut .4s forwards
}

.navbar-from-center-to-right .sliding {
    opacity: 0
}

.navbar-from-center-to-right .subnavbar.sliding {
    opacity: 1
}

@-webkit-keyframes navbarElementFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes navbarElementFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.navbar-from-center-to-left .center,
.navbar-from-center-to-left .fading,
.navbar-from-center-to-left .left,
.navbar-from-center-to-left .right,
.navbar-from-center-to-left .subnavbar {
    -webkit-animation: navbarElementFadeOut .4s forwards;
    animation: navbarElementFadeOut .4s forwards
}

.navbar-from-center-to-left .sliding {
    opacity: 0
}

.navbar-from-center-to-left .subnavbar.sliding,
.navbar-from-left-to-center .sliding {
    opacity: 1
}

.navbar-from-left-to-center .center,
.navbar-from-left-to-center .fading,
.navbar-from-left-to-center .left,
.navbar-from-left-to-center .right,
.navbar-from-left-to-center .subnavbar {
    -webkit-animation: navbarElementFadeIn .4s forwards;
    animation: navbarElementFadeIn .4s forwards
}

.navbar-on-left .center,
.navbar-on-left .fading,
.navbar-on-left .left,
.navbar-on-left .right,
.navbar-on-left .sliding,
.navbar-on-left .subnavbar {
    opacity: 0
}

.navbar-on-left .subnavbar.sliding {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.navbar-on-right .center,
.navbar-on-right .fading,
.navbar-on-right .left,
.navbar-on-right .right,
.navbar-on-right .sliding,
.navbar-on-right .subnavbar {
    opacity: 0
}

.navbar-on-right .subnavbar.sliding {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@-webkit-keyframes navbarElementFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes navbarElementFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.navbar-from-center-to-left .left.sliding .back.link .icon,
.navbar-from-center-to-right .left.sliding .back.link .icon,
.navbar-from-left-to-center .left.sliding .back.link .icon,
.navbar-from-right-to-center .left.sliding .back.link .icon {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.navbar-from-center-to-left .sliding,
.navbar-from-center-to-right .sliding,
.navbar-from-left-to-center .sliding,
.navbar-from-right-to-center .sliding {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-animation: none;
    animation: none
}

.page>.navbar,
.page>.toolbar,
.view>.navbar,
.view>.toolbar,
.views>.navbar,
.views>.toolbar {
    position: absolute
}

.navbar-fixed .page-content,
.navbar-through .page-content,
.subnavbar~.page-content {
    padding-top: 44px
}

.navbar-fixed .page-content.with-subnavbar,
.navbar-fixed .subnavbar~.page-content,
.navbar-fixed .with-subnavbar .page-content,
.navbar-through .page-content.with-subnavbar,
.navbar-through .subnavbar~.page-content,
.navbar-through .with-subnavbar .page-content {
    padding-top: 88px
}

.navbar-fixed .page .subnavbar,
.navbar-fixed.page .subnavbar,
.navbar-through .page .subnavbar,
.navbar-through.page .subnavbar {
    top: 44px
}

.tabbar-fixed .page-content,
.tabbar-through .page-content,
.toolbar-fixed .page-content,
.toolbar-through .page-content {
    padding-bottom: 44px
}

.tabbar-fixed .page-content-inner,
.tabbar-through .page-content-inner,
.toolbar-fixed .page-content-inner,
.toolbar-through .page-content-inner {
    padding-bottom: 88px
}

@media all and (min-width:768px) {
    .tabbar .toolbar-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .tabbar a.link,
    .tabbar a.tab-link {
        width: auto;
        min-width: 105px
    }

    .tabbar-labels {
        height: 56px
    }

    .tabbar-labels span.tabbar-label {
        font-size: 14px
    }

    .tabbar-labels-fixed .page-content,
    .tabbar-labels-through .page-content {
        padding-bottom: 56px
    }
}

.tabbar-labels-fixed .page-content,
.tabbar-labels-through .page-content {
    padding-bottom: 100px
}

@media all and (min-width:768px) {

    .tabbar-labels-fixed .page-content,
    .tabbar-labels-through .page-content {
        padding-bottom: 112px
    }
}

.navbar.navbar-hiding {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.navbar.navbar-hiding~.page .list-group-title,
.navbar.navbar-hiding~.page .subnavbar,
.navbar.navbar-hiding~.page-content .list-group-title,
.navbar.navbar-hiding~.page-content .subnavbar,
.navbar.navbar-hiding~.pages .list-group-title,
.navbar.navbar-hiding~.pages .subnavbar {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.navbar.navbar-hidden {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.navbar.navbar-hidden~.page .list-group-title,
.navbar.navbar-hidden~.page-content .list-group-title,
.navbar.navbar-hidden~.pages .list-group-title {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    top: -44px
}

.navbar.navbar-hidden~.page .subnavbar,
.navbar.navbar-hidden~.page-content .subnavbar,
.navbar.navbar-hidden~.pages .subnavbar {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.page.no-navbar .page-content {
    padding-top: 0
}

.page.no-navbar .page-content.with-subnavbar,
.page.no-navbar.with-subnavbar .page-content,
.with-subnavbar .page.no-navbar .page-content {
    padding-top: 44px
}

.tabbar.tabbar-hiding,
.tabbar.toolbar-hiding,
.toolbar.tabbar-hiding,
.toolbar.toolbar-hiding {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tabbar.tabbar-hidden,
.tabbar.toolbar-hidden,
.toolbar.tabbar-hidden,
.toolbar.toolbar-hidden {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.page-content.native-scroll .page-content-inner,
.page.no-tabbar .page-content,
.page.no-tabbar .page-content-inner,
.page.no-toolbar .page-content,
.page.no-toolbar .page-content-inner {
    padding-bottom: 0
}

.searchbar {
    height: 44px;
    width: 100%;
    background: #c9c9ce;
    box-sizing: border-box;
    padding: 0 8px;
    overflow: hidden;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.searchbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #b4b4b4;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .searchbar:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .searchbar:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.searchbar .searchbar-input {
    width: 100%;
    height: 28px;
    position: relative;
    padding: 8px 0
}

.searchbar input[type=search] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 5px;
    font-family: inherit;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0 28px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");
    -webkit-background-size: 13px 13px
}

.searchbar input[type=search]::-webkit-input-placeholder {
    color: #939398;
    opacity: 1
}

.searchbar .searchbar-cancel,
.searchbar .searchbar-clear {
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.searchbar input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.searchbar .searchbar-clear {
    width: 28px;
    height: 28px;
    right: 0;
    top: 50%;
    margin-top: -14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.searchbar .searchbar-cancel {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 17px;
    margin: 0;
    right: 6px;
    top: 10px
}

.page>.searchbar,
.searchbar-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.searchbar.searchbar-active {
    padding-right: 66px
}

.searchbar.searchbar-active .searchbar-cancel {
    margin-left: 8px;
    opacity: 1;
    pointer-events: auto
}

.searchbar.searchbar-active .searchbar-cancel.active-state,
html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:active {
    opacity: .3;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.searchbar.searchbar-not-empty .searchbar-clear {
    pointer-events: auto;
    opacity: 1
}

.searchbar-overlay {
    height: 100%;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    background: rgba(0, 0, 0, .4);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.searchbar-overlay.searchbar-overlay-active {
    opacity: 1;
    pointer-events: auto
}

.hidden-by-searchbar,
.list-block .hidden-by-searchbar,
.list-block li.hidden-by-searchbar,
.searchbar-not-found {
    display: none
}

.page>.searchbar {
    z-index: 200
}

.page>.searchbar~.page-content {
    padding-top: 44px
}

.navbar-fixed .page>.searchbar,
.navbar-fixed>.searchbar,
.navbar-through .page>.searchbar,
.navbar-through>.searchbar {
    top: 44px
}

.navbar-fixed .page>.searchbar~.page-content,
.navbar-fixed>.searchbar~.page-content,
.navbar-through .page>.searchbar~.page-content,
.navbar-through>.searchbar~.page-content {
    padding-top: 88px
}

.messagebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.messagebar textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c8c8cd;
    background: #fff;
    border-radius: 5px;
    box-shadow: none;
    display: block;
    padding: 3px 8px;
    margin: 0;
    width: 100%;
    height: 28px;
    color: #000;
    font-size: 17px;
    line-height: 20px;
    font-family: inherit;
    resize: none;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1
}

.badge,
.content-block {
    box-sizing: border-box
}

.badge,
i.icon {
    display: inline-block
}

.messagebar .link {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.messagebar .link.icon-only:first-child {
    margin-left: -6px
}

.messagebar .link:not(.icon-only)+textarea,
.messagebar textarea+.link {
    margin-left: 8px
}

.messagebar~.page-content,
.page.no-toolbar .messagebar~.page-content {
    padding-bottom: 44px
}

.hidden-toolbar .messagebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

i.icon {
    vertical-align: middle;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    font-style: normal;
    position: relative
}

i.icon.icon-back {
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-forward {
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-bars {
    width: 21px;
    height: 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:2ddpx) {
    i.icon.icon-bars {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
        height: 13px
    }
}

i.icon.icon-camera {
    width: 25px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2025%2020'%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M13.3%2C5.5c-2.7%2C0-5%2C2.2-5%2C5s2.2%2C5%2C5%2C5c2.7%2C0%2C5-2.2%2C5-5S16%2C5.5%2C13.3%2C5.5z'%2F%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M22.8%2C1.8h-3.3c-0.2-1.3-1-1.8-2-1.8H8.1c-1%2C0-1.8%2C0.4-2%2C1.8H2.8C1.4%2C1.8%2C0%2C2.8%2C0%2C4.2v12.6%20c0%2C1.4%2C1.4%2C2.5%2C2.8%2C2.5h20c1.4%2C0%2C2.2-1.1%2C2.2-2.5V4.2C25%2C2.8%2C24.2%2C1.8%2C22.8%2C1.8z%20M3.5%2C6.4C2.6%2C6.4%2C2%2C5.8%2C2%2C5c0-0.8%2C0.7-1.5%2C1.5-1.5%20S5%2C4.1%2C5%2C5C5%2C5.8%2C4.3%2C6.4%2C3.5%2C6.4z%20M13.3%2C16.8c-3.5%2C0-6.3-2.7-6.3-6.2c0-3.3%2C2.5-6.2%2C5.7-6.2h1.2c3.2%2C0%2C5.7%2C2.9%2C5.7%2C6.2%20C19.6%2C14.1%2C16.7%2C16.8%2C13.3%2C16.8z'%2F%3E%3C%2Fsvg%3E")
}

i.icon.icon-f7 {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-f7-ios.png);
    border-radius: 6px
}

i.icon.icon-form-name {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-name-ios.svg)
}

i.icon.icon-form-password {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-password-ios.svg)
}

i.icon.icon-form-email {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-email-ios.svg)
}

i.icon.icon-form-calendar {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-calendar-ios.svg)
}

i.icon.icon-form-tel {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-tel-ios.svg)
}

i.icon.icon-form-gender {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-gender-ios.svg)
}

i.icon.icon-form-toggle {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-toggle-ios.svg)
}

i.icon.icon-form-comment {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-comment-ios.svg)
}

i.icon.icon-form-settings {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-settings-ios.svg)
}

i.icon.icon-form-url {
    width: 29px;
    height: 29px;
    background-image: url(../img/i-form-url-ios.svg)
}

i.icon.icon-next,
i.icon.icon-prev {
    width: 15px;
    height: 15px
}

i.icon.icon-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

i.icon.icon-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

i.icon.icon-plus {
    width: 25px;
    height: 25px;
    font-size: 31px;
    line-height: 20px;
    text-align: center;
    font-weight: 100
}

.list-block li.media-item .item-title,
.list-block.media-list .item-title,
.modal-button.modal-button-bold,
.modal-title {
    font-weight: 500
}

.badge {
    font-size: 13px;
    color: #fff;
    background: #8e8e93;
    border-radius: 20px;
    padding: 1px 7px
}

.icon .badge {
    position: absolute;
    left: 100%;
    margin-left: -10px;
    top: -2px;
    font-size: 10px;
    line-height: 1.4;
    padding: 1px 5px
}

.content-block {
    margin: 35px 0;
    padding: 0 15px;
    color: #6d6d72
}

.content-block-title {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
    color: #6d6d72;
    margin: 35px 15px 10px
}

.content-block-title+.card,
.content-block-title+.content-block,
.content-block-title+.list-block {
    margin-top: 10px
}

.content-block-inner {
    background: #fff;
    padding: 10px 15px;
    margin-left: -15px;
    width: 100%;
    position: relative;
    color: #000
}

.content-block-inner:after,
.content-block-inner:before {
    position: absolute;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    content: '';
    left: 0
}

.content-block-inner:before {
    top: 0;
    bottom: auto;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .content-block-inner:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .content-block-inner:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.content-block-inner:after {
    bottom: 0;
    top: auto;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .content-block-inner:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .content-block-inner:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.content-block.inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px
}

.content-block.inset .content-block-inner {
    border-radius: 7px
}

.content-block.inset .content-block-inner:after,
.content-block.inset .content-block-inner:before {
    display: none
}

@media all and (min-width:768px) {
    .content-block.tablet-inset {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 7px
    }

    .content-block.tablet-inset .content-block-inner {
        border-radius: 7px
    }

    .content-block.tablet-inset .content-block-inner:after,
    .content-block.tablet-inset .content-block-inner:before {
        display: none
    }
}

.list-block {
    margin: 35px 0;
    font-size: 17px
}

.list-block ul {
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.list-block ul:after,
.list-block ul:before {
    position: absolute;
    display: block;
    background-color: #c8c7cc
}

.list-block ul:before {
    content: '';
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.list-block .item-inner:after,
.list-block .item-link.list-button:after,
.list-block ul:after {
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    z-index: 15;
    left: 0;
    content: ''
}

html.pixel-ratio-2 .list-block ul:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block ul:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block ul:after {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.list-block .item-inner,
.list-block li {
    position: relative;
    box-sizing: border-box
}

.list-block ul ul:after,
.list-block ul ul:before,
.list-block.inset ul:after,
.list-block.inset ul:before {
    display: none
}

html.pixel-ratio-2 .list-block ul:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block ul:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block ul ul {
    padding-left: 45px
}

.list-block .align-top,
.list-block .align-top .item-content,
.list-block .align-top .item-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.list-block.inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px
}

.list-block.inset .content-block-title {
    margin-left: 0;
    margin-right: 0
}

.list-block.inset ul {
    border-radius: 7px
}

.list-block.inset li:first-child>a {
    border-radius: 7px 7px 0 0
}

.list-block.inset li:last-child>a {
    border-radius: 0 0 7px 7px
}

.list-block.inset li:first-child:last-child>a {
    border-radius: 7px
}

@media all and (min-width:768px) {
    .list-block.tablet-inset {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 7px
    }

    .list-block.tablet-inset .content-block-title {
        margin-left: 0;
        margin-right: 0
    }

    .list-block.tablet-inset ul {
        border-radius: 7px
    }

    .list-block.tablet-inset ul:after,
    .list-block.tablet-inset ul:before {
        display: none
    }

    .list-block.tablet-inset li:first-child>a {
        border-radius: 7px 7px 0 0
    }

    .list-block.tablet-inset li:last-child>a {
        border-radius: 0 0 7px 7px
    }

    .list-block.tablet-inset li:first-child:last-child>a {
        border-radius: 7px
    }
}

.list-block .item-media {
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 8px
}

.list-block .item-media i+i,
.list-block .item-media i+img {
    margin-left: 5px
}

.list-block .item-media+.item-inner {
    margin-left: 15px
}

.list-block .item-inner {
    padding-right: 15px;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 7px;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch
}

.list-block .item-inner:after {
    position: absolute;
    background-color: #c8c7cc;
    display: block;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block .item-inner:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-inner:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block .item-title {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.list-block .item-after {
    white-space: nowrap;
    color: #8e8e93;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 28px
}

.notifications,
.picker-items-col {
    max-height: 100%
}

.list-block .smart-select .item-after {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.list-block .item-link {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: block;
    color: inherit
}

.list-block .item-link .item-inner {
    padding-right: 35px;
    background-image: url(../img/i-list-chevron-right.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-position: -webkit-calc(100% - 15px) center;
    background-position: calc(100% - 15px) center
}

.list-block .item-link.active-state,
html:not(.watch-active-state) .list-block .item-link:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background-color: #d9d9d9
}

.list-block .item-link.active-state .item-inner:after,
html:not(.watch-active-state) .list-block .item-link:active .item-inner:after {
    background-color: transparent
}

.list-block .item-link.list-button {
    padding: 0 15px;
    text-align: center;
    color: #007aff;
    display: block;
    line-height: 43px
}

.list-block .item-link.list-button:after {
    position: absolute;
    background-color: #c8c7cc;
    display: block;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block .item-link.list-button:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-link.list-button:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block .item-content {
    box-sizing: border-box;
    padding-left: 15px;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list-block .list-block-label {
    margin: 10px 0 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #8f8f94
}

.list-block .swipeout {
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.list-block .swipeout.deleting {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.list-block .swipeout.deleting .swipeout-content {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.list-block .swipeout.transitioning .swipeout-actions-left a,
.list-block .swipeout.transitioning .swipeout-actions-right a,
.list-block .swipeout.transitioning .swipeout-content,
.list-block .swipeout.transitioning .swipeout-overswipe {
    -webkit-transition: .3s;
    transition: .3s
}

.list-block .swipeout-content {
    position: relative;
    z-index: 10
}

.list-block .swipeout-overswipe {
    -webkit-transition: .2s left;
    transition: .2s left
}

.list-block .swipeout-actions-left,
.list-block .swipeout-actions-right {
    position: absolute;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
    padding: 0 30px;
    color: #fff;
    background: #c7c7cc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    left: 0
}

.list-block .swipeout-actions-left a:after,
.list-block .swipeout-actions-right a:after {
    content: '';
    position: absolute;
    top: 0;
    width: 600%;
    height: 100%;
    background: inherit;
    z-index: -1
}

.list-block .item-divider,
.list-block .item-subtitle,
.list-block .item-text,
.list-block .list-group-title {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-block .swipeout-actions-left a.swipeout-delete,
.list-block .swipeout-actions-right a.swipeout-delete {
    background: #ff3b30
}

.list-block .swipeout-actions-right {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.list-block .swipeout-actions-right a:after {
    left: 100%;
    margin-left: -1px
}

.list-block .swipeout-actions-left {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.list-block .swipeout-actions-left a:after {
    right: 100%;
    margin-right: -1px
}

.list-block .item-subtitle {
    font-size: 15px;
    white-space: nowrap;
    max-width: 100%
}

.list-block .item-text {
    font-size: 15px;
    color: #8e8e93;
    line-height: 21px;
    height: 42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.list-block li.media-item .item-inner,
.list-block.media-list .item-inner {
    display: block;
    padding-top: 10px;
    padding-bottom: 9px;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch
}

.list-block li.media-item .item-link .item-inner,
.list-block.media-list .item-link .item-inner {
    background: 0 0;
    padding-right: 15px
}

.list-block li.media-item .item-link .item-title-row,
.list-block.media-list .item-link .item-title-row {
    padding-right: 20px;
}

.list-block li.media-item .item-media,
.list-block.media-list .item-media {
    padding-top: 9px;
    padding-bottom: 10px
}

.list-block li.media-item .item-media img,
.list-block.media-list .item-media img {
    display: block
}

.list-block li.media-item .item-title-row,
.list-block.media-list .item-title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.list-block li.media-item .item-content>.item-after,
.list-block.media-list .item-content>.item-after {
    margin-right: 15px;
    margin-left: 15px
}

.list-block .list-group ul:after,
.list-block .list-group ul:before {
    z-index: 11
}

.list-block .list-group+.list-group ul:before {
    display: none
}

.list-block .item-divider,
.list-block .list-group-title {
    background: #f7f7f7;
    margin-top: -1px;
    padding: 4px 15px;
    white-space: nowrap;
    max-width: 100%;
    color: #8e8e93
}

.list-block .item-divider:before,
.list-block .list-group-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.list-block .list-group-title:before,
.list-block li.sorting .item-inner:after,
.list-block li:last-child .item-inner:after,
.list-block li:last-child .list-button:after,
.list-block li:last-child li:last-child .item-inner:after {
    display: none
}

html.pixel-ratio-2 .list-block .item-divider:before,
html.pixel-ratio-2 .list-block .list-group-title:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-divider:before,
html.pixel-ratio-3 .list-block .list-group-title:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block .list-group-title {
    position: relative;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top: 0;
    z-index: 20;
    margin-top: 0
}

.list-block .sortable-handler {
    position: absolute;
    top: 0;
    bottom: 1px;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    background-image: url(../img/i-sortable-handler.png);
    background-position: center;
    width: 35px;
    opacity: 0;
    visibility: hidden;
    right: 0
}

.list-block.sortable .item-inner {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.list-block.sortable-opened .sortable-handler {
    visibility: visible;
    opacity: 1
}

.list-block.sortable-opened .item-inner,
.list-block.sortable-opened .item-link .item-inner {
    padding-right: 35px
}

.list-block.sortable-opened .item-link .item-inner,
.list-block.sortable-opened .item-link .item-title-row {
    background-image: none
}

.list-block.sortable-sorting li {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.list-block li.sorting {
    z-index: 50;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .6);
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.list-block li li:last-child .item-inner:after,
.list-block li:last-child li .item-inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.contacts-block .list-group:first-child ul:before,
.contacts-block .list-group:last-child ul:after,
.label-switch input[type=checkbox] {
    display: none
}

html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,
html.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,
html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.contacts-content {
    background: #fff
}

.contacts-block {
    margin: 0
}

.contacts-block .list-group-title {
    padding: 0 15px;
    background: #f7f7f7;
    color: #000;
    font-weight: 500;
    line-height: 22px;
    height: 22px
}

.list-block input[type=datetime-local],
.list-block input[type=time],
.list-block input[type=number],
.list-block input[type=search],
.list-block input[type=text],
.list-block input[type=password],
.list-block input[type=email],
.list-block input[type=tel],
.list-block input[type=url],
.list-block input[type=date],
.list-block select,
.list-block textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: none;
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 43px;
    color: #000;
    font-size: 17px;
    font-family: inherit
}

.list-block .item-title.label+.item-input {
    margin-left: 5px
}

.list-block input[type=datetime-local],
.list-block input[type=date] {
    line-height: 44px
}

.list-block select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.list-block textarea {
    height: 100px;
    resize: none;
    line-height: 1.4;
    padding-top: 8px;
    padding-bottom: 7px
}

.list-block textarea.resizable {
    height: 43px
}

.list-block .item-input {
    width: 100%;
    margin-top: -8px;
    margin-bottom: -7px;
    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1
}

.button,
.label-switch .checkbox {
    -webkit-appearance: none;
    -ms-appearance: none;
    margin: 0
}

.list-block .item-title.label {
    vertical-align: top;
    width: 35%;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.label-switch,
.label-switch .checkbox {
    width: 52px;
    border-radius: 16px;
    height: 32px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer
}

.label-switch {
    display: inline-block;
    vertical-align: middle;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.label-switch .checkbox {
    background: #e5e5e5;
    z-index: 0;
    padding: 0;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.label-switch .checkbox:after,
.label-switch .checkbox:before {
    height: 28px;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    content: ' '
}

.label-switch .checkbox:before {
    width: 48px;
    border-radius: 16px;
    box-sizing: border-box;
    z-index: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.label-switch .checkbox:after {
    width: 28px;
    border-radius: 28px;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.label-switch input[type=checkbox]:checked+.checkbox {
    background: #4cd964
}

.label-switch input[type=checkbox]:checked+.checkbox:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.label-switch input[type=checkbox]:checked+.checkbox:after {
    -webkit-transform: translateX(22px);
    transform: translateX(22px)
}

html.android .label-switch input[type=checkbox]+.checkbox,
html.android .label-switch input[type=checkbox]+.checkbox:after,
html.android .label-switch input[type=checkbox]+.checkbox:before {
    -webkit-transition-duration: 0;
    transition-duration: 0
}

.button {
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 5px;
    line-height: 27px;
    box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0 10px;
    height: 29px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer
}

.buttons-row,
.card-footer,
.card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

input[type=submit].button,
input[type=button].button {
    width: 100%
}

.button.active-state,
html:not(.watch-active-state) .button:active {
    background: rgba(0, 122, 255, .15)
}

.button.active,
.button.button-fill {
    color: #fff;
    background: #007aff
}

.button.button-round {
    border-radius: 27px
}

.button.button-big {
    font-size: 17px;
    height: 44px;
    line-height: 42px
}

.button.button-fill {
    border: none
}

.button.button-fill.active-state,
html:not(.watch-active-state) .button.button-fill:active {
    opacity: .8
}

.button i.icon:first-child {
    margin-right: 10px
}

.button i.icon:last-child {
    margin-left: 10px
}

.button i.icon:first-child:last-child {
    margin-left: 0;
    margin-right: 0
}

.buttons-row {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.card .list-block>ul:after,
.card .list-block>ul:before,
.cards-list>ul:after,
.cards-list>ul:before,
.label-checkbox input[type=checkbox],
.label-checkbox input[type=radio],
.smart-select select,
label.label-radio input[type=checkbox],
label.label-radio input[type=radio] {
    display: none
}

.buttons-row .button {
    border-radius: 0;
    border-left-width: 0;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.buttons-row .button:first-child {
    border-radius: 5px 0 0 5px;
    border-left-width: 1px;
    border-left-style: solid
}

.buttons-row .button:last-child {
    border-radius: 0 5px 5px 0
}

.buttons-row .button:first-child:last-child {
    border-radius: 5px
}

.buttons-row .button.button-round:first-child {
    border-radius: 27px 0 0 27px
}

.buttons-row .button.button-round:last-child {
    border-radius: 0 27px 27px 0
}

.range-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: -1px;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.range-slider input[type=range] {
    position: relative;
    height: 28px;
    width: 100%;
    margin: 4px 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b7b8b7), color-stop(100%, #b7b8b7));
    background: linear-gradient(to right, #b7b8b7 0, #b7b8b7 100%);
    background-position: center;
    background-size: 100% 2px;
    background-repeat: no-repeat;
    outline: 0
}

.range-slider input[type=range]:after {
    height: 2px;
    background: #fff;
    content: ' ';
    width: 5px;
    top: 50%;
    margin-top: -1px;
    left: -5px;
    z-index: 1;
    position: absolute
}

.range-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    height: 28px;
    width: 28px;
    position: relative;
    background: 0 0
}

.range-slider input[type=range]::-webkit-slider-thumb:after {
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    top: 0;
    content: ' '
}

.range-slider input[type=range]::-webkit-slider-thumb:before {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 2000px;
    height: 2px;
    margin-top: -1px;
    z-index: 1;
    background: #007aff;
    content: ' '
}

.label-checkbox {
    cursor: pointer
}

.label-checkbox i.icon-form-checkbox {
    width: 22px;
    height: 22px;
    position: relative;
    border-radius: 22px;
    border: 1px solid #c7c7cc;
    box-sizing: border-box
}

.label-checkbox i.icon-form-checkbox:after {
    content: ' ';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -4px;
    width: 12px;
    height: 9px
}

.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {
    border: none;
    background-color: #007aff
}

.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox:after,
.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E") center no-repeat;
    -webkit-background-size: 12px 9px;
    background-size: 12px 9px
}

label.label-radio {
    cursor: pointer
}

label.label-radio input[type=checkbox]~.item-inner,
label.label-radio input[type=radio]~.item-inner {
    padding-right: 35px
}

label.label-radio input[type=checkbox]:checked~.item-inner,
label.label-radio input[type=radio]:checked~.item-inner {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E") 90% center no-repeat;
    background-position: -webkit-calc(100% - 15px) center;
    background-position: calc(100% - 15px) center;
    -webkit-background-size: 13px 10px;
    background-size: 13px 10px
}

.label-checkbox,
label.label-radio {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.label-checkbox .active-state,
html:not(.watch-active-state) .label-checkbox :active,
html:not(.watch-active-state) label.label-radio:active,
label.label-radio.active-state {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background-color: #d9d9d9
}

.label-checkbox .active-state .item-inner:after,
html:not(.watch-active-state) .label-checkbox :active .item-inner:after,
html:not(.watch-active-state) label.label-radio:active .item-inner:after,
label.label-radio.active-state .item-inner:after {
    background-color: transparent
}

.list-block .accordion-item-toggle {
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.list-block .accordion-item-toggle .item-inner {
    padding-right: 35px;
    background: -webkit-calc(100% - 15px) center no-repeat;
    background: calc(100% - 15px) center no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size: 10px 20px
}

.list-block .accordion-item-toggle.active-state,
html:not(.watch-active-state) .list-block .accordion-item-toggle:active {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background-color: #d9d9d9
}

.list-block .accordion-item-expanded .accordion-item-toggle .item-inner:after,
.list-block .accordion-item-expanded>.item-link .item-inner:after,
.list-block .accordion-item-toggle.active-state>.item-inner:after,
html:not(.watch-active-state) .list-block .accordion-item-toggle:active>.item-inner:after {
    background-color: transparent
}

.list-block .accordion-item-toggle .item-inner,
.list-block .accordion-item>.item-link .item-inner {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.list-block .accordion-item-toggle .item-inner:after,
.list-block .accordion-item>.item-link .item-inner:after {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,
.list-block .accordion-item-expanded.media-item>.item-link .item-title-row,
.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,
.list-block.media-list .accordion-item-expanded>.item-link .item-title-row,
.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,
.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 20px
}

.list-block .accordion-item .content-block,
.list-block .accordion-item .list-block {
    margin-top: 0;
    margin-bottom: 0
}

.list-block .accordion-item ul {
    padding-left: 0
}

.accordion-item-content {
    position: relative;
    overflow: hidden;
    height: 0;
    font-size: 14px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.accordion-item-expanded>.accordion-item-content {
    height: auto
}

html.android-4 .accordion-item-content {
    -webkit-transform: none;
    transform: none
}

.card .list-block ul,
.cards-list ul {
    background: 0 0
}

.card {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    margin: 10px;
    position: relative;
    border-radius: 2px;
    font-size: 14px
}

.card-footer:before,
.card-header:after {
    background-color: #e1e1e1;
    z-index: 15;
    left: 0;
    width: 100%
}

.card .content-block,
.card .list-block {
    margin: 0
}

.row:not(.no-gutter) .col>.card {
    margin-left: 0;
    margin-right: 0
}

.card-content {
    position: relative
}

.card-content-inner {
    padding: 15px;
    position: relative
}

.card-content-inner>p:first-child {
    margin-top: 0
}

.card-content-inner>p:last-child {
    margin-bottom: 0
}

.card-content-inner>.content-block,
.card-content-inner>.list-block {
    margin: -15px
}

.card-footer,
.card-header {
    min-height: 44px;
    position: relative;
    padding: 10px 15px;
    box-sizing: border-box;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.card-footer[valign=top],
.card-header[valign=top] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.card-footer[valign=bottom],
.card-header[valign=bottom] {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.card-footer a.link,
.card-header a.link {
    line-height: 44px;
    height: 44px;
    text-decoration: none;
    position: relative;
    margin-top: -10px;
    margin-bottom: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.card-footer:before,
.card-header:after,
.modal-inner:after {
    right: auto;
    height: 1px;
    content: ''
}

.card-footer a.link.active-state,
.card-header a.link.active-state,
html:not(.watch-active-state) .card-footer a.link:active,
html:not(.watch-active-state) .card-header a.link:active {
    opacity: .3;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.card-footer a.link i+i,
.card-footer a.link i+span,
.card-footer a.link span+i,
.card-footer a.link span+span,
.card-header a.link i+i,
.card-header a.link i+span,
.card-header a.link span+i,
.card-header a.link span+span {
    margin-left: 7px
}

.card-footer a.link i.icon,
.card-header a.link i.icon {
    display: block
}

.card-footer a.icon-only,
.card-header a.icon-only {
    min-width: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0
}

.card-header {
    border-radius: 2px 2px 0 0;
    font-size: 17px
}

.card-header:after {
    position: absolute;
    bottom: 0;
    top: auto;
    display: block;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .card-header:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .card-header:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.card-header.no-border:after {
    display: none
}

.card-footer {
    border-radius: 0 0 2px 2px;
    color: #6d6d72
}

.card-footer:before {
    position: absolute;
    top: 0;
    bottom: auto;
    display: block;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.card-footer.no-border:before,
.modal {
    display: none
}

html.pixel-ratio-2 .card-footer:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .card-footer:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.modal-overlay,
.popup-overlay,
.preloader-indicator-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 10600;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.modal-overlay.modal-overlay-visible,
.popup-overlay.modal-overlay-visible,
.preloader-indicator-overlay.modal-overlay-visible {
    visibility: visible;
    opacity: 1
}

.popup-overlay {
    z-index: 10200
}

.modal {
    width: 270px;
    position: absolute;
    z-index: 11000;
    left: 50%;
    margin-left: -135px;
    margin-top: 0;
    top: 50%;
    text-align: center;
    border-radius: 7px;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(1.185);
    transform: translate3d(0, 0, 0) scale(1.185);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    color: #000
}

.modal.modal-in {
    opacity: 1;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.modal.modal-out {
    opacity: 0;
    z-index: 10999;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0, 0, 0) scale(.815);
    transform: translate3d(0, 0, 0) scale(.815)
}

.modal-inner {
    padding: 15px;
    border-radius: 7px 7px 0 0;
    position: relative;
    background: #e8e8e8
}

.modal-inner:after {
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    background-color: #b5b5b5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .modal-inner:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .modal-inner:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.modal-title {
    font-size: 18px;
    text-align: center
}

.modal-title+.modal-text {
    margin-top: 5px
}

.modal-buttons {
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.modal-buttons.modal-buttons-vertical {
    display: block;
    height: auto
}

.modal-button {
    width: 100%;
    padding: 0 5px;
    height: 44px;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    color: #007aff;
    background: #e8e8e8;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.modal-button:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 1px;
    height: 100%;
    background-color: #b5b5b5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.actions-modal-button:after,
.actions-modal-label:after,
.modal-buttons-vertical .modal-button:after {
    content: '';
    top: auto;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    right: auto
}

.modal-button:last-child:after,
.modal-buttons-vertical .modal-button:after,
.modal-buttons-vertical .modal-button:before {
    display: none
}

html.pixel-ratio-2 .modal-button:after {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

html.pixel-ratio-3 .modal-button:after {
    -webkit-transform: scaleX(.33);
    transform: scaleX(.33)
}

.modal-button:first-child {
    border-radius: 0 0 0 7px
}

.modal-button:last-child {
    border-radius: 0 0 7px
}

.modal-button:first-child:last-child {
    border-radius: 0 0 7px 7px
}

.modal-button.active-state,
html:not(.watch-active-state) .modal-button:active {
    background: #d4d4d4
}

.modal-buttons-vertical .modal-button {
    border-radius: 0
}

.modal-buttons-vertical .modal-button:after {
    position: absolute;
    background-color: #b5b5b5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.modal-buttons-vertical .modal-button:last-child:after,
.modal-no-buttons .modal-buttons,
.modal-no-buttons .modal-inner:after {
    display: none
}

html.pixel-ratio-2 .modal-buttons-vertical .modal-button:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.modal-buttons-vertical .modal-button:last-child {
    border-radius: 0 0 7px 7px
}

.modal-no-buttons .modal-inner {
    border-radius: 7px
}

.actions-modal {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 11000;
    width: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.actions-modal.modal-in {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.actions-modal.modal-out {
    z-index: 10999;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.actions-modal-group {
    margin: 8px
}

.actions-modal-button,
.actions-modal-label {
    width: 100%;
    text-align: center;
    font-weight: 400;
    margin: 0;
    background: rgba(243, 243, 243, .95);
    box-sizing: border-box;
    display: block;
    position: relative
}

.actions-modal-button b,
.actions-modal-button.actions-modal-button-bold,
.actions-modal-label b,
.actions-modal-label.actions-modal-button-bold,
.messages-date {
    font-weight: 500
}

.actions-modal-button:after,
.actions-modal-label:after {
    position: absolute;
    background-color: #d2d2d6;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .actions-modal-button:after,
html.pixel-ratio-2 .actions-modal-label:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .actions-modal-button:after,
html.pixel-ratio-3 .actions-modal-label:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.actions-modal-button a,
.actions-modal-label a {
    text-decoration: none;
    color: inherit;
    display: block
}

.actions-modal-button.actions-modal-button-red,
.actions-modal-label.actions-modal-button-red {
    color: #ff3b30
}

.actions-modal-button:first-child,
.actions-modal-label:first-child {
    border-radius: 4px 4px 0 0
}

.actions-modal-button:last-child,
.actions-modal-label:last-child {
    border-radius: 0 0 4px 4px
}

.actions-modal-button:last-child:after,
.actions-modal-label:last-child:after {
    display: none
}

.actions-modal-button:first-child:last-child,
.actions-modal-label:first-child:last-child {
    border-radius: 4px
}

.actions-modal-button.disabled,
.actions-modal-label.disabled {
    opacity: .95;
    color: #8e8e93
}

.actions-modal-button {
    cursor: pointer;
    line-height: 43px;
    font-size: 20px;
    color: #007aff
}

.actions-modal-label,
.actions-popover-label {
    padding: 8px 10px;
    color: #8a8a8a;
    line-height: 1.3
}

.actions-modal-button.active-state,
html:not(.watch-active-state) .actions-modal-button:active {
    background: #dcdcdc
}

.actions-modal-label {
    font-size: 13px;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

input.modal-text-input {
    box-sizing: border-box;
    height: 30px;
    background: #fff;
    margin: 15px 0 0;
    padding: 0 5px;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    display: block;
    box-shadow: 0 0 0 transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.popover,
.popover .list-block:first-child ul:before,
.popover .list-block:last-child ul:after {
    display: none
}

input.modal-text-input+input.modal-text-input {
    margin-top: 5px
}

.popover,
.popover .list-block {
    margin: 0
}

.modal-input-double input.modal-text-input {
    border-radius: 5px 5px 0 0
}

.modal-input-double+.modal-input-double input.modal-text-input {
    border-top: 0;
    border-radius: 0 0 5px 5px;
    margin-top: 0
}

.popover {
    width: 320px;
    background: rgba(255, 255, 255, .95);
    z-index: 11000;
    top: 0;
    opacity: 0;
    left: 0;
    border-radius: 7px;
    position: absolute;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.popover-angle,
.popover-angle:after {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 0
}

.popover .list-block:first-child li:first-child a,
.popover .list-block:first-child ul {
    border-radius: 7px 7px 0 0
}

.login-screen,
.picker-modal,
.popup {
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform
}

.popover.modal-in {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: 1
}

.popover .list-block ul {
    background: 0 0
}

.popover .list-block:last-child li:last-child a,
.popover .list-block:last-child ul {
    border-radius: 0 0 7px 7px
}

.popover .list-block:first-child:last-child li:first-child:last-child a,
.popover .list-block:first-child:last-child ul:first-child:last-child {
    border-radius: 7px
}

.popover .list-block+.list-block {
    margin-top: 35px
}

.popover-angle {
    left: -26px;
    z-index: 100;
    overflow: hidden
}

.popover-angle:after {
    content: ' ';
    background: rgba(255, 255, 255, .95);
    left: 0;
    border-radius: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popover-angle.on-left {
    left: -26px
}

.popover-angle.on-left:after {
    left: 19px;
    top: 0
}

.popover-angle.on-right {
    left: 100%
}

.popover-angle.on-right:after {
    left: -19px;
    top: 0
}

.popover-angle.on-top {
    left: 0;
    top: -26px
}

.popover-angle.on-top:after {
    left: 0;
    top: 19px
}

.popover-angle.on-bottom {
    left: 0;
    top: 100%
}

.popover-angle.on-bottom:after {
    left: 0;
    top: -19px
}

.popover-inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.actions-popover .list-block+.list-block {
    margin-top: 20px
}

.actions-popover .list-block ul {
    background: #fff
}

.actions-popover-label {
    font-size: 13px;
    text-align: center;
    position: relative
}

.actions-popover-label:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #d2d2d6;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .actions-popover-label:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .actions-popover-label:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.actions-popover-label:last-child:after {
    display: none
}

.login-screen,
.popup {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10400;
    background: #fff;
    box-sizing: border-box;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.login-screen.modal-in,
.login-screen.modal-out,
.popup.modal-in,
.popup.modal-out {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.login-screen.modal-in,
.popup.modal-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.login-screen.modal-out,
.popup.modal-out {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.login-screen.modal-in,
.login-screen.modal-out {
    display: block
}

@media all and (min-width:630px) and (min-height:630px) {
    .popup:not(.tablet-fullscreen) {
        width: 630px;
        height: 630px;
        left: 50%;
        top: 50%;
        margin-left: -315px;
        margin-top: -315px;
        -webkit-transform: translate3d(0, 1024px, 0);
        transform: translate3d(0, 1024px, 0)
    }

    .popup:not(.tablet-fullscreen).modal-in {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .popup:not(.tablet-fullscreen).modal-out {
        -webkit-transform: translate3d(0, 1024px, 0);
        transform: translate3d(0, 1024px, 0)
    }
}

@media all and (max-width:629px),
(max-height:629px) {
    html.with-statusbar-overlay .popup {
        height: -webkit-calc(100% - 20px);
        height: calc(100% - 20px);
        top: 20px
    }

    html.with-statusbar-overlay .popup-overlay {
        z-index: 9800
    }
}

html.with-statusbar-overlay .login-screen,
html.with-statusbar-overlay .popup.tablet-fullscreen {
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    top: 20px
}

.modal .preloader {
    width: 34px;
    height: 34px
}

.preloader-indicator-overlay {
    visibility: visible;
    opacity: 0;
    background: 0 0
}

.preloader-indicator-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 8px;
    margin-left: -25px;
    margin-top: -25px;
    background: rgba(0, 0, 0, .8);
    z-index: 11000;
    border-radius: 5px
}

.preloader-indicator-modal .preloader {
    display: block;
    width: 34px;
    height: 34px
}

.picker-modal {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 260px;
    z-index: 11500;
    display: none;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    background: #cfd5da;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.picker-modal.modal-in,
.picker-modal.modal-out {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.picker-modal.modal-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.picker-modal.modal-out {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.picker-modal .picker-modal-inner {
    height: 100%;
    position: relative
}

.picker-modal .toolbar {
    position: relative;
    width: 100%
}

.picker-modal .toolbar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #929499;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .picker-modal .toolbar:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-modal .toolbar:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-modal .toolbar+.picker-modal-inner {
    height: -webkit-calc(100% - 44px);
    height: -moz-calc(100% - 44px);
    height: calc(100% - 44px)
}

.picker-modal.picker-modal-inline,
.popover .picker-modal {
    display: block;
    position: relative;
    background: 0 0;
    z-index: inherit;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.picker-modal.picker-modal-inline .toolbar:before,
.popover .picker-modal .toolbar:before {
    display: none
}

.picker-modal.picker-modal-inline .toolbar:after,
.popover .picker-modal .toolbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #929499;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.panel,
.panel-overlay {
    display: none;
    position: absolute;
    top: 0;
    height: 100%
}

html.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after,
html.pixel-ratio-2 .popover .picker-modal .toolbar:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after,
html.pixel-ratio-3 .popover .picker-modal .toolbar:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.popover .picker-modal {
    width: auto
}

.popover .picker-modal .toolbar {
    background: 0 0
}

.panel-overlay {
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    z-index: 5999
}

.panel {
    z-index: 1000;
    background: #111;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 260px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

body.with-panel-left-cover .panel-overlay,
body.with-panel-left-reveal .panel-overlay,
body.with-panel-right-cover .panel-overlay,
body.with-panel-right-reveal .panel-overlay {
    display: block
}

.panel.panel-left.panel-cover {
    z-index: 6000;
    left: -260px
}

.panel.panel-left.panel-reveal {
    left: 0
}

.panel.panel-right.panel-cover {
    z-index: 6000;
    right: -86%;
}

.panel.panel-right.panel-reveal {
    right: 0
}

body.with-panel-left-cover .views,
body.with-panel-right-cover .views {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

body.with-panel-left-reveal .views,
body.with-panel-right-reveal .views {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform
}

body.with-panel-left-reveal .views {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0)
}

body.with-panel-left-reveal .panel-overlay {
    margin-left: 260px
}

body.with-panel-left-cover .panel-left {
    -webkit-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0)
}

body.with-panel-right-reveal .views {
    -webkit-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0)
}

body.with-panel-right-reveal .panel-overlay {
    margin-left: -260px
}

body.with-panel-right-cover .panel-right {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

body.panel-closing .views {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform
}

.lazy-loaded.lazy-fadeIn {
    -webkit-animation: lazyFadeIn .6s;
    animation: lazyFadeIn .6s
}

@-webkit-keyframes lazyFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes lazyFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tabs .tab {
    display: none
}

.tabs .tab.active {
    display: block
}

.photo-browser-swiper-wrapper,
.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.tabs-animated-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%
}

.tabs-animated-wrap>.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.tabs-animated-wrap>.tabs>.tab {
    width: 100%;
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.messages-content {
    background: #fff
}

.messages {
    clear: both;
    overflow: hidden
}

.messages-date {
    text-align: center;
    font-size: 11px;
    line-height: 1;
    margin: 10px 15px;
    color: #8e8e93;
    float: left;
    width: 100%
}

.messages-date span {
    font-weight: 400
}

.message {
    box-sizing: border-box;
    margin: 1px 10px 0;
    max-width: 70%;
    float: left;
    clear: both
}

.message:first-child {
    margin-top: 10px
}

.message .message-text {
    box-sizing: border-box;
    border-radius: 16px;
    padding: 6px 16px 9px;
    min-width: 48px;
    min-height: 35px;
    font-size: 17px;
    line-height: 1.2;
    word-break: break-word
}

.message-label,
.message-name {
    font-size: 12px;
    line-height: 1;
    color: #8e8e93
}

.message.message-pic .message-text {
    padding: 0;
    background: 0 0
}

.message.message-pic img {
    display: block;
    height: auto;
    max-width: 100%;
    border-radius: 16px
}

.message-hide-label .message-label,
.message-hide-name .message-name,
.messages-auto-layout .message-label,
.messages-auto-layout .message-name {
    display: none
}

.message-name {
    margin-bottom: 2px;
    margin-top: 7px
}

.message-label {
    margin-top: 4px
}

.message-avatar {
    width: 29px;
    height: 29px;
    border-radius: 100%;
    margin-top: -29px;
    position: relative;
    top: 1px;
    background-size: cover;
    opacity: 1;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.message-hide-avatar .message-avatar,
.messages-auto-layout .message-avatar {
    opacity: 0
}

.message-sent {
    float: right
}

.message-sent .message-name {
    margin-right: 16px
}

.message-sent .message-label {
    margin-right: 6px
}

.message-sent.message-with-avatar .message-text {
    margin-right: 29px
}

.message-sent.message-with-avatar .message-name {
    margin-right: 45px
}

.message-sent.message-with-avatar .message-label {
    margin-right: 34px
}

.message-sent .message-text {
    padding-right: 22px;
    background-color: #00d449;
    color: #fff;
    margin-left: auto;
    -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 56% 46% 42%
}

.message-sent.message-last .message-text,
.message-sent.message-with-tail .message-text {
    border-radius: 16px 16px 0;
    -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m96 70c-6-2-12-10-12-19v-16l-14 27s8 8 26 8z'/></svg>") 50% 56% 46% 42%
}

.message-sent.message-last.message-pic img,
.message-sent.message-with-tail.message-pic img {
    border-radius: 16px 16px 0
}

.message-received {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.message-received .message-text {
    padding-left: 22px;
    background-color: #e5e5ea;
    color: #000;
    -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 42% 46% 56%
}

.message-received .message-name {
    margin-left: 16px
}

.message-received .message-label {
    margin-left: 6px
}

.message-received.message-with-avatar .message-text {
    margin-left: 29px
}

.message-received.message-with-avatar .message-name {
    margin-left: 45px
}

.message-received.message-with-avatar .message-label {
    margin-left: 34px
}

.message-received.message-last .message-text,
.message-received.message-with-tail .message-text {
    border-radius: 16px 16px 16px 0;
    -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m0 70c6-2 12-10 12-19v-16l14 27s-8 8-26 8z'/></svg>") 50% 42% 46% 56%
}

.message-received.message-last.message-pic img,
.message-received.message-with-tail.message-pic img {
    border-radius: 16px 16px 16px 0
}

.message-last {
    margin-bottom: 8px
}

.message-appear-from-bottom {
    -webkit-animation: messageAppearFromBottom .4s;
    animation: messageAppearFromBottom .4s
}

.message-appear-from-top {
    -webkit-animation: messageAppearFromTop .4s;
    animation: messageAppearFromTop .4s
}

.messages-auto-layout .message-first .message-name,
.messages-auto-layout .message-last .message-label,
.toolbar.messagebar a,
.toolbar.messagebar textarea,
html.with-statusbar-overlay body .statusbar-overlay {
    display: block
}

.messages-auto-layout .message-last .message-avatar {
    opacity: 1
}

.toolbar.messagebar .toolbar-inner {
    display: block;
    margin: 0 55px 0 50px;
    width: auto;
    left: 0;
    right: 0;
    padding: 0
}

.toolbar.messagebar a {
    float: left;
    text-align: center;
    top: 50%;
    margin-top: -21px
}

.toolbar.messagebar .toolbar-inner a.icon-only {
    padding: 12px 4px;
    font-size: 20px;
    margin-left: -50px
}

.toolbar.messagebar textarea {
    position: absolute;
    top: 9px;
    width: 100%
}

.toolbar.messagebar textarea+a {
    float: right;
    margin-right: -46px
}

html.retina.ios-6 .message,
html.retina.ios-6 .message.message-pic img {
    -webkit-mask-box-image: none;
    border-radius: 16px
}

@-webkit-keyframes messageAppearFromBottom {
    from {
        -webkit-transform: translate3d(0, 100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes messageAppearFromBottom {
    from {
        transform: translate3d(0, 100%, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes messageAppearFromTop {
    from {
        -webkit-transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes messageAppearFromTop {
    from {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

html.with-statusbar-overlay body {
    padding-top: 20px;
    box-sizing: border-box
}

html.with-statusbar-overlay body .panel {
    padding-top: 20px
}

.statusbar-overlay {
    background: #f7f7f8;
    z-index: 10000;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 100%;
    display: none;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.preloader {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation: preloader-spin 1s steps(12, end) infinite;
    animation: preloader-spin 1s steps(12, end) infinite
}

.preloader-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.pull-to-refresh-layer {
    position: absolute;
    position: relative;
    margin-top: -44px;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px
}

.pull-to-refresh-layer .preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    visibility: hidden
}

.pull-to-refresh-layer .pull-to-refresh-arrow {
    width: 13px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -10px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E") center no-repeat;
    background-size: 13px 20px;
    z-index: 10;
    -webkit-transform: rotate(0) translate3d(0, 0, 0);
    transform: rotate(0) translate3d(0, 0, 0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.pull-to-refresh-content.pull-to-refresh-no-navbar {
    margin-top: -44px;
    height: -webkit-calc(100% + 44px);
    height: -moz-calc(100% + 44px);
    height: calc(100% + 44px)
}

.swiper-slide,
.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.pull-to-refresh-content.pull-to-refresh-no-navbar .pull-to-refresh-layer {
    margin-top: 0
}

.pull-to-refresh-content.refreshing,
.pull-to-refresh-content.transitioning {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.pull-to-refresh-content:not(.refreshing) .pull-to-refresh-layer .preloader {
    -webkit-animation: none;
    animation: none
}

.pull-to-refresh-content.refreshing {
    -webkit-transform: translate3d(0, 44px, 0);
    transform: translate3d(0, 44px, 0)
}

.pull-to-refresh-content.refreshing .pull-to-refresh-arrow {
    visibility: hidden;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.pull-to-refresh-content.refreshing .preloader {
    visibility: visible
}

.pull-to-refresh-content.pull-up .pull-to-refresh-arrow {
    -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
    transform: rotate(180deg) translate3d(0, 0, 0)
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    display: -moz-box;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.photo-browser .page[data-page=photo-browser-slides],
.photo-browser-popup {
    background: 0 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-slide .preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10
}

.photo-browser {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10500
}

body>.photo-browser {
    opacity: 0;
    display: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

body>.photo-browser.photo-browser-in {
    display: block;
    -webkit-animation: photoBrowserIn .4s forwards;
    animation: photoBrowserIn .4s forwards
}

body>.photo-browser.photo-browser-out {
    display: block;
    -webkit-animation: photoBrowserOut .4s forwards;
    animation: photoBrowserOut .4s forwards
}

html.with-statusbar-overlay body>.photo-browser {
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    top: 20px
}

.popup>.photo-browser .navbar,
.popup>.photo-browser .toolbar,
body>.photo-browser .navbar,
body>.photo-browser .toolbar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.page[data-page=photo-browser-slides] .toolbar a {
    color: #007aff
}

.photo-browser .navbar,
.photo-browser .toolbar,
.views .view[data-page=photo-browser-slides] .navbar,
.views .view[data-page=photo-browser-slides] .toolbar {
    background: rgba(247, 247, 247, .95);
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.photo-browser-captions,
.photo-browser-swiper-container {
    -webkit-transition-duration: .4s;
    position: absolute;
    left: 0;
    width: 100%
}

.view[data-page=photo-browser-slides] .page[data-page=photo-browser-slides] .navbar,
.view[data-page=photo-browser-slides] .page[data-page=photo-browser-slides] .toolbar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.photo-browser-exposed .navbar,
.photo-browser-exposed .toolbar {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.photo-browser-exposed .photo-browser-swiper-container {
    background: #000
}

.photo-browser-of {
    margin: 0 5px
}

.photo-browser-captions {
    pointer-events: none;
    bottom: 0;
    z-index: 10;
    opacity: 1;
    transition-duration: .4s
}

.photo-browser-captions.photo-browser-captions-exposed {
    opacity: 0
}

.toolbar~.photo-browser-captions {
    bottom: 44px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.photo-browser-exposed .toolbar~.photo-browser-captions {
    -webkit-transform: translate3d(0, 44px, 0);
    transform: translate3d(0, 44px, 0)
}

.toolbar~.photo-browser-captions.photo-browser-captions-exposed {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.photo-browser-caption {
    box-sizing: border-box;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 4px 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.photo-browser-caption:empty {
    display: none
}

.photo-browser-caption.photo-browser-caption-active {
    opacity: 1
}

.photo-browser-captions-light .photo-browser-caption {
    background: rgba(255, 255, 255, .8);
    color: #000
}

.photo-browser-exposed .photo-browser-caption {
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.photo-browser-swiper-container {
    top: 0;
    height: 100%;
    overflow: hidden;
    background: #fff;
    transition-duration: .4s
}

.photo-browser-swiper-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex
}

.photo-browser-slide,
.picker-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.photo-browser-link-inactive {
    opacity: .3
}

.photo-browser-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    box-sizing: border-box
}

.photo-browser-slide.transitioning {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.photo-browser-slide span.photo-browser-zoom-container {
    width: 100%;
    text-align: center;
    display: none
}

.photo-browser-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: none
}

.photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container,
.photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container,
.photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container {
    display: block
}

.photo-browser-slide.swiper-slide-active img,
.photo-browser-slide.swiper-slide-next img,
.photo-browser-slide.swiper-slide-prev img {
    display: inline
}

.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,
.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
    display: block
}

.photo-browser-slide iframe {
    width: 100%;
    height: 100%
}

.photo-browser-slide .preloader {
    display: none;
    position: absolute;
    width: 42px;
    height: 42px;
    margin-left: -21px;
    margin-top: -21px;
    left: 50%;
    top: 50%
}

.picker-item,
.picker-items-col {
    position: relative;
    overflow: hidden
}

.photo-browser-dark .navbar,
.photo-browser-dark .toolbar {
    background: rgba(30, 30, 30, .8);
    color: #fff
}

.photo-browser-dark .navbar:after,
.photo-browser-dark .navbar:before,
.photo-browser-dark .toolbar:after,
.photo-browser-dark .toolbar:before {
    display: none
}

.photo-browser-dark .navbar a,
.photo-browser-dark .toolbar a {
    color: #fff
}

.photo-browser-dark .photo-browser-swiper-container {
    background: #000
}

@-webkit-keyframes photoBrowserIn {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(.5);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        opacity: 1
    }
}

@keyframes photoBrowserIn {
    0% {
        transform: translate3d(0, 0, 0) scale(.5);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes photoBrowserOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(.5);
        opacity: 0
    }
}

@keyframes photoBrowserOut {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1
    }

    100% {
        transform: translate3d(0, 0, 0) scale(.5);
        opacity: 0
    }
}

.picker-columns {
    width: 100%;
    height: 260px;
    z-index: 11500
}

.picker-columns.picker-modal-inline,
.popover .picker-columns {
    height: 200px
}

@media (orientation:landscape) and (max-height:415px) {
    .picker-columns:not(.picker-modal-inline) {
        height: 200px
    }
}

.picker-center-highlight,
.picker-item {
    height: 36px;
    left: 0;
    box-sizing: border-box
}

.popover.popover-picker-columns {
    width: 280px
}

.picker-items {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    text-align: right;
    font-size: 24px;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent)
}

.picker-items-col.picker-items-col-left {
    text-align: left
}

.picker-items-col.picker-items-col-center {
    text-align: center
}

.picker-items-col.picker-items-col-right {
    text-align: right
}

.picker-items-col.picker-items-col-divider {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.picker-items-col-wrapper {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.picker-item {
    line-height: 36px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #707274;
    top: 0;
    width: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.picker-items-col-absolute .picker-item {
    position: absolute
}

.picker-item.picker-item-far {
    pointer-events: none
}

.picker-item.picker-selected {
    color: #000;
    -webkit-transform: translate3d(0, 0, 0) rotateX(0);
    transform: translate3d(0, 0, 0) rotateX(0)
}

.picker-center-highlight {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -18px;
    pointer-events: none
}

.picker-center-highlight:after,
.picker-center-highlight:before {
    position: absolute;
    height: 1px;
    background-color: #a8abb0;
    display: block;
    width: 100%
}

.picker-center-highlight:before {
    content: '';
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.picker-calendar-row:after,
.picker-calendar-week-days:after,
.picker-center-highlight:after {
    bottom: 0;
    content: '';
    right: auto;
    z-index: 15;
    left: 0
}

html.pixel-ratio-2 .picker-center-highlight:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-center-highlight:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-center-highlight:after {
    top: auto;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.picker-calendar-month,
.picker-calendar-week-days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

html.pixel-ratio-2 .picker-center-highlight:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-center-highlight:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-3d .picker-items {
    overflow: hidden;
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.picker-3d .picker-item,
.picker-3d .picker-items-col,
.picker-3d .picker-items-col-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.picker-3d .picker-items-col {
    overflow: visible
}

.picker-3d .picker-item {
    -webkit-transform-origin: center center -110px;
    transform-origin: center center -110px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.picker-calendar {
    background: #fff;
    height: 300px;
    width: 100%;
    overflow: hidden
}

@media (orientation:landscape) and (max-height:415px) {
    .picker-calendar:not(.picker-modal-inline) {
        height: 220px
    }
}

.picker-calendar .picker-modal-inner {
    overflow: hidden
}

.popover.popover-picker-calendar {
    width: 320px
}

.picker-calendar-week-days {
    height: 18px;
    background: #f7f7f8;
    display: flex;
    font-size: 11px;
    box-sizing: border-box;
    position: relative
}

.picker-calendar-week-days:after {
    position: absolute;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c4c4c4;
    display: block;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-calendar-week-days:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-calendar-week-days:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-calendar-week-days .picker-calendar-week-day {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    width: 14.28571429%;
    width: -webkit-calc(100% / 7);
    width: -moz-calc(100% / 7);
    width: calc(100% / 7);
    line-height: 17px;
    text-align: center
}

.picker-calendar-week-days+.picker-calendar-months {
    height: -webkit-calc(100% - 18px);
    height: -moz-calc(100% - 18px);
    height: calc(100% - 18px)
}

.picker-calendar-months {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.picker-calendar-months-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.picker-calendar-month {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.picker-calendar-row {
    height: 16.66666667%;
    height: -webkit-calc(100% / 6);
    height: -moz-calc(100% / 6);
    height: calc(100% / 6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    width: 100%;
    position: relative
}

.picker-calendar-row:after {
    position: absolute;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #ccc;
    display: block;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-calendar-row:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-calendar-row:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-calendar-row:last-child:after {
    display: none
}

.picker-calendar-day {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    width: 14.28571429%;
    width: -webkit-calc(100% / 7);
    width: -moz-calc(100% / 7);
    width: calc(100% / 7);
    text-align: center;
    color: #000;
    font-size: 15px;
    cursor: pointer
}

.notifications,
.notifications .item-subtitle,
.notifications .item-text,
.notifications .item-title {
    font-size: 14px
}

.picker-calendar-day.picker-calendar-day-next,
.picker-calendar-day.picker-calendar-day-prev {
    color: #b8b8b8
}

.picker-calendar-day.picker-calendar-day-disabled {
    color: #d4d4d4;
    cursor: auto
}

.picker-calendar-day.picker-calendar-day-today span {
    background: #e3e3e3
}

.picker-calendar-day.picker-calendar-day-selected span {
    background: #19c4b3;
    color: #fff
}

.picker-calendar-day span {
    display: inline-block;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.picker-calendar-month-picker,
.picker-calendar-year-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 50%;
    max-width: 200px;
    -webkit-flex-shrink: 10;
    -ms-flex: 0 10 auto;
    flex-shrink: 10
}

.picker-calendar-month-picker a.icon-only,
.picker-calendar-year-picker a.icon-only {
    min-width: 36px
}

.picker-calendar-month-picker span,
.picker-calendar-year-picker span {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days,
.popover .picker-calendar .picker-calendar-week-days {
    background: 0 0
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days:after,
.picker-calendar.picker-modal-inline .picker-calendar-week-days:before,
.picker-calendar.picker-modal-inline .toolbar:after,
.picker-calendar.picker-modal-inline .toolbar:before,
.popover .picker-calendar .picker-calendar-week-days:after,
.popover .picker-calendar .picker-calendar-week-days:before,
.popover .picker-calendar .toolbar:after,
.popover .picker-calendar .toolbar:before {
    display: none
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,
.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c4c4c4;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.login-screen-content .list-block ul:after,
.login-screen-content .list-block ul:before,
.notifications.list-block>ul:after,
.notifications.list-block>ul:before {
    display: none
}

html.pixel-ratio-2 .picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,
html.pixel-ratio-2 .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
html.pixel-ratio-2 .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
html.pixel-ratio-2 .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,
html.pixel-ratio-3 .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
html.pixel-ratio-3 .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
html.pixel-ratio-3 .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.notifications {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20000;
    color: #fff;
    margin: 0;
    border: none;
    display: none;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-duration: 450ms;
    transition-duration: 450ms;
    background: rgba(0, 0, 0, .85);
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.notifications.list-block>ul {
    background: 0 0;
    margin: 0
}

.with-statusbar-overlay .notifications {
    padding-top: 20px;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.notifications .item-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.notifications .item-title {
    font-weight: 500
}

.notifications .item-text {
    height: auto;
    color: #d2d2d2;
    line-height: inherit
}

.notifications .item-subtitle,
.notifications .item-text {
    font-weight: 300
}

.notifications .item-inner:after {
    background-color: rgba(255, 255, 255, .2)
}

.notifications .item-media i.icon {
    width: 20px;
    height: 20px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.notifications li.notification-item .item-media {
    padding-top: 13px
}

.notifications .close-notification {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2019%2019'%3E%3Cg%3E%3Cpath%20fill%3D'%23bcbfc4'%20d%3D'M9.5%2C1C14.2%2C1%2C18%2C4.8%2C18%2C9.5S14.2%2C18%2C9.5%2C18S1%2C14.2%2C1%2C9.5S4.8%2C1%2C9.5%2C1%20M9.5%2C0C4.3%2C0%2C0%2C4.3%2C0%2C9.5%20S4.3%2C19%2C9.5%2C19S19%2C14.7%2C19%2C9.5S14.7%2C0%2C9.5%2C0L9.5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23bcbfc4'%20stroke-miterlimit%3D'10'%20x1%3D'5.2'%20y1%3D'5.2'%20x2%3D'13.8'%20y2%3D'13.8'%2F%3E%3Cline%20stroke%3D'%23bcbfc4'%20stroke-miterlimit%3D'10'%20x1%3D'14.1'%20y1%3D'4.9'%20x2%3D'4.9'%20y2%3D'14.1'%2F%3E%3C%2Fsvg%3E");
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: relative
}

.notifications .close-notification span {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px
}

.notifications .notification-item {
    max-width: 568px;
    margin: 0 auto;
    -webkit-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.notifications .notification-hidden {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.login-screen-content {
    background: #fff
}

.login-screen-content .content-block,
.login-screen-content .list-block,
.login-screen-content .list-block-label,
.login-screen-content .login-screen-title {
    max-width: 480px;
    margin: 25px auto
}

.login-screen-content .list-block ul {
    background: 0 0
}

.login-screen-content .list-block-label {
    text-align: center
}

.login-screen-title {
    text-align: center;
    font-size: 30px
}

.disable{
    opacity: .55;
}

.disabled,
[disabled] {
    opacity: .55;
    pointer-events: none
}

.disabled .disabled,
.disabled [disabled],
[disabled] .disabled,
[disabled] [disabled] {
    opacity: 1
}

.order-list .list-wrap .order-btn,
.user-info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.glyphicon,
em {
    font-style: normal
}

input[type=search],
input[type=password],
锘块敇鍧楁晣閸ф鏅ｉ柛褎顨嗛弲锝夋煕瑜庨〃鍡涘疾閿濆鐓ラ柣鏇炲€圭€氾拷 input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    border-radius: 0
}

a.item-link {
    color: #252525
}

a.item-link.active {
    color: #f15353
}

.border-b-d {
    border-bottom: 1px dashed #EAEAEA
}

.pull-right {
    float: right !important
}

.tabbar a.tab-link {
    width: 100%;
    padding-top: 1px
}

.product-container .row {
    margin-left: 0
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 2px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    width: 12px;
    height: 16px
}

.glyphicon-search:before {
    content: "\e003";
    color: #fff
}

.input-group-addon {
    background-color: #008ee8;
    color: rgba(255, 255, 255, .6);
    padding: 6px 12px
}

.input-group-addon:first-child {
    font-size: 12px;
    line-height: 1;
    border-radius: 4px 0 0 4px;
    border-right: 0
}

.input-group-addon:last-child {
    border-radius: 0 4px 4px 0;
    border-left: 0
}

.search {
    background: #008ee8;
    border: none;
    padding: 6px;
    width: 100%;
    height: 16px
}

.home-swiper .swiper-slide {
    background: #EFEFEF
}

.home-swiper .swiper-slide img,
.home-swiper .swiper-slide video {
    width: 100%;
    min-height: 140px
}

.links-container {
    background: #fff;
    padding-top: 10px
}

.product-container {
    padding-top: 3px
}

.product-container .title {
    background: #fff;
    height: 30px;
    line-height: 30px
}

.product-container .title h3 {
    float: left;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    border-left: 5px solid #f40;
    text-indent: 1em;
    font-size: .9rem;
    font-weight: 700
}

.product-container .title a {
    color: #999;
    font-size: .8rem;
    margin-right: 1em
}

.product-container .list {
    padding: 2px
}

.row .col-50 {
    width: 49%;
    margin-left: 1%
}

.nav-condition {
    margin: 0;
    padding: 4px 0;
    width: 100%
}

.nav-condition a {
    height: 40px;
    width: 25%;
    color: #686868;
    line-height: 40px;
    border: 1px solid #686868
}

.panel {
    background: #FFF
}

.product-container .buttons-row .button:first-child,
.product-container .buttons-row .button:last-child {
    border-radius: initial
}

.product-container .buttons-row .button {
    color: #9D9D9D;
    font-size: 15px;
    border: none
}

.product-container .button.active {
    color: #03bfff;
    background: #FFF;
    border-bottom: 2px solid #03bfff
}

body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
input,
ol,
select,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

img {
    border: none;
    max-width: 100%
}

input,
textarea {
    outline: 0
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.bn {
    border: none !important
}

.clear {
    -ms-zoom: 1;
    zoom: 1
}

.clear:after {
    clear: both;
    display: table;
    content: ''
}

.font-red {
    color: #ff5400
}

.nav-bar {
    text-align: center;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    padding: 10px 3px;
    border-bottom-width: 2px
}

.row .col-33 {
    width: 29.333333333333332%;
    margin-left: 0
}

.subnavbar .buttons-row {
    margin: 0
}

.order-list {
    display: inline-block;
    width: 100%
}

.order-list h4 {
    margin-bottom: .1rem
}

.order-list h4 strong {
    font-weight: 400;
    color: #333;
    font-size: 14px;
    margin-right: 5px
}

.order-list h4 i {
    margin-right: 5px;
    margin-top: 2px;
    float: left
}

.order-list h4 span {
    font-size: .8em;
    font-weight: 400;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 2px;
    margin-right: 5px;
    float: left;
    margin-top: 2px;
    height: 15px;
    line-height: 15px;
    color: #fff;
    background-color: #6ac5ff
}

.order-list .list-wrap:after,
.order-list .list-wrap:before {
    right: auto;
    height: 1px;
    width: 100%;
    display: block;
    z-index: 15;
    left: 0;
    content: ''
}

.order-list h4 span.order {
    background-color: rgba(47, 203, 187, .18);
    color: #2fcbbb
}

.order-list h4 span.pay {
    background-color: rgba(255, 155, 18, .18);
    color: #ff9712
}

.order-list h4 em {
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px
}

.order-list h4 em.gray {
    color: #999
}

.order-list li {
    color: #999;
    margin-bottom: .5rem;
    font-size: 12px
}

.order-list .list-wrap {
    margin-bottom: 10px;
    background: #fff;
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 5px
}

.order-list .list-wrap:before {
    position: absolute;
    bottom: auto;
    top: 0;
    background-color: #f5f5f5
}

html.pixel-ratio-2 .order-list .list-wrap:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .order-list .list-wrap:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.order-list .list-wrap:after {
    position: absolute;
    bottom: -1px;
    top: auto;
    background-color: #fff
}

html.pixel-ratio-2 .order-list .list-wrap:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .order-list .list-wrap:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.phone-order {
    width: 34px;
    height: 34px;
    background-image: url(../img/icon/phone-oeder.png);
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0
}

.list-wrap .phone-order {
    display: none
}

.order-list .list-wrap .finish {
    position: absolute;
    top: 10px;
    right: 15px
}

.order-list .list-wrap ul {
    margin: 7px 15px 0
}

.order-list .list-wrap .order-btn {
    float: left;
    width: 100%;
    padding-right: 10px;
    margin-top: 7px;
    box-sizing: border-box;
    padding-bottom: 3px
}

.order-list .list-wrap .order-btn .btn {
    color: #666;
    -ms-text-overflow: none;
    -o-text-overflow: none;
    text-overflow: none;
    border-radius: 25px;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
    height: 25px;
    line-height: 23px;
    vertical-align: middle;
    font-size: 13px;
    -ms-word-wrap: nowrap;
    word-wrap: nowrap;
    word-spacing: nowrap;
    display: inline-block;
    margin-right: 5px
}

.nativeApp .user-info,
.user-info {
    height: 170px;
    position: relative;
    text-align: center
}

.order-list .list-wrap .order-btn .btn:last-child {
    margin-right: 0
}

.order-list .list-wrap .order-btn .btn.btn-payfor {
    color: #ff9e06;
    border: 1px solid #ff9e06 !important
}

.order-list .list-wrap .order-detail ul:after,
.order-list .list-wrap .order-detail ul:before {
    background-color: #fff
}

.btn-red {
    background: #fff;
    color: #ff9712;
    border: 1px solid #ff9e06
}

.btn-none,
.list-block .item-content.btn-none {
    display: none
}

.item-subtitle-bottom-right .button {
    border-color: #03bfff;
    color: #03bfff;
    padding: 0 3px
}

.list-block .item-content .item-content {
    border-bottom: none
}

.user-info {
    background: url(../img/user-bg_02.png) no-repeat #fff;
    background-size: 100% 100%;
    box-sizing: border-box;
    overflow: hidden
}

.bankInfor .item-media img,
.nativeApp .user-info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden
}

.nativeApp .user-info {
    background: url(../img/user-bg_02.png) no-repeat #fff;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 16px
}

.user-info .user-set {
    float: right;
    z-index: 9999;
    width: 40px;
    height: 40px
}

.user-info .switchAccent {
    padding: 5px 6px;
    float: left;
    z-index: 9999;
    width: 110px;
    height: 40px
}

.user-info .switchAccent span {
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    color: #fff
}

.user-info a {
    display: block;
    float: right;
    width: 50px;
    height: 50px;
    margin-top: 12px
}

.user-info img {
    border: none
}

.user-information {
    background-color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-box-shadow: 0 2px 13px #e8e8e8;
    -moz-box-shadow: 0 2px 13px #e8e8e8;
    box-shadow: 0 2px 13px #e8e8e8;
    position: relative;
    margin-top: -62px;
    height: 150px;
    border-radius: 6px
}

.user-information i.icon {
    position: absolute;
    top: 15px;
    right: 10px
}

.user-information-bg {
    background-color: #fff;
    padding-bottom: 10px
}

.user-information a.headpic {
    width: 100px;
    height: 100px;
    background: #fff;
    display: block;
    position: relative;
    top: -36px;
    left: 50%;
    margin-left: -50px;
    border-radius: 50%
}

.user-info .avatar,
.user-information img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 10px auto 0 13px;
    vertical-align: middle;
    background-size: 100% auto;
    background-position: center
}

.user-information p {
    text-align: center;
    font-size: 15px;
    color: #333;
    top: 55px;
    position: absolute;
    width: 100%;
    margin: 0
}

.user-info .username {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    float: left;
    line-height: 45px;
    margin-left: 10px
}

.account {
    width: 100%;
    height: 36px;
    clear: both;
    font-size: 11px;
    background-color: #FFF;
    padding: 7px 0;
    position: relative;
    margin-top: -12px
}

.my-order .badge,
.user-list .list-block.js-ent-hid {
    background-color: #fff
}

.list-bankInfor,
.user-list .list-block .item-link .item-inner.no-bg {
    padding-right: 15px
}

html.pixel-ratio-2 .account:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .account:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.account-infor {
    width: 33%;
    float: left;
    text-align: center;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    border-right: 1px solid #f5f5f5
}

.account-infor:last-child {
    border: none
}

.account-infor dt {
    margin-top: 2px;
    color: #999;
    font-size: 13px;
    text-align: center
}

.account-infor dd,
.my-order {
    text-align: center;
    color: #666
}

.account-infor dd {
    font-size: 13px;
    font-weight: bolder
}

.user-list {
    padding-bottom: 40px
}

.my-order {
    padding-top: 24px;
    width: 24%;
    display: inline-block;
    font-size: 12px;
    margin: 10px auto;
    position: relative;
    padding-bottom: 5px
}

.my-order .badge {
    position: absolute;
    top: -7px;
    right: 16px;
    border: 1px solid #ff626e;
    color: #ff626e;
    font-size: 8px
}

.expenseOrderEdit .all-order,
.user-list .all-order {
    margin-top: 0;
    color: #666;
    font-size: 15px
}

.user-list .list-block.js-ent-hid li .icon {
    margin-top: -1px;
    margin-right: 5px
}

[data-page=clientInfoPage] .user-list .all-order,
[data-page=accountSafetyPage] .user-list .all-order {
    background-color: #f5f5f5
}

[data-page=clientInfoPage] .user-list .all-order {
    background-color: #fff
}

.icon-orderLogo {
    width: 106px;
    height: 162px;
    background-image: url(../img/logo/icon-orderLogo.png);
    padding-bottom:6px;
}

.list-bankInfor,
.user-list .list-block .item-link .item-inner {
    background-image: url(../img/icon/arrow-right.png);
    background-size: 5px 8px;
    background-repeat: no-repeat
}

.expenseOrderEdit .all-order .item-after.active,
.user-list .all-order .item-after.active {
    color: #06c1ae
}

.icon-cart-ok {
    background-color: #08c1af !important
}

.expenseOrderEdit .all-order .item-title,
.user-list .all-order .item-title {
    margin-top: 2px
}

.expenseOrderEdit .all-order .item-after,
.user-list .all-order .item-after {
    font-size: 13px;
    color: #999;
    line-height: 25px;
}

.expenseOrderEdit .all-order .item-after {
    margin-top: 3px
}

.user-list li {
    color: #333;
    font-size: 14px
}

.expenseOrderEdit .item-title.label,
.user-list .item-title.label {
    font-size: 14px;
    color: #333;
    width: 86px
}

.expenseOrderEdit input[type=text],
.expenseOrderEdit input[type=number],
.expenseOrderEdit textarea,
.user-list input[type=text],
.user-list input[type=tel],
.user-list input[type=number],
.user-list textarea {
    color: #666;
    font-size: 14px;
    height: 44px;
    line-height: 22px
}

.user-list textarea {
    line-height: 30px
}

.user-list .list-block .item-link .item-inner {
    background-position: calc(100% - 15px) center
}

.required {
    position: absolute;
    left: 0;
    color: red;
    display: none
}

.mybaseinfor .item-input input {
    text-align: right
}

.mybaseinfo .item-input input {
    text-align: left
}

.sm-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 5px auto;
    display: inline-block
}

.list-bankInfor {
    background-position: 95% center;
    background-position: -webkit-calc(100% - 15px) center;
    background-position: calc(100% - 15px) center;
    font-size: 16px;
    position: relative
}

.list-bankInfor:after {
    content: '';
    position: absolute;
    left: 15px;
    bottom: 0;
    top: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #e5e5e5;
    display: block;
    z-index: 15
}

html.pixel-ratio-2 .list-bankInfor:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-bankInfor:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-bankInfor a {
    color: #222
}

.list-bankInfor .item-text {
    color: #999;
    height: 28px
}

.cur {
    background: red;
    color: #fff;
    font-size: 8px;
    line-height: 14px;
    border-radius: 1px;
    display: inline-block;
    padding: 1px 2px;
    margin-right: 4px
}

.contacts .item-subtitle,
.user-list .list-block .item-subtitle {
    width: 100%;
    font-size: 11px
}

.TestGetCode {
    padding: 2px 4px;
    font-size: 13px;
    border-radius: 4px
}

.border-b-s {
    border-bottom: 1px solid #e1e1e1
}

.border-t {
    border-top: 1px solid #e1e1e1
}

.p-0 {
    padding: 0
}

.p-l-0 {
    padding-left: 0
}

.color-gray {
    color: #999
}

.select-u {
    border: none;
    background: url(../img/icon/arrow-bottom.png) right center no-repeat;
    font-size: 18px;
    padding-right: 10px;
    background-size: 8px 7px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

#AddressDetail .content-block,
.baseInfo-block .content-block {
    margin-top: 0;
    font-size: 14px;
    background: #fff;
    padding: 0;
    position: relative
}

[data-page=addrNewPage] #AddressDetail .content-block {
    margin-bottom: 0
}

#AddressDetail .content-block .select-user,
.baseInfo-block .content-block .select-user {
    width: 80px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 111;
    height: 87px;
    display: block;
    text-align: center;
    color: #333;
    font-size: 13px;
    border-left: 1px solid #f5f5f5
}

#AddressDetail .content-block .select-user i,
.baseInfo-block .content-block .select-user i {
    margin-top: 16px;
    margin-bottom: 10px
}

#AddressDetail .content-block .select-user span,
.baseInfo-block .content-block .select-user span {
    display: block
}

.baseInfo-block .content-block:first-of-type {
    margin: 0
}

.baseInfo-block .item-content {
    border: none
}

.baseInfo-block .item-title.label {
    color: #333;
    width: 27%
}

.baseInfo-block .content-block input[type=text],
.baseInfo-block .content-block input[type=date],
.baseInfo-block .item-input input {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333
}

.baseInfo-block .item-content:last-child .item-inner:after {
    height: 0
}

.only-one-btn {
    margin: 0 auto;
    width: 140px;
    line-height: 30px;
    text-align: center;
    font-size: 16px
}

.baseInfo-block .content-block input[type=text].no-border {
    border: none;
    padding-top: 5px
}

.noDataTip {
    text-align: center;
    background-color: #fff
}

.card-item .upimgdiv {
    min-width: 134px;
    min-height: 134px
}

.upimgdiv {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #f2f2f2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% auto
}

.upimgdiv img {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

.upimgdiv a {
    display: block
}

.bankInfor {
    background-color: #f5f5f5;
    margin-top: 10px
}

.bankInfor li {
    height: 105px;
    background: #f5f5f5
}

.bankInfor li:before {
    content: ' ';
    position: absolute;
    height: 10px;
    width: 100%;
    top: -10px;
    left: 0;
    background: #f5f5f5
}

.bankInfor li.default .item-content {
    background-image: -webkit-linear-gradient(-360deg, #1cb390, #089db6) !important
}

.bankInfor .item-content {
    background: #fff;
    margin: 0 15px;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 0 4px 1px #e5e5e5
}

.bankInfor .item-media img {
    border-radius: 50%;
    padding: 5px;
    background-color: #FFF;
    box-sizing: border-box;
    width: 35px;
    height: 35px
}

.bankInfor .item-title {
    font-size: 15px;
    color: #333
}

.bankInfor .item-after {
    font-size: 12px;
    color: #FFF;
    margin-right: -15px
}

.bankInfor .item-subtitle {
    font-size: 13px;
    color: #666
}

.bankInfor .item-text {
    font-size: 18px;
    color: #333;
    line-height: 32px;
    height: 32px
}

.bankInfor li.default .item-after,
.bankInfor li.default .item-subtitle,
.bankInfor li.default .item-text,
.bankInfor li.default .item-title {
    color: #FFF !important
}

.order-detail {
    float: left;
    width: 100%;
    border-top: 2px dotted #e5e5e5;
    padding: 5px 25px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.order-detail:after,
.order-detail:before {
    content: ' ';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #E5E5E5;
    top: -5px
}

.order-detail:before {
    left: -3px
}

.order-detail:after {
    right: -3px
}

.order-detail dl {
    float: left;
    width: 45%
}

.order-detail dl:first-child {
    width: 55%
}

.order-detail dl dt {
    font-size: 11px;
    color: #999
}

.order-detail dl dd {
    font-size: 17px;
    color: #666;
    line-height: 24px
}

.order-detail dl dd.price {
    color: #FF5000
}

.moneyContent .item-inner .item-after {
    color: #999;
    font-size: 13px
}

.left a.icon-only {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    min-width: 24px
}

.right a.icon-only {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: flex-end;
    min-width: 24px
}

[data-page=products] .list-block ul:after {
    height: 0
}

.bank-text-container {
    width: 256px;
    overflow: hidden
}

[data-page=contactServe] .serve-header {
    background-image: url(../img/serve-bg.png);
    background-size: 100% 100%;
    height: 130px
}

@media screen and (max-width:375px) {
    [data-page=contactServe] .serve-header {
        height: 130px
    }
}

@media screen and (max-width:321px) {
    [data-page=contactServe] .serve-header {
        height: 110px
    }
}

@media screen and (min-width:376px) {
    [data-page=contactServe] .serve-header {
        height: 140px
    }
}

[data-page=contactServe] h2 {
    font-size: 13px;
    color: #666;
    font-weight: 400;
    margin-left: 15px;
    line-height: 30px
}

[data-page=contactServe] .list-block li.item-content {
    height: 60px
}

[data-page=contactServe] .list-block {
    margin: 0
}

[data-page=contactServe] .list-block .item-inner {
    min-height: 62px
}

[data-page=contactServe] .list-block .item-text {
    height: 21px;
    color: #333;
    font-size: 16px;
    margin-top: 2px
}

[data-page=contactServe] .list-block .item-subtitle {
    color: #999;
    font-size: 13px
}

[data-page=contactServe] .list-block .icon-serve-phone {
    float: left;
    margin-right: 15px
}

[data-page=contactServe] .top-list {
    padding: 15px 15px 0
}

[data-page=contactServe] .top-list span {
    color: #333;
    margin-bottom: 20px
}

[data-page=contactServe] .icon-return-arrow-white {
    margin-left: 15px;
    margin-top: 13px
}

.user-btn-OrderType .my-order {
    padding-top: 37px
}

.user-btn-OrderType a {
    background-size: 28px 28px !important
}

.user-btn-OrderType .order-sale {
    background: url(../img/icon/order-sale_03.png) center top no-repeat
}

.user-btn-OrderType .order-cost {
    background: url(../img/icon/order-cost_03.png) center top no-repeat
}

.user-btn-OrderType .order-return {
    background: url(../img/icon/order-return_03.png) center top no-repeat
}

.user-btn-OrderType .order-deliver {
    background: url(../img/icon/order-deliver_03.png) center top no-repeat
}

.user-btn-OrderType .order-payment {
    background: url(../img/icon/order-payment_03.png) center top no-repeat
}

.user-btn-OrderType .order-receive {
    background: url(../img/icon/order-receive_03.png) center top no-repeat
}

.user-btn-OrderType .order-rebate {
    background: url(../img/icon/order-rebate_03.png) center top no-repeat
}

.user-btn-OrderType .order-define {
    background: url(../img/icon/zidingyi-3.png) center top no-repeat
}

[data-page=deliveryLists] .page-bottom {
    margin-top: 0
}

.applicationCneterContainer .appContainer {
    font-size: 12px;
    color: #666
}

.applicationCneterContainer .appContainer .tipsTitle {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px
}

.applicationCneterContainer .appContainer li {
    display: inline-block;
    width: 24%;
    text-align: center;
    padding-bottom: 24%;
    height: 0;
    overflow: hidden
}

.applicationCneterContainer .appContainer li:after {
    content: '';
    display: block;
    margin-top: 24%
}

.applicationCneterContainer .appContainer li .sp-icon {
    width: 45px;
    height: 45px;
    display: block;
    margin: 13px auto;
    background: url(../img/icon/order-cost_03.png) center center no-repeat;
    background-size: 100%
}

.messageCnenter-list .pull-to-refresh-layer {
    margin-top: -80px
}

.content-block.prodDescContent>p {
    margin: -6px 0 0
}

.content-block.prodDescContent>p:first-child {
    margin-top: 1em
}

.content-block.prodDescContent>p:last-child {
    margin-bottom: 1em
}

ul.noticeListPage-container {
    background-color: #f5f5f5
}

.noticeListPage-container li {
    border-radius: 5px;
    margin: 10px;
    background-color: #fff
}

.noticeListPage-container .item-text {
    margin-top: 5px;
    font-size: 14px;
    color: #06c1ae;
    height: auto
}

.noticeListPage-container .item-text .item-after {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #999
}

.user-list .noticeListPage-container .all-order .item-title {
    font-size: 16px
}

.user-list .noticeListPage-container .item-content {
    padding-left: 10px
}

.noticeDetailPage .page-content {
    padding: 30px 15px 0;
    background-color: #fff
}

.noticeDetailPage header {
    font-size: 16px;
    font-weight: 700;
    text-align: left
}

.noticeDetailPage section {
    color: #999;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 8px
}

.noticeDetailPage p {
    text-indent: 0;
    margin: 0;
    font-size: 15px
}

.noticeDetailPage article,
.noticeDetailPage footer {
    padding: 10px
}

.page-content-container .row {
    background-color: #fff;
    padding: 15px 0 10px;
    margin-left: 0
}

.page-content-container .row .col-100 {
    margin-left: 0
}

.content-block.wx-scan-center {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    position: relative
}

.content-block.wx-scan-center input {
    width: 80%;
    margin: 10px auto;
    height: 45px;
    border: 1px solid #06C1AE;
    border-radius: 25px;
    text-align: center;
    font-size: 18px;
    color: #664343
}

.content-block.wx-scan-center button {
    width: 80%;
    margin: 10px auto;
    height: 45px;
    background-color: #D9D9D9;
    border-radius: 25px;
    border: 1px solid #D9D9D9;
    font-size: 18px;
    color: #999
}

.content-block.wx-scan-center button.active {
    color: #fff;
    background-color: #06c1ae;
    background: -webkit-linear-gradient(right, #20c8df, #48deaf);
    border-width: 0
}

.content-block.wx-scan-center .wx-scan-button {
    height: 150px;
    width: 150px;
    margin: 10px auto;
    border: 5px solid #06c1ae;
    border-radius: 50%;
    border-color: -webkit-linear-gradient(right, #20c8df, #48deaf);
    box-shadow: 0 0 0 8px rgba(31, 183, 182, .1);
    text-align: center
}

.content-block.wx-scan-center .wx-scan-button .icon {
    margin-top: 40px
}

.wx-scan-close {
    background: url(../img/icon/loginclear.png) no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    right: 15%;
    top: 30px
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    .icon-scan-center {
        width: 176px !important;
        height: 172px !important
    }
}

@media only screen and (max-device-width :480px) {
    .icon-scan-center {
        width: 140px !important;
        height: 140px !important
    }
}

@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio :2.5) {
    .icon-scan-center {
        width: 176px !important;
        height: 172px !important
    }
}

@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio :3) {
    .icon-scan-center {
        width: 176px !important;
        height: 172px !important
    }
}

@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2) {
    .icon-scan-center {
        width: 176px !important;
        height: 172px !important
    }
}

.navbar-inner .right,
.position-r {
    position: relative
}



.m-t-55 {
    margin-top: 55px !important
}

.p-t-44 {
    padding-top: 44px !important
}

.tl {
    text-align: left !important
}

.p-b-180 {
    padding-bottom: 180px !important
}

.p-lr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.p-t-64 {
    padding-top: 64px !important
}

.top-45 {
    top: 45px !important
}

.no-navbar-by-scroll .top-45 {
    height: 64px;
    padding-top: 20px !important
}

.fs0 {
    flex-shrink: 0 !important
}

.btn-center {
    margin: 0 auto !important
}

.height-auto {
    height: auto !important
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.font-20 {
    font-size: 20px !important
}

.font-16 {
    font-size: 16px !important
}

.font-14 {
    font-size: 14px !important
}

.font-15 {
    font-size: 15px !important
}

#font-13,
.font-13 {
    font-size: 13px !important
}

.font-12 {
    font-size: 12px !important
}

.hidden {
    display: none !important
}

.hid {
    display: none
}

.position-r {
    left: 0;
    top: 0
}

.upsmall {
    color: #969696;
    font-size: 10px
}

.bottom-bar {
    position: fixed;
    bottom: 0;
    line-height: 49px;
    background: #fff;
    width: 100%;
    font-size: 14px;
    color: #666;
    z-index: 99
}

.bottom-bar label div {
    display: inline-block;
    font-size: 18px;
    margin-left: 10px;
    color: #2b2b2b
}

.bottom-bar label div+div {
    margin-left: 0
}

.bottom-bar .button {
    margin: 7px auto
}

.list-block.media-list .item-link .item-title-row {
    background-image: none;
    padding-bottom: 3px;
}

.page-content .upimgdiv img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%
}

.m-t-42 {
    margin-top: 42px
}

.p-t-10 {
    padding-top: 10px !important
}

.p-t-110 {
    padding-top: 110px !important
}

.font-13 {
    font-size: 13px
}

.no-bg {
    background-image: none !important
}

.none-border {
    border: none !important
}

.no-border:after,
.no-border:before {
    height: 0 !important
}

.p-b-42 {
    padding-bottom: 42px
}

.color-999 {
    color: #999
}

.color-black {
    color: #000 !important
}

.color-orange-f50 {
    color: #ff5000 !important
}

.p-lr-10 {
    padding-left: 10px;
    padding-right: 10px
}

.p-lr-5 {
    padding-left: 5px;
    padding-right: 5px
}

.wordBreak {
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.m-l-10 {
    margin-left: 10px !important
}

.m-l-70 {
    margin-left: 70px !important
}

.m-l-90 {
    margin-left: 90px !important
}

.bg-white {
    background: #FFF
}

.navbar .left a,
.navbar .right a {
    font-size: 15px
}

.color-red2 {
    color: #f15b5c
}

.color-333 {
    color: #333 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.font-23 {
    font-size: 20px !important
}

.font-18 {
    font-size: 18px !important
}

.baseInfo-submit,
.invoice_save,
.newAddr-button,
.payment_save,
.serBaseInfo-btn-save,
.userBaseInfo-btn-save {
    width: 96%;
    height: 44px;
    line-height: 44px
}

.bottom-60 {
    bottom: 60px !important
}

.col-45 {
    width: 45%
}

.rotate180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.rotate90 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.navbar .right a+a {
    margin-left: 0
}

.list-block li.media-item .item-title,
.list-block.media-list .item-title {
    font-weight: 400
}

.list-block ul:after,
.list-block ul:before {
    background-color: #e5e5e5
}

.navbar .center a {
    color: #333
}

.modal {
    width: 90%;
    margin-left: -45%
}

.flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

.pull-to-refresh-layer {
    height: 70px;
    margin-top: -70px
}

.pull-to-refresh-layer .preloader {
    margin-left: -38px;
    margin-top: -38px;
    visibility: hidden
}

.pull-to-refresh-layer .pull-to-refresh-arrow {
    width: 75px;
    height: 75px;
    margin-left: -38px;
    margin-top: -42px;
    background: url(../img/load.gif) center no-repeat;
    background-size: 75px 75px;
    z-index: 10;
    -webkit-transform: rotate(0) translate3d(0, 0, 0);
    -moz-transform: rotate(0) translate3d(0, 0, 0);
    -ms-transform: rotate(0) translate3d(0, 0, 0);
    -o-transform: rotate(0) translate3d(0, 0, 0);
    transform: rotate(0) translate3d(0, 0, 0);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.modal.modal-preloader .preloader,
.preloader {
    display: inline-block;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.pull-to-refresh-content.pull-to-refresh-no-navbar {
    margin-top: -75px;
    height: -webkit-calc(100% + 75px);
    height: -moz-calc(100% + 75px);
    height: calc(100% + 75px)
}

.pull-to-refresh-content.pull-to-refresh-no-navbar .pull-to-refresh-layer {
    margin-top: 0
}

.pull-to-refresh-content.refreshing,
.pull-to-refresh-content.transitioning {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.pull-to-refresh-content:not(.refreshing) .pull-to-refresh-layer .preloader {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.pull-to-refresh-content.refreshing {
    -webkit-transform: translate3d(0, 75px, 0);
    -moz-transform: translate3d(0, 75px, 0);
    -ms-transform: translate3d(0, 75px, 0);
    -o-transform: translate3d(0, 75px, 0);
    transform: translate3d(0, 75px, 0);
    padding-top: 75px
}

.pull-to-refresh-content.refreshing .pull-to-refresh-arrow {
    visibility: hidden;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.pull-to-refresh-content.refreshing .preloader {
    visibility: visible
}

.pull-to-refresh-content.pull-up {
    padding-top: 75px
}

.pull-to-refresh-content.pull-up .pull-to-refresh-arrow {
    -webkit-transform: rotate(0) translate3d(0, 0, 0);
    -moz-transform: rotate(0) translate3d(0, 0, 0);
    -ms-transform: rotate(0) translate3d(0, 0, 0);
    -o-transform: rotate(0) translate3d(0, 0, 0);
    transform: rotate(0) translate3d(0, 0, 0)
}

.preloader {
    width: 75px;
    height: 75px;
    background-image: url(../img/load.gif);
    -moz-animation: none;
    -o-animation: none;
    -webkit-animation: none;
    animation: none
}

.modal.modal-preloader .preloader {
    width: 100px;
    height: 30px;
    background-image: url(../img/load2.gif);
    -moz-animation: none;
    -o-animation: none;
    -webkit-animation: none;
    animation: none
}

.modal.modal-preloader,
.modal.modal-preloader .modal-inner {
    background: 0 0
}

.modal.modal-preloader+.modal-overlay.modal-overlay-visible {
    opacity: 0
}

.modal.modal-preloader .modal-title {
    display: none
}

.no-after.navbar:after {
    height: 0
}

.navbar-inner .left a span,
.navbar-inner .right a span {
    display: block;
    font-size: 9px;
    color: #fff
}

.navbar-inner .right a span {
    position: absolute;
    width: 9px;
    height: 9px;
    background: #ff5b45;
    right: 1px;
    top: 1px;
    z-index: 100;
    border-radius: 50%;
    display: none
}

.orderListManage .navbar:after,
.receipt .navbar:after {
    background-color: #fbfbfb !important
}

.orderListManage .subnavbar,
.orderLists .subnavbar,
.receipt .subnavbar {
    padding: 0
}

.orderListManage .row .col-20,
.orderLists .row .col-20,
.receipt .row .col-25 {
    width: 20%;
    margin-left: 0
}

.receipt .row .col-25 {
    width: 25%
}

.orderListManage .nav-bar,
.orderLists .nav-bar,
.receipt .nav-bar {
    margin-left: 0 !important;
    margin-right: 0
}

input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

* {
    scrollbar-3dlight-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-face-color: #fff;
    scrollbar-arrow-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-base-color: #fff;
    scrollbar-track-color: #fff
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
    display:none;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0);
    display:none;
}

.gray {
    color: #999 !important
}

.navbar-inner,
.toolbar-inner {
    padding: 0 15px
}

.navbar-inner {
    top: 0;
    height: 44px
}

.nativeApp .navbar-inner {
    top: 20px;
    height: 44px
}

.icon-backgray,
.icon-backgreen,
.icon-backwhite,
.icon-orderback,
.icon-search,
.icon-search-green,
.icon-username,
.icon-verification {
    width: 22px;
    height: 22px
}

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

.icon {
    font-family: icon
}

.icon-arrow-up:before,
.icon-up-arrow:before {
    content: '\e763'
}

.arrow-down:before,
.icon-arrow-down:before,
.icon-down-arrow:before {
    content: '\e75d'
}

.icon-arrow-right:before,
.icon-right-arrow:before {
    content: '\e756'
}

.icon-arrow-left:before,
.icon-left-arrow:before {
    content: '\e75a'
}

.icon-scan-black:before {
    content: '\e75f'
}

.icon-message-black:before {
    content: '\e762'
}

.icon-more:before {
    content: '\e756'
}

.icon-search-black:before {
    content: '\e600'
}

.icon-orderback {
    background-image: url(../img/icon/back-gray.png)
}

.icon-backwhite {
    background-image: url(../img/icon/back.png)
}

.icon-search {
    background-image: url(../img/icon/search-gray.png)
}

.icon-search-green {
    background-image: url(../img/icon/search-green.png)
}

.icon-backgray {
    background-image: url(../img/icon/return-arrow.png)
}

.icon-backgreen {
    background-image: url(../img/icon/return-arrow-green.png)
}

.icon-less {
    background-image: url(../img/icon/less.png)
}

.icon-username {
    background-image: url(../img/icon/username.png)
}

.icon-verification {
    background-image: url(../img/icon/verification.png)
}

.icon-iphone {
    width: 15px;
    height: 15px;
    background-image: url(../img/icon/icon-phone-03.png);
    background-size: 100%
}

.disabled.gray-able-btn-add,
.disabled.gray-able-btn-less,
.disabled.icon-cart-add,
.disabled.icon-cart-less,
.gray-able-btn-add,
.gray-able-btn-less,
.icon-cart-add,
.icon-cart-less {
    background-size: 12px 12px !important
}

.icon-help {
    width: 22px;
    height: 22px;
    background-image: url(../img/icon/help.png)
}

.icon-cart {
    background-image: url(../img/icon/icon-cart-btn.png);
    width: 43px;
    height: 43px;
    z-index: 1111
}

.icon-addr-edit {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/edit.png)
}

.icon-chevron-right {
    width: 8px;
    height: 12.5px;
    background-image: url(../img/i-list-chevron-right.png)
}

.icon-check-number {
    width: 16px;
    height: 16px;
    background-image: url(../img/icon/check-number.png)
}

.icon-msg,
.icon-scan {
    width: 21px
}

.icon-scan {
    height: 21px;
    background-image: url(../img/icon/scan.png)
}

.icon-msg,
.icon-msgs {
    height: 21px;
    background-image: url(../img/icon/msg.png)
}

.icon-msgs {
    width: 22px
}

.icon-search-input,
.icon-voice {
    width: 18px;
    height: 18px;
    margin-left: -5px
}

.icon-search-input {
    background-image: url(../img/icon/search-icon.png);
    margin-top: 1px
}

.icon-voice {
    background-image: url(../img/icon/voice-icon.png)
}

.icon-search-gray {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/search-icon-gray.png);
    margin-left: -5px
}

.icon-voice-gray {
    width: 18px;
    height: 18px;
    background-image: url(../img/icon/voice-icon-gray.png);
    margin-left: -5px
}

.icon-list-1 {
    background-image: url(../img/icon/list-icon-1_03.png)
}

.icon-list-2 {
    background-image: url(../img/icon/list-icon-2_05.png)
}

.icon-list-3 {
    background-image: url(../img/icon/list-icon-3_05.png)
}

.icon-list-4 {
    background-image: url(../img/icon/list-icon-4_05.png)
}

.icon-right-arrow {
    width: 16px;
    height: 16px;
    background-image: url(../img/icon/right-arrow.png)
}

.footer-icon-1 {
    background-image: url(../img/icon/footer-1.png)
}

.footer-icon-2 {
    background-image: url(../img/icon/footer-2.png)
}

.footer-icon-3 {
    background-image: url(../img/icon/footer-3.png)
}

.footer-icon-4 {
    background-image: url(../img/icon/footer-4.png)
}

.footer-icon-5 {
    background-image: url(../img/icon/footer-sd_03.png)
}

.footer-icon-6 {
    background-image: url(../img/crop/order.png)
}

.footer-icon-7 {
    background-image: url(../img/crop/user.png)
}

.footer-icon-8 {
    background-image: url(../img/crop/product.png)
}

.footer-icon-9 {
    background-image: url(../img/crop/receipt_03.png)
}

.footer-icon-channel {
    background-image: url(../img/icon/foot-channel.png)
}

.active .footer-icon-1 {
    background-image: url(../img/icon/footer-1-a.png)
}

.active .footer-icon-2 {
    background-image: url(../img/icon/footer-2-a.png)
}

.active .footer-icon-3 {
    background-image: url(../img/icon/footer-3-a.png);
    margin-left: -1px
}

.active .footer-icon-4 {
    background-image: url(../img/icon/footer-4-a.png)
}

.active .footer-icon-5 {
    background-image: url(../img/icon/footer-sd_04.png)
}

.active .footer-icon-6 {
    background-image: url(../img/crop/order_03.png)
}

.active .footer-icon-7 {
    background-image: url(../img/crop/user_03.png)
}

.active .footer-icon-8 {
    background-image: url(../img/crop/product_03.png)
}

.active .footer-icon-9 {
    background-image: url(../img/crop/receipte_active_03.png)
}

.active .footer-icon-channel {
    background-image: url(../img/icon/foot-channel-active.png)
}

.icon-return-arrow {
    width: 21px;
    height: 21px;
    background-image: url(../img/icon/return-arrow.png)
}

.icon-product-list {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/product-list.png)
}

.icon-product-card {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/product-card.png)
}

.icon-colsr-white {
    width: 18px;
    height: 18px;
    background-image: url(../img/icon/colsr-white.png)
}

.icon-scan-gray {
    width: 22px;
    height: 22px;
    background-image: url(../img/icon/scan-gray.png)
}

.cur .icon-hot,
.icon-hot {
    width: 14px;
    height: 14px;
    margin-top: -2px
}

.icon-hot {
    background-image: url(../img/icon/icon-hot.png)
}

.cur .icon-hot {
    background-image: url(../img/icon/icon-hot-a.png)
}

.login-user {
    width: 21px;
    height: 21px;
    background-image: url(../img/icon/login-user.png)
}

.login-password {
    width: 21px;
    height: 21px;
    background-image: url(../img/icon/login-password.png)
}

.icon-clear {
    width: 6px;
    height: 6px;
    background-image: url(../img/icon/value-clear.png)
}

.arrow-up {
    width: 8px;
    height: 5px;
    background-image: url(../img/icon/arrow-up.png)
}

.icon-gift {
    width: 26.5px;
    height: 14.5px;
    background-image: url(../img/icon/icon-gift.png)
}

.icon-gift-hand {
    width: 48px;
    height: 14.5px;
    background-image: url(../img/icon/icon-gift-hand.png)
}

.icon-fanhuo {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url(../img/icon/icon-fanhuo.png)
}

.icon-accessory,
.icon-note,
.icon-rebate,
.icon-rebate2 {
    width: 21px;
    height: 21px
}

.icon-rebate {
    background-image: url(../img/icon/icon-rebate.png)
}

.icon-rebate2 {
    background-image: url(../img/icon/icon-rebate2.png)
}

.icon-accessory {
    background-image: url(../img/icon/icon-accessory.png);
    margin-top: 4px
}

i.icon-note {
    background-image: url(../img/icon/icon-note.png);
}

.icon-home,
.left-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(251, 251, 251, .8)
}

.left-arrow {
    background-image: url(../img/icon/left-arrow.png)
}

.icon-home {
    padding: 1px;
    background-image: url(../img/icon/icon-home.png)
}

.icon-coll,
.icon-coll.active,
.icon-share {
    width: 18px;
    height: 18px
}

.icon-coll {
    padding: 1px;
    background-image: url(../img/icon/icon-coll.png);
    -webkit-animation: fillon 1s;
    animation: fillon 1s
}

.icon-coll.active {
    background-image: url(../img/icon/icon-coll-a.png);
    -webkit-animation: fillon 1s;
    animation: fillon 1s
}

@keyframes fillon {

    0%,
    100% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.3, 1.3)
    }
}

@-webkit-keyframes fillon {

    0%,
    100% {
        -webkit-transform: scale(1, 1)
    }

    50% {
        -webkit-transform: scale(1.3, 1.3)
    }
}

.icon-share {
    background-image: url(../img/icon/share.png)
}

.icon-affix,
.icon-suk {
    width: 21px;
    height: 21px
}

.icon-affix {
    background-image: url(../img/icon/icon-affix.png)
}

.icon-suk {
    background-image: url(../img/icon/icon-suk.png)
}

.expired,
.run-out {
    width: 57px;
    height: 57px
}

.expired {
    background-image: url(../img/icon/expired.png)
}

.run-out {
    background-image: url(../img/icon/run-out.png)
}

.icon-fan,
.icon-tui,
.icon-xian,
.icon-yu {
    width: 35px;
    height: 35px
}

.icon-fan {
    background-image: url(../img/icon/icon-fan.png)
}

.icon-xian {
    background-image: url(../img/icon/icon-xian.png)
}

.icon-tui {
    background-image: url(../img/icon/icon-tui.png)
}

.icon-yu {
    background-image: url(../img/icon/icon-yu.png)
}

.icon-return-arrow-white {
    width: 21px;
    height: 21px;
    background-image: url(../img/icon/return-arrow-white.png)
}

.icon-bill {
    width: 21px;
    height: 21px;
    background-image: url(../img/icon/bill.png)
}

.icon-colse-popup {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/icon-colse-popup.png)
}

i.icon-add-bank {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/icon-add-bank.png);
    background-size: 16px 16px;
    background-color: #fff
}

.icon-cart-add {
    background-image: url(../img/icon/cart-add.png)
}

.icon-cart-less {
    background-image: url(../img/icon/cart-less.png)
}

.disabled.icon-cart-add {
    background-image: url(../img/icon/cart-add-disable.png)
}

.disabled.icon-cart-less {
    background-image: url(../img/icon/cart-less-disable.png)
}

.gray-able-btn-less {
    background-image: url(../img/icon/cart-less.png)
}

.gray-able-btn-add {
    background-image: url(../img/icon/cart-add.png)
}

.disabled.gray-able-btn-add {
    background-image: url(../img/icon/cart-add-disable.png)
}

.disabled.gray-able-btn-less {
    background-image: url(../img/icon/cart-less-disable.png)
}

.icon-cart-ok {
    background-image: url(../img/icon/cart-ok.png);
    background-size: 17px 17px !important;
    border: none !important;
    width: 30px !important
}

.orderstatu-icon-1 {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/orderstatu-icon-1.png)
}

.orderstatu-icon-2 {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/orderstatu-icon-2.png)
}

.orderstatu-icon-3 {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/orderstatu-icon-3.png)
}

.orderstatu-icon-4 {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/orderstatu-icon-4.png)
}

.orderstatu-icon-5 {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/orderstatu-icon-5.png)
}

.signfor {
    width: 56px;
    height: 56px;
    background-image: url(../img/icon/signfor.png);
}

i.logistics-icon {
    width: 60px;
    height: 60px;
    background-image: url(../img/icon/logistics-icon.png);
}

.icon-courier {
    width: 55px;
    height: 55px;
    background-image: url(../img/icon/icon-courier.png);
}

.icon-courier-phone {
    width: 40px;
    height: 40px;
    background-image: url(../img/icon/courier-phone.png);
}

.icon-finish {
    width: 56px;
    height: 56px;
    background-image: url(../img/icon/icon-finish.png)
}

.icon-finish-red {
    width: 56px;
    height: 56px;
    background-image: url(../img/icon/icon-finish-red.png)
}

.icon-contacts,
.icon-date,
.icon-tel,
.icon-undefault,
.order-addr,
.order-invoice,
.order-logistics,
.order-pay,
.order-user {
    width: 20px;
    height: 20px
}

.order-addr {
    background-image: url(../img/icon/order-addr.png)
}

.order-pay {
    background-image: url(../img/icon/order-pay.png)
}

.order-user {
    background-image: url(../img/icon/order_user_03.png)
}

i.order-logistics {
    background-image: url(../img/icon/order-logistics.png);
    background-position: 0 4px;
}

.order-invoice {
    background-image: url(../img/icon/order-invoice.png)
}

.icon-undefault {
    background-image: url(../img/icon/undefault.png)
}

.icon-contacts {
    background-image: url(../img/icon/icon-contacts.png)
}

.icon-date {
    background-image: url(../img/icon/icon-date.png)
}

.icon-tel {
    background-image: url(../img/icon/icon-tel.png)
}

.icon-bank-checked {
    width: 22px;
    height: 15px;
    background-image: url(../img/icon/bank-checked.png)
}

.full-addr,
.icon-add,
.icon-addr-del,
.icon-addr-edit2,
.postcode {
    width: 20px;
    height: 20px
}

.icon-add {
    background-image: url(../img/icon/add.png)
}

.icon-addr-del {
    background-image: url(../img/icon/addr-del.png)
}

.icon-addr-edit2 {
    background-image: url(../img/icon/addr-edit.png)
}

.full-addr {
    background-image: url(../img/icon/full-addr.png)
}

.postcode {
    background-image: url(../img/icon/postcode.png)
}

.icon-user-set {
    width: 30px;
    height: 30px;
    background-image: url(../img/icon/user-set.png)
}

.icon-linkman,
.icon-my-addr,
.icon-my-capital {
    width: 20px;
    height: 20px
}

.icon-my-capital {
    background-image: url(../img/icon/my-capital.png)
}

.icon-my-addr {
    background-image: url(../img/icon/my-addr.png)
}

.icon-linkman {
    background-image: url(../img/icon/linkman.png)
}

.icon-linkman2 {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/linkman2.png)
}

.icon-client-info {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/client-info.png)
}

.icon-client-info2 {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/client-info2.png)
}

.icon-bank-info {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/bank-info.png)
}

.icon-addr-add {
    width: 16px;
    height: 16px;
    background-image: url(../img/icon/icon-addr-add.png);
    display: inline-block !important;
    margin-bottom: 3px;
    margin-right: 3px
}

.icon-no-cart,
.icon-no-category,
.icon-no-order,
.icon-no-rebate,
.icon-no-search {
    width: 160px;
    height: 160px
}

.icon-no-category {
    background-image: url(../img/icon/no-category.png)
}

.icon-no-cart {
    background-image: url(../img/icon/no-cart.png)
}

.icon-no-order {
    background-image: url(../img/icon/no-order.png)
}

.icon-no-search {
    background-image: url(../img/icon/no-search.png)
}

.icon-no-rebate {
    background-image: url(../img/icon/no-rebate.png)
}

.icon-empty-type {
    width: 120px;
    height: 120px;
    background-image: url(../img/icon/empty-type.png)
}

.icon-about,
.icon-email,
.icon-pwd {
    width: 20px;
    height: 20px
}

.icon-about {
    background-image: url(../img/icon/icon-about.png)
}

.icon-email {
    background-image: url(../img/icon/icon-email.png)
}

.icon-pwd {
    background-image: url(../img/icon/icon-pwd.png)
}

.icon-see-pwd {
    width: 25px;
    height: 25px;
    background-image: url(../img/icon/show-password_03.png)
}

.icon-see-pwd-un {
    width: 25px;
    height: 25px;
    background-image: url(../img/icon/hide-password_03.png)
}

.icon-radio {
    width: 23px;
    height: 23px;
    background-image: url(../img/icon/icon-radio.png)
}

.icon-pwd-ok {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/icon-pwd-ok.png)
}

.icon-failure,
.icon-succeed,
.icon-warning {
    width: 125px;
    height: 125px
}

.icon-succeed {
    background-image: url(../img/icon/icon-succeed.png)
}

.icon-failure {
    background-image: url(../img/icon/icon-failure.png)
}

.icon-warning {
    background-image: url(../img/icon/icon-warning.png)
}

.icon-colse {
    width: 29px;
    height: 44px;
    background-image: url(../img/icon/close.png)
}

.icon-forOrder,
.icon-goon,
.icon-payfor {
    width: 50px;
    height: 60px
}

.icon-payfor {
    background-image: url(../img/icon/icon-pay.png)
}

.icon-forOrder {
    background-image: url(../img/icon/icon-order.png)
}

.icon-goon {
    background-image: url(../img/icon/icon-goon.png)
}

.icon-search-del {
    width: 18px;
    height: 18px;
    background-image: url(../img/icon/icon-search-del.png)
}

.icon-search-history {
    width: 18px;
    height: 18px;
    background-image: url(../img/icon/icon-search-history.png);
    margin-top: -5px
}

.icon-search-hot {
    width: 18px;
    height: 18px;
    background-image: url(../img/icon/icon-search-hot.png);
    margin-top: -2px
}

.icon-message {
    width: 21px;
    height: 21px;
    background-image: url(../img/icon/icon-message_03.png)
}

.icon-phone {
    width: 21px;
    height: 21px;
    background-image: url(../img/icon/icon-phone_03.png)
}

.icon-dropdown,
.icon-dropup,
.icon-headpic,
.icon-loginclear {
    width: 25px;
    height: 25px
}

.icon-dropdown {
    background-image: url(../img/icon/dropdown.png)
}

.icon-dropup {
    background-image: url(../img/icon/dropup.png)
}

.icon-loginclear {
    background-image: url(../img/icon/loginclear.png)
}

.icon-edits {
    width: 18px;
    height: 20px;
    margin-top: -2px;
    background-image: url(../img/icon/edit_03.png)
}

.icon-addremark {
    width: 14px;
    height: 19px;
    background-image: url(../img/icon/addremark_03.png)
}

.icon_addicon,
.icon_addicon_disabled {
    width: 25px;
    height: 25px;
    margin-top: 2px;
    background-size: 100%
}

.icon_addicon {
    background-image: url(../img/icon/add_icon_03.png)
}

.icon_addicon_disabled {
    background-image: url(../img/icon/add_icon_disabled_03_03.png)
}

.icon-order-btn {
    width: 43px;
    height: 43px;
    background-size: 100%;
    background-image: url(../img/icon/order-btn_03.png)
}

.icon-arrow {
    width: 12px;
    height: 6px;
    background-image: url(../img/icon/arrow_03.png)
}

.icon-message-center {
    width: 27px;
    height: 31px;
    background-image: url(../img/icon/message_05.png)
}

.icon-no-message {
    width: 142px;
    height: 160px;
    background-image: url(../img/icon/no-message_03.png)
}

.icon-banks-som {
    width: 30px;
    height: 30px;
    background-size: 96%;
    background-position: 0 1px
}

.icon-contact {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/contact_03.png)
}

.icon-serve-phone {
    width: 40px;
    height: 40px;
    background-image: url(../img/icon/servePhone.png)
}

.icon-qq {
    width: 55px !important;
    height: 55px !important;
    background-image: url(../img/icon/qq_icon.png)
}

.icon-sort {
    display: block;
    background-size: 100%;
    width: 19px;
    height: 24px
}

.icon-load {
    display: block;
    background: -webkit-linear-gradient(right, #20c8df, #48deaf) !important;
    width: 100%;
    height: 4px
}

.icon-calendar {
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(../img/icon/calendar_03.png);
    background-size: 100%
}

.icon-bank,
.icon-company,
.icon-set {
    width: 18px;
    height: 18px
}

.icon-company {
    background-image: url(../img/crop/company_03.png)
}

.icon-bank {
    background-image: url(../img/crop/bank_03.png)
}

.icon-set {
    background-image: url(../img/crop/set_03.png)
}

.icon-ms,
.icon-tc {
    width: 21px;
    height: 21px
}

.icon-tc {
    background-image: url(../img/crop/tc_03.png)
}

.icon-ms {
    background-image: url(../img/crop/ms_03.png)
}

.icon-all-pro {
    width: 15px;
    height: 15px;
    background-image: url(../img/crop/all-pro_03.png)
}

.icon-screen {
    width: 15px;
    height: 15px;
    background-image: url(../img/crop/screen_03.png)
}

.icon-green-arrow {
    width: 10px;
    height: 10px;
    background-image: url(../img/icon/down-arrow_03.png)
}

.icon-gray-arrow {
    width: 10px;
    height: 10px;
    background-image: url(../img/icon/right-arrow_06.png)
}

.icon-checked {
    width: 22px;
    height: 14px;
    background-image: url(../img/icon/choisepepol-checked.png)
}

.icon-filter {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/filter.png)
}

.icon-left-close {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/icon-left-close_03.png)
}

.icon-newly {
    width: 18px;
    height: 18px;
    background-image: url(../img/icon/newly_03.png)
}

.icon-sku {
    width: 21px;
    height: 21px;
    background-image: url(../img/icon/icon-sku.png)
}

.icon-clock {
    width: 110px;
    height: 110px;
    background-image: url(../img/icon/clock.png)
}

.icon-call {
    width: 31px;
    height: 31px;
    background-image: url(../img/icon/icon-call.png)
}

.icon-close-white {
    width: 40px;
    height: 40px;
    background-image: url(../img/icon/close-btn_white.png)
}

.icon-del {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/del_03.png)
}

.icon-phone-num {
    width: 30px;
    height: 30px;
    background-image: url(../img/icon/phone_03.png)
}

.icon-yzm-num {
    width: 30px;
    height: 30px;
    background-image: url(../img/icon/yazm_03.png)
}

.icon-user {
    width: 22px;
    height: 22px;
    background-image: url(../img/icon/user_03.png)
}

.icon-passwords {
    width: 22px;
    height: 22px;
    background-image: url(../img/icon/password_06.png)
}

.icon-return-type {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/return-type_03.png)
}

.icon-no-network {
    background: url(../img/icon/no-network_03.png);
    width: 182px;
    height: 129px
}

.icon-saoyisao {
    background: url(../img/crop/saoyisao_03.png);
    width: 25px;
    height: 25px
}

.icon-links {
    width: 24px;
    height: 24px;
    background-image: url(../img/crop/links_03.png)
}

.clear-search {
    width: 8px;
    height: 8px;
    background-image: url(../img/crop/clear-search.png)
}

.icon-upload {
    width: 29px;
    height: 29px;
    background-image: url(../img/crop/upload_03.png)
}

.icon-addpic {
    width: 21px;
    height: 21px;
    background-image: url(../img/crop/pic_03.png)
}

.icon-addvoice {
    width: 21px;
    height: 21px;
    background-image: url(../img/crop/voice_03.png)
}

.icon-fenlei {
    width: 23px;
    height: 23px;
    background-image: url(../img/icon/fenlei.png)
}

.icon-scan-code {
    width: 30px;
    height: 30px;
    background-image: url(../img/icon/scanCode_03.png)
}

.icon-arrow-r {
    width: 5px;
    height: 8px;
    background-image: url(../img/icon/arrow-right_03.png)
}

.icon-arrow-r-y {
    background-image: url(../img/icon/y_arrow-right_03.png)
}

.icon-delete {
    width: 16px;
    height: 18px;
    background-image: url(../img/icon/icon-del_03.png)
}

.icon-detail-add {
    width: 12px;
    height: 12px;
    background-image: url(../img/icon/detail-add_03.png)
}

.icon-edit {
    background-image: url(../img/icon/icon-edit_03.png);
    width: 40px;
    height: 22px;
    background-size: 10px !important;
    background-position: 5px 5px !important
}

i.icon.icon-scan {
    width: 27px;
    height: 31px;
    background-image: url(../img/icon/sy_03.png)
}

i.icon.icon-back {
    width: 20px;
    height: 20px;
    background-image: url(../img/back.png)
}

i.icon.icon-msg {
    width: 18px;
    height: 18px;
    background-image: url(../img/icon/contact.png)
}

i.icon.icon-record {
    width: 12px;
    height: 16px;
    background-image: url(../img/luyin.png)
}

i.icon-all-pro {
    width: 21px;
    height: 15px;
    background-image: url(../img/icon/all-pro_03.png)
}

.icon-hide-password {
    width: 25px;
    height: 25px;
    background-image: url(../img/icon/hide-password_03.png)
}

.icon-show-password {
    width: 25px;
    height: 25px;
    background-image: url(../img/icon/show-password_03.png)
}

.icon-select-user {
    width: 25px;
    height: 28px;
    background-image: url(../img/icon/select-user_03.png)
}

.user-edit {
    width: 21px;
    height: 16px;
    background-image: url(../img/icon/user-edit_03.png)
}

.icon-show-pic {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/icon-show-pic.png)
}

.icon-exchangeuser {
    width: 35px;
    height: 32px;
    background-image: url(../img/icon/exchangeuser_03.png)
}

.icon-exchangeuser-black {
    width: 23px;
    height: 23px;
    background-image: url(../img/icon/exchangeuser_black.png)
}

.icon-title-bg {
    width: 13px;
    height: 13px;
    background-image: url(../img/icon/title-bg_03.png);
    margin-top: -2px
}

.no-messages {
    width: 129px;
    height: 132px;
    background-image: url(../img/icon/no-messages_03.png);
    background-size: 100%
}

.icon-refresh-addr {
    background-image: url(../img/icon/refresh_03.png);
    background-size: 18px !important;
    display: block !important;
    width: 80px;
    height: 25px;
    background-position: 31px 4px !important
}

.icon-total-list {
    width: 25px;
    height: 24px;
    background-image: url(../img/icon/icon-total.png);
    margin-left: 8px;
    margin-top: -9px
}

.icon-jt-down {
    width: 8px;
    height: 5px;
    background-image: url(../img/icon/jt__down_06.png)
}

.icon-calendar-data {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/rili_03.png)
}

.icon-my-data {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/data_03.png);
    margin-top: -4px
}

.jt_down_orange {
    width: 8px;
    height: 4px;
    background-image: url(../img/icon/jt_down_orange.png)
}

.my_xin {
    width: 17px;
    height: 17px;
    background-image: url(../img/icon/my_xin_03.png)
}

.icon-changeAccent {
    margin-left: 2px;
    width: 23px;
    height: 23px;
    background-image: url(../img/icon/changeAccent.png)
}

.icon-changeAccent1 {
    width: 24px;
    height: 24px;
    background-image: url(../img/icon/changeAccent1.png)
}

.order-other {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/order-other.png)
}

.icon-rebate-dx,
.icon-rebate-fh,
.icon-rebate-ft,
.icon-rebate-zd {
    width: 45px;
    height: 45px;
    background-size: 100%
}

.icon-rebate-dx {
    background-image: url(../img/icon/icon-rebate-dx.png)
}

.icon-rebate-fh {
    background-image: url(../img/icon/icon-rebate-fh.png)
}

.icon-rebate-ft {
    background-image: url(../img/icon/icon-rebate-ft.png)
}

.icon-rebate-zd {
    background-image: url(../img/icon/icon-rebate-zd.png)
}

.icon-rebate-up {
    width: 15px;
    height: 15px;
    background-size: 100%;
    background-image: url(../img/icon/rebate-up_06.png)
}

.icon-erp {
    height: 11px !important;
    background-color: #fff !important;
    background-size: 100% 100%
}

.icon-erp-nc {
    width: 25px;
    background-image: url(../img/icon/erp-nc_03.png)
}

.icon-erp-nc-fail {
    width: 29px;
    background-image: url(../img/icon/erp-nc-fail_07.png)
}

.icon-erp-u8 {
    width: 21px;
    background-image: url(../img/icon/erp-u8_03.png)
}

.icon-erp-u8-fail {
    width: 25px;
    background-image: url(../img/icon/erp-u8-fail_07.png)
}

.icon-erp-u9 {
    width: 24px;
    background-image: url(../img/icon/erp-u9_03.png)
}

.icon-erp-u9-fail {
    width: 28px;
    background-image: url(../img/icon/erp-u9-fail_07.png)
}

.icon-erp-u8-cloud {
    width: 47px;
    background-image: url(../img/icon/erp-u8-cloud_03.png)
}

.icon-erp-u8-cloud-fail {
    width: 51px;
    background-image: url(../img/icon/erp-u8-cloud-fail_07.png)
}

i.icon.icon-float-close {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/close_03.png)
}

.icon-help-center {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/help-center.png)
}

.icon-group-customer {
    width: 42px;
    height: 42px;
    background-image: url(../img/icon/group-customer.png)
}

.icon-group-product {
    width: 42px;
    height: 42px;
    background-image: url(../img/icon/group-product.png)
}

.icon-group-order {
    width: 42px;
    height: 42px;
    background-image: url(../img/icon/group-order.png)
}

.icon-group-return {
    width: 42px;
    height: 42px;
    background-image: url(../img/icon/group-return.png)
}

.icon-orginazation {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon/icon-orginazation.png)
}

.icon-scan-center {
    width: 213px;
    height: 237px;
    background-image: url(../img/icon/icon-scan-center.png)
}

.icon-back-white {
    background-image: url(../img/icon/left-arrow-white.png);
    width: 30px;
    height: 30px;
    background-size: 40% 60% !important
}

.icon-laugh {
    width: 23px;
    height: 23px;
    background-image: url(../img/icon/icon-laugh.png)
}

.icon-scan-text {
    width: 59px;
    height: 68px;
    background-image: url(../img/icon/scan-text.png)
}

.icon-arrowdown-white,
.icon-arrowup-white {
    background-image: url(../img/icon/arrow-right-white.png);
    width: 8px;
    height: 5px;
    margin-left: 4px;
    margin-top: -4px
}

.icon-arrowup-white {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

.icon-arrowdown-white {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg)
}

.icon-sort {
    background-image: url(../img/crop/icon-sort_03.png)
}

.icon-one {
    color: #c00 !important;
    background-image: url(../img/crop/icon-one_03.png)
}

.icon-two {
    color: #c60 !important;
    background-image: url(../img/crop/icon-two_03.png)
}

.icon-three {
    background-image: url(../img/crop/icon-three_03.png)
}

body,
html {
    touch-action: none
}

.argument .item-after,
.card-item .caption p,
.category-tab li a,
.detail-title .item-inner p,
.popup-top .title {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis
}

.animated,
.profly {
    -o-animation-fill-mode: both
}

body {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    background-color: #efefef;
    font-weight: 400
}

::-webkit-scrollbar {
    width: 0
}

i {
    font-style: normal !important
}

.list-block {
    margin: 0
}

.subnavbar .nav-bar {
    overflow: initial
}

.subnavbar {
    padding: 0;
    top: 44px !important
}

.nativeApp .subnavbar {
    padding: 0;
    top: 64px !important
}

.button.button-fill {
    margin: 0 auto
}

.confirmOrderSubmitBtn {
    margin: 0 !important
}

.button.button-fill.confirmOrderSaveBtn {
    margin-left: 5px;
    margin-right: 1px
}

.border-bottom {
    border-bottom: 1px solid #F5F5F5
}

[data-page=productDetail] .page-content.native-scroll .page-content-inner,
[data-page=EditOrderDetail] .page-content.native-scroll .page-content-inner {
    overflow: hidden
}

html:not(.watch-active-state) label.label-checkbox:active,
html:not(.watch-active-state) label.label-radio:active,
label.label-checkbox.active-state,
label.label-radio.active-state {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background-color: transparent
}

.tabbar-fixed .page-content,
.tabbar-through .page-content,
.toolbar-through .page-content {
    padding-bottom: 44px;
    padding-top: 44px
}

[data-page=home] .toolbar-fixed .page-content {
    padding-bottom: 54px
}

.button.active-state,
html:not(.watch-active-state) .button:active {
    background: 0 0
}

.subnavbar:after,
.toolbar:before {
    background-color: #E5E5E5
}

.page {
    background: #f5f5f5
}

.page-content-inner {
    min-height: 420px !important;
    padding-bottom: 5px !important
}

.navbar {
    background: #fbfbfb;
    height: 44px
}

.nativeApp .navbar {
    background: #fbfbfb;
    height: 64px
}

.flex-btn .btn,
.flex-btn .button,
.flex-btn .customize_save {
    height: 49px !important;
    line-height: 49px !important;
    margin-right: 0 !important;
    background: #ffeccd
}

.flex-btn {
    display: flex;
    width: 100%
}

.flex-btn .btn,
.flex-btn .button {
    border-radius: 0 !important;
    border: none !important;
    flex: 1.25;
    color: #ff9e06 !important;
    margin-top: 0 !important
}

.addCommodity .flex-btn .toolbar-inner .button,
.flex-btn .button.invoice_save,
.flex-btn .chooseRetSubmitBtn,
.flex-btn .customize_save,
.flex-btn .newAddr-button,
[data-page=BaseInfo] .flex-btn .button {
    color: #fff !important
}

.flex-btn .customize_save {
    border-radius: 0 !important;
    border: none !important;
    flex: 1.25;
    margin-top: 30px !important
}

.flex-btn .chooseRetSubmitBtn {
    flex: 1.75
}

.swiper-container {
    background-color: #fff
}

.nativeApp .homeNewPage .swiper-container,
.nativeApp .swiper-container {
    background-color: #fff;
    padding-top: 5px
}

.swiper-container.welcomescreen-swiper {
    background-color: #fff;
    padding-top: 0
}

.addCommodity .order-btn.oc_toolbarButtonsContainer.flex-btn .cart-btn-submit,
.flex-btn .confirmOrderSubmitBtn {
    flex: 1.75;
    color: #fff !important
}

.addCommodity .order-btn.oc_toolbarButtonsContainer.flex-btn .btn-reject,
.addCommodity .order-btn.oc_toolbarButtonsContainer.flex-btn .cart-btn-submit {
    flex: 1 !important
}

.lucencyBar {
    background-color: transparent !important
}

#products_list .list-block {
    margin: 45px 0 0
}

#products_list .list-block ul {
    margin-top: 3px
}

[data-page=home] .lucencyBar ::-webkit-input-placeholder {
    color: #fff;
    font-size: 13px !important
}

[data-page=home] .lucencyBar :-moz-placeholder {
    color: #fff;
    font-size: 13px !important
}

[data-page=home] .lucencyBar ::-moz-placeholder {
    color: #fff;
    font-size: 13px !important
}

[data-page=home] .lucencyBar :-ms-input-placeholder {
    color: #fff;
    font-size: 13px !important
}

[data-page=home] .lucencyBar .navbar-inner .left a .icon,
[data-page=home] .lucencyBar .navbar-inner .right a .icon {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -2px
}

div[data-page=home].page .navbar,
div[data-page=productDetail].page .navbar {
    background-color: transparent
}

div[data-page=home].page .navbar {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 30%, rgba(0, 0, 0, .7) 100%, #000 100%)
}

div[data-page=home].page .navbar.navbar-biz-bg {
    background-image: linear-gradient(to top, #fff 0, #fff 30%, #fff 100%, #fff 100%)
}

[data-page=home] .input-group-addon {
    background-color: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255);
    padding: 5px 3px 5px 12px
}

[data-page=home] .input-group-addon:first-child {
    font-size: 12px;
    line-height: 1;
    border-radius: 16px 0 0 16px;
    border: none !important
}

[data-page=home] .input-group-addon:last-child {
    border-radius: 0 16px 16px 0;
    padding-right: 10px;
    border: none !important
}

[data-page=home] .search {
    background-color: rgba(255, 255, 255, .3);
    border: none;
    padding: 5px;
    width: 100%;
    height: 30px;
    line-height: 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-family: "微软雅黑";
    border-radius: 0 15px 15px 0;
}

.cart-page .item-price i.icon,
.search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

[data-page=channelIndex] .row.top-list {
    margin: 12px;
    border-radius: 5px
}

[data-page=channelIndex] .row.top-list .col-25 {
    width: 25%;
    margin-left: 0
}

.swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    opacity: .5;
    background-color: rgba(255, 255, 255, .8)
}

.swiper-pagination-bullet-active {
    opacity: 1;
    border-radius: 10px;
    width: 10px;
    height: 5px !important
}

[data-page=productDetail] .swiper-pagination-bullet {
    background-color: rgba(0, 0, 0, .35)
}

[data-page=productDetail] .swiper-pagination-bullet-active {
    opacity: 1;
    border-radius: 10px;
    width: 5px;
    height: 5px !important;
    background-color: rgba(255, 255, 255, 1)
}

[data-page=productDetail] .swiper-container-horizontal>.swiper-pagination {
    bottom: 15px
}

.index-swiper-bottom {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 25px;
    background-size: 100% auto;
    z-index: 8
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 2px
}

.attrItem {
    float: left;
    position: relative;
    height: 23px;
    line-height: 23px;
    margin: 3px 5px
}

.attrItem input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999
}

.attrItem span {
    width: 100%;
    height: 100%;
    text-align: justify;
    color: #666;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    z-index: 1;
    font-size: 12px;
    padding: 3px 5px
}

.attrItem input[type=radio]:checked+span {
    width: initial
}

.popup-attrs .attrItem input[type=radio]:checked+span,
.popup-attrs .attrItem.active>span {
    border: 1px solid #ffc56a;
    color: #ff8a02
}

.popup-attrs .numberManage .icon.gray-able-btn-add,
.popup-attrs .numberManage .icon.icon-cart-add {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -4px
}

.top-list {
    background-color: #fff;
    position: relative
}

.top-list:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    top: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.card-product:after,
.card-product:before,
.top-list ul li:before {
    bottom: auto;
    content: "";
    left: 0;
    z-index: 15
}

html.pixel-ratio-2 .top-list:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .top-list:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.top-list .icon {
    width: 49px;
    height: 49px;
    display: block;
    margin: 10px auto 8px
}

.top-list .icon.icon-qq {
    margin: 0 auto 10px
}

.top-list span {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #666;
    margin-bottom: 15px
}

.top-list .badge {
    background-color: #fff;
    border: 1px solid #ff626e;
    color: #ff626e;
    font-size: 8px
}

.top-list ul {
    margin: 0;
    padding: 0
}

.top-list ul li {
    list-style: none;
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    position: relative
}

.top-list ul li:before {
    position: absolute;
    top: 0;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #e5e5e5;
    display: block
}

html.pixel-ratio-2 .top-list ul li:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .top-list ul li:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.top-list ul li.msg-top {
    background: url(../img/icon/msg-title2.png) left center no-repeat;
    background-size: 60px 16px;
    padding-left: 70px;
    font-size: 14px;
    color: #333;
    overflow-y: hidden
}

.top-list ul li.msg-top a {
    color: #333;
    display: block
}

.top-list ul li.msg-top>a {
    width: 45px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    color: #06c1ae;
    padding-right: 10px
}

.top-list ul li.msg-top>a i.icon {
    width: 9px;
    height: 40px;
    display: inline-block;
    margin: -3px 0 0;
    color: #06c1ae
}

.card-product {
    background-color: #fff;
    padding: 0 10px 10px;
    position: relative
}

#products_block {
    background-color: #fff;
    margin-top: 45px
}

.card-product:after,
.card-product:before {
    position: absolute;
    top: 0;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #f5f5f5;
    display: block
}

.card-product:after {
    bottom: 0;
    top: auto
}

.icon-backgreen.back-bg {
    width: 32px;
    height: 32px;
    background-color: rgba(251, 251, 251, .8);
    border-radius: 50%;
    background-size: 70%
}

html.pixel-ratio-2 .card-product:after,
html.pixel-ratio-2 .card-product:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .card-product:after,
html.pixel-ratio-3 .card-product:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.card-product .title {
    width: 100%;
    height: 43px;
    line-height: 43px;
    overflow: hidden
}

.card-product .title h3 {
    margin: 0;
    display: inline-block;
    color: #323232;
    font-size: 15px;
    position: relative;
    padding-left: 25px;
    font-weight: 400
}

.card-product .title h3:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 3px;
    left: 0;
    top: 14px
}

.card-product .title h3.all-pro:before,
.card-product .title h3.recommend:before {
    width: 21px;
    height: 15px;
    background: url(../img/icon/all-pro_03.png);
    background-size: 100%
}

.card-product .title h3.recommend:before {
    background-image: url(../img/icon/all-pro2_03_03.png)
}

.card-product .title a {
    padding-right: 7px
}

.card-product .title a,
.receipt .card-product .title span {
    float: right;
    font-size: 14px;
    color: #666
}

.card-product .title a .icon {
    border-radius: 3px;
    margin-top: -3px
}

.card-item {
    padding: 10px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.card-item:after,
.card-item:before {
    position: absolute;
    background-color: #fff;
    content: "";
    display: block
}

.card-item:before {
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
    height: 1px;
    width: 100%;
    z-index: 15
}

.card-item:after {
    right: 0;
    bottom: auto;
    top: 0;
    left: auto;
    height: 100%;
    width: 1px;
    z-index: 16
}

html.pixel-ratio-2 .card-item:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-2 .card-item:after {
    -webkit-transform: scaleX(.5);
    -moz-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    -o-transform: scaleX(.5);
    transform: scaleX(.5)
}

html.pixel-ratio-3 .card-item:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

html.pixel-ratio-3 .card-item:after {
    -webkit-transform: scaleX(.33);
    -moz-transform: scaleX(.33);
    -ms-transform: scaleX(.33);
    -o-transform: scaleX(.33);
    transform: scaleX(.33)
}

.card-product li,
.card-product ul {
    margin-left: 0 !important
}

.card-product ul {
    padding-left: 1%
}

.card-product li:nth-of-type(2n) .card-item:after {
    background-color: transparent
}

.card-product li:nth-of-type(2n+1) .card-item {
    padding-left: 4px
}

.card-product li:nth-of-type(2n) .card-item {
    padding-right: 0;
    padding-left: 14px
}

.card-product li:nth-of-type(1) .card-item,
.card-product li:nth-of-type(2) .card-item {
    padding-top: 0
}

.card-product li:nth-last-of-type(1) .card-item:before,
.card-product li:nth-last-of-type(2) .card-item:before {
    border-bottom: none !important;
    background-color: transparent;
    padding-bottom: 0 !important
}

.card-item img {
    text-align: center;
    vertical-align: middle;
    overflow: hidden
}

.card-item .item-media {
    position: relative;
    padding-bottom: 5px
}

.card-item .item-media .upimgdiv {
    max-width: 100%;
    max-height: 100%
}

.card-item .caption {
    font-size: 13px;
    color: #333
}

.card-item .caption p {
    margin: 0;
    text-align: left;
    line-height: 21px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.card-navbar .button .icon,
.search-item span .icon {
    margin-top: -4px;
    display: inline-block
}

.card-item .caption p.p-title {
    font-size: 13px;
    color: #333;
    line-height: 21px;
    height: 21px;
    margin-bottom: 5px
}

.card-item .caption p:after {
    content: "";
    display: block;
    clear: both;
    -ms-zoom: 1;
    zoom: 1
}

.card-item .caption .price {
    color: #ff5000;
    font-size: 14px;
    text-align: left;
    display: -webkit-flex;
    display: flex;
}

.card-item .caption .price>em {
    font-style: normal;
    font-size: 10px
}

.card-item .caption .stock,
.card-item .caption p.stock {
    font-size: 11px;
    color: #a4a4a4;
    line-height: 16px;
    text-align: left;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

.tabbar-labels .icon {
    width: 25px;
    height: 25px
}

.tabbar a {
    color: #777
}

.badge.bg-red {
    background-color: #ff5b45;
    margin-left: -2px;
    font-size: 8px;
    padding-top: 1px;
    top: 3px
}

.toolbar a .badge.bg-red {
    position: absolute;
    left: 62%;
    z-index: 1111111
}

[data-page=productDetail] .toolbar a .badge.bg-red {
    left: 34px
}

.toolbar,
.toolbar.tabbar {
    background-color: #FFF
}

.toolbar.tabbar:before {
    background-color: #d7d7d7
}

.card-navbar {
    background-color: #fbfbfb;
    height: 44px
}

.nativeApp .card-navbar {
    background-color: #fbfbfb;
    height: 64px
}

.card-navbar .search {
    border-left: none;
    border-right: none;
    padding-left: 0;
    display: block;
    border-radius: 0 4px 4px 0;
}

.card-navbar .input-group-addon:first-child {
    border-right: none
}

.card-navbar .search-product form {
    width: 100%;
    height: 32px;
    display: block
}

.card-navbar .input-group-addon:last-child {
    border-left: none
}

.search-product {
    position: relative
}

.search-item {
    position: absolute;
    left: 12%;
    top: -2px
}

.search-item span {
    background: #999;
    border-radius: 4px;
    padding: 0 2px;
    height: 19px;
    line-height: 19px;
    color: #fff;
    font-size: 11px;
    display: inline-block
}

.search-item span .icon {
    margin-left: -3px !important
}

.card-navbar .buttons-row .button:first-child,
.card-navbar .buttons-row .button:last-child {
    border-radius: initial
}

.card-navbar .buttons-row .button {
    color: #666;
    font-size: 15px;
    border: none
}

.card-navbar .button.active {
    background: 0 0
}

.product-list.list-block.media-list .item-link .item-title-row {
    padding-right: 0
}

.product-list.list-block .item-media {
    position: relative
}

.product-list .title-top {
    height: 65px;
    overflow: hidden
}

.product-list .item-text {
    font-size: 14px;
    color: #333;
    height: auto;
    line-height: 16px
}

.product-list .item-subtitle {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    white-space: normal
}

.product-list .item-subtitle.price {
    color: #ff5000;
    font-weight: 700
}

.product-list .item-subtitle.price em {
    font-style: normal;
    font-size: 11px
}

.product-list .item-subtitle.stock {
    font-size: 11px
}

.product-list .add-cart-btn {
    position: absolute;
    right: 15px;
    bottom: 10px;
    width: 58px;
    height: 58px
}

.cartItemContainer>li:after,
.product-list.list-block li:after {
    bottom: 0;
    z-index: 15;
    content: ""
}

.product-list .add-cart-btn span {
    width: 25px;
    height: 25px;
    background: url(../img/icon/add-cart-btn.png) center center no-repeat;
    display: block;
    background-size: 11px;
    border-radius: 50%;
    margin-top: 20px;
    margin-left: 32px
}

.product-list.list-block .item-inner:after {
    height: 0
}

.product-list.list-block li:after {
    height: 1px;
    background-color: #e0e0e0;
    left: 15px;
    right: 0;
    top: auto;
    position: absolute
}

html.pixel-ratio-2 .product-list.list-block li:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .product-list.list-block li:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.product-list.list-block li:last-child:after {
    height: 0
}

[data-page=category] .page-content-inner {
    background-color: #FFF
}

.sliding {
    width: 90% !important
}

.sliding .search-product {
    width: 100% !important
}

.input-group-addon {
    background-color: #efefef;
    color: rgba(255, 255, 255, .6);
    padding: 6px 12px
}

.input-group-addon:first-child {
    font-size: 12px;
    line-height: 1;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    padding-right: 6px;
    height: 20px
}

.input-group-addon:last-child {
    border-radius: 0 4px 4px 0;
    border-left: 0;
    height: 20px
}

.search {
    background: #efefef;
    padding: 6px;
    width: 100%;
    height: 32px;
    line-height: 20px;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    font-size: 14px
}

.search::-webkit-input-placeholder {
    color: #ccc;
    font-size: 15px !important
}

.search:-moz-placeholder {
    color: #ccc;
    font-size: 15px !important
}

.search::-moz-placeholder {
    color: #ccc;
    font-size: 15px !important
}

.search:-ms-input-placeholder {
    color: #ccc;
    font-size: 15px !important
}

.category-tab {
    float: left;
    width: 90px;
    min-width: 90px;
    overflow-y: auto;
    height: 100%;
    background: #f3f4f6
}

.category-content {
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -ms-calc(100% - 90px);
    width: calc(100% - 90px);
    float: right;
    height: 82%;
    background-color: #fff
}

.category-content li,
.category-content ul,
.category-tab li,
.category-tab ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block
}

.category-tab ul {
    width: 90px
}

.category-tab li {
    height: 49px;
    line-height: 49px;
    background: #f3f4f6;
    text-align: center;
    font-size: 0;
    overflow: hidden;
    padding: 0 6px
}

.category-tab li a {
    display: inline-block;
    width: 100%;
    line-height: 17px;
    text-decoration: none;
    font-size: 13px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.category-tab li.cur,
.category-tab li.cur a {
    border-right: 1px solid #fff;
    background: #fff
}

#category_wapper {
    overflow-y: auto
}

#category_wapper ul {
    -webkit-transition: translateY .2s ease-out
}

.category-content p b {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    margin-right: 15px
}

.category-content p b i {
    margin-top: 1px
}

.category-content h4 {
    font-size: 12px;
    margin: 0;
    padding: 10px 0 0;
    line-height: 1em;
    color: #888
}

.cartNew-list.list-block .item-content,
.cartNew-list.list-block li.productItemContent div.combile .item-content .item-media {
    padding-left: 0
}

.category-hot li {
    width: 31%;
    float: left;
    text-align: center
}

.category-hot li img {
    width: 100%
}

.category-hot a {
    text-decoration: none;
    color: #252525;
    margin-left: 20px;
    width: 100%;
    height: 100%;
    display: block
}

.category-hot img {
    border: 0
}

.category-hot {
    margin-top: 16px
}

.nativeApp .category-hot {
    margin-top: 36px
}

.category-hot p {
    margin: 15px 15px 15px 20px
}

.category-hot p a {
    margin: 0 !important
}

.category-hot span {
    width: 84%;
    line-height: 17px;
    text-decoration: none;
    font-size: 12px;
    color: #666;
    vertical-align: middle;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 35px
}

.category-hot:after {
    content: "";
    display: inline-block;
    height: 0;
    width: 100%;
    clear: both;
    font-size: 0;
    line-height: 0
}

.category-hot .button {
    font-size: 14px;
    line-height: 38px;
    height: 40px;
    margin: auto 23px
}

.category-hot .title {
    text-align: center;
    position: relative;
    font-size: 13px;
    color: #ff626e;
    margin: 20px 15px 15px
}

.category-hot .title:after,
.category-hot .title:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #e0e0e0;
    top: 50%;
    width: 28%
}

.category-hot .title:before {
    left: 4%
}

.category-hot .title:after {
    right: 4%
}

html.pixel-ratio-2 .category-hot .title:after,
html.pixel-ratio-2 .category-hot .title:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .category-hot .title:after,
html.pixel-ratio-3 .category-hot .title:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.forgetPwd {
    text-align: right;
    margin-top: 10px
}

.cart-page .center {
    font-size: 16px
}

.cart-page .right a {
    color: #06c1ae;
    font-size: 15px;
    width: 35px
}

.cartNew-list.list-block>ul {
    background: #f5f5f5;
    margin-top: 8px
}

.cartNew-list.list-block>.cr-productContainer {
    padding-bottom: 45px
}

.cartNew-list.list-block li {
    background-color: #fff;
    margin-bottom: 10px;
    position: relative
}

.cartNew-list.list-block li.productItemContent div.combile .item-content {
    border-top: 1px solid #f5f5f5
}

.cartNew-list.list-block li.productItemContent div.combile:last-child {
    border-bottom: 1px solid #fff
}

.cartNew-list.list-block li.productItemContent div.combile .item-inner:after {
    height: 0
}

.cartNew-list.list-block .combile .item-content {
    margin-left: 35px
}

.cartNew-list.list-block .combile .titles.item-content {
    margin-left: 7px
}

.cartNew-list.list-block li.productItemContent .border-count {
    height: 26px;
    background-color: #fff
}

.cartItemContainer>li:after {
    position: absolute;
    left: 0;
    top: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #fff;
    display: block
}

.cart-page .list-block .titles .item-inner {
    padding-left: 0;
    margin-left: 7px
}

.cartNew-list.list-block ul ul .item-inner p {
    margin: 0
}

.cartNew-list.list-block ul ul .item-inner .item-title p,
.combine-pro>li .item-title em {
    margin: 0 0 3px;
    font-size: 12px;
    color: #999;
    display: block
}

html.pixel-ratio-2 .cartItemContainer>li:after,
html.pixel-ratio-2 .cartItemContainer>li:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-2 .cartItemContainer>li:after,
html.pixel-ratio-3 .cartItemContainer>li:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.cartItemContainer:before,
.cartItemContainer>li:first-child:before {
    height: 0
}

.cartNew-list.list-block .item-media {
    padding-left: 7px
}

.cartNew-list.list-block .item-text {
    color: #333;
    font-size: 14px
}

.cartNew-list.list-block .item-subtitle {
    color: #666;
    font-size: 12px;
    margin-top: 3px
}

.productItemContent .label-checkbox>.item-media>input[type=checkbox] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.label-checkbox i.icon-form-checkbox {
    width: 20px;
    height: 20px;
    background: url(../img/icon/check-bg.png) -1px -2px no-repeat #fff;
    background-size: 20px 20px;
    border-color: #ccc
}

.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {
    background: #08c1af !important
}

.label-checkbox input[type=checkbox] {
    display: block;
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999
}

.cartNew-list.list-block ul ul {
    padding-left: 0;
    overflow: hidden
}

.cartNew-list.list-block ul ul:last-child {
    margin-bottom: 0 !important
}

.combineList .cartNew-list.list-block ul ul:last-child,
[data-page=scart] .cartNew-list.list-block ul ul:last-child {
    padding-bottom: 10px
}

[data-page=scart] .cartNew-list.list-block ul ul.combine-pro:last-child {
    padding-bottom: 0
}

[data-page=scart] .combine-pro>li:last-child {
    padding-bottom: 5px !important
}

.cartNew-list.list-block ul ul>li {
    margin-top: 5px;
    padding-bottom: 0;
    border: none;
    margin-bottom: 0
}

.cartNew-list.list-block ul ul>li:first-child {
    margin-top: 0
}

.cartList.list-block>ul.productDetailContainer li {
    margin-top: 0;
    padding-bottom: 5px
}

.cartList.list-block ul.productDetailContainer li .item-text {
    max-height: 42px;
    height: auto
}

.cartNew-list.list-block ul ul .item-inner {
    background-color: #f9f9f9;
    margin-left: 7px;
    padding-left: 15px;
    font-size: 12px;
    color: #333;
    position: relative;
    padding-right: 15px
}

[data-page=scart] .cartNew-list.list-block ul ul .item-inner {
    padding-left: 10px
}

.cart-page .cartNew-list.list-block ul ul .item-inner .item-price,
.combineList .cartNew-list.list-block ul ul .item-inner .item-price,
[data-page=cart] .cartNew-list.list-block ul ul .item-inner .item-price,
[data-page=newReturnOrder] .cartNew-list.list-block ul ul .item-inner .item-price {
    position: absolute;
    top: 8px;
    right: 15px;
    width: 100% !important
}

.cart-page .cartNew-list.list-block.js-apportionProductContent ul ul .item-inner .item-price,
.combineList .cartNew-list.list-block.js-apportionProductContent ul ul .item-inner .item-price,
[data-page=newReturnOrder] ul.newReturnOrderprodContainer ul.partTotalContainer .item-inner .item-price {
    width: 50% !important
}

.cartNew-list.list-block ul ul .item-inner .item-price.addBg {
    width: 100% !important;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(249, 249, 249, 1) 40%, rgba(249, 249, 249, 1) 60%, #f9f9f9 100%)
}

.cartNew-list.list-block ul ul .item-inner span {
    color: #999
}

.cartNew-list.list-block ul ul .item-inner .item-title.font-50 {
    width: 60%
}

.cartNew-list.list-block ul ul .item-inner .item-title.font-50.edit-status {
    width: 100%
}

.cartList.list-block ul ul .item-inner .item-title b,
.cartList.list-block ul ul .status_s .item-title b,
.cartNew-list.list-block ul ul .item-inner b {
    font-weight: 400;
    display: block;
    -webkit-box-orient: vertical;
    word-break: break-all;
    white-space: normal;
    padding-left: 5px
}

[data-page=rebateSelectProduct] .cartList.list-block ul ul .item-inner .item-title,
[data-page=rebateSelect] .cartList.list-block ul ul .item-inner .item-title {
    width: 70%
}

.cartList.list-block ul ul .status_s .item-title span {
    float: left
}

.cartNew-list.list-block ul ul .item-inner span.price {
    font-size: 13px;
    color: #ff5000;
    line-height: 20px;
    float: right;
    width: 100%
}

.cartNew-list.list-block ul ul .item-inner input,
.newReturnOrder .statistic dl dd input {
    width: 60px;
    max-width: 100px;
    height: 25px;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    color: #666;
    font-size: 13px;
    display: inline-block;
    position: relative;
    background-color: #fff
}

.cartNew-list.list-block ul ul .item-inner input {
    top: 0 !important;
    margin-left: -4px;
    margin-top: -1px
}

.border-count input {
    background: 0 0 !important
}

.cart-page .item-price i.icon.icon-cart-add {
    margin-left: -4px
}

.cartNew-list.list-block ul ul .item-inner span.count {
    font-size: 12px;
    color: #666;
    margin: 0 6px 0 3px;
    line-height: 26px
}

.cartNew-list.list-block ul ul .item-inner span.count i {
    font-style: normal
}

.cartNew-list.list-block ul ul .item-inner span.count.aux-count {
    float: right
}

.cartNew-list.list-block ul ul .item-inner span.aux-c {
    margin-top: 5px
}

.cartList.list-block ul ul .item-inner span b,
.cartNew-list.list-block ul ul .item-inner span.count b {
    font-weight: 400;
    color: #999;
    font-size: 12px;
    margin-left: 2px
}

.cartNew-list.list-block ul ul .item-inner .item-price span.count b {
    display: inline;
    margin: 0;
    padding: 0
}

.cartList.list-block ul ul .item-inner span.oneProductPrice,
.cartNew-list.list-block ul ul .item-inner span.oneProductPrice {
    color: #ff5000;
}

.cartNew-list.list-block ul ul .item-inner .item-title {
    width: 100%;
    font-weight: 400;
    min-height: 40px
}

.cartNew-list.list-block ul ul .edit-status {
    padding: 5px 25px 5px 5px;
    border: 1px solid #eee;
    border-radius: 4px;
    background-image: url(../img/icon/arrow-down.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 8px 4px;
    background-color: #fff
}

.cartNew-list.list-block ul ul input.edit-status {
    border: none;
    background-image: none;
    background-color: transparent;
    text-align: right;
    padding-right: 0
}

.cart-page .bottom-bar {
    position: absolute;
    bottom: 49px;
    line-height: 24px;
    background: #f5f5f5;
    width: 100%;
    font-size: 12px;
    color: #666
}

.cart-page .bottom-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block;
    z-index: 15
}

html.pixel-ratio-2 .cart-page .bottom-bar:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .cart-page .bottom-bar:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.hide {
    display: none !important
}

.dhide {
    display: none;
}

.hiding {
    visibility: hidden !important
}

.vhide {
    visibility: hidden;
}

.item-price {
    width: 60%;
    text-align: right
}

.cart-page .item-price i.icon {
    width: 25px;
    height: 23px;
    border-radius: 3px;
    box-sizing: border-box;
    margin-top: -1px;
    background-color: #fff
}

.cart-page .item-price i.icon.icon-cart-ok {
    margin: 2px 0 0 5px !important
}

.cart-page .bottom-bar.row {
    margin-left: 0
}

.cart-page .bottom-bar label div {
    display: inline-block;
    font-size: 13px;
    margin-left: 7px;
    color: #333
}

.cart-page .bottom-bar label div+div {
    margin-left: 0
}

.cart-page .bottom-bar .button,
.cart-page .bottom-bar .item-price {
    font-size: 15px;
    margin: 0 auto;
    color: #fff;
    height: 50px;
    line-height: 50px;
    border-radius: 0
}

.cart-page .bottom-bar .cart-btn-collection {
    display: none;
    margin-left: 10%
}

.cart-page .bottom-bar .cart-btn-collection>.button {
    background: #ffeccd;
    width: 58%;
    float: right
}

.cart-page .bottom-bar .cart-btn-delete,
.cart-page .bottom-bar .cart-btn-submit.edit-status {
    display: none
}

.cart-page .bottom-bar .cart-btn-collection.edit-status,
.cart-page .bottom-bar .cart-btn-delete.edit-status {
    display: block
}

.cart-page .bottom-bar .label-checkbox {
    line-height: 48px;
    margin-left: 0
}

.cart-page .bottom-bar .label-checkbox.col-20 {
    width: 20%
}

.cart-page .bottom-bar .sum-price {
    text-align: right;
    padding-right: 10px;
    line-height: 16px;
    margin-top: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

[data-page=scart] .cart-page .bottom-bar .sum-price {
    width: 55%
}

.cart-page .bottom-bar .sum-price.edit-status {
    display: none
}

.cart-page .bottom-bar .sum-price .sum-price-c {
    color: #ff5000;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 1px
}

.cart-page .bottom-bar .sum-price .count {
    color: #333;
    height: 16px;
    width: 188px !important;
    padding-bottom: 5px
}

.cart-page .bottom-bar .sum-price .count b {
    color: #999
}

div[data-page=order].page .cart-page .bottom-bar .sum-price .count {
    position: relative;
    top: -1px
}

.cart-page .bottom-bar .sum-price .count .autbox {
    max-width: 150px !important;
    overflow: hidden !important;
    height: 16px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    top: 2px;
    display: inline-block;
    line-height: 17px
}

.col-30.editControl {
    width: 25%;
    margin-right: 1%
}

.detail-page .swiper-slide {
    text-align: center;
    vertical-align: middle
}

.detail-page .swiper-slide img {
    vertical-align: middle;
    text-align: center
}

.detail-title {
    background: url(../img/detail-title-bg.png) left bottom repeat-x;
    background-size: 9px 3px;
    padding-bottom: 3px
}

.detail-title .item-after span {
    border-left: 1px solid #eee;
    font-size: 11px;
    margin-left: 10px;
    padding-right: 5px;
    padding-left: 15px;
    color: #666;
    display: inline-block;
    height: 100%;
    width: 35px;
    text-align: center
}

.detail-title .item-after span .icon {
    display: block;
    clear: both;
    margin: 0 auto 2px
}

.detail-title .item-inner {
    padding: 15px
}

.detail-title .item-inner .item-text {
    font-size: 15px;
    color: #333;
    height: auto;
    line-height: 21px;
    -webkit-line-clamp: initial
}

.detail-title .item-inner .item-subtitle {
    font-size: 14px;
    line-height: 14px;
    color: #999;
    margin-bottom: 5px;
    margin-top: -5px
}

.detail-title .item-inner .item-title .red-col em {
    font-size: 13px;
    font-style: normal
}

.detail-title .item-inner .item-title del,
.detail-title .item-inner .store {
    font-size: 12px;
    color: #999;
    margin-right: 8px;
    text-align: right
}

.detail-title .item-inner .store {
    margin-top: 30px
}

.detail-title .item-inner p {
    display: inline-block;
    margin: 0 0 0 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #666
}

.detail-title .item-inner p a {
    color: #06c1ae
}

.detail-title .item-inner p.title {
    color: #333;
    margin-left: 10px;
    font-weight: 700;
    width: 80%;
    line-height: 18px;
    margin-bottom: 5px
}

.bg-arrow,
.item-inner.bg-arrow {
    background: url(../img/icon/arrow-right.png) 96% center no-repeat !important;
    background-size: 5px 8px !important
}

.detail-title .item-inner .promotion-date {
    font-size: 11px;
    color: #999;
    margin-left: 55px;
    display: block
}

.detail-suk {
    margin-top: 10px;
    margin-bottom: 0
}

.detail-suk .item-title {
    font-size: 14px;
    color: #333
}

.detail-suk .item-content {
    position: relative
}

.detail-tip {
    text-align: center;
    font-size: 12px;
    color: #999
}

.tab-content {
    margin-top: 15px
}

.argument .item-after,
.argument .item-title {
    width: 40%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    font-size: 15px
}

.about-order,
.empty,
.popup-attrs .attrItem span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.argument .item-after {
    width: 60%;
    color: #222;
    -ms-word-break: break-all;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: normal;
    display: inline-table
}

.argument .item-title {
    white-space: normal;
    overflow: auto
}

.popup-cancel,
.popup-oppose {
    top: 55% !important
}

.popup-cancel.actice,
.popup-oppose.active {
    top: 40% !important
}

.popup-cancel .header,
.popup-oppose .header {
    height: 45px;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    color: #333;
    position: relative
}

.popup-cancel .header a,
.popup-oppose .header a {
    position: absolute;
    left: 0;
    width: 45px
}

.popup-cancel .content,
.popup-oppose .content {
    width: 100%
}

.popup-cancel .content textarea,
.popup-oppose .content textarea {
    width: 94%;
    height: 100%;
    border: none;
    padding: 15px 3%;
    color: #666;
    font-size: 14px
}

.popup-cancel .footer,
.popup-oppose .footer {
    width: 100%;
    height: 65px;
    line-height: 65px;
    border-top: 1px solid #f5f5f5
}

.popup-cancel .footer .button,
.popup-oppose .footer .button {
    width: 90%;
    height: 44px;
    margin: 10px auto 0;
    color: #fff;
    line-height: 44px;
    font-size: 17px;
    background-color: #ff9e06;
    border-color: #ff9e06
}

.popup-cancel.remove-on-close,
.popup.popup-oppose.remove-on-close {
    position: absolute;
    bottom: 0;
    height: 45%
}

.popup.popup-cancel.popup.remove-on-close.active,
.popup.popup-oppose.remove-on-close.active {
    position: absolute;
    bottom: 0;
    height: 60%
}

.popup.popup-cancel.remove-on-close .footer,
.popup.popup-oppose.remove-on-close .footer {
    bottom: 0
}

.popup-prodSUK {
    top: 20% !important;
    height: 80% !important;
    overflow: visible
}

.popup-bottom span,
.popup-top .title {
    overflow: hidden;
    text-overflow: ellipsis
}

.popup-prodSUK>.content-block {
    padding: 0;
    position: relative;
    height: 99%
}

.popup-prodSUK .p-close {
    text-align: right;
    margin: 0;
    position: relative;
    z-index: 999999;
    padding: 0 15px
}

.popup-top {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 15px
}

.contacts .contactsPage-item:after,
.modal-inner .discountTitle:after,
.popup-number:after {
    content: "";
    right: auto;
    z-index: 15;
    bottom: 0
}

.popup-img {
    position: absolute;
    top: -24px
}

.popup-img img {
    width: 80px;
    height: 80px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px
}

.popup-top .title-row {
    padding-left: 90px
}

.popup-top .title {
    color: #333;
    font-size: 14px;
    line-height: 21px;
    height: 42px;
    margin-left: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 84%;
    margin-top: -26px
}

.popup-top .subtitle {
    font-size: 13px;
    color: #666;
    margin-left: 10px
}

.popup-number {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    padding-bottom: 10px;
    position: relative
}

.popup-number:after {
    position: absolute;
    left: 0;
    top: auto;
    height: 1px;
    width: 100%;
    display: block
}

html.pixel-ratio-2 .popup-number:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .popup-number:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.popup-number dl {
    float: left;
    width: 35% !important
}

.popup-number dl dt {
    font-size: 12px;
    color: #666
}

.popup-number dl dd {
    font-size: 17px;
    color: #FF5000
}

.popup-number dl dd em {
    font-size: 12px;
    font-style: normal
}

.popup-attrs {
    padding: 10px 15px 50px;
    color: #666
}

.popup-attrs_pad .numberManage {
    width: 100%
}

.popup-attrs p {
    margin: 0 0 5px;
    line-height: 21px;
    font-size: 14px;
    color: #333;
    display: block;
    clear: both;
    padding: 0 15px
}

.popup-attrs p>span {
    font-size: 12px;
    color: #999;
    margin-left: 10px
}

.popup-attrs .attrItem {
    float: left;
    position: relative;
    height: auto !important;
    line-height: 22px !important;
    margin: 8px 10px 0 0;
    min-width: 80px
}

.popup-attrs .attrItem input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999
}

.popup-attrs .attrItem span {
    width: 100%;
    line-height: 18px;
    border-radius: 3px;
    z-index: 1;
    font-size: 14px;
    display: inline-block;
    min-width: 80px;
    padding: 5px 6px
}

.popup-attrs .attrItem input[type=radio]:checked+span,
.popup-attrs .attrItem.active>span {
    width: initial
}

.popup-attrs .sampleWrap{position: relative;}
.popup-attrs .sampleWrap .sam-panel{border: none;padding: 0px;position: absolute;width: 302px;top:40px;left:0;z-index: 1000;}
.popup-attrs .sampleWrap .sam-panel .samble-box{margin:0px;background:#fff;overflow: hidden;border: 1px solid #E4E4E4;border-top:0;padding: 0px;width:100%;box-sizing:border-box;}
.popup-attrs .sampleWrap .sam-panel .samble{width:100%;float: left;text-align: center;padding: 6px 0;color: #868686;border-radius: 2px;border: none;position: relative;}
.popup-attrs .sampleWrap .sam-panel .s-title{background: #f3f3f3;height: 32px;line-height: 32px;border: 1px solid #ddd;}
.popup-attrs .sampleWrap .sam-panel .s-title li{float: left; color: #333;height: 32px;line-height: 32px;text-align:center;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;float: left;border-bottom:1px solid transparent;padding:0 15px;}
.popup-attrs .sampleWrap .sam-panel .s-title li.active{border-bottom-color:#fff;background: #fff;}

.popup-attrs .sampleWrap .sam-panel .samble .jmui-icon{color:#333;font-size:22px;width:30px;height:60px;line-height:60px;text-align:center;}
.popup-attrs .sampleWrap .sam-panel .samble .left-slip{float:left;}
.popup-attrs .sampleWrap .sam-panel .samble .righ-slip{float:right;}
.popup-attrs .sampleWrap .sam-panel .samble .jmui-icon.disabled{color:#ccc;}

.popup-attrs .sampleWrap .sam-panel .samble .smap-wrap{overflow:hidden;height:60px;position:relative;}
.popup-attrs .sampleWrap .sam-panel .samble .smap-ul{min-width:100%;overflow:hidden;position: absolute;top:0;left:0;transition: all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */-webkit-transition: all 0.5s; /* Safari 和 Chrome */-o-transition: all 0.5s; /* Opera */}
.popup-attrs .sampleWrap .sam-panel .samble .smap-ul li{float:left;}
.popup-attrs .sampleWrap .sam-panel .samble .smap-ul li img{display:block;box-sizing:border-box;width:54px;height:54px;margin:3px;border:3px solid transparent;}
.popup-attrs .sampleWrap .sam-panel .samble .smap-ul li.active img{border-color:#e62d28;}


.popup-attrs .sampleWrap .sam-panel .samble-tab{width: 100%;margin-bottom: 20px;float: left;}
.popup-attrs .sampleWrap .sam-panel .samble .tab-main{text-align: left;background: #f3f3f3;height: 38px;line-height: 38px;width: 100%;display: -webkit-box;margin-left: 4px;}
.popup-attrs .sampleWrap .sam-panel .samble .tab-main li{-webkit-box-flex: 1;font-size: 18px;display: block;color: #000;height: 38px;line-height: 38px;text-align: center;}
.popup-attrs .sampleWrap .sam-panel .samble .tab-main li.active{border: none !important;border-bottom: 1px solid #c00 !important;}
.popup-attrs .sampleWrap .sam-panel .samble .tab-con{padding: 10px 0px;width: 100%;float: left;overflow: hidden;visibility: visible;height: 220px;overflow: scroll;position: relative;top:-2px;}
.popup-attrs .sampleWrap .sam-panel .partition{height: 50px;}


.popup-attrs .selectSample {
    float: left;
    position: relative;
    height: 120px;
    width: 120px
}

.popup-attrs .selectSample img {
    display: block;
    height:100%;
    width:100%;
}

.popup-attrs>.col-100 {
    margin-left: 15px
}

.popup-attrs .numberManage {
    text-align: left !important;
    margin-top: 5px;
    margin-left: 0;
    padding: 0 15px
}

.popup-attrs .numberManage .icon {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 0
}

.popup-attrs .numberManage span.pro-conv,
.popup-attrs .numberManage span.pro-count {
    font-size: 13px;
    color: #666;
    margin-left: 3px;
    margin-right: 3px;
    height: 32px;
    line-height: 32px
}

.popup-choose-rule.popup-attrs>.col-100 {
    width: 100%;
    background: url(../img/icon/arrow-right.png) 96% center no-repeat !important;
    background-size: 5px 8px !important
}

.popup-choose-rule.popup-attrs .attrItem {
    margin-right: 0;
    width: 100%;
    text-align: left;
    height: auto
}

.popup-choose-rule.popup-attrs .attrItem input[type=radio]:checked+span,
.popup-choose-rule.popup-attrs .attrItem span,
.popup-choose-rule.popup-attrs .attrItem.active>span {
    text-align: left;
    width: 100%;
    display: block;
    line-height: 22px;
    padding: 3px 30px 3px 10px
}

@media screen and (min-width:353px) {
    .popup-attrs .numberManage .pro-control {
        float: left
    }

    .popup-attrs .numberManage .pro-cont-mart span.pro-cont-marl {
        margin-left: 4px
    }
}

@media screen and (max-width:352px) {
    .popup-attrs .numberManage .pro-cont-mart {
        margin-top: 5px
    }
}

.popup-attrs .pro-count-x span {
    color: #999
}

.popup-attrs .numberManage .gray-disable-btn {
    border: none;
    background-image: url(../img/icon/cart-less-disable.png);
    border-right: none !important
}

.popup-attrs .numberManage .icon.disabled {
    border: 1px solid #d7d7d7;
    background-color: #f5f5f5
}

.popup-attrs .numberManage .editControl {
    display: inline-block;
    width: 57px;
    min-width: 10px;
    height: 27px;
    border: none;
    color: #666;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin-left: -4px;
    position: relative;
    top: 2px
}

.popup-attrs .numberManage .editControl.noInputStyle {
    border: 0;
    text-align: left;
    margin-left: 0;
    width: 10px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    margin-top: 3px
}

.popup-attrs .numberManage .pro-control.pro-cont-mart .editControl {
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin-left: -4px;
    position: relative;
    top: 2px;
    text-align: center
}

.popup-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 49px;
    line-height: 49px;
    background-color: #F5F5F5;
    display: flex !important
}

.popup-bottom span {
    color: #ff5000;
    font-size: 17px;
    margin-left: 7px;
    font-weight: 700;
    display: block;
    width: 39%;
    float: left;
    white-space: nowrap !important
}

.popup-bottom span em {
    font-style: normal;
    font-weight: 400;
    font-size: 12px
}

.popup-bottom .button {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: 16px;
    height: 49px;
    line-height: 49px;
    border-radius: 0;
    flex: 1;
    padding: 0
}

.modal {
    border-radius: 5px
}

.modal-no-buttons .modal-inner {
    padding: 0;
    border-radius: 5px;
    background-color: #FFF
}

.modal-no-buttons .modal-title+.modal-text {
    margin-top: 0
}

.modal-inner .discountTitle {
    text-align: left;
    line-height: 50px;
    padding-left: 15px;
    font-size: 16px;
    color: #333;
    position: relative
}

.modal-inner .discountTitle:after {
    position: absolute;
    left: 0;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .modal-inner .discountTitle:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .modal-inner .discountTitle:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.modal-inner .discountTitle i {
    float: right;
    margin-top: 12px;
    margin-right: 15px
}

.modal-inner .detail-title {
    background: 0 0;
    text-align: left;
    overflow-y: auto
}

.about-order p,
.empty .button,
.empty p,
.infinite-scroll-preloader {
    text-align: center
}

.modal-no-buttons .modal-title+.modal-text ul {
    padding-bottom: 25px;
    background: 0 0;
    padding-top: 10px
}

.modal-inner .detail-title .item-inner {
    padding-top: 5px
}

.detail-title .item-inner:after {
    left: 15px
}

.modal-inner .detail-title .item-inner p {
    width: 80%;
    margin-left: 55px;
    font-size: 14px;
    color: #333
}

.detail-title .item-inner p b,
.modal-inner .detail-title .item-inner p b {
    font-weight: 400
}

.modal-inner .detail-title .item-inner p.title {
    margin-left: 10px;
    width: 73%;
    font-size: 14px;
    margin-bottom: 6px;
    line-height: 18px
}

.modal-inner .detail-title li {
    border-bottom: 1px solid #f5f5f5
}

.modal-inner .detail-title li:last-child {
    border-bottom: none
}

.modal-inner .detail-title .item-inner .promotion-date {
    margin-left: 55px
}

.preloader-indicator-modal {
    background: 0 0;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -70px
}

.preloader-indicator-modal .preloader {
    width: 140px;
    height: 200px;
    background-image: url(../img/loading.gif)
}

.infinite-scroll-preloader .preloader {
    width: 100px;
    height: 30px;
    background-image: url(../img/load2-gary.gif);
    margin: 0 auto
}

.top-25 {
    top: -25px !important
}

.productDetail-cart {
    float: left;
    margin-top: 3px;
    margin-left: 5px;
    width: 40%
}

.productDetail-addCart1 {
    float: right;
    height: 49px;
    line-height: 49px;
    width: 130px;
    border-radius: 0;
    margin: 0 !important
}

.empty {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f5f5f5;
    box-sizing: border-box;
    padding-top: 25%;
    padding-bottom: 2px
}

.empty .icon {
    display: block;
    margin: 0 auto
}

.empty p {
    font-size: 15px;
    color: #999;
    margin: 15px 0 8px
}

.empty p.change-condition {
    font-size: 12px;
    color: #ccc;
    margin-top: 0
}

.empty .button {
    background: #fff;
    font-size: 15px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    border-radius: 20px
}

.contacts .contacts-item-area span {
    float: left
}

.contacts span.default,
.selectContactsContainer span.default {
    font-size: 10px;
    color: #fff;
    background-color: #f5716e;
    padding: 0 4px;
    border-radius: 2px;
    margin-left: 10px;
    margin-top: 3px
}

.contactsListPage .user-list .contactsPage-item {
    padding-right: 15px;
    height: 62px
}

.contacts .item-inner {
    position: relative
}

.contacts .item-after .icon {
    margin-left: 15px;
    margin-right: 5px
}

#form-ContactManage .item-after .icon,
.contacts .last-icon .icon {
    margin-left: 15px
}

.contacts .contactsPage-item {
    position: relative;
    height: 62px
}

.contacts .contactsPage-item .contacts-item-area div:last-child.item-title-row .item-title {
    margin-top: 11px
}

.contacts .contactsPage-item:after {
    position: absolute;
    left: 55px;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.exit-button,
.new-button {
    height: 44px;
    line-height: 44px
}

html.pixel-ratio-2 .contacts .contactsPage-item:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .contacts .contactsPage-item:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.contacts .item-title {
    font-size: 15px;
    color: #333
}

.agentRelation-btn-del .color-red,
.contactPage-btn-del .color-red,
.user-list .all-order .color-red {
    color: #ff626e !important
}

.user-list .exit-button {
    border: none !important;
    width: 100%;
    margin: 0;
    border-radius: 0
}

.list-block.contacts .item-subtitle {
    font-size: 12px;
    color: #999
}

.list-bankInfor .item-title i.icon {
    margin-right: 10px
}

[data-page=accountSafetyPage] .list-bankInfor .item-title i.icon {
    margin-top: -4px
}

[data-page=accountSafetyPage] .list-block .item-input {
    width: 60px;
    margin-top: 0
}

[data-page=addrNewPage] .list-block .item-input {
    margin-left: 5px
}

.exit-button {
    margin: 10px 30px;
    font-size: 16px
}

.newPwd-tip {
    font-size: 12px;
    color: #999;
    margin-left: 15px;
    padding: 5px 0;
}

[data-page=aboutUOrderPage] .page-content-inner {
    position: relative;
    overflow: hidden
}

.about-order {
    padding-top: 100px;
    box-sizing: border-box
}

.tocart,
.wx-scan-center {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.wx-scan-center {
    padding-top: 50px;
    box-sizing: border-box
}

.about-order i.icon,
.wx-scan-center>i.icon {
    display: block;
    margin: 0 auto
}

.about-order p {
    font-size: 13px;
    color: #666
}

.page-content-inner .bottom {
    font-size: 12px;
    color: #999;
    text-align: center;
    position: fixed;
    bottom: 10px;
    width: 100%
}

.page-content-inner .bottom::after {
    content: '东莞市友泰智能科技有限公司'
}

.new-button {
    display: block;
    margin: 0 auto !important;
    font-size: 16px;
    color: #FFF;
    width: 86%
}

.modal-inner {
    padding: 0;
}

.modal-inner:after {
    height: 0
}

.common-tips-title {
    height: 100px;
    color: #fff;
    margin-top: -20px;
    border-radius: 5px 5px 0 0;
    position: relative
}

.common-tips-title.permit-tips {
    height: 85px
}

.common-tips-title>span {
    height: 100px;
    float: right;
    font-size: 29px;
    width: 52%;
    text-align: left;
    line-height: 100px
}

.common-tips-title>span.font-23 div {
    font-size: 16px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px;
    line-height: 26px
}

.common-tips-title .icon {
    top: -30px
}

.common-tips-title.broadCast-tips .icon {
    top: -55px
}

.common-tips-title.permit-tips .icon-clock {
    top: -55px;
    padding: 10px;
    background-position: 15px 15px;
    background-size: 120px;
    background-color: #fff;
    border-radius: 50%
}

.common-tips-title .icon.icon-colse {
    top: -45px;
    right: -2px;
    position: absolute
}

.common-tips-content {
    font-size: 18px;
    text-align: left;
    background-color: #fff;
    border-radius: 0;
}

.common-tips-content .button-row {
    text-align: center;
    font-size: 12px;
    height: 100px
}

.common-tips-content .button-row>span {
    display: inline-block;
    width: 33%;
    font-size: 13px;
    color: #666
}

.common-tips-content .button-row>span i {
    display: block;
    margin: 0 auto
}

.common-tips-content .tips-content,
.common-tips-content .tips-info {
    text-align: center;
    font-size: 15px;
    color: #666;
    line-height: 40px;
    min-height: 40px;
    padding: 15px;
}

.common-tips-content .tips-info.combineTipsContent {
    text-align: left;
    padding: 0 16px;
    font-size: 14px;
    color: #666
}

.common-tips-content .tips-info.combineTipsContent .title {
    padding-top: 20px;
    padding-bottom: 10px;
}

.common-tips-content .tips-info.combineTipsContent .title,
.common-tips-content .tips-info.combineTipsContent ul li {
    height: 24px;
    line-height: 24px
}

.common-tips-content .tips-content.combineTipsContent {
    text-align: left;
    padding-left: 15px
}

.common-tips-content .tips-info .modalProdTips {
    background-color: #fff;
    font-size: 14px
}

.common-tips-content .tips-info .modalProdTips ul {
    padding-top: 10px;
    max-height: 210px;
    overflow-y: scroll
}

.common-tips-content .tips-content>div {
    line-height: 25px;
    text-align: center;
    padding-left: 25px;
    font-size: 14px;
    color: #999
}

.common-tips-content .tips-content .sp-money {
    font-size: 25px;
    color: #333
}

.common-tips-content .tips-content .sp-money span {
    font-size: 12px;
    color: #999;
    margin-left: 5px
}

.common-tips-content .tips-manage {
    width: 82%;
    margin: 10px auto 0;
    height: 28px;
    position: relative
}

.common-tips-content .tips-manage>span {
    position: relative;
    display: block;
    width: 76px;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    color: #999;
    background: #FFF;
    z-index: 3
}

.common-tips-content .tips-manage:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    left: 0;
    height: 0;
    background: #E5E5E5;
    z-index: 2
}

.common-tips-content.permit-content .permit-title {
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    color: #ff5256
}

.common-tips-content.permit-content .permit-content {
    padding: 8px 45px 24px;
    margin: 0 auto;
    color: #666;
    border-bottom: 1px solid #f1f1f1;
    word-wrap: break-word;
    word-break: normal;
    text-align: center
}

.choose-return-float .title .item-text p,
.order .list-block .item-title,
.order .title h2,
.order.page-contents .list-block .item-title {
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.common-tips-content.permit-content .button-row {
    height: 50px;
    line-height: 50px;
    color: #333;
    font-size: 16px
}

.common-tips-content.permit-content .button-row>.icon {
    background-size: 16px;
    margin-right: 10px;
    margin-top: -5px
}

.common-tips-content.permit-content .button-row a {
    color: #333
}

.common-tips-content.permit-content .button-row .close {
    border: none;
    height: 40px;
    position: absolute;
    top: 300px;
    left: 155px;
    color: #fff
}

.common-tips-content.permit-content .button-row .close .icon {
    margin: 5px 5px 0 0;
    background-size: 25px
}

.common-tips-content .tips-info ul li span {
    float: left
}

.common-tips-content .modalProdTips ul li {
    text-align: left;
    line-height: 25px;
    padding: 0 15px
}

.common-tips-content.input-modal {
    padding: 15px 0
}

.common-tips-content.input-modal .tips-info {
    margin-top: 5px
}

.common-tips-content.input-modal .tips-info input {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    text-align: center
}

.wx-scanCode-title {
    color: #333;
    line-height: 125px
}

.wx-scanCode-title p {
    font-size: 25px;
    text-align: center;
    font-weight: 400;
    color: #333;
    margin: 0;
    background-color: #fff;
    border-radius: 10px 10px 0 0
}

.wx-scanCode-content {
    height: 50px;
    line-height: 50px;
    padding-bottom: 30px;
    background-color: #fff
}

.wx-scanCode-content .border-count {
    border: 1px solid #ff9e06;
    border-radius: 3px;
    height: 40px;
    width: 155px;
    position: relative;
    margin: 0 auto
}

.wx-scanCode-content .border-count .icon {
    width: 30px;
    height: 40px;
    border-radius: 3px;
    display: inline-block;
    background-position: 10px 15px;
    background-repeat: no-repeat;
    background-size: 12px;
    margin-top: -10px
}

.wx-scanCode-content .border-count .icon.gray-disable-btn {
    border: none;
    background-image: url(../img/icon/cart-less-disable.png);
    border-right: none !important
}

.wx-scanCode-content .border-count .editControl {
    display: inline-block;
    width: 89px;
    min-width: 10px;
    height: 36px;
    border: none;
    color: #333;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border-left: none;
    border-right: none;
    margin-left: -4px;
    position: relative;
    top: -3px;
    font-size: 17px
}

.wx-scanCode-content+.modal-buttons {
    border-top: 1px solid #f5f5f5;
    height: 60px;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 0
}

.wx-scanCode-content+.modal-buttons .modal-button {
    width: 50%;
    height: 60px;
    line-height: 60px;
    margin: 0;
    font-size: 17px;
    padding: 0;
    border: none;
    border-radius: 0 !important
}

.wx-scanCode-content+.modal-buttons .modal-button:first-child {
    border-bottom-left-radius: 10px !important;
    color: #ff9e06;
    background-color: #fff;
    border: none
}

.wx-scanCode-content+.modal-buttons .modal-button:last-child {
    border-bottom-right-radius: 10px !important;
    color: #fff;
    background-color: #ff9e06
}

.permit-modal .modal-buttons {
    top: 300px;
    position: absolute;
    background-color: initial
}

.permit-modal .modal-buttons .modal-button {
    height: 45px;
    background-color: initial !important;
    border: none
}

.modal-button,
.modal-buttons {
    background-color: #fff;
    font-size: 14px
}

html.pixel-ratio-2 .common-tips-content .tips-manage:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .common-tips-content .tips-manage:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.modal-title+.modal-text {
    margin-top: 0;
    max-height: 300px;
    overflow: auto;
}

.smlProImg img,
.smlProImg_f img {
    max-height: 100%;
    max-width: 100%
}

.modal-buttons {
    text-align: center;
    height: 55px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%
}

.modal-button {
    width: 120px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    border-radius: 17px !important
}

.smlProImg,
.smlProImg_f {
    z-index: 9999;
    display: none;
    position: fixed;
    overflow: hidden
}

.modal-button:last-child {
    color: #fff
}

.modal-overlay,
.popup-overlay,
.preloader-indicator-overlay {
    background: rgba(0, 0, 0, .5);
    opacity: .8
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.profly,
.profly_f {
    -webkit-animation-fill-mode: both
}

@-webkit-keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -moz-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -o-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -moz-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -o-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {

    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -moz-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -o-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -moz-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -o-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

.smlProImg {
    height: 30px;
    width: 30px;
    left: 105%;
    top: 30%;
    border: 1px solid #06c1ae;
    border-radius: 20px
}

@-webkit-keyframes flyAction {
    40% {
        left: 35%;
        top: 15%;
        height: 40px;
        width: 40px;
        border-radius: 30px
    }

    85% {
        opacity: 1
    }

    100% {
        top: 90%;
        left: 10%;
        height: 20px;
        width: 20px;
        border-radius: 15px;
        opacity: 0;
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

@keyframes flyAction {
    40% {
        left: 55%;
        top: 15%;
        height: 40px;
        width: 40px;
        border-radius: 30px
    }

    85% {
        opacity: 1
    }

    100% {
        top: 90%;
        left: 10%;
        height: 20px;
        width: 20px;
        border-radius: 15px;
        opacity: 0;
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

.profly {
    -moz-animation-name: flyAction;
    -o-animation-name: flyAction;
    -webkit-animation-name: flyAction;
    animation-name: flyAction;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.smlProImg_f {
    height: 30px;
    width: 30px;
    left: -20%;
    top: 30%;
    border: 1px solid #06c1ae;
    border-radius: 20px
}

@-webkit-keyframes flyAction_f {
    40% {
        left: 35%;
        top: 25%;
        height: 40px;
        width: 40px;
        border-radius: 30px
    }

    85% {
        opacity: 1
    }

    100% {
        top: 80%;
        left: 90%;
        height: 20px;
        width: 20px;
        border-radius: 15px;
        opacity: 0;
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

@keyframes flyAction_f {
    40% {
        left: 45%;
        top: 15%;
        height: 40px;
        width: 40px;
        border-radius: 30px
    }

    85% {
        opacity: 1
    }

    100% {
        top: 80%;
        left: 90%;
        height: 20px;
        width: 20px;
        border-radius: 15px;
        opacity: 0;
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}

.profly_f {
    -moz-animation-name: flyAction_f;
    -o-animation-name: flyAction_f;
    -webkit-animation-name: flyAction_f;
    animation-name: flyAction_f;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.totalContainer.limit-totalContainer.wrap {
    height: 32px;
    border-top: 1px solid #f5f5f5;
    display: block;
    line-height: 32px;
    position: fixed;
    width: 100%;
    left: 0;
    text-align: right;
    bottom: 49px;
    color: #ff5000;
    background-color: #fff
}

.tocart,
.tocart-bg {
    position: fixed;
    right: 14px;
    bottom: 75px;
    width: 40px;
    height: 40px
}

.totalContainer.limit-totalContainer.wrap em {
    margin-right: 10px;
    font-size: 12px
}

.totalContainer.limit-totalContainer.wrap strong {
    font-weight: 700;
    font-size: 15px
}

.tocart {
    box-sizing: border-box;
    padding-top: 20px;
    text-align: center;
    font-size: 10px;
    border-radius: 50%;
    color: #6f7375;
    display: none;
    z-index: 29;
    background-image: url(../img/icon/icon-cart_03.png);
    box-shadow: -1px 2px 2px #c3c2c2;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 7px 10px
}

.tocart-bg {
    z-index: 1111
}

.tocart img {
    width: 60%;
    margin-top: -11px
}

.tocart .badge {
    position: absolute;
    top: 0;
    right: -5px;
    background-color: #fff;
    padding: 0 6px;
    z-index: 1111
}

[data-page=products] .badge.bg-red {
    position: absolute;
    z-index: 1111;
    right: -8px
}

.page-bottom {
    text-align: center;
    color: #ccc;
    font-size: 14px;
    margin: 0
}

[data-page=home] .page-bottom {
    background-color: #fff;
    color: #999
}

.page-bottom .icon-more {
    margin-top: -2.5px
}

.searchbar {
    background: #fff
}

.searchbar input[type=search] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    font-family: inherit;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0 28px;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-image: url(../img/icon/search-icon-gray.png);
    -webkit-background-size: 18px 18px
}

.searchbar:after {
    background-color: #fff
}

.label-radio .item-title {
    font-size: 14px;
    color: #333
}

.searchbar.searchbar-active .searchbar-cancel {
    color: #666;
    margin-right: 10px;
    font-size: 15px
}

.searchbar .searchbar-input input::-webkit-input-placeholder {
    color: #959595;
    font-size: 14px
}

#spanProTitle {
    margin: 0 auto;
    font-size: 16px
}

.rabate-tip {
    height: 24px;
    line-height: 18px;
    font-size: 12px;
    margin: 0 0 0 15px;
    color: #ff9e06
}

[data-page=category] .navbar .right,
[data-page=ChooseClient].page .list-block .item-media+.item-inner {
    margin-left: 0
}

[data-page=user].page .list-block.user-list {
    padding-bottom: 0
}

[data-page=user] .page-content.native-scroll .page-content-inner {
    padding-bottom: 36px
}

.RemRecord {
    color: #999;
    padding-left: 15px;
    line-height: 25px;
    font-size: 12px
}

[data-page=home].page .badge.bg-white {
    line-height: 12px;
    float: left;
    left: 38px;
    font-size: 7px
}

.page-content.native-scroll {
    overflow-x: hidden
}

[data-page=ChooseClient].page .page-content .choose-client {
    height: 122px;
    background-color: #fff;
    position: relative
}

[data-page=ChooseClient].page .page-content .card-navbar .navbar-list {
    height: 41px
}

[data-page=ChooseClient].page .page-content .search-alient {
    position: relative
}

[data-page=ChooseClient].page .page-content .input-group-addon:first-child {
    position: absolute;
    top: 6px;
    left: 14px;
    border: none !important
}

[data-page=ChooseClient].page .page-content .input-group-addon:last-child {
    position: absolute;
    top: 6px;
    right: 14px;
    border: none !important;
    height: 20px
}

[data-page=ChooseClient].page .page-content .search {
    position: absolute;
    background-color: #efefef;
    height: 32px;
    top: 6px;
    width: 80%;
    margin-left: 11.6%
}

[data-page=ChooseClient].page .page-content .listClient {
    position: absolute;
    top: 44px;
    height: 69px;
    width: 100%
}

[data-page=ChooseClient].page .page-content .listClient a {
    float: left;
    text-align: center;
    color: #666;
    padding: 4px 0
}

[data-page=ChooseClient].page .page-content .listClient .a-left {
    float: left;
    margin-left: 24%
}

[data-page=ChooseClient].page .page-content .listClient .a-right {
    float: right;
    margin-right: 24%
}

[data-page=ChooseClient].page .page-content .listClient a span {
    display: block;
    margin-top: 4px
}

[data-page=ChooseClient].page .page-content .listClient #bg-client-l {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #48D4C6;
    background-image: url(../img/icon/choice_pic1.png);
    background-repeat: no-repeat;
    background-position: center
}

[data-page=ChooseClient].page .page-content .listClient #bg-client-r {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #efefed;
    background-image: url(../img/icon/choice_pic2.png);
    background-repeat: no-repeat;
    background-position: center
}

[data-page=ChooseClient].page .page-content .choise-block {
    margin-top: 10px;
    border-left: none;
    border-right: none
}

[data-page=ChooseClient].page .page-content .fn12 {
    font-size: 12px
}

[data-page=ChooseClient].page .page-content .choise-block .choise-inner {
    display: block
}

[data-page=ChooseClient].page .page-content .choise-block .addr-edit {
    position: absolute;
    right: 30px;
    top: 10px;
    display: none
}

.accounts,
.combin .combItem,
.combin .combinContent>div {
    display: inline-block
}

[data-page=ChooseClient].page .page-content .choice-main-text {
    font-size: 15px;
    font-weight: 100;
    float: left
}

[data-page=ChooseClient].page .page-content .choise-block .choise-item-text {
    height: 26px;
    padding-top: 6px
}

[data-page=ChooseClient].page .page-content .choise-block ul li {
    height: 65px
}

[data-page=ChooseClient].page .page-content .icon-choise-checked {
    width: 22px;
    height: 15px;
    background-image: url(../img/icon/choisepepol-checked.png)
}

[data-page=ChooseClient].page .page-content .choise-block ul .item-after {
    color: #fff;
    float: left;
    background-color: #f0b928;
    margin-top: 3px;
    max-width: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 8px
}

[data-page=ChooseClient].page .page-content .choise-block ul .item-text {
    color: #999
}

[data-page=ChooseClient].page .page-content .choise-block .list-block .item-inner:after {
    background-color: #e5e5e5
}

[data-page=protDetailPage].page .content-block {
    overflow: visible;
    margin: 0;
    padding: 10px 0 0
}

.combin,
.combin .combinContent {
    overflow-x: auto;
    white-space: nowrap
}

.combin .upimgdiv {
    width: 61px;
    height: 61px;
    line-height: 56px
}

.combin .combItem {
    margin-right: 20px
}

.combin .add {
    width: 10px;
    height: 57px;
    line-height: 57px
}

.combin .add img {
    width: 10px;
    height: 10px
}

.combin .add.free {
    color: #f15353;
    font-size: 14px;
    width: 15px
}

.combin .combinTitle {
    font-size: 14px
}

.combin .combinContent {
    height: 61px;
    padding: 6px 0;
    width: 100%
}

.combineList .combinListTitle {
    font-size: 14px;
    min-height: 40px
}

.combineList .list-block .item-title-row .item-text {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    height: 39px
}

.combineList .list-block .item-subtitle {
    font-size: 12px;
    color: #999
}

.combineList .combinCount {
    position: absolute;
    top: 30%;
    right: 12px;
    padding-right: 20px
}

.combineList .combinCount span {
    color: #ff5000;
    font-size: 14px
}

.combineList .border-b {
    border-bottom: 1px solid #F1F1F1
}

.combineList .titleIcon {
    position: absolute;
    top: 15px;
    right: 16px;
    height: 9px;
    width: 15px
}

.titleIcon.bg-arrow-up {
    background: url(../img/bg-arrow-up.png) center center no-repeat !important;
    background-size: 15px 9px !important
}

.titleIcon.bg-arrow-down {
    background: url(../img/bg-arrow-down.png) center center no-repeat !important;
    background-size: 15px 9px !important
}

.accounts {
    width: 100%;
    padding: 10px 0;
    border-radius: 5px;
    border: none;
    background: #e9e9e9;
    margin-bottom: 20px;
    font-size: 12px;
    color: #000
}

.accounts span {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px
}

.accounts span:first-of-type {
    width: 35px;
    margin-left: 30px
}

.accounts span.center {
    width: 150px
}

.accounts span.noCom {
    margin-left: 100px
}

.accounts img {
    height: 25px;
    margin: auto
}

.accounts input {
    border: none;
    background: #e9e9e9;
    height: 25px;
    line-height: 25px
}

#MultiAccountButtons {
    height: 100%;
    overflow-y: auto;
    position: relative;
    z-index: 999
}

#MultiAccountButtons>span {
    color: #fff;
    position: relative;
    z-index: 999;
    font-size: 24px;
    display: block;
    text-align: center;
    margin: 0 30px 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #fff
}

#FrogetMultiAccountBox,
#MultiAccountBox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    bottom: 0
}

#MultiAccountMark {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .5
}

#MultiAccountBox {
    padding: 40px
}

#FrogetMultiAccountBox {
    padding: 90px
}

.views {
    overflow: hidden
}

.pay-content-form.list-block .item-input strong {
    display: block;
    font-weight: 400
}

.pay-content-form.list-block .item-input strong.status {
    font-weight: 400;
    font-size: 12px
}

.pay-content-form.list-block .item-input strong.sta-sure {
    color: #ff8208
}

.pay-content-form.list-block .item-input strong.sta-cancel {
    color: #999
}

.pay-content-form.list-block .item-input strong.sta-pay {
    color: #06c1ae
}

.products .subnavbar {
    position: relative;
    padding: 0 15px
}

.products .subnavbar .button {
    position: relative;
    padding: 0
}

.products .subnavbar .button p {
    margin: 0;
    float: left;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis
}

.products .subnavbar .productCate i {
    float: left;
    margin-top: 1px
}

.products .subnavbar .productCate i.icon:last-child {
    margin-left: 4px
}

.products .subnavbar .button span {
    display: block;
    width: 8px;
    height: 3px;
    position: absolute;
    left: 74%;
    top: 16px;
    background-image: url(../img/icon/up_05.png);
    background-size: 100%
}

.products .subnavbar .button span#down {
    width: 7.5px;
    margin-left: .5px
}

.products .subnavbar .button.active span.active {
    background-image: url(../img/icon/up_active_03.png)
}

.products .subnavbar .button span:nth-child(2) {
    top: 22px;
    background-image: url(../img/icon/down_06.png)
}

.products .subnavbar .button.active span:nth-child(2).active {
    background-image: url(../img/icon/down_active_06.png)
}

.products .subnavbar .choose-list {
    position: absolute;
    z-index: 11111;
    top: 44px;
    left: 10px;
    background-color: #fff;
    width: 100%;
    padding-left: 20px;
    margin-left: -15px;
    display: none
}

.order.guide,
.pop_bg {
    background-color: #000
}

.products .subnavbar .choose-list li {
    line-height: 45px;
    border-bottom: 1px solid #e7e7e7;
    color: #666;
    font-size: 14px
}

.products .subnavbar .choose-list li.active {
    color: #06c1ae;
    position: relative
}

.products .subnavbar .choose-list li.active span {
    width: 15px;
    height: 10px;
    display: block;
    position: absolute;
    right: 45px;
    top: 18px;
    background-image: url(../img/icon/choose_active.png);
    background-size: 100%
}

.products .subnavbar .choose-list li:first-child {
    padding-top: 5px
}

.products .subnavbar .choose-list li:last-child {
    border-bottom: none;
    padding-bottom: 5px
}

.pop_bg {
    width: 100%;
    height: 100%;
    opacity: .5;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 111;
    display: none
}

[data-page=orderInfo].page .confirmList .productsList .item-title-row {
    padding-right: 0
}

[data-page=NewPaybill].page .popup-AgentFinancials .item-title-bank {
    width: 270px
}

[data-page=NewPaybill].page .popup-AgentFinancials .item-title {
    width: 80%
}

[data-page=NewPaybill].page .popup-AgentFinancials .item-subtitle {
    width: 270px
}

[data-page=NewPaybill].page .popup-CorprationFinancials .item-title-bank {
    width: 220px
}

[data-page=NewPaybill].page .popup-CorprationFinancials .item-title {
    width: 95%
}

.popup-select-bank .bankInfoContainer .item-subtitle,
.popup-select-bank .bankInfoContainer .item-title,
[data-page=NewPaybill].page .popup-CorprationFinancials .item-subtitle {
    width: 270px
}

[data-page=PaymentOrderList].page .cart-page .bottom-bar {
    bottom: 0;
    background-color: #fff;
    font-size: 12px;
    color: #333 !important;
    top: calc(100% - 49px) !important;
    height: 48px
}

[data-page=PaymentOrderList].page .cart-page .bottom-bar .button,
[data-page=PaymentOrderList].page .cart-page .bottom-bar .sum-price {
    float: right
}

[data-page=PaymentOrderList].page .cart-page .bottom-bar .button {
    width: 100px;
    height: 36px;
    border-radius: 5px;
    margin-top: 7px;
    margin-right: 15px;
    line-height: 36px
}

[data-page=PaymentOrderList].page .cart-page .bottom-bar .sum-price {
    line-height: 15px;
    margin-top: 8px;
    height: 48px
}

[data-page=PaymentOrderList].page .cart-page .bottom-bar .sum-price .sum-price-c {
    top: 2px
}

[data-page=PaymentOrderList].page .cart-page .bottom-bar .sum-price .sum-price-c.pay {
    font-size: 12px
}

[data-page=newReturnOrder].page .enclosure,
[data-page=expenseOrderPage].page .enclosure,
[data-page=newDeliverOrder].page .enclosure,
[data-page=EditOrderDetail].page .enclosure {
    position: relative
}

[data-page=newReturnOrder].page .enclosure .fileInput,
[data-page=expenseOrderPage].page .enclosure .fileInput,
[data-page=newDeliverOrder].page .enclosure .fileInput,
[data-page=EditOrderDetail].page .enclosure .fileInput {
    height: 44px;
    position: absolute;
    width: 100%;
    z-index: 999;
    opacity: 0;
    top: 0
}

.enclosure-list {
    margin-top: 10px
}

.enclosure-list .upimgdiv {
    background-color: #fff
}

.enclosure-list .item-inner {
    border-bottom: 1px solid #fff
}

.enclosure-list .item-content {
    height: 100%
}

.enclosure-list ul li {
    height: 75px
}

.enclosure-list ul li .item-text {
    height: 20px;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.enclosure-list ul li .item-subtitle {
    font-size: 12px !important;
    color: #999;
    float: left;
    margin-right: 15px
}

.enclosure-list .order-btn.message-btn {
    float: right;
    margin-top: -67px;
    height: 26px;
    border: none;
    position: relative;
    z-index: 99999
}

.enclosure-list .order-btn.message-btn .btn {
    /* width: 45px */
}

.enclosure-list .order-btn.message-btn .del-btn {
    border: 1px solid #faaaaa;
    color: #f23030
}

.addmessage .list-block {
    margin: 10px 0 0
}

.addmessage .list-block .item-title.label {
    width: 7%
}

.fileUpload,
.search-marks {
    position: absolute;
    width: 30px
}

.addmessage .list-block textarea {
    margin-top: 12px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    height: 263px;
    font-size: 14px
}

.addmessage .fund-page .button.active {
    margin-top: 20px;
    font-size: 16px
}

.search-marks {
    height: 30px;
    z-index: 999;
    background: #efefef;
    right: 30px;
    top: 7px
}

.fileUpload {
    height: 21px;
    left: 0;
    opacity: 0;
    z-index: 999
}

.order.card-navbar .search {
    font-family: "微软雅黑";
    font-size: 14px;
    background-color: #efefef
}

.order .input-group-addon:first-child {
    border-radius: 4px 0 0 4px;
    background-color: #efefef
}

.order .input-group-addon:last-child {
    border-radius: 0 4px 4px 0;
    background-color: #efefef
}

.order .item-content.title .item-inner {
    display: block;
    padding-right: 0
}

.order .list-block {
    background-color: #fff;
    margin: 40px 0 50px
}

.order .title h2 {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    clear: both;
    padding-right: 15px;
    overflow: hidden;
    display: -webkit-box;
    margin-left: 15px
}

.order .title .code p {
    float: left;
    color: #999;
    font-size: 11px !important;
    margin: 5px 0
}

.order .title .code.discount p {
    color: #666
}

.order .title .code.subtitle p {
    color: #666;
    margin: 5px 0 0;
    padding-left: 15px
}

.order .title .code p:last-child {
    float: right;
    padding-right: 15px;
    color: #f60
}

.order-lists li.title {
    min-height: 85px
}

.order-lists li.title .discount {
    margin-left: 15px
}

.order-lists li.title:first-child {
    padding-top: 8px
}

.order .sku-content {
    background-color: #f9f9f9;
    margin-bottom: 5px;
    padding: 8px 15px 7px
}

.order .sku-content.no-bgs {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 0
}

.order .sku-content .status {
    float: left;
    width: 59%;
    font-size: 12px
}

.order .sku-content .status .item-title-row {
    line-height: 17px
}

.order .status {
    float: left;
    width: 70%
}

.order .status span {
    display: block;
    padding-left: 15px;
    font-size: 12px;
    color: #333
}

.order .status .code {
    font-size: 11px;
    color: #999
}

.order .status .sku {
    float: left;
    margin-right: 5px;
    display: -webkit-box
}

.order .status .sku b {
    font-weight: 400;
    color: #999
}

.order .status .count {
    color: #999
}

.order .status .count strong {
    font-weight: 400;
    color: #ff5000
}

.order .status .count strong b {
    font-weight: 400;
    font-size: 12px
}

.order .item-price .kuc {
    font-size: 10px;
    color: #999
}

.combineList .order .item-price .kuc {
    margin-bottom: 3px !important
}

.order .item-price .icon_addicon {
    margin-left: 23px;
    float: right;
    width: 25px;
    height: 25px;
    background-color: #ccc;
    border-radius: 50%
}

.order .item-price .counts input {
    width: 55px !important;
    height: 25px !important;
    text-align: center;
    border: 1px solid #d7d7d7 !important;
    border-radius: 3px !important;
    color: #666 !important;
    font-size: 13px !important;
    position: relative !important;
    background-color: #fff !important;
    float: left
}

.order .item-price .counts .border-count input {
    background: 0 0 !important;
    border: none !important
}

.order .item-price .counts .border-count {
    height: 26px;
    background-color: #fff
}

.order .item-price .counts .border-count i.icon {
    margin-top: 0
}

.order .item-price .counts b {
    font-weight: 400;
    float: left;
    font-size: 12px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 64px
}

.order .item-price .fu_count {
    color: #999;
    font-size: 12px;
    margin-top: 32px
}

.order .no-bgs {
    background: 0 0 !important
}

.icon-count.order {
    position: absolute;
    bottom: 52px;
    z-index: 1118;
    left: 10px
}

.order .icon-order-btn b {
    font-size: 8px;
    color: #fff;
    background-color: #ff5b45;
    position: absolute;
    height: 16px;
    line-height: 16px;
    font-weight: 400;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 20px;
    right: -4px;
    top: 4px
}

.order .bottom-bar .count {
    color: #333 !important
}

.order .bottom-bar .count b {
    font-weight: 400;
    color: #999
}

.sum-price-c b {
    font-size: 10px
}

[data-page=NewPaybill].page .sum-price-c b.dolor {
    font-size: 10px;
    font-weight: 400
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.order .list-block .item-content {
    padding-left: 0
}

.order .order-list {
    position: fixed;
    bottom: 44px !important;
    z-index: 111;
    width: 100%
}

.order .list-block.media-list .item-inner .status {
    float: left;
    width: 65%
}

.order .list-block .item-subtitle,
.order .list-block .item-title {
    white-space: normal
}

.order .list-block .item-title {
    font-size: 12px;
    color: #333;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box
}

.order.page-contents .list-block .item-title {
    margin-top: 0;
    margin-bottom: 0;
    max-height: 32px;
    overflow: hidden;
    display: -webkit-box !important
}

.order .list-block .item-subtitle {
    font-size: 11px;
    color: #999;
    margin-top: 3px
}

.order .item-price {
    float: right;
    width: 41% !important
}

[data-page=combineList] .order .item-price {
    width: 100% !important
}

.order #boltProductListUl li .item-price {
    width: 35% !important
}

.order .item-price div {
    font-size: 12px;
    color: #666
}

.order.page-contents .item-price div {
    margin-top: 0
}

.order .item-price div.counts {
    float: right;
    margin-top: 2px;
    margin-bottom: 1px
}

.order .item-price div.price {
    color: #ff5000;
    margin-top: 6px
}

.order .item-price div span {
    font-size: 9px
}

.order .order-list ul li {
    min-height: 52px;
    padding-right: 15px;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0
}

.popup-list {
    height: 55px;
    line-height: 55px;
    background-color: #fff9f0;
    font-size: 13px;
    color: #666;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: fixed;
    bottom: 60%;
    z-index: 1002;
    width: 100%
}

.popup-list span.fr {
    color: #ff5000;
    margin-right: 15px
}

.popup-list span.fl {
    margin-left: 65px
}

.nav-bar.active {
    width: 28.333333%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.order-bg,
.order.guide,
.order.guide div {
    width: 100%;
    height: 100%
}

.order .subnavbar .icon {
    top: -2px
}

.order .page-content-inner {
    min-height: 0
}

.order .buttons-row .choose {
    text-align: center
}

.order .buttons-row .choose span {
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 82%;
    text-align: center
}

.order .buttons-row .choose i {
    display: inline-block
}

.order.guide {
    position: fixed;
    z-index: 5100;
    background-color: rgba(0, 0, 0, .1)
}

.order.guide div {
    position: fixed;
    bottom: 0;
    z-index: 111112;
    background-image: url(../img/guide_02.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 bottom
}

.order-bg {
    background-color: #000;
    position: absolute;
    z-index: 1000;
    top: 0;
    opacity: .5
}

.order.page-content {
    z-index: none
}

.order .list-block ul {
    background: 0 0
}

.order .list-block ul#boltProductListUl li {
    padding-left: 15px;
    padding-right: 0
}

.order .list-block.media-list.order-list {
    position: fixed;
    z-index: 1003;
    bottom: 96px !important;
    max-height: 60%;
    margin: 0 auto;
    overflow-y: auto
}

.order.cart-page .bottom-bar {
    z-index: 1003;
    background-color: #f5f5f5
}

.classical-bg,
.toolbar-popup {
    width: 100%;
    background-color: #000;
    opacity: .5
}

.order.cart-page .bottom-bar .cart-btn-delete {
    margin-right: 15px;
    float: right
}

.order.cart-page .bottom-bar .label-checkbox {
    float: left
}

.order.cart-page .bottom-bar p {
    float: left;
    font-size: 13px;
    color: #999;
    margin-left: -20px;
    display: none
}

.order.cart-page .bottom-bar .sum-price .sum-price-c {
    max-width: 130px !important
}

.order.cart-page.cart-empty .bottom-bar p {
    display: block
}

.order.cart-empty .icon-order-btn b,
.order.cart-page.cart-empty .bottom-bar .sum-price {
    display: none
}

.order.cart-page.cart-empty .bottom-bar .button {
    float: right
}

.toolbar-popup {
    height: 49px;
    position: fixed;
    z-index: 5100;
    bottom: 0
}

.classical-bg {
    height: 100%;
    position: absolute;
    z-index: 1119;
    top: 100px
}

.nativeApp .order.classical,
.order.classical {
    width: 100%;
    background-color: #f3f4f6;
    position: absolute;
    z-index: 1200;
    padding: 0;
    height: 70%
}

.order.classical {
    top: 87px
}

.nativeApp .order.classical {
    top: 98px
}

.order.classical .category-content {
    height: 70%
}

.page-content.order.classical.classShow .category-content {
    position: initial !important;
    height: 101%
}

.page-content.order.classical.classShow .page-content-inner {
    height: 100%
}

.order .category-hot h2 {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    margin-bottom: 15px !important
}

.order .category-hot ul {
    margin-left: 15px
}

.category-hot .upimgdiv {
    min-width: 65px;
    min-height: 65px
}

.order .category-hot ul li {
    margin: -1px 0 0;
    float: left;
    width: 31.5%
}

.order .category-hot ul li:nth-child(3n-1) {
    border-left: none;
    border-right: none
}

.order .category-hot ul li a {
    font-size: 12px;
    color: #666;
    margin: 3px 0
}

.order .category-hot .button {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    color: #ff9934 !important;
    border: 1px solid #ffc56a !important;
    margin: auto 15px;
    background-color: #fff
}

[data-page=messageCenter] .navbar-inner .right {
    width: 75px
}

[data-page=messageCenter] .list-block ul:after,
[data-page=messageCenter] .list-block ul:before {
    background-color: #f5f5f5
}

.messageCnenter-list .item-inner {
    padding-top: 10px !important;
    padding-bottom: 6px !important
}

.messageCnenter-list .item-inner .item-media {
    float: left;
    overflow: hidden;
    padding-top: 0;
    width: 60px;
    position: relative
}

.messageCnenter-list .item-inner .message-img {
    width: 50px;
    height: 50px;
    border-radius: 4px
}

.messageCnenter-list .item-inner .item-title {
    font-size: 14px;
    color: #333
}

.messageCnenter-list .item-inner .item-title p {
    float: left;
    margin: 0;
    width: 66%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden
}

.messageCnenter-list .item-inner .item-title span {
    float: right;
    font-size: 11px;
    color: #ccc
}

.messageCnenter-list .item-inner .item-after {
    font-size: 12px;
    color: #999;
    margin-top: 2px
}

.messageCnenter-list .item-inner .message-count-bg {
    width: 2px;
    height: 17px;
    background-image: url(../img/icon/count_bg_03.png);
    position: absolute;
    bottom: 10px;
    right: 8px
}

.messageCnenter-list .item-inner .message-count-content {
    padding-left: 2px;
    padding-right: 2px;
    height: 16px;
    background-color: #ff5a3d;
    position: absolute;
    right: 9px;
    font-size: 9px;
    color: #fff;
    bottom: 10px
}

.messageCnenter-list li.read-orders-list .item-title {
    font-weight: 700
}

.messageCnenter-list li.read-orders-list .item-title span {
    font-weight: 400
}

.messageCnenter-list li.read-orders-list .item-title i {
    width: 8px;
    height: 8px;
    background-color: #06c1ae;
    background: -o-linear-gradient(top, #20c8df, #48deaf);
    background: -moz-linear-gradient(top, #20c8df, #48deaf);
    background: -mos-linear-gradient(top, #20c8df, #48deaf);
    background: linear-gradient(top, #20c8df, #48deaf);
    background: -webkit-linear-gradient(top, #20c8df, #48deaf);
    display: block;
    float: left;
    border-radius: 4px;
    margin-top: 6px;
    margin-right: 5px
}

.messageCnenter-list .no-messages {
    position: relative;
    left: 50%;
    margin-left: -65px;
    top: 50px
}

.messageCnenter-list .page-bottom {
    margin-top: 56px
}

.count-22 {
    height: 22px !important
}

.count-footer-num-type {
    height: 22px !important;
    position: relative;
    top: 2px
}

.count-footer-aux {
    position: relative;
    top: 0
}

.chooseReturn.choose-return-float .toolbar,
.tipsMark {
    position: absolute
}

.page[data-page=indexManage] #charts {
    height: 170px
}

.count-width {
    max-width: none !important
}

.order-list .list-wrap ul.order-info {
    margin-left: 15px;
    padding-bottom: 2px
}

.order-detail {
    padding: 0 0 5px
}

.order-product-text-content {
    max-width: 335px
}

.expensePageToolbar .button {
    height: 36px;
    line-height: 36px;
    padding:0 15px;
    color: #666;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-top: 7px;
    border-radius: 26px
}

.expensePageToolbar .toolbar-inner {
    display: block
}

.expensePageToolbar .button.check {
    border-color: #ff9e06;
    color: #ff9e06
}

.expensePageToolbar .button.payfor {
    border-color: #ff9e06;
    background-color: #ff9e06;
    color: #fff;
}

.enclosure .ex-fileManage {
    text-align: right
}

.tipsMark {
    width: 5px;
    height: 5px;
    display: block;
    background: #ff5b45;
    right: -8px;
    top: 0;
    z-index: 100;
    border-radius: 50%
}

.permit-modal.modal {
    width: 74%;
    margin-left: -37%
}

.permit-modal .common-tips-title,
.permit-modal .modal-inner,
.permit-modal .modal-no-buttons .modal-inner {
    border-radius: 10px
}

.permit-modal .common-tips-title {
    border-radius: 15px
}

.permit-modal .common-tips-content,
.permit-modal .modal-inne,
.permit-modal .permit-contentr {
    border-radius: 10px
}

.permit-modal .common-tips-title.permit-tips .icon-clock {
    top: -40px;
    padding: 5px;
    background-size: 103px
}

.permit-modal .common-tips-title.permit-tips {
    height: 78px
}

.permit-modal .modal-inner {
    background-color: #fff
}

.permit-modal .modal-buttons {
    left: 2%
}

.item-text p {
    margin: 0
}

.chooseReturn .select-comm .cartNew-list.list-block .item-subtitle {
    width: 100%
}

.chooseReturn .select-comm .cartNew-list.list-block .item-text p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.chooseReturn .select-comm .cartNew-list.list-block li.select p {
    width: 85%;
    float: left
}

.chooseReturn .select-comm .cartNew-list.list-block li.select span {
    float: right;
    font-size: 10px;
    color: #ff5000;
    border: 1px solid #ff5000;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 2px;
    line-height: 15px;
    margin-top: 2px
}

.chooseReturn .select-comm .list-block.cartNew-list {
    margin-top: 42px
}

.chooseReturn .select-comm .cartNew-list.list-block .item-text {
    display: block;
    width: 100%
}

.choose-return-float .title .item-text p {
    font-size: 13px;
    color: #333;
    margin: 0 0 5px;
    padding: 10px 15px 0 0;
    overflow: hidden;
    display: -webkit-box
}

.choose-return-float .title .item-subtitle {
    font-size: 12px;
    color: #999;
    padding-bottom: 5px
}

.choose-return-float .select-comm .list-block.cartNew-list {
    margin-top: 0
}

.choose-return-float .title .item-content {
    background-color: #f5f5f5;
    padding-left: 15px
}

.nativeApp .choose-return-float .title .item-content {
    background-color: #f5f5f5;
    padding-left: 15px;
    padding-top: 20px
}

.choose-return-float .select-comm .cartNew-list.list-block .edit .item-subtitle {
    width: auto
}

.choose-return-float .select-comm .cartNew-list.list-block .edit .item-subtitle:first-child {
    margin-right: 5px
}

.choose-return-float .select-comm .detail {
    width: 50%;
    float: left;
    margin: 0
}

.choose-return-float .select-comm .detail .price {
    color: #ff5000
}

.choose-return-float .select-comm .detail .counts {
    color: #333
}

.choose-return-float .select-comm .detail label {
    float: left;
    color: #333
}

.choose-return-float .select-comm .detail input {
    width: 75px;
    height: 25px;
    float: left;
    font-size: 13px;
    color: #333;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    margin-left: 2px
}

.choose-return-float .select-comm .detail input.count {
    width: 60px;
    float: left;
    text-align: center
}

.choose-return-float .select-comm .detail .return {
    line-height: 25px
}

.choose-return-float .list-block ul.edit:after {
    background-color: #E5E5E5
}

.choose-return-float .border-bg {
    width: 100%;
    height: 3px;
    background-image: url(../img/return-bg-2.png);
    background-size: 9px 3px
}

.choose-return-float .title ul:after {
    background-color: #f5f5f5
}

.choose-return-float .cartNew-list.list-block .edit .item-subtitle {
    margin-top: 0;
    margin-bottom: 1px
}

.choose-return-float .cartNew-list.list-block .item-subtitle.return {
    margin-top: 5px
}

.choose-return-float .edit .item-text {
    font-size: 12px
}

.experience-envir2 {
    width: 63px;
    height: 58px;
    background-image: url(../img/icon/experience-envir.png);
    background-size: 100%;
    position: fixed;
    bottom: 100px;
    z-index: 5009;
    right: 0
}

.experience-envir2 p {
    margin-left: 35px;
    font-size: 13px;
    color: #fff;
    margin-top: 20px
}

[data-page=expenseOrderPage] .list-block li .item-inner.bg-arrow .item-title-row .item-title.money,
[data-page=RefundOrderInfo] .list-block li .item-inner .item-title-row .item-title.money {
    font-size: 14px;
    color: #ff5000
}

[data-page=expenseOrderPage] .list-block li .item-inner.bg-arrow .item-text {
    font-size: 13px;
    color: #666
}

[data-page=expenseOrderPage] .orderInfo li .item-inner .item-text {
    font-size: 14px;
    color: #333
}

[data-page=expenseOrderPage] .orderInfo .item-after.add {
    font-size: 13px;
    color: #06c1ae;
    line-height: 28px
}

[data-page=expenseOrderPage] input::-webkit-input-placeholder {
    font-size: 14px !important;
    margin-top: -1px
}

[data-page=addrNewPage] .navbar-inner .right a,
[data-page=customerDetail] .navbar-inner .right a,
[data-page=orderLists] .navbar-inner .right a#btnCreateOrder {
    top: -10px
}

[data-page=home] .navbar .left {
    width: auto
}

.navbar .right a {
    margin-left: 5px
}

.RegisterNew {
    background-color: #fff
}

.RegisterNew .page-content-inner {
    min-height: 97%
}

.RegisterNew .list-block ul:after {
    background-color: #E5E5E5
}

.RegisterNew .list-block {
    margin: 0
}

.RegisterNew .get-yzm {
    position: relative
}

.RegisterNew .get-yzm p {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #e9e9e9;
    padding-left: 15px;
    font-size: 14px;
    color: #ccc;
    margin: 12px 0 0
}

.RegisterNew p.agree {
    text-align: center;
    color: #999;
    font-size: 13px
}

.RegisterNew p.agree a {
    text-decoration: underline
}

.RegisterNew ul li .item-input {
    margin-left: 10px
}

.RegisterNew ul li .item-input input {
    font-size: 15px;
    color: #333
}

.RegisterNew .next-btn {
    margin: 30px 22.5px 10px;
    border-radius: 30px;
    border: none;
    color: #fff
}

.RegisterNew .next-btn.active {
    margin-bottom: 10px
}

.RegisterNew .get-yzm p.active,
.RegisterNew .get-yzm-num.active .get-yzm p.retry {
    color: #19c4b3;
    display: block
}

.RegisterNew .selece-country.active .get-yzm p.tel {
    display: block;
    font-size: 15px;
    color: #333;
    border-left: none
}

.setAccount .newBill .list-block {
    margin: 0
}

.setAccount .newBill .list-block li .item-input input {
    font-size: 14px
}

.setAccount .pop_bg {
    z-index: 1100;
    opacity: .75;
    display: block
}

.setAccount .pop_content_success {
    position: fixed;
    display: block;
    width: 66%;
    height: 165px;
    background-color: #fff;
    top: 40%;
    z-index: 1110;
    left: 17%;
    border-radius: 10px
}

.setAccount .pop_content_success dl dt {
    margin-top: -48%;
    background-image: url(../img/icon/pop_content_success_03.png);
    width: 133px;
    height: 134px;
    background-size: 100%;
    margin-left: 66.5px
}

.setAccount .pop_content_success dl dd {
    text-align: center
}

.setAccount .pop_content_success dl dd.success {
    font-size: 20px;
    color: #000;
    margin-top: 22px
}

.setAccount .pop_content_success dl dd.tips {
    font-size: 14px;
    color: #999;
    margin-top: 10px
}

.setAccount .pop_content_success dl dd.tips span {
    color: #50d3c6
}

.setAccount .pop_content_success i {
    margin-top: 90px;
    left: 50%;
    margin-left: -20px
}

.serviceTerms {
    background-color: #f5f5f5
}

.serviceTerms ul li .item-title {
    font-size: 14px
}

.serviceTerms2 .list-block {
    padding: 15px;
    font-size: 13px;
    color: #333
}

.serviceTerms2 .list-block h2 {
    font-size: 13px;
    font-weight: 700
}

.serviceTerms2 .list-block h2.title,
.serviceTerms2 .list-block p {
    margin: 10px 0
}

.serviceTerms2 .list-block p.last {
    float: right
}

.enclosure .add-update,
.enclosure .add-update span {
    color: #19c4b3 !important
}

.newReturnOrder .select-type {
    width: 200px
}

.newReturnOrder .select-type i {
    margin-right: 15px;
    margin-top: -7px
}

.newReturnOrder .pay-bill .checkdiv {
    margin-left: -145px !important
}

.newReturnOrder .pay-style.disabled span {
    color: #ccc !important;
    border: 1px solid #ececec !important;
    background-color: #fff
}

.newReturnOrder .productItemContent.noneSource .label-checkbox input[type=checkbox] {
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.newReturnOrder .productItemContent.noneSource li .label-checkbox input[type=checkbox] {
    top: 0;
    width: 40%;
    height: 100%;
    display: none
}

.newReturnOrder .productItemContent.noneSource .item-content .item-media {
    padding: 0;
    margin: 0
}

.newReturnOrder .productItemContent.noneSource .item-content .item-media.select-btn {
    margin-left: 0;
    padding: 7px;
    display: none
}

.newReturnOrder .productItemContent.noneSource.del-orders .item-content .item-media.select-btn,
.newReturnOrder .productItemContent.noneSource.del-orders .label-checkbox input[type=checkbox] {
    display: block
}

.newReturnOrder .cartNew-list.list-block .productItemContent.noneSource.del-orders .label-checkbox .item-inner,
.newReturnOrder .cartNew-list.list-block .productItemContent.noneSource.del-orders>.proCheckPoint {
    margin-left: 0
}

.newReturnOrder .productItemContent.noneSource .numberManage.js-numberManage span.count {
    font-size: 12px;
    color: #666;
    margin: 0 6px 0 3px;
    line-height: 26px;
    margin-top: 0 !important;
    display: inline
}

.newReturnOrder .productItemContent.noneSource .numberManage.js-numberManage span.conv.auxUnit {
    float: right;
    color: #999;
    margin: 5px 0 0 3px
}

.contactsListPage .user-list .all-order {
    background-color: #f5f5f5;
    margin-top: 0 !important
}

.popup-network {
    z-index: 10401
}

.popup-network .noDataTip {
    text-align: center;
    background-color: #f5f5f5;
    height: 100%
}

.popup-network .noDataTip .icon.icon-no-network {
    margin-top: 40%
}

.popup-network .noDataTip p {
    font-size: 15px;
    color: #999;
    text-align: center;
    margin: 20px auto
}

.popup-network .noDataTip a.button {
    font-size: 13px;
    display: block;
    margin: 10px auto 0;
    border-radius: 24px;
    background-color: #FFF;
    width: 100px;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.deliveryInfo .message-btn,
[data-page=orderCancelInfo] .cartList.list-block>ul .statistic:before {
    background-color: #fff
}

[data-page=commodtyList] .order .sku-content .status {
    width: 40%
}

[data-page=commodtyList] .navbar input {
    height: 28px
}

[data-page=commodtyList] .order .item-price {
    width: 60%
}

.fareGiftPage .productDetailContainer .subtitle,
[data-page=orderCancelInfo] .productDetailContainer .subtitle {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
    background-color: #fff;
    margin-top: 10px;
    padding-left: 15px;
    height: 24px;
    line-height: 35px
}

[data-page=orderCancelInfo] .productDetailContainer .statistic {
    padding-right: 15px !important
}

[data-page=orderCancelInfo] .align-top .item-title.name {
    margin-top: 2px
}

[data-page=orderCancelInfo] .productDetailContainer .subtitle:first-child {
    margin-top: 0
}

[data-page=orderCancelInfo] .confirmList-rabeta .item-title {
    white-space: normal
}

[data-page=orderCancelInfo] .cartList.list-block li {
    margin-bottom: 0
}

[data-page=orderCancelInfo] .cartList.list-block li .statistic {
    margin-left: 15px
}

[data-page=orderCancelInfo] .cartList.list-block li li {
    padding-left: 0
}

[data-page=orderCancelInfo] .cartList.list-block li li:last-child {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px
}

[data-page=orderCancelInfo] .confirmList .item-title-row {
    margin-top: 3px
}

.scanCodeList.cart-page .list-block .item-content .item-content,
[data-page=orderCancelInfo] .confirmList ul ul {
    padding-left: 0
}

[data-page=cart] .page-content-inner {
    min-height: 90% !important;
    margin-bottom: 50px !important
}

[data-page=orderCancelInfo] .cartList.list-block>ul {
    background-color: #f5f5f5
}

.confirmOrderContent li .item-media,
.confirmOrderContent li .item-title-row {
    margin-top: 2px
}

.invoice_form li.isDefalutPayType .item-title.label {
    width: 85%
}

.toolbar {
    height: 49px
}

[data-page=products] .navbar .left,
[data-page=products] .navbar .right,
[data-page=addrListPage] .navbar .left,
[data-page=addrListPage] .navbar .right,
[data-page=adUnits] .navbar .left,
[data-page=adUnits] .navbar .right {
    width: 44px
}

[data-page=products] .navbar .center,
[data-page=addrListPage] .navbar .center,
[data-page=adUnits] .navbar .center {
    left: 0 !important
}

.border-count {
    border: 1px solid #ff9e06;
    border-radius: 3px;
    height: 30px
}

.border-count.fl.bn {
    margin-top: -2px
}

[data-page=bandInfoManagePage] .list-block.m-t-10 ul {
    display: flex
}

[data-page=bandInfoManagePage] .list-block.m-t-10 ul li {
    flex: 1
}

[data-page=bandInfoManagePage] .list-block.m-t-10 ul li:first-child {
    border-right: 1px solid #f5f5f5
}

.deliveryInfo .confirmList ul {
    padding-bottom: 0 !important
}

.deliveryInfo .page-content.native-scroll {
    padding-bottom: 48px
}

.scanCodeList.cart-page .bottom-bar {
    bottom: 0
}

.scanCodeList.cart-page .popup-attrs {
    padding: 0
}

.scanCodeList.cart-page .popup-attrs .border-count {
    width: 100px;
    height: 25px
}

.scanCodeList.cart-page .popup-attrs .numberManage .editControl {
    width: 56px;
    top: 0;
    height: 25px;
    font-size: 14px;
    color: #333
}

.scanCodeList.cart-page .popup-attrs .numberManage .icon {
    width: 20px;
    height: 20px;
    margin-top: -1px
}

.scanCodeList.cart-page .list-block .item-title {
    font-size: 14px;
    color: #333
}

.scanCodeList.cart-page .list-block .item-title b {
    font-weight: 400;
    float: left
}

.scanCodeList.cart-page .list-block .item-title span.none {
    display: block;
    width: 13px;
    height: 13px;
    background-color: #ff5454;
    border-radius: 50%;
    float: left;
    margin-left: 5px;
    text-align: center;
    line-height: 13px;
    color: #fff;
    margin-top: 3px
}

.scanCodeList.cart-page .list-block .item-after {
    font-size: 12px;
    color: #ff5454;
    margin-left: 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 3px
}

.scanCodeList.cart-page .list-block .item-title-row {
    width: 65%
}

.scanCodeList.cart-page .list-block .swipeout {
    height: 64px
}

.scanCodeList.cart-page .list-block .swipeout .item-inner {
    height: 62px
}

.scanCodeList.cart-page .list-block .swipeout .swipeout-content {
    margin-top: 2px
}

.scanCodeList.cart-page .list-block .label-checkbox input[type=checkbox] {
    width: 40px
}

.list-block .swipeout-actions-left a.swipeout-delete,
.list-block .swipeout-actions-right a.swipeout-delete {
    background-color: #ff5454
}

[data-page=messageCenter] .list-block .swipeout-actions-right a.swipeout-delete {
    line-height: 76px
}

.order .list-block .swipeout-actions-left a.swipeout-delete,
.order .list-block .swipeout-actions-right a.swipeout-delete {
    line-height: 57px;
    padding: 0 15px
}

.scanCodeList.cart-page .bottom-bar .sum-price {
    width: 75%;
    font-size: 14px;
    color: #333;
    margin-top: 0;
    line-height: 49px
}

.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
    display: block
}

.list-block .swipeout-actions-right a b {
    font-weight: 400;
    font-size: 12px
}

.list-block .swipeout-actions-right a i {
    margin-left: 4px;
    margin-top: 12px
}

.scanCodeList.cart-page .bottom-bar label div.item-media {
    position: relative;
    top: 5px
}

.scanCodeList.cart-page .right a.code {
    width: 22px;
    margin-left: 10px
}

.scanCodeList .list-block {
    margin-bottom: 43px
}

.scanCodeList.cart-page .list-block .swipeout .button {
    width: 70px;
    height: 24px;
    border: 1px solid #ff8a02;
    color: #ff8a02;
    font-size: 13px;
    padding: 0;
    line-height: 25px;
    text-align: center
}

.scanCode_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    z-index: 1000
}

.scanCode_bg .scanCode_content {
    width: 100%;
    max-height: 80%;
    background: #fff;
    position: absolute;
    bottom: 0
}

.popup.popup-frame h2,
.scanCode_bg .scanCode_content h2 {
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 45px;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 400;
    position: relative
}

.popup.popup-frame h2 i,
.scanCode_bg .scanCode_content h2 i {
    position: absolute;
    right: 15px;
    top: 13px
}

.scanCode_bg .scanCode_content .list-block {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 20px
}

.scanCode_bg .scanCode_content .list-block ul {
    border-bottom: 1px solid #f5f5f5;
    position: relative
}

.scanCode_bg .scanCode_content .list-block ul:last-child {
    border-bottom: none
}

.scanCode_bg .scanCode_content .list-block ul i.icon-bank-checked {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px
}

.scanCode_bg .scanCode_content .list-block ul li {
    padding-left: 15px;
    padding-right: 50px
}

.scanCode_bg .scanCode_content .list-block ul li.code {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 2px
}

.scanCode_bg .scanCode_content .list-block ul li.title {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px
}

.scanCode_bg .scanCode_content .list-block ol {
    margin-bottom: 10px
}

.scanCode_bg .scanCode_content .list-block ol li {
    font-size: 13px;
    color: #333
}

.scanCode_bg .scanCode_content .list-block ol li span {
    color: #999
}

.combine {
    margin-top: 10px
}

.combine .card-product {
    padding: 0 0 10px
}

.combine .card-product ul {
    display: flex;
    overflow-x: auto
}

.combine .card-product ul li {
    width: 90px;
    margin-right: 20px
}

.combine .card-product ul li:first-child {
    padding-left: 10px
}

.combine .card-product ul li:last-child {
    padding-right: 15px
}

.combine .card-product li:nth-of-type(1) .card-item,
.combine .card-product li:nth-of-type(2) .card-item,
.combine .card-product li:nth-of-type(2n) .card-item,
.combine .card-product li:nth-of-type(2n+1) .card-item {
    padding: 0
}

.combine .card-product ul li .upimgdiv a {
    width: 90px;
    height: 90px
}

.combine .card-item .caption p,
.combine .card-item .caption p.p-title {
    padding-left: 0
}

.combine .card-product:after,
.combine .card-product:before,
.combine .list-block ul:after,
.combine .list-block ul:before {
    background-color: #fff
}

.combine .card-item .caption p.p-title {
    padding-left: 0;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    font-size: 12px;
    color: #666;
    line-height: 16px;
    margin-top: 5px
}

.combineList .subnavbar,
.nativeApp .combineList .subnavbar {
    overflow-x: hidden;
    white-space: nowrap
}

.combine .card-item .caption p.price {
    font-size: 11px;
    color: #666
}

.combine .card-item .caption p.price em {
    color: #ff5000;
    font-weight: 700
}

.combine .card-product ul li.add {
    margin: 32px 13px 0 -7px !important;
    width: 12px
}

.combine .list-block .item-link .item-inner .item-title {
    font-size: 14px;
    color: #333
}

.combineList .cartNew-list.list-block li {
    margin-bottom: 0
}

.combineList .cartNew-list.list-block li li {
    margin-bottom: 5px
}

.combineList .list-block {
    margin-bottom: 100px;
    margin-top: 53px !important
}

[data-page=combineEdit].combineList .list-block {
    margin-top: 10px !important
}

[data-page=combineListPage] .list-block {
    margin-top: 0 !important
}

[data-page=fareGiftPage].combineList .list-block {
    margin-bottom: 100px;
    margin-top: 0 !important
}

.combineList .cartNew-list.list-block ul ul .item-inner .item-title {
    font-size: 10px;
    width: 55%
}

.combineList .cartNew-list.list-block ul ul .item-inner {
    margin-left: 0;
    padding-left: 15px;
    min-height: 72px
}

.combineList .cartNew-list.list-block .item-media {
    padding-left: 0;
    position: relative
}

.discountDescContainer {
    font-size: 12px;
    color: #666
}

.discountDescContainer i.icon.arrow-down {
    margin-top: -3px
}

.combineList .border-count {
    height: 26px
}

.border-count input,
.no-bor {
    border: none !important
}

.combineList .cartNew-list.list-block ul ul:last-child li {
    margin-bottom: 0
}

.combineList.cart-page .bottom-bar .sum-price {
    width: auto;
    float: left;
    margin-top: 9px
}

.combineList.cart-page .popup-bottom span {
    font-size: 12px;
    font-weight: 400
}

.combineList.cart-page .bottom-bar .sum-price .sum-price-c {
    width: 100%;
    font-size: 13px
}

.combineList.cart-page .bottom-bar .sum-price .sum-price-c.save {
    font-size: 11px;
    color: #999;
    font-weight: 400
}

.combineList.cart-page .bottom-bar .sum-price .sum-price-c.save i {
    font-style: normal
}

.combineList .popup-bottom {
    border-top: 1px solid #f5f5f5;
    background-color: #fff;
    display: block !important
}

.combineList .popup-bottom .button {
    width: 100px
}

.combineList .order .list-block .item-title {
    margin: 0;
    display: block
}

.combineList .order .list-block.media-list.order-list {
    bottom: 48px !important
}

.combineList .toolbar {
    z-index: 1003
}

[data-page=combineEdit] .cart-page .item-price {
    width: 100% !important;
    height: 80%
}

.combineList .cartNew-list.list-block .item-media span {
    position: absolute;
    bottom: 12px;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 11px;
    left: 0
}

.combineList .navbar .arrowWrap {
    position: absolute;
    width: 44px;
    height: 44px;
    line-height:44px;
    background: url(../img/icon/nav-bg.png) 12px 39px no-repeat #fff;
    top: 0;
    right: 0;
    z-index: 110;
    text-align: center;

}

.order-bg.nav {
    z-index: 1002;
    top: 48px
}

.combineList .order .icon-order-btn,
.combineList .order.icon-arrow {
    z-index: 1002
}

.nativeApp .combineList .subnavbar {
    top: 44px !important
}

.combineList .subnavbar .buttons-row .nav-bar.active {
    width: auto
}

.combineList .subnavbar .buttons-row a {
    flex: none
}

.combineList .subnavbar .buttons-row .nav-bar {
    padding-left: 15px !important;
    padding-right: 15px;
    margin: 0 !important
}

.combineList .order .list-block .titles .item-inner:after {
    background-color: #fff !important
}

.combineList .cartItemContainer>li:after {
    background-color: #e5e5e5
}

.combineList .cartItemContainer>li:last-child:after {
    height: 0
}

.combineList .cartNew-list.list-block ul ul .item-inner span.price {
    margin-top: -2px
}

.combineList .list-block .item-link.titles .item-inner {
    margin-left: 15px
}

.open-nav {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 1003;
    top: 42px
}

.open-nav h2 {
    font-size: 15px;
    color: #666;
    font-weight: 400;
    line-height: 44px;
    border-bottom: 1px solid #f5f5f5
}

.open-nav h2 i {
    background-size: 8px 5px;
    width: 44px !important;
    height: 44px !important;
    background-position: 17px 20px;
    text-align: center;
    font-size: .2rem;
    color: #ccc;
}

.pay-style input[type=radio]+span,
.pay-style input[type=radio]:checked+span {
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    font-size: 14px
}

.pay-style input[type=radio] {
    height: 27px
}

.open-nav .pay-style {
    margin: 5px 12px 5px 0
}

.user-list input::-webkit-input-placeholder {
    font-size: 14px !important
}

.user-list input[type=password] {
    height: 44px
}

.modal-text.del {
    min-height: 100px;
    line-height: 100px;
    font-size: 18px;
    color: #fff
}

[data-page=NewPaybill].page .item-input input.input-money::-webkit-input-placeholder {
    font-size: 25px !important
}

.list-block .titles .item-inner {
    background-color: #fff;
    font-size: 13px !important;
    color: #333;
    line-height: 44px;
    padding: 0 15px
}

.order .list-block .item-link.titles .item-inner .item-title {
    font-size: 13px
}

.list-block .titles .item-inner span {
    color: #fff !important;
    font-size: 11px;
    background-color: #66beed;
    padding: 0 5px;
    border-radius: 3px;
    margin-right: 5px
}

.cart-page .list-block .titles .item-inner span.invalid {
    color: #ff5b45
}

.cart-page .list-block .titles .item-inner .invalid {
    color: #999
}

.combineList.cart-page .bottom-bar.row {
    bottom: 0;
    height: 49px
}

.list-block .titles .item-inner p {
    margin: 0
}

.list-block .titles .item-inner input {
    width: 55px;
    height: 25px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    margin-top: 10px
}

.list-block .item-subtitle.fr {
    color: #ff5000 !important
}

.processInfo {
    margin: 0 15px !important
}

.processInfo .item-inner {
    background-color: #fff;
    height: 61px;
    padding-left: 15px;
    border-radius: 5px;
    margin-left: 15px;
    width: 95%
}

.processInfo li {
    margin-top: 15px;
    position: relative
}

.processInfo li i {
    width: 0;
    height: 80px;
    border-right: 1px solid #ddd;
    display: block;
    position: absolute;
    top: 30px
}

.processInfo li:last-child i {
    border: none
}

.processInfo li b {
    width: 11px;
    height: 11px;
    position: absolute;
    background: #ddd;
    border-radius: 50%;
    left: -5px;
    top: 24px
}

.processInfo .item-title p {
    margin: 0;
    float: left;
    color: #333;
    font-size: 15px
}

.processInfo .item-title span {
    float: right;
    color: #999;
    font-size: 14px
}

.processInfo .item-subtitle {
    font-size: 11px;
    color: #999;
    margin-top: 5px
}

.processInfo li:first-child .item-inner,
.processInfo li:first-child b {
    background-color: #06c1ae
}

.processInfo li:first-child .item-subtitle,
.processInfo li:first-child .item-title p,
.processInfo li:first-child .item-title span {
    color: #fff
}

.list-block ul.processInfo {
    background-color: #f5f5f5 !important
}

.list-block .processInfo .item-inner:after {
    background-color: #fff
}

.hei44 {
    height: 44px
}

.tabbar a.active .icon {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.integration-box .item-link.item-content .item-after {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #333
}

.integration-box .item-link.item-content .item-after span,
.integration-box .item-link.item-content .item-title span {
    color: #ff5000
}

.integration-box .item-link.item-content .item-after input {
    width: 80px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 5px
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.dataStatisticContent {
    height: 100%
}

.dataStatisticContent .order-detail {
    border: none
}

.dataStatistics .order-detail div li {
    width: 45%;
    float: left;
    padding-left: 15px
}

.dataStatistics .order-detail div li input {
    border: none;
    text-align: right;
    font-size: 12px;
    color: #333;
    line-height: 34px
}

.dataStatistics .order-detail div li i.icon-jt-down {
    margin-left: 5px
}

.dataStatistics .order-detail div li i.icon-calendar-data {
    margin-left: 6px;
    margin-top: -3px
}

.dataStatistics .list-wrap {
    margin-bottom: 0 !important;
    padding: 10px 0
}

.dataStatistics .order-list .list-wrap:after {
    background-color: #e5e5e5
}

.dataStatistics .list-wrap.top {
    height: 50px;
    line-height: 50px;
    padding: 0
}

.dataStatistics .list-wrap.top li {
    margin-top: 0
}

.dataStatistics .list-wrap.top li:last-child {
    height: 50px;
    width: 45%
}

.dataStatistics .list-wrap.top li:last-child input {
    width: 80%;
    background-image: url(../img/icon/rili_03.png);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: 100% 8px;
    padding-right: 25px
}

.dataStatistics .content-block-title {
    margin: 0;
    width: 96%;
    height: 25px;
    line-height: 25px;
    padding-left: 4%;
    background-color: #f5f5f5
}

.dataStatistics .order-list .list-wrap ul {
    margin: 0;
    padding: 0
}

.dataStatistics h4 span {
    float: initial !important;
    margin-left: 5px
}

.dataStatistics h4 span.ding {
    background-color: #38c2aa
}

.dataStatistics h4 span.fei {
    background-color: #f90
}

.dataStatistics h4 span.zhi {
    background-color: #f5716e
}

.dataStatistics h4 span.tui {
    background-color: #b76aff
}

.dataStatistics h4 {
    font-weight: 400;
    padding: 0 15px
}

.dataStatistics .order-detail:after,
.dataStatistics .order-detail:before {
    width: 0;
    height: 0
}

.dataStatistics .total {
    width: 40px;
    height: 40px;
    background-color: #ff9e06;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    position: fixed;
    left: 15px;
    bottom: 40px;
    box-shadow: 0 0 11px #ff9e06;
    z-index: 111
}

.dataStatistics .total-list {
    background: #fff;
    position: fixed;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    z-index: 1200
}

.dataStatistics .total-list h2 {
    height: 50px;
    background-color: #fff9f0;
    line-height: 50px;
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.dataStatistics .total-list .order-detail {
    border-top: none
}

.dataStatistics .total-list h2 .hj {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    border: 1px solid #ffb16f;
    border-radius: 50%;
    margin-left: 15px;
    background: #ffedda;
    margin-top: 5px;
    margin-right: 10px
}

.dataStatistics .total-list .order-list .list-wrap:after {
    background-color: #fff
}

.dataStatistics .open-nav {
    top: 88px
}

.dataStatistics .pop_bg {
    display: block;
    top: 88px
}

.dataStatistics .page-content-inner {
    margin-bottom: 90px
}

.dataStatistics .order-list .list-wrap:before {
    background-color: #E5E5E5
}

.dataStatistics .order-list .list-wrap:after {
    height: 0
}

.calendar {
    width: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 11110;
    height: 357px
}

.calendar .search-date {
    width: 100%;
    height: 75px;
    background-color: #f4f4f4
}

.calendar ol.search-date {
    display: flex
}

.calendar ol.search-date li {
    flex: 1.1;
    text-align: center;
    font-size: 12px;
    color: #999;
    padding-top: 20px
}

.calendar ol.search-date li.totla {
    padding-top: 35px
}

.calendar ol.search-date li div:last-child {
    font-size: 17px;
    color: #333
}

.calendar ol.search-date li:first-child,
.calendar ol.search-date li:last-child {
    flex: 2
}

.calendar ul {
    margin: 0 15px
}

.calendar ul li {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 17px
}

.calendar ul li span {
    display: block;
    width: 36px;
    height: 36px;
    margin-left: 25%;
    text-align: center;
    line-height: 36px
}

.calendar ul li.through span {
    color: #39c2aa
}

.calendar ul li.end span,
.calendar ul li.start span {
    background-color: #39c2aa;
    border-radius: 50%;
    color: #fff
}

.calendar ul li,
.calendar ul li.end,
.calendar ul li.start {
    position: relative
}

.calendar ul li.end.through:after,
.calendar ul li.start.through:after,
.through:after,
.through:before {
    background-color: #ebf9f6;
    content: ' ';
    bottom: 0;
    height: 36px;
    width: 50%;
    display: block;
    position: absolute;
    right: 0;
    z-index: -1
}

.calendar ul li.end:after,
.through:before {
    right: auto;
    left: 0
}

.end.through:after,
.start.through:before {
    background-color: #fff
}

.calendar .change {
    height: 74px;
    display: flex;
    line-height: 74px
}

.calendar .change div {
    flex: 1;
    text-align: center;
    font-size: 15px
}

.calendar .change div.next,
.calendar .change div.prev {
    flex: 2;
    position: relative
}

.calendar .change div.next div,
.calendar .change div.prev div {
    position: absolute;
    top: 26px;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
    background-image: url(../img/icon/next_month_03.png);
    background-repeat: no-repeat;
    background-size: 7px 12px;
    background-position: 7px 4px
}

.calendar .change div.prev div {
    left: auto;
    right: 0;
    background-image: url(../img/icon/prev_month_03.png);
    background-position: 5px 4px
}

.switch-account {
    width: 86%;
    position: absolute;
    top: 20%;
    z-index: 11111;
    left: 7%;
    color: #333;
    border-radius: 7px
}

.switch-account h2 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    background: #50d3c6;
    font-weight: 400;
    border-radius: 8px 8px 0 0
}

.switch-account h2 span {
    display: block;
    width: 97px;
    height: 99px;
    background: url(../img/icon/choose-account_03.png) 100% 100% no-repeat;
    background-size: 100%;
    position: absolute;
    top: -92px;
    left: 50%;
    margin-left: -40.5px
}

.switch-account ul {
    border-radius: 0 0 8px 8px;
    padding: 10px 0 20px;
    height: 230px;
    overflow: scroll
}

.switch-account .item-media {
    width: 40px;
    height: 40px
}

.switch-account .item-inner .item-media {
    width: 30px
}

.switch-account .list-block .item-inner:after {
    background-color: #FFF !important
}

.switch-account .item-title {
    font-size: 14px
}

.switch-account .item-subtitle {
    font-size: 13px;
    margin-top: 3px
}

.switch-account .list-block .item-media+.item-inner {
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0
}

.switch-account .list-block .item-media+.item-inner .fl {
    width: 80%
}

.popup-notices .modal-buttons .btn-close,
.switch-account .exBottom #btnCloseEx {
    display: inline-block;
    background: url(../img/icon/close-btn_white.png) no-repeat;
    background-size: 40px;
    width: 40px;
    height: 41px;
    margin-top: 10%
}

.switch-account .exBottom {
    height: 15%;
    text-align: center;
    line-height: 15%
}

.switch-account .label-checkbox input {
    width: 100%
}

.switch.pop_bg {
    display: block;
    z-index: 11110
}

.switch-account.agreement {
    top: 10%
}

.switch-account.agreement h2 {
    background-color: #fff;
    color: #333;
    line-height: 50px
}

.switch-account.agreement .list {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    padding: 0 15px 20px
}

.switch-account.agreement .list p {
    margin: 0
}

.switch-account.agreement .list>div {
    margin: 0 0 10px;
    font-size: 13px;
    height: 210px;
    overflow: scroll
}

.list-block ul:after,
.list-block ul:before {
    background-color: #fff
}

.modal.popup-notices {
    top: 20%;
    margin-top: 0 !important
}

.modal.popup-notices .swiper-container {
    border-radius: 5px
}

.modal.popup-notices .swiper-pagination {
    position: absolute;
    left: 50%;
    top: -30px;
    height: 20px;
    transform: translateX(-50%)
}

.modal.popup-notices .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff !important;
    margin-right: 9px;
    width: 6px;
    height: 6px
}

.modal.popup-notices .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.modal.popup-notices .swiper-pagination .swiper-pagination-bullet-active {
    width: 10px !important
}

.modal.popup-notices .swiper-after {
    position: absolute;
    font-size: 14px;
    color: #fff;
    right: 8px;
    top: -29px
}

.modal.popup-notices .swiper-wrapper {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.modal.popup-notices .swiper-after a {
    color: #fff;
    font-size: 14px
}

.modal.popup-notices .swiper-wrapper .swiper-notice-title {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    line-height: 30px;
    max-height: 70px;
    min-height: 44px;
    text-align: center;
    background-color: #06c1ae;
    padding: 5px 10px;
    background: -o-linear-gradient(right, #48DEAF, #20C7DF);
    background: -moz-linear-gradient(right, #48DEAF, #20C7DF);
    background: -mos-linear-gradient(right, #48DEAF, #20C7DF);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.modal.popup-notices .swiper-wrapper .swiper-notice-content {
    min-height: 120px;
    max-height: 300px;
    overflow-y: auto;
    padding: 10px
}

.modal.popup-notices .swiper-wrapper .swiper-notice-footer {
    height: 35px
}

.modal.popup-notices .swiper-wrapper .btn-read {
    display: inline-block;
    width: 90px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #2FCBBB;
    color: #2FCBBB;
    line-height: 30px
}

.modal.popup-notices .swiper-wrapper .btn-read.readed {
    color: #999;
    border-color: #eee
}

.modal.popup-notices .swiper-wrapper .swiper-notice-title .item-text {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    max-height: 70px;
    font-size: 17px
}

.modal.popup-notices .modal-buttons {
    position: relative;
    height: 0;
    overflow: inherit
}

.body-define p,
.choose-stock p,
.fareGiftType .type h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal.popup-notices .modal-buttons .modal-button {
    position: absolute;
    bottom: -65px;
    background-color: transparent;
    border-color: transparent;
    height: 54px
}

.fareGiftPage .productDetailContainer .subtitle {
    margin-top: 0
}

.fareGiftPage li .border-bottom {
    margin-left: 15px
}

.fareGiftPage li .border-bottom:last-child {
    border-bottom: none
}

.fareGiftPage .list-block ul:before {
    height: 0
}

.fareGiftPage.cart-page .bottom-bar .sum-price .sum-price-c {
    width: auto
}

.fareGiftPage.cart-page .bottom-bar .sum-price {
    width: 65%
}

.fareGiftPage.cart-page .bottom-bar {
    background: #fff
}

.fareGiftPage .cartNew-list.list-block ul ul .item-inner span.count i {
    color: #999
}

.fareGiftType {
    position: absolute;
    top: 87px;
    z-index: 1000;
    background: #f9f9f9;
    width: 100%;
    height: auto;
    padding-top: 10px
}

.fareGiftType .type {
    background: #fff;
    line-height: 35px
}

.fareGiftType .type h2 {
    font-size: 14px;
    font-weight: 400;
    width: calc(100% - 205px)
}

.fareGiftType .countDown ul li {
    float: left;
    font-size: 11px;
    margin-left: 2px
}

.fareGiftType .countDown ul li span {
    width: 10px;
    height: 14px;
    background-color: #464553;
    float: left;
    display: block;
    margin-left: 2px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    margin-top: 10px;
    border-radius: 2px
}

.fareGiftType ol,
.row-bizOrgs-content .row-bizOrgs-inner {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 1800px;
    padding-left: 15px
}

.row-bizOrgs-content {
    margin-top: 10px;
    height: 25px;
    width: 100%;
    padding: 10px 0;
    overflow-x: auto
}

.row-bizOrgs-content .row-bizOrgs-inner {
    margin: 0
}

.fareGiftType ol li,
.row-bizOrgs-content .row-bizOrgs-inner li {
    padding: 0 6px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #d8d8d8;
    border-radius: 20px;
    float: left;
    margin-right: 7px;
    font-size: 12px
}

.fareGiftType ol li.active,
.row-bizOrgs-content .row-bizOrgs-inner li.active {
    border: 1px solid #06c1ae;
    color: #06c1ae
}

.fareGiftType .count p {
    margin: 0 0 0 15px;
    font-size: 13px;
    color: #999
}

.fareGiftType .count p span {
    color: #333
}

.fareGiftPage .page-content {
    padding-top: 150px
}

.fareGiftPage .order .item-price div.price {
    font-size: 13px
}

.canChooseGift {
    width: 100%;
    color: #ff9e06;
    font-size: 12px;
    height: 18px;
    margin-top: -5px;
    margin-bottom: 10px
}

.canChooseGift p {
    margin: 0
}

.canChooseGift p i.tip {
    width: 12px;
    height: 12px;
    background: #ff9e06;
    color: #fff;
    text-align: center;
    line-height: 12px;
    display: block;
    float: left;
    border-radius: 50%;
    margin-top: 3px;
    margin-right: 5px
}

.canChooseGift p i.icon {
    margin-top: -2px
}

.fareGiftPage .order .order-list ul li {
    padding-right: 0;
    padding-left: 15px
}

.fareGiftPage .order .item-price {
    width: 34% !important
}

.fareGiftPage .productDetailContainer .itemtitle {
    font-size: 12px;
    color: #666;
    line-height: 25px;
    padding: 0 15px;
    background-color: #f9f9f9
}

.fareGiftPage .productDetailContainer .itemtitle span {
    color: #ff5000
}

.fareGiftPage .toolbar .order {
    width: 10%;
    float: left
}

.fareGiftPage .toolbar .order .icon-order-btn {
    left: 10px;
    position: relative;
    bottom: -3px
}

.fareGiftPage .popup-list {
    position: static
}

.fareGiftPage .popup-list .order .icon-order-btn {
    left: 10px;
    float: left;
    margin-top: 6px;
    bottom: auto
}

.fareGiftPage .order .list-block {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.list-block ul.cartItemContainer:after,
.list-block ul.cartItemContainer:before,
.noticeListPage-container .list-block ul:after,
.noticeListPage-container .list-block ul:before {
    display: none
}

.item-title-row.fareGiftProdDesc {
    width: 45%;
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    background-image: url(../img/icon/arrow-down.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 8px 4px
}

[data-page=addrListPage] .navbar .right {
    width: 44px
}

.body-define,
.choose-stock {
    display: block;
    height: 35px;
    line-height: 35px
}

.addr-invoice {
    margin-bottom: 44px
}

.body-define p,
.choose-stock p {
    float: left;
    width: 72%;
    color: #666;
    font-size: 12px
}

.body-define p.more,
.choose-stock p.more {
    float: right;
    color: #f90;
    padding-right: 10px;
    background-image: url(../img/icon/y_arrow-right_03.png);
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: right;
    width: 27px
}

.choose-stock p.more {
    width: 60px
}

.order.cart-page .bottom-bar {
    position: absolute !important;
    width: 100%;
    top: calc(100% - 98px) !important
}

.list-title .item-title-row {
    padding: 0 15px;
    background: #fff;
    margin-top: 10px;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5
}

.list-title .item-title {
    font-size: 14px;
    color: #666;
    float: left
}

.list-title .item-after {
    float: right
}

.mine .page-content {
    background: #fff
}

.mine .page-content.tourist {
    padding-top: 50px;
    padding-bottom: 50px
}

.mine .page-content dl {
    text-align: center;
    font-size: 14px;
    margin-top: 10%;
    color: #c8c8c8
}

.mine .page-content dl dt {
    width: 140px;
    height: 140px;
    background-image: url(../img/icon/mine_03.png);
    background-size: 100% 100%;
    left: 50%;
    margin-left: -70px;
    position: relative
}

.mine .page-content dl dd {
    position: relative;
    width: 200px;
    left: -100px;
    margin-left: 50%
}

.mine .page-content dl dd:after,
.mine .page-content dl dd:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 1px;
    background-size: 100%
}

.mine .page-content dl dd:before {
    left: -40px;
    top: 10px;
    background-image: url(../img/icon/mine-left_07.png)
}

.mine .page-content dl dd:after {
    right: -40px;
    top: 10px;
    background-image: url(../img/icon/mine-right_07.png)
}

.mine .page-content button {
    height: 44px;
    width: 80%;
    margin-left: 10%;
    background: 0 0;
    border: none;
    margin-top: 25px;
    font-size: 17px;
    color: #fff;
    border-radius: 5px
}

.mine .page-content button.login-button {
    background-image: linear-gradient(-45deg, #21c7df, #49deaf)
}

.mine .page-content button.join-button {
    background-image: linear-gradient(-45deg, #ff9e06, #ff9e06)
}

[data-page=clientJoinPage] .rabate-tip {
    line-height: 24px
}

[data-page=clientJoinPage] .list-block textarea {
    padding-top: 12px
}

[data-page=clientJoinPage] .detail-content.tips+.item-input input {
    padding-left: 5px
}

.keyRule-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    z-index: 99999
}

.keyRule-content {
    position: fixed;
    height: 80% !important;
    top: 20%;
    z-index: 100000;
    background: #fff;
    width: 100%;
    margin: 0 !important;
    padding: 0
}

.keyRule h2 {
    font-size: 17px;
    text-align: center;
    width: 100%;
    font-weight: 400;
    color: #000;
    margin-bottom: 7px;
    padding-top: 12px
}

.keyRule h2 span {
    display: block;
    width: 22px;
    float: right;
    height: 10px;
    margin-right: 15px
}

.keyRule h2 i {
    float: left;
    margin-left: 15px
}

.keyRule .rulenav {
    border-bottom: 1px solid #f5f5f5;
    overflow-x: auto
}

.keyRule .rulenav .buttons-row {
    display: block;
    overflow-x: auto;
    margin-left: 0;
    min-width: 100%
}

.keyRule .rulenav .buttons-row a {
    display: block;
    float: left;
    width: auto;
    margin: 0 10px;
    padding: 0;
    height: 42px;
    line-height: 42px;
    color: #999;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.keyRule .rulenav .buttons-row a:first-child {
    margin-left: 15px
}

.keyRule .rulenav .buttons-row a:last-child {
    margin-right: 15px
}

.keyRule .rulenav .buttons-row a.active {
    color: #06c1ae
}

.keyRule .ruleList ul li {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #333;
    padding: 0 15px;
    border-bottom: 1px solid #f5f5f5
}

.noticeDetailPage .page-content.native-scroll .page-content-inner {
    padding-bottom: 50px !important
}

[data-page=protDetailPage].page .content-block .keyUp {
    padding: 0;
    height: 100%
}

.keyRule .ruleList {
    padding: 5px 3% 0;
    width: 94% !important
}

.cartNew-list.list-block ul ul .item-inner span {
    float: initial
}

.cartNew-list.list-block ul ul .item-inner .item-title span {
    line-height: 20px;
}

.cartNew-list.list-block ul .combile ul .item-inner .item-title span {
    float: initial
}

.cartNew-list.list-block ul .combile ul .item-inner .item-title span.fl+b {
    width: 60%
}

.newReturnOrder .cartNew-list.list-block ul ul .item-inner .item-title.editControl {
    line-height: 22px
}

[data-page=payment] .invoice_form {
    padding-bottom: 60px !important
}

.keyUp {
    padding: 0;
    height: 100%
}

.popup-content {
    height: calc(100% - 230px);
    overflow-y: scroll;
}

.popover.pop-choose-org {
    top: 64px !important;
    width: 200px
}

.popover.pop-choose-org .list-block {
    height: 240px;
    overflow-y: auto
}

.popover.js-change-agentRelation {
    left: 15px !important;
    width: 200px
}

.popover.pop-fund-choiseBiz,
.popover.pop-fund-choiseOrg {
    left: 10px !important;
    top: 110px !important;
    width: 200px
}

.popover.pop-fund-choiseBiz {
    left: auto !important
}

.popover.js-change-agentRelation .item-link.list-button,
.popover.pop-fund-choiseOrg .item-link.list-button {
    text-align: left
}

.popover.js-change-agentRelation .popover-angle.on-top,
.popover.pop-fund-choiseOrg .popover-angle.on-top {
    left: 10px !important
}

.keyRule .tabs-animated-wrap {
    height: calc(100% - 46px) !important;
    overflow-y: auto
}

.popup-content .popup-attrs_pad {
    height: unset;
}

.popup-attrs>.col-100.attr-boxs,
.popup-attrs>.overflow-scroll {
    overflow-y: auto
}

.keyRule {
    height: 100%;
    margin-top: -5px;
}

[data-page=protDetailPage].page .keyRule {
    height: calc(100% - 65px);
    max-height: calc(100% - 100px);
    margin-top: -5px
}

.cartNew-list.list-block ul ul .item-inner span .oneProductPrice {
    padding-left: 0
}

.cartNew-list.list-block ul ul .item-inner i {
    font-style: normal
}

.navbar-biz-head {
    width: 100%;
    color: #666;
    font-size: 15px
}

.navbar-biz-head .row {
    margin-left: 0
}

.navbar-biz-head .row.flex .left.js-change-agents {
    width: 65%;
    flex: 1;
    margin-right: 0
}

.navbar-biz-head .row.flex .js-change-agents .biz-contents {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popup.popup-frame .content-block {
    margin: 0;
    padding: 0
}

.popup.popup-frame .content-block iframe {
    width: 100%;
    height: 100%;
    border: none
}

.navbar-through .orderRanking .page-content.native-scroll {
    padding-top: 88px !important
}

.nativeApp .navbar-through .orderRanking .page-content.native-scroll {
    padding-top: 106px !important
}

div[data-page=warehouseList] .page-content.native-scroll {
    margin-top: -20px
}

.navbar-through div[data-page=messageCenter] .page-content.native-scroll {
    margin-top: -64px
}

.nativeApp .navbar-through .page-content.native-scroll {
    padding-top: 64px
}

.navbar-through .page-content.my-new.native-scroll {
    padding-top: 0
}

.messageCnenter-list .pull-to-refresh-layer {
    height: 85px
}

.native-scroll.pull-up .pull-to-refresh-layer {
    height: 80px;
    margin-top: -45px
}

.js-apportionProductContent p.fr.m-0 {
    width: 80px;
    text-align: right;
    z-index: 0
}

.nativeApp .open-nav {
    top: 62px
}

.nativeApp .navbar {
    z-index: 9999
}

.nativeApp .login-bg {
    margin-top: 20px
}

.page-bottom {
    padding: 4em 0
}

.nativeApp .popup-notices .swiper-container {
    padding-top: 0
}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
    .icon-scan-center {
        width: 125px !important;
        height: 122px !important
    }

    .content-block.wx-scan-center button,
    .content-block.wx-scan-center input {
        height: 35px
    }

    .content-block.wx-scan-center .wx-scan-button {
        width: 120px;
        height: 120px
    }

    .content-block.wx-scan-center .wx-scan-button .icon {
        margin-top: 30px
    }
}

.nativeApp .navbar-through div[data-page=messageCenter] .page-content.native-scroll {
    margin-top: -44px
}

.argument .item-after,
.content-block span {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.detail-page .u-slide {
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1
}

.detail-page .u-slide img {
    max-height: 100%;
    max-width: 100%
}

.tab-content {
    margin-top: 15px
}

.tabbar-u {
    padding: 0;
    height: 45px;
    background: #FFF;
    position: relative
}

.tabbar-u:after {
    content: '';
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block;
    z-index: 15
}

html.pixel-ratio-2 .tabbar-u:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .tabbar-u:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.tabbar-u .button,
.tabbar-u .button:first-child {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 44px;
    line-height: 45px;
    color: #666;
    padding-bottom: 2px;
    position: relative
}

.tabbar-u .button.active {
    border: none;
    background: 0 0;
    border-radius: 0;
    padding-bottom: 2px
}

.tabbar-u+.tabs .list-block ul:before {
    height: 0
}

.argument .item-after,
.argument .item-title {
    width: 50%;
    box-sizing: border-box;
    color: #666;
    font-size: 14px
}

.argument .item-title {
    white-space: normal;
    overflow: auto
}

.argument .item-after {
    color: #222;
    -ms-word-break: break-all;
    word-break: break-all;
    white-space: normal;
    display: inline-table
}

.empty-type {
    width: 100%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 40px
}

.empty-type .icon {
    display: block;
    margin: 0 auto
}

.empty-type p {
    text-align: center;
    font-size: 12px;
    color: #999
}

.producttoolbar {
    background: #FFF
}

.totop {
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    padding-top: 20px;
    text-align: center;
    font-size: 10px;
    border:1px solid #ddd;
    border-radius: 50%;
    color: #6f7375;
    position: fixed;
    right: -200px;
    bottom: 30px;
    background: rgba(240, 240, 240, 0.9) url(../img/icon/totop.png) center 0 no-repeat;
    background-size: 38px 38px;
    z-index: 29
}

.producttoolbar .tab-link {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: visible;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.content-block {
    margin: 10px 0;
    height: 100%
}

.content-block span {
    -ms-word-break: break-all;
    word-break: break-all;
    overflow: hidden;
    white-space: normal !important
}

.content-block img {
    max-width: 100%
}

.content-block span div {
    float: left
}

.content-block span.wrap div {
    float: left;
    height: 20px;
    line-height: 25px;
    width: 100%;
    margin-top: 1px
}

.content-block span.wrap div:nth-child(1) strong {
    font-size: 14px
}

.content-block span.wrap div:nth-child(2) strong {
    font-size: 15px
}

#proDetailUl li .item-title-row {
    position: relative
}

#proDetailUl li .item-title-row .store {
    position: absolute;
    bottom: 0;
    right: 0
}

.orderstatu-content dl.active dd span,
.orderstatu-content dl.actived dd span {
    font-weight: 700
}

.confirmList {
    margin: 0 auto
}

.confirmList ul {
    background: #f1f1f1
}

.confirmList .item-inner:after {
    height: 0
}

.confirmList .item-after {
    height: auto !important;
    line-height: 21px;
    max-height: 100%;
    display: inline-block;
    text-align: right
}

.confirmList .item-after p {
    color: #000;
    font-size: 13px
}

.confirmList p {
    margin: 4px auto;
    font-size: 13px
}

.confirmList ul li.addrList {
    background: #fefaf3;
    border: 3px solid transparent;
    -webkit-border-image: url(../img/icon/addr-bg.png) 113 0 round;
    -o-border-image: url(../img/icon/addr-bg.png) 113 0 round;
    border-image: url(../img/icon/addr-bg.png) 113 0 round;
    border-left-width: 0;
    border-right-width: 0
}

.confirmList ul:after,
.confirmList ul:before {
    background-color: #e5e5e5
}

.addr-content {
    font-size: 13px !important
}

.addr-content .item-text {
    font-size: 13px
}

.addr-content .addr-edit {
    padding-left: 10px;
    padding-right: 10px
}

.addr-new,
.addr-new input[type=text],
.addr-new select {
    font-size: 13px !important
}

.confirmList .item-text.noInformation {
    margin: auto
}

.confirmList .item-title-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 20px;
    background: url(../img/icon/arrow-right.png) right center no-repeat;
    background-size: 8px
}

.confirmList .item-title {
    font-size: 14px;
    color: #666
}

#form_baseInfo .item-after input,
#form_invoice .item-after input,
#form_payment .item-after input {
    font-size: 13px;
    text-align: right;
    height: 24px;
    color: #333
}

#form_addrList .item-text {
    width: 100%
}

#form_addrList .item-text p input {
    display: inline-flex
}

#form_addrList .item-text input {
    padding-left: 0;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #333
}

#form_baseInfo .item-after #specialInput input {
    width: 85%;
    display: inline-flex;
    padding-right: 3px
}

.orderstatu-title {
    min-height: 60px;
    padding: 10px 10px 10px 20px;
    position: relative;
    background: #19c4b3 url(../img/orderstatu-title-bg.png) bottom left repeat-x;
    background-size: 9px 2px !important;
}

.orderstatu-title a {
    display: block;
    width: 100%;
    height: 100%;
    color: #FFF
}

.orderstatu-title a.bg-arrow {
    background: url(../img/icon/arrow-right-white.png) 90% center no-repeat !important;
    background-size: 8px 14px !important
}

.orderstatu-title p {
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    margin: 0
}

.orderstatu-title.scale-height p.time {
    line-height: 20px
}

.orderstatu-title p.title .promo-type {
    border: 1px solid #FFF;
    top: -2px
}

.orderstatu-title p.time {
    font-size: 12px
}

.orderstatu-title.scale-height p.time input {
    width: 68px;
    border: none;
    background: 0 0;
    color: #fff;
    opacity: 1;
    font-size: 13px
}

.logistics-infor dl dt,
.orderstatu-content dl dt {
    border-radius: 50%;
    clear: left;
    float: left;
    text-align: center;
    vertical-align: middle
}

.orderstatu-content {
    background: #FFF;
    width: 100%;
    float: left
}

.orderstatu-content dl {
    margin-top: 10px;
    padding: 10px;
    position: relative;
    z-index: 0
}

.orderstatu-content dl:after {
    content: " ";
    width: 3px;
    display: inline-block;
    background: #e5e5e5;
    position: absolute;
    top: 52px;
    bottom: 0;
    left: 32px;
    height: 66%
}

.orderstatu-content dl:last-child {
    background: 0 0
}

.orderstatu-content dl:last-child:after {
    width: 0;
    height: 0;
    display: none
}

.orderstatu-content dl dt {
    width: 32px;
    height: 32px;
    line-height: 30px;
    background: #ccc;
    color: #FFF;
    margin: 8px;
    position: relative;
    z-index: 3
}

.orderstatu-content dl dd {
    line-height: 27px;
    margin-left: 50px;
    color: #999;
    font-size: 15px;
    padding: 10px;
    position: relative;
    box-sizing: border-box
}

.orderstatu-content dl dd span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    line-height: 15px;
    color: #999
}

.orderstatu-content dl dd em {
    font-style: normal;
    font-size: 12px;
    color: #999
}

.orderstatu-content dl.active dt {
    margin: 4px
}

.orderstatu-title .icon-log {
    position: absolute;
    top: 12px;
    left: 20px
}

.orderstatu-title .sign {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    width: 56px;
    height: 56px;
    line-height: 56px;
    padding:12px;
}

.orderInfoTitle.orderstatu-title .sign{
    padding:17px 12px;
}

.orderstatu-title .sign i.icon.icon-finish {
    display: block;
}

.logistics-infor {
    background-color: #FFF;
    border-bottom: 1px solid #E5E5E5
}

.logistics-infor dl {
    position: relative;
    margin-right: 10px;
    padding: 10px;
    margin-left: 85px
}

.logistics-infor dl:after {
    content: " ";
    width: 1px;
    display: inline-block;
    background: #c1c1c1;
    position: absolute;
    top: 40px;
    bottom: 0;
    height: 93%;
    left: 15px;
    z-index: 1
}

.cartList>ul>li>.label-checkbox,
.promo-type {
    position: relative
}

.logistics-infor dl:last-child:after {
    width: 0
}

.logistics-infor dl dt {
    width: 8px;
    height: 8px;
    line-height: 8px;
    background: #c1c1c1;
    color: #FFF;
    margin-top: 20px;
    margin-left: 2px;
    position: relative;
    z-index: 2;
    top: 50%;
    border-width: 4px
}

.logistics-infor dl dd {
    margin-left: 40px;
    color: #999;
    font-size: 14px;
    padding: 8px
}

.logistics-infor dl dd p {
    display: block;
    width: 100%;
    margin-top: 5px
}

.logistics-infor dl dd p.logistics-time {
    color: #999;
    position: absolute;
    left: -80px;
    top: 20px;
    width: 80px !important;
    text-align: center;
    font-size: 11px
}

.logistics-infor dl.active dd p.logistics-time {
    color: #333
}

.logistics-infor dl.active dd {
    color: #FF9E06
}

.logistics-infor dl.active dt {
    background: #19c4b3;
    border: 4px solid #baede8;
    margin-left: -2px
}

.logistics-infor dl.active:after {
    background-color: #19c4b3
}

.courier {
    width: 100%;
    float: left;
    background: #fff;
    clear: both;
    padding: 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #D8D8D8
}

.courier .courier-infor {
    float: left;
    width: 70%
}

.courier .courier-infor .icon {
    vertical-align: initial
}

.courier .courier-infor .infor-name {
    display: inline-block;
    width: 70%;
    padding-left: 15px;
    box-sizing: border-box
}

.courier .courier-infor .infor-name p {
    font-size: 16px;
    color: #333;
    margin: 0;
    line-height: 30px
}

.courier .courier-infor .infor-name p.no,
.courier>p {
    font-size: 14px;
    color: #666
}

.courier .courier-phone {
    float: right;
    margin-top: 5px
}

.courier>p {
    line-height: 30px;
    border-top: 1px solid #D8D8D8;
    clear: both;
    margin: 0
}

.courier>p>span {
    color: #333;
    margin-right: 15px
}

.logistics-infor-none {
    background: url(../img/icon/logisticsNone.png) center 45% no-repeat;
    background-size: 110px 82px
}

.logistics-infor-none .infor {
    padding-top: 55%;
    text-align: center;
    font-size: 18px;
    color: #666;
    width: 100%
}

.logistics-infor-none .infor .desc {
    color: #A1A1A1;
    font-size: 13px
}

.logistics-infor-none .infor .retern-btn {
    width: 100px;
    margin: 20px auto 0;
    padding: 4px 10px;
    border: 1px solid #666;
    border-radius: 3px;
    background-color: #FFF;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    color: #666
}

.cartList {
    padding-bottom: 0;
    margin: 0 auto
}

.cartList.list-block>ul {
    background: #fff
}

.cartList.list-block li {
    background-color: #fff;
    padding-bottom: 10px
}

.cartList.list-block>ul .statistic dl {
    line-height: 20px
}

.cartList.list-block>ul .statistic dl dt {
    color: #666;
    font-size: 12px;
    height: 20px
}

.cartList.list-block>ul .statistic dl dd {
    height: 20px
}

.cartList.list-block .item-content {
    padding-left: 0
}

.cartList.list-block .item-text {
    color: #333;
    font-size: 14px
}

.cartList.list-block .item-subtitle {
    color: #666;
    font-size: 12px;
    margin-top: 3px;
    width: 100%
}

.detail-title .promo-type {
    padding: 2px 4px;
    float: left;
    width: 36px
}

.promo-type {
    display: inline-block;
    min-width: 13px;
    height: 13px;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    margin: auto 1px;
    padding: 0 2px;
    top: 0
}

.promo-type.col-1 {
    background-color: #f5716e
}

.promo-type.col-2 {
    background-color: #38c2aa
}

.promo-type.col-3 {
    background-color: #f90
}

.promo-type.col-4 {
    background-color: #66beed
}

.promo-type.col-5 {
    background-color: #bf7ae6
}

.confirmList ul ul {
    padding-left: 0;
    overflow: hidden;
    background-color: #fff
}

.cartList.list-block ul ul>li {
    margin-top: 5px;
    padding-bottom: 0;
    padding-right: 0;
    border: none
}

.cartList .item-media>span .icon-gift,
.cartList .item-media>span .icon-gift-hand,
[data-page=orderInfo].editOrderDetail .item-media>span i.icon-gift,
[data-page=orderInfo].editOrderDetail .item-media>span i.icon-gift-hand,
[data-page=EditOrderDetail].editOrderDetail .item-media>span i.icon-gift,
[data-page=EditOrderDetail].editOrderDetail .item-media>span i.icon-gift-hand {
    margin-top: -8px
}

.cartList.list-block>ul ul .item-inner {
    background-color: #f9f9f9;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    color: #333
}

.cartList.list-block ul ul .item-inner span,
.editOrderDetail .list-block ul ul .item-inner span {
    color: #999
}

.list-block ul span.coun {
    color: #999 !important;
    font-size: 12px !important
}

.cartList.list-block ul ul .item-inner .item-price span {
    display: block;
    line-height: 20px
}

.cartList.list-block ul ul .item-inner span.price,
.editOrderDetail .cartNew-list.list-block ul ul .item-inner input.price,
.editOrderDetail .list-block ul ul .item-inner span.price {
    font-size: 13px;
    color: #ff5000
}

.editOrderDetail .list-block ul ul .item-inner span.price {
    width: 100%
}

.cartList.list-block ul ul .item-inner span.price.del {
    text-decoration: line-through;
    color: #999
}

.cartList.list-block ul ul .item-inner input {
    width: 55px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    color: #666;
    background-color: #fff;
    font-size: 13px
}

.cartList.list-block ul ul .item-inner .item-title {
    font-size: 12px;
    width: auto;
    line-height: 20px
}

.cartList.list-block ul ul .status_s .item-title {
    width: 100%;
    color: #333
}

.cartList.list-block ul ul .status_s .item-title i {
    color: #ff5400;
    font-style: normal
}

.cartList.list-block .item-content {
    border-bottom: none
}

.cartList.list-block .item-content .item-media {
    margin-left: 15px
}

.cartList .item-price {
    text-align: right;
    line-height: 20px
}

.cartList>ul>li>.label-checkbox:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: auto;
    right: auto;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: #fff;
    display: block;
    z-index: 15
}

html.pixel-ratio-2 .cartList>ul>li>.label-checkbox:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .cartList>ul>li>.label-checkbox:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.cartList>ul>li:first-child>.label-checkbox:before {
    height: 0
}

.cartList .item-media,
.editOrderDetail .item-media {
    position: relative
}

.cartList .item-media>span,
.editOrderDetail .item-media>span {
    position: absolute;
    top: 7px;
    left: 0
}

[data-page=EditOrderDetail].editOrderDetail .item-media>span {
    left: 10px
}

.gift .item-text {
    font-size: 13px
}

.gift .item-title {
    font-size: 12px;
    color: #999
}

.gift .item-after {
    font-size: 13px;
    color: #666
}

.statistic {
    background-color: #FFF;
    border: none;
    font-size: 13px;
    height: auto !important;
    line-height: 28px;
    padding: 10px 15px;
    margin-bottom: 54px;
    position: relative
}

.statistic dl {
    height: 28px
}

.statistic:after,
.statistic:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #fff;
    display: block;
    z-index: 15
}

.statistic:before {
    left: 0;
    bottom: auto;
    top: 0;
    right: auto
}

.confirmList-rabeta li:after,
.title-border-bottom:after {
    bottom: 0;
    content: '';
    right: auto;
    z-index: 15
}

.cartList.list-block>ul .statistic:before {
    background-color: #e5e5e5
}

html.pixel-ratio-2 .statistic:after,
html.pixel-ratio-2 .statistic:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .statistic:after,
html.pixel-ratio-3 .statistic:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.statistic dl dt,
.statistic-bottom span:last-child {
    float: left;
    color: #999
}

.statistic .statistic-bottom span {
    float: right;
    text-align: right
}

.statistic-bottom span:first-child {
    font-size: 16px;
    font-weight: 500
}

.statistic dl dd {
    margin-left: 40%;
    color: #ff5000;
    text-align: right
}

.statistic dl.money dt {
    color: #333;
    font-size: 14px
}

.statistic dl.money dd {
    font-weight: bolder
}

.statistic .statistic-bottom {
    line-height: 45px;
    height: 35px
}

.statistic .statistic-bottom dd {
    margin-left: 0;
    font-weight: 400;
    border-top: 1px dashed #d8d8d8;
    float: right
}

.chooseRetSubmitBtn,
.confirmOrderSaveBtn,
.confirmOrderSubmitBtn,
.rebateSelectedSaveBtn {
    height: 49px;
    line-height: 49px;
    border-radius: 0
}

.rebateSelectedSaveBtn {
    margin: 0 !important
}

.toolbar-inner.row {
    margin-left: 0
}

.orderInfo,
.pay-info p {
    margin: 0 auto
}

.pay-info p {
    text-align: right;
    line-height: 18px;
    font-size: 12px;
    color: #666
}

.pay-info p em {
    font-style: normal;
    font-size: 15px;
    font-weight: 700;
    color: #FF5000
}

.confirmList-rabeta .item-title {
    font-size: 14px;
    color: #333;
    white-space: normal
}

.confirmList-rabeta .item-title>span {
    color: #999
}

.orderInfo .item-after,
.orderInfo .item-title {
    font-size: 14px;
    color: #333
}

.orderInfo .item-text {
    font-size: 13px;
    color: #999;
    height: auto;
    -webkit-line-clamp: initial;
    padding-right: 20px
}

.orderInfo .item-after.blue {
    color: #06c1ae
}

.orderInfo .item-title .tip {
    border: 1px solid #06c1ae;
    color: #06c1ae;
    font-size: 11px;
    background-color: #eafcfa;
    border-radius: 3px;
    padding: 0 2px
}

.invoice_form {
    background-color: #EFEFEF !important
}

.invoice_form li {
    background-color: #FFF
}

.invoice_form li.type {
    margin: 10px auto;
    padding-bottom: 5px
}

.invoice_form li.type .checkdiv {
    margin-top: 20px;
    margin-left: -152px !important;
    margin-bottom: 0
}

.invoice_form .item-title.label {
    font-size: 14px !important;
    color: #333 !important;
    margin-top: 0;
    width: 29%
}

.invoice_form .item-title.label.invoice-type {
    margin-top: 5px !important
}

.invoice_form .item-input,
.invoice_form .item-input input[type=number],
.invoice_form .item-input input[type=text],
.invoice_form .item-input textarea {
    color: #666 !important;
    font-size: 14px !important
}

.invoice_form .item-input textarea {
    padding-top: 6px;
    height: 30px
}

.invoice_form .pay-style span {
    padding: 0 7px
}

.last-item .item-input,
.last-item .item-title.label {
    color: #999 !important
}

.last-item .item-after .icon {
    background-position: 0 0
}

.last-item.checked .item-input,
.last-item.default .item-title.label {
    color: #666 !important
}

.last-item.default .item-after .icon {
    background-position: 0 -20px
}

.title-border-bottom {
    position: relative
}

.title-border-bottom:after {
    position: absolute;
    left: 0;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block
}

html.pixel-ratio-2 .title-border-bottom:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .title-border-bottom:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block .item-after.rebate-balance {
    font-size: 14px;
    color: #19C4B3
}

#integration,
#spanUseableM {
    line-height: 30px;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    margin: auto 4px;
    font-size: 14px;
    text-align: center
}

#spanUseableM {
    width: 100px;
    height: 30px;
    background-color: #F5F5F5
}

#integration {
    width: 100px !important;
    height: 30px !important;
    border: 1px solid #d7d7d7
}

.ProPriceContainer {
    font-size: 14px
}

[data-page=orderInfo] .confirmList-rabeta .item-media,
[data-page=orderCancelInfo] .confirmList-rabeta .item-media {
    position: absolute;
    top: 5px
}

[data-page=orderInfo] .confirmList-rabeta .headpic .item-media {
    top: 10px;
    position: initial
}

[data-page=orderInfo] .confirmList-rabeta .item-media+.item-inner,
[data-page=orderCancelInfo] .confirmList-rabeta .item-media+.item-inner {
    margin-left: 31px;
    padding-right: 15px
}

.confirmList-rabeta .item-media+.item-inner,
.confirmOrderContent.item-media+.item-inner {
    margin-left: 10px
}

.confirmList-rabeta .item-media+.item-inner:after {
    height: 0
}

.confirmList-rabeta li {
    position: relative
}

.confirmList-rabeta li:after {
    position: absolute;
    left: 0;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #e5e5e5;
    display: block
}

html.pixel-ratio-2 .confirmList-rabeta li:after {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .confirmList-rabeta li:after {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

[data-page=orderInfo] .toolbar {
    background: #FFF;
    height: 49px
}

.order-btn {
    height: 100%
}

.payfor-btn {
    color: #fff !important;
    margin-right: 8px !important
}

.order-btn .btn {
    height: 34px;
    line-height: 34px;
    border-radius: 26px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #666;
    border: 1px solid #D9D9D9;
    margin-top: -3px;
    margin-right: 10px;
    box-sizing: border-box;
    padding: 0 15px
}

.order-btn .btn.full-btn {
    color: #FFF;
    background-color: #ff9e06;
    border-color: #FF9E06
}

.more-list {
    text-align: center;
    font-size: 12px;
    color: #999 !important;
    line-height: 44px
}

.toolbar .pay-info .count {
    float: right
}

.toolbar .pay-info .count p {
    float: left
}

.toolbar .pay-info .count span {
    float: left;
    font-size: 12px;
    margin-left: 3px;
    margin-top: 2px
}

.headpic {
    min-height: 0 !important
}

.headpic .item-media {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0
}

.headpic .item-media img {
    width: 100%
}

.allmessage-list .headpic.list-block.item-content {
    min-height: 10px
}

.headpic .item-inner.no-bg {
    min-height: 0;
    margin-left: 10px !important
}

.message-content {
    padding-right: 15px;
    font-size: 12px;
    width: 100%;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-bottom: 5px;
    color: #333 !important;
    min-height: 36px !important
}

.order-btn.message-btn {
    float: none;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #f5f5f5;
}

[data-page=orderInfo] .confirmList-rabeta .order-btn.message-btn {
    border-top: 1px solid #fff
}

[data-page=orderInfo] .cartList.list-block>ul.productDetailContainer {
    border-top: 1px solid #f5f5f5;
    margin-top: 1px
}

[data-page=orderInfo] .item-inner .item-after i {
    margin-top: -3px
}

.order-btn.message-btn .btn {
    float: none;
    font-size: 12px;
    line-height: 25px;
    height: 26px;
    margin: 0!important;
}

.order-btn.message-btn .btn-add-message {
    width: 80px
}

.order-btn.message-btn .all-message {
    color: #19c4b3;
    border: 1px solid #19c4b3
}

.orderstatu-content dl.actived dt {
    background: #28cdc0
}

.combine-pro li li:after,
.confirmList ul li:last-child:after,
.confirmList-rabeta li:last-child:after,
.editOrderDetail .confirmList ul li:after,
.editOrderDetail .confirmList ul:after,
.editOrderDetail .confirmList ul:before,
.newReturnOrder .confirmList ul li:after,
.newReturnOrder .confirmList ul li:before,
.newReturnOrder .confirmList ul:after,
.newReturnOrder .confirmList ul:before,
.remarkToolbar,
.view-remarks,
[data-page=orderInfo] .confirmList ul li:after,
[data-page=orderInfo] .confirmList ul li:before,
[data-page=orderInfo] .confirmList ul:after,
[data-page=orderInfo] .confirmList ul:before,
[data-page=orderInfo] .title-border-bottom:after,
[data-page=deliveryInfo] .confirmList ul:after,
[data-page=deliveryInfo] .confirmList ul:before {
    background-color: #fff
}

.orderstatu-content dl.active dt {
    border: 4px solid #ffe2b4
}

.orderstatu-content dl.actived dd span {
    color: #333
}

.view-remarks li .cartList .statistic {
    padding: 10px 0
}

@media screen and (max-width:370px) {
    .order-btn.message-btn {
        padding-left: 20%
    }

    .view-remarks .order-btn.message-btn {
        padding-left: 35%
    }
}

@media screen and (min-width:371px) and (max-width:413px) {
    .order-btn.message-btn {
        padding-left: 23%
    }
}

.allmessage-list {
    margin-top: 10px
}

.allmessage-content {
    padding-right: 10px;
    font-size: 12px;
    width: 100%;
    color: #333 !important
}

.allmessage-list .headpic {
    margin-top: 0;
    padding-top: 14px
}

.allmessage-list .headpic .item-title {
    font-size: 14px;
    color: #333
}

.allmessage-list .allmessage-content {
    margin-top: 0;
    font-size: 13px;
    min-height: 20px
}

.allmessage-list .allmessage-time {
    font-size: 12px;
    color: #ccc;
    margin-bottom: 0;
    min-height: 38px;
}

.remarks-list {
    margin-top: 10px;
    padding-bottom: 45px
}

.remarks-list ul {
    margin-bottom: 10px;
    padding-bottom: 15px
}

.remarks-list.list-block li.media-item .item-link .item-inner,
.remarks-list.list-block li.media-item .item-media,
.remarks-list.list-block.media-list .item-link .item-inner,
.remarks-list.list-block.media-list .item-media {
    padding-top: 0;
    padding-bottom: 0
}

.remarks-list .remark-content {
    font-size: 14px;
    padding-right: 10px;
    color: #333;
    min-height: 0
}

.remarks-list .title-top {
    height: 45px;
    display: table-cell;
    vertical-align: middle
}

.remarks-list .remark-top {
    padding-top: 15px;
    padding-bottom: 10px
}

.remarks-list.list-block.media-list .item-media {
    position: absolute;
    top: 15px
}

.remarks-list.list-block.media-list .item-link .item-inner {
    margin-left: 55px
}

.remarks-list .remark-top .item-inner {
    padding-top: 0;
    margin-left: 55px;
    padding-bottom: 0
}

.remarks-list .title-top .item-text {
    font-size: 13px;
    line-height: 15px !important
}

.remarks-list .item-title.label {
    width: 7%;
    float: left;
    margin-top: -4px
}

.remarks-list .item-input {
    float: left;
    width: 90%;
    margin-left: 2% !important;
    margin-top: 0;
    margin-bottom: 0
}

.remarks-list .item-input textarea {
    font-size: 14px;
    height: 55px;
    padding-top: 0;
    color: #333 !important
}

.order-btn.message-btn .all-message.add-remarks-btn {
    padding-left: 25px;
    margin: 0!important;
}

.order-btn.message-btn .all-message.add-remarks-btn .icon-addremark {
    margin-top: -3px;
    margin-left: -17px;
    margin-right: 3px
}

.saveRemarksBtn {
    width: 100%
}

@media screen and (min-width:353px) and (max-width:413px) {
    .remarks-list .item-title.label {
        width: 6%
    }

    .remarks-list .item-input {
        width: 92%
    }
}

.toolbar-inner {
    padding: 0
}

.confirmList ul li:after {
    height: 1px !important
}

.cartList.list-block ul ul>li:after {
    height: 0 !important
}

.productDetailContainer .subtitle {
    color: #999;
    font-size: 12px;
    height: 25px;
    line-height: 35px
}

.deliveryInfo .cartList.list-block .item-text {
    height: auto
}

.deliveryInfo .list-block .item-subtitle {
    white-space: normal
}

.deliveryInfo .cartList.list-block li {
    padding-right: 0
}

.editOrderDetail .list-block ul ul .item-inner span .oneProductPrice {
    color: #ff5000
}

.editOrderDetail .numberManage.js-numberManage {
    float: right;
    width: auto;
    margin-top: 3px
}

.editOrderDetail .numberManage.js-numberManage .count {
    margin-top: 0 !important;
    margin-left: 2px
}

.editOrderDetail .confirmList-rabeta .item-media+.item-inner {
    padding-top: 0;
    padding-bottom: 0
}

.editOrderDetail .confirmList ul ul {
    margin-right: 0
}

[data-page=commodtyList] .classical-bg,
[data-page=commodtyList] .order.classical {
    top: 44px
}

.editOrderDetail .cartNew-list.list-block .item-media {
    padding-left: 10px
}

[data-page=EditOrderDetail] li .label-checkbox .item-media.select-btn,
[data-page=EditOrderDetail] li .label-checkbox input {
    display: none
}

.newReturnOrder .item-inner.no-border .item-price span.yh,
[data-page=EditOrderDetail] li.del-orders .label-checkbox .item-media.select-btn,
[data-page=EditOrderDetail] li.del-orders .label-checkbox input {
    display: block
}

.editOrderDetail li.del-orders .combine .item-media.select-btn {
    margin-left: 10px
}

.editOrderDetail li.del-orders .combine .combine-pro,
.editOrderDetail li.del-orders .combine .item-content.no-bor.m-l-15 {
    margin-left: 40px !important
}

.editOrderDetail .cartNew-list.list-block li.del-orders .proCheckPoint {
    margin-left: 0 !important
}

.newReturnOrder .cartNew-list.list-block ul ul .item-inner .item-title {
    padding-left: 0
}

[data-page=EditOrderDetail] .confirmList ul li {
    border-bottom: 1px solid #F5F5F5
}

.EditOrderDetail .cartList.list-block>ul.productDetailContainer li {
    padding-bottom: 0
}

.editOrderDetail .confirmList ul li:first-child {
    border-bottom: 1px solid #fff
}

.editOrderDetail .confirmList ul li:last-child {
    border: none
}

.confirmList ul li:after,
.confirmList ul li:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: auto;
    top: 0;
    right: auto;
    height: 1px;
    width: 100%;
    display: block;
    z-index: 15
}

.newReturnOrder .confirmList ul li:nth-child(2):before,
[data-page=orderInfo] .confirmList ul li li:after,
[data-page=orderInfo] .confirmList ul li li:before {
    background-color: #e5e5e5
}

.combine-pro>li:after,
[data-page=EditOrderDetail] ul li ul.proCheckPoint li:before {
    background-color: #fff !important
}

[data-page=orderInfo] .confirmList ul li li.com:before {
    height: 0
}

.combine-pro>li:last-child:after {
    background-color: #e5e5e5 !important
}

.combine-pro a.titles {
    border-bottom: 1px solid #f5f5f5 !important
}

.combine-pro a .item-title {
    width: auto
}

.combine-pro>li {
    margin-top: 0 !important
}

.combine-pro>li ul {
    margin-top: -5px
}

.combine-pro>li:last-child ul:last-child {
    padding-bottom: 10px
}

.editOrderDetail .list-block .reason .item-title .item-text,
div[data-page=orderInfo] .list-block .reason .item-title .item-text {
    float: left
}

.editOrderDetail .list-block .reason .item-title .item-text.btn,
div[data-page=orderInfo] .list-block .reason .item-title .item-text.btn {
    float: right;
    color: #19c4b3;
    border: 1px solid #19c4b3;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    padding: 0 5px;
    text-align: center;
    border-radius: 3px
}

.editOrderDetail .cartNew-list.list-block ul ul .item-inner input.price {
    width: 100px;
    padding: 0 5px;
    float: right
}

.editOrderDetail .numberManage.js-numberManage span.conv.auxUnit {
    margin-left: 3px;
    margin-top: 5px
}

.editOrderDetail .numberManage.js-numberManage span.auxUnit {
    float: right
}

.invoive-list {
    margin: 0 10px
}

.invoive-list ul {
    background: 0 0
}

.invoive-list li {
    margin-top: 10px;
    padding: 15px 20px 9px;
    border-radius: 5px;
    display: flex;
    font-size: 14px;
    background: #fff;
    position: relative
}

.invoive-list li::after,
.invoive-list li::before {
    position: absolute;
    width: 4px;
    height: calc(100% - 8px);
    top: 4px;
    content: '';
    display: block
}

.invoive-list li::before {
    left: 0;
    background: url(../img/icon/line-right.png) repeat-y;
    background-size: 100% auto
}

.invoive-list li::after {
    right: 0;
    background: url(../img/icon/line-left.png) repeat-y;
    background-size: 100% auto
}

.invoive-list li .invoive-left {
    min-width: 100px
}

.invoive-list li .invoive-left p {
    color: #999;
    line-height: 20px;
    margin: 0 0 6px
}

.invoive-list li .invoive-right h4,
.invoive-list li .invoive-right h5 {
    line-height: 20px;
    margin-bottom: 6px;
    white-space: nowrap;
    font-weight: 400;
    overflow: hidden
}

.invoive-list li .invoive-right {
    color: #333;
    overflow: hidden
}

.invoive-list li .invoive-right h4 {
    height: 20px;
    display: flex;
    align-items: center
}

.invoive-list li .invoive-right h4 i {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center
}

.invoive-list li .invoive-right h5 {
    height: 20p;
    text-overflow: ellipsis
}

.invoive-list li .invoive-right h4 em {
    display: inline-block;
    color: #fff;
    height: 17px;
    line-height: 17px;
    padding: 0 4px;
    background: #F5716E;
    margin-left: 5px;
    font-size: 10px;
    border-radius: 2px
}

.invoive-list li .invoive-right h4 span {
    margin-left: 5px;
    display: inline-block;
    padding: 0 6px;
    font-size: 10px;
    line-height: 15px;
    height: 15px;
    border-radius: 15px;
    border: 1px solid transparent
}

.invoive-list li .invoive-right h4 span.orange {
    color: #FF8400;
    border-color: #f90;
    background: rgba(255, 153, 0, .05)
}

.invoive-list li .invoive-right h4 span.green {
    color: #06C1AE;
    border-color: #06C1AE;
    background: rgba(6, 193, 174, .05)
}

.invoive-list li .invoive-right p {
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
    margin: 0 0 6px
}

.invoive-icon .icon-bank-checked {
    background-position: 0 0
}

.evaluate-1,
.evaluate-3 {
    padding: 10px 12px;
    background: #fff
}

.invoive-list li .invoive-icon i {
    margin-top: 30px !important;
    width: 15px;
    height: 10px
}

.invoive-list li .invoive-icon {
    min-width: 30px;
    text-align: right
}

.evaluate-1 {
    border-bottom: 1px solid #ededed;
    display: flex
}

.evaluate-img {
    width: 45px;
    height: 45px;
    min-width: 45px;
    margin-right: 10px
}

.evaluate-img img {
    width: 100%;
    height: 100%;
    display: block
}

.evaluate-2 h4 {
    font-weight: 400;
    color: #333;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 4px
}

.evaluate-2 p {
    font-size: 12px;
    color: #999;
    margin: 0;
    line-height: 16px
}

.evaluate-2 p em {
    color: #333
}

.evaluate-3 {
    overflow: hidden
}

.evaluate-3 textarea {
    border: none;
    width: 100%;
    font-size: 13px;
    color: #333;
    line-height: 14px;
    height: 80px;
    padding-top: 2px
}

.evaluate-4 {
    margin-top: 54px
}

.evaluate-4 li {
    margin-bottom: 10px
}

.evaluate-5 li {
    margin: 0 10px 0 0;
    width: 68px;
    height: 68px;
    float: left;
    border-radius: 4px;
    position: relative
}

.evaluate-5 li.upload-tip {
    width: 110px
}

.evaluate-5 li img {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.evaluate-5 .eva-close {
    width: 19px;
    height: 19px;
    background: url(../img/icon/evaluate-close.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -5px;
    right: -5px
}

.evaluate-5 .eva-photo {
    background: url(../img/icon/evaluate-photo.png) no-repeat;
    width: 26px;
    height: 20px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle
}

.evaluate-5 .eva-add {
    border: 1px solid #cdcdcd;
    text-align: center;
    line-height: 66px
}

.choose-order-promotion .item-after.smart-select-value {
    font-size: 14px;
    padding-right: 12px
}

.popup.smart-select-popup .center {
    padding-left: 60px
}

.popup.smart-select-popup .icon.icon-back {
    background-image: url(../img/icon/return-arrow-green.png)
}

.toast-container {
    position: fixed;
    width: 130px;
    left: 50%;
    top: 50%;
    margin-top: -75px;
    margin-left: -65px;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 8px;
    z-index: 11800;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    font-family: Helvetica-Neue, HelveticaNeue, arial, sans-serif;
    display: none;
    opacity: 0;
    -moz-transition: opacity .8s;
    -o-transition: opacity .8s;
    -webkit-transition: opacity .8s;
    transition: opacity .8s;
    padding: 10px
}

.toast-container.show {
    display: block
}

.toast-container.fadein {
    opacity: 1
}

.toast-container.no-icon {
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px
}

.toast-icon .icon-error,
.toast-icon .icon-success,
.toast-icon .icon-tips {
    width: 40px;
    height: 40px;
    background-size: 100% auto
}

.toast-icon {
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center
}

.toast-icon .icon-error {
    margin: 0 auto;
    background-image: url(../img/icon/icon-error.png)
}

.toast-icon .icon-success {
    margin: 0 auto;
    background-image: url(../img/icon/icon-success.png)
}

.toast-icon .icon-tips {
    margin: 0 auto;
    background-image: url(../img/icon/icon-tips.png)
}

.toast-msg {
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #FFF;
    margin-top: 10px
}

.toast-container.no-icon .toast-msg {
    font-size: 45px;
    margin-top: 0;
    line-height: 70px
}

.collect.toast-container {
    width: 120px;
    height: 90px;
    margin-left: -60px;
    margin-top: -45px
}

.collect.toast-icon {
    width: 30px;
    height: 30px;
    background-image: url(../img/icon/icon-collect.png)
}

.collect.toast-msg {
    font-size: 13px;
    color: #FFF
}

.forgetPwd .list-block .item-content .item-inner,
.popup-login .list-block .item-inner {
    padding-right: 0
}

.navbar,
.subnavbar {
    background: #fff
}

.navbar:after {
    background-color: #E5E5E5
}

.list-block .item-inner:after {
    background-color: #E5E5E5 !important
}

[data-page=OrderStatusPay] .list-block .item-inner:after {
    background-color: #fff
}

.list-block.mybaseinfor .item-inner {
    padding-top: 0;
    padding-bottom: 3px
}

.list-block.user-list .item-inner {
    padding-top: 3px;
    padding-bottom: 0
}

.login-screen-content .item-content {
    border: 1px solid #eaeaea;
    background-color: #fff;
    border-radius: 6px;
    padding-left: 10px;
    margin-top: 15px
}

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 15px !important
}

:-moz-placeholder {
    color: #ccc;
    font-size: 15px !important
}

::-moz-placeholder {
    color: #ccc;
    font-size: 15px !important
}

:-ms-input-placeholder {
    color: #ccc;
    font-size: 15px !important
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    background-color: #fff;
    background-image: none;
    color: #333
}

#mylogin input {
    color: #333;
    font-size: 15px !important
}

.login-btuuon {
    margin-top: 30px;
    margin-bottom: 15px
}

.login-btuuon .button {
    border-radius: 24px;
    margin: 0 auto;
    height: 47px;
    line-height: 47px;
    font-size: 17px;
    width: 100%
}

.list-onOff,
.value-clear {
    position: absolute;
    right: 10px;
    top: 50%;
    border-radius: 50%;
    margin-top: -13px;
    line-height: 0;
    text-align: center;
    box-sizing: border-box
}

.forgetPwd ::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px !important
}

.forgetPwd :-moz-placeholder {
    color: #ccc;
    font-size: 14px !important
}

.forgetPwd ::-moz-placeholder {
    color: #ccc;
    font-size: 14px !important
}

.forgetPwd :-ms-input-placeholder {
    color: #ccc;
    font-size: 14px !important
}

.forgetPwd,
.register {
    box-sizing: border-box;
    height: 100%
}

.forgetPwd .list-block {
    margin: 0
}

.forgetPwd p {
    margin: 20px 0
}

.forgetPwd .button {
    font-size: 16px;
    border-radius: 30px
}

.forgetPwd.step-two .icon-radio {
    background-position: left bottom
}

.forgetPwd.step-two .checked .icon-radio {
    background-position: left top
}

.forgetPwd.step-two .item-input input {
    font-size: 14px;
    color: #999
}

.forgetPwd.step-two .checked .item-input input {
    color: #333
}

.forgetPwd .content-block-title {
    margin: 0;
    text-align: left;
    font-size: 12px;
    color: #999;
    padding-left: 20px;
    padding-bottom: 10px
}

.btn-code,
.forgetPwd.step-three .item-inner span {
    margin-right: 15px
}

.forgetPwd.step-three .content-block-title {
    padding-left: 50px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 0
}

.forgetPwd .list-block .item-content,
.register .list-block .item-content {
    min-height: 45px;
    position: relative
}

.forgetPwd .item-input i,
.register .item-input i {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px
}

.forgetPwd .list-block .item-content ul.sub-menu {
    position: absolute;
    left: 50px;
    top: 55px;
    padding: 0;
    background: #FFF;
    z-index: 99;
    width: 70%
}

.forgetPwd .list-block .item-content ul.sub-menu li {
    line-height: 35px;
    height: 35px;
    padding-left: 5px;
    border: 1px solid #EAEAEA;
    border-top: none;
    color: #a9a9a9
}

.forgetPwd .item-input i:hover+.phone-email {
    display: inline-block
}

.btn-code {
    font-size: 13px;
    color: #19c4b3;
    border: 1px solid #19c4b3;
    background-color: #eafcfa;
    width: 135px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    padding:0 5px;
}

.list-login {
    display: none;
    position: absolute;
    left: -48px;
    right: -1px;
    top: 41px;
    z-index: 3;
    background: #fff;
    padding-top: 4px;
    border-radius: 0 0 6px 6px;
    border: 1px solid rgba(204, 204, 204, .5);
    max-height: 185px;
    overflow: hidden;
    box-sizing: border-box;
    border-top: none
}

.list-login ul {
    padding: 0;
    margin: 0;
    padding-left: 0 !important
}

.list-login ul li {
    position: relative;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #333;
    padding-left: 47px
}

.list-login ul li:before {
    content: " ";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #ececec;
    left: 0;
    top: 0;
    z-index: 15
}

html.pixel-ratio-2 .list-login ul li:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-login ul li:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

@-webkit-keyframes rtv {
    from {
        margin: 50px auto
    }

    to {
        margin: 0 auto
    }
}

@-moz-keyframes rtv {
    from {
        margin: 50px auto
    }

    to {
        margin: 0 auto
    }
}

@-o-keyframes rtv {
    from {
        margin: 50px auto
    }

    to {
        margin: 0 auto
    }
}

@keyframes rtv {
    from {
        margin: 50px auto
    }

    to {
        margin: 0 auto
    }
}

.popup-login .login-screen-content {
    background: #fff !important;
    padding: 0
}

.popup-login .login-screen-content .item-content {
    border: none;
    border-bottom: 1px solid #eaeaea;
    background: 0 0;
    border-radius: 0;
    margin-top: 5px
}

.popup-login .bottom-btn {
    position: fixed;
    bottom: 5px;
    width: 84%;
    background: #fff;
    height: 40px;
    line-height: 40px
}

.popup-login .list-block {
    margin: 35px 0 0
}

.popup-login #mylogin {
    margin: 0 8%
}

.popup-login .forget-password,
.popup-login .gray,
.popup-login input.gray {
    font-size: 13px !important;
    color: #333 !important;
    margin-top: 15px;
    border: none;
    outline: 0
}

#exchange input.gray {
    font-size: 13px !important
}

.popup-login .list-onOff,
.popup-login .value-clear {
    right: -5px
}

.popup-login .login-btuuon {
    margin-top: 20px;
    margin-bottom: 10px
}

.popup-login .login-btuuon p {
    margin: 0
}

.popup-login .list-login {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #f5f5f5
}

.popup-login .list-login ul li {
    color: #666
}

.popup-login .login-screen-content .login-bg {
    width: 100%;
    height: 167px;
    background: url(../img/login-bg_01.png) bottom no-repeat #fff;
    background-size: 100% auto
}

@media screen and (max-width:320px) {
    .popup-login .login-screen-content .login-bg {
        height: 167px
    }
}

@media only screen and (min-width:321px) and (max-width:360px) {
    .popup-login .login-screen-content .login-bg {
        height: 188px
    }
}

@media only screen and (min-width:361px) and (max-width:375px) {
    .nativeApp .popup-login .login-screen-content .login-bg {
        height: 200px
    }

    .popup-login .login-screen-content .login-bg {
        height: 194px
    }
}

@media only screen and (min-width:376px) and (max-width:414px) {
    .popup-login .login-screen-content .login-bg {
        height: 214px
    }
}

@media only screen and (min-width:415px) and (max-width:480px) {
    .popup-login .login-screen-content .login-bg {
        height: 247px
    }
}

@media only screen and (min-width:481px) and (max-width:720px) {
    .popup-login .login-screen-content .login-bg {
        height: 318px
    }
}

@media only screen and (min-width:721px) and (max-width:1080px) {
    .popup-login .login-screen-content .login-bg {
        height: 324px
    }
}

@media only screen and (min-width:1081px) {
    .popup-login .login-screen-content .login-bg {
        height: 325px
    }
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .popup-login .bottom-btn {
        bottom: 39px
    }
}

[data-page=addrListPage] .confirmList {
    margin-top: 22px
}

.confirmList {
    margin: 10px auto 85px
}

.confirmList ul {
    background: #f1f1f1
}

.confirmList ul li {
    background: #FFF;
    margin-top: 10px;
    position: relative
}

.confirmList ul li:after {
    left: 0;
    bottom: 0;
    top: auto;
    right: auto
}

html.pixel-ratio-2 .confirmList ul li:after,
html.pixel-ratio-2 .confirmList ul li:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .confirmList ul li:after,
html.pixel-ratio-3 .confirmList ul li:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.confirmList .item-inner:after {
    height: 0
}

.confirmList .item-title {
    position: relative;
    display: table-cell;
    width: 100%
}

.confirmList .item-title p {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #666
}

.confirmList .item-after p {
    color: #000;
    font-size: 13px
}

.confirmList p {
    margin: 4px auto;
    font-size: 13px
}

.confirmList ul li.addrList {
    background: #fefaf3;
    border: 2px solid transparent;
    border-image: url(../img/icon/addr-bg.png) 113 0 round;
    -webkit-border-image: url(../img/icon/addr-bg.png) 113 0 round;
    -o-border-image: url(../img/icon/addr-bg.png) 113 0 round;
    border-left-width: 0;
    border-right-width: 0
}

.addr-content .addr-edit .icon-bank-checked {
    background-position: 0 -20px
}

.addr-content ul li:after,
.addr-content ul li:before {
    background-color: #fff
}

.addr-content .checked .addr-edit .icon-bank-checked {
    background-position: 0 0
}

.addr-content .item-title {
    font-size: 16px;
    color: #333
}

.addr-content .item-after {
    font-size: 14px;
    color: #333
}

.addr-content .item-text {
    font-size: 13px;
    word-break: break-all;
    color: #666;
    margin-top: 2px;
    height: auto
}

.addr-content .item-text .default-addr {
    background: #f5716e;
    color: #fff;
    -webkit-font-size-adjust: none;
    font-size: 9px !important;
    display: inline-block;
    text-align: center;
    padding: 0 3px;
    border-radius: 2px;
    height: 15px;
    line-height: 15px;
    margin-top: 3px;
    margin-right: 5px
}

.addr-content .addr-edit {
    padding-left: 10px;
    padding-right: 10px
}

.addr-new,
.addr-new input[type=number],
.addr-new input[type=tel],
.addr-new input[type=text],
.addr-new select,
.addr-new textarea {
    font-size: 14px !important;
    color: #333
}

.addr-new textarea {
    height: 80px
}

.addr-new .item-title.label {
    width: 85px
}

.addr-new .item-after i.icon {
    background-position: top
}

.addr-new .checked .item-after i.icon {
    background-position: 0 -20px
}

.addr-operate {
    margin: auto 15px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    display: none;
    border-top: 1px solid #f5f5f5
}

html.pixel-ratio-2 .addr-operate:before {
    -webkit-transform: scaleY(.5);
    -moz-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    -o-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .addr-operate:before {
    -webkit-transform: scaleY(.33);
    -moz-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    -o-transform: scaleY(.33);
    transform: scaleY(.33)
}

.addr-operate label.label-checkbox {
    float: left
}

.addr-operate .operate-r {
    float: right
}

.addr-operate .operate-r a {
    color: #333;
    font-size: 12px;
    margin-left: 20px
}

.addr-operate .operate-r a i.icon {
    margin-top: -5px
}

.addr-operate .item-media {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    color: #666
}

.addr-operate .item-media i.icon {
    margin-right: 5px
}

.confirmList ul li.infoTitle {
    background-color: #5f6b85;
    color: #fff;
    font-size: 13px;
    padding: 10px
}

.confirmList ul li.infoTitle .title {
    font-size: 17px
}

.confirmList ul li .infoContent {
    font-size: 13px;
    padding: 10px;
    color: #666;
    border-bottom: 1px solid #e1e1e1;
    margin: auto 5px
}

.confirmList ul li .infoContent .title {
    font-size: 17px;
    color: #222
}

.orderNone {
    width: 100%;
    height: 100%;
    text-align: center;
    background-size: 88px 104px;
    position: relative;
    color: #ccc
}

.orderNone-info {
    position: absolute;
    top: 45%;
    width: 100%
}

.orderNone-info h5 {
    font-size: 13px;
    color: #999;
    margin: 0 auto;
    font-weight: 400
}

.orderNone-info p {
    font-size: 13px;
    color: #A1A1A1;
    margin: 5px auto 10px
}

.orderNone-btn {
    width: 102px;
    height: 35px;
    line-height: 35px;
    background: #FFF;
    border-radius: 4px;
    color: #666;
    border: 1px solid #666;
    margin: 20px auto
}

.list-block .item-input ::-webkit-input-placeholder {
    font-size: 14px !important
}

.content-block {
    color: #333
}

.confirmList .gift {
    border-top: 1px solid #f5f5f5
}

.confirmList .gift.list-block .item-content {
    padding-left: 0
}

.confirmList .gift .item-link .item-inner {
    background: url(../img/icon/arrow-right.png) 95% center no-repeat;
    background-size: 5px 8px
}

.confirmList .gift .item-link .item-inner .item-title {
    font-size: 14px;
    color: #ff5000
}

.rebate {
    margin-top: 10px;
    padding-bottom: 56px
}

.rebate dl {
    margin-top: 10px;
    position: relative
}

.rebate dl dd,
.rebate dl dt {
    height: 110px
}

.rebate dd.bg-arrow {
    background-image: url(../img/icon/arrow-right.png) !important;
    background-position: 93% center !important;
    background-repeat: no-repeat !important;
    background-size: 8px 14px !important
}

.rebate dl>.icon {
    position: absolute;
    top: 10px;
    right: 10px
}

.rebate dl dt {
    float: left;
    width: 35%;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    padding-top: 50px
}

.rebate dl dt:after {
    content: "";
    position: absolute;
    top: 0;
    right: -3px;
    width: 7px;
    height: 110px;
    z-index: 3;
    background: url(../img/rebate-bg.png) no-repeat;
    background-size: 7px 110px
}

.rebate dl dt h3 {
    font-size: 18px;
    color: #FFF;
    font-weight: 400
}

.rebate dl dt h3 em {
    font-size: 12px;
    font-style: normal
}

.rebate dl dt p {
    margin: 0 auto;
    font-size: 13px;
    color: #FFF
}

.rebate dl.unavailable dt {
    background-color: #ccc
}

.rebate dl .semicircle {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #efefef;
    border-radius: 50%;
    left: -9px;
    top: 50%;
    margin-top: -8px
}

.rebate dl dd {
    margin-left: 35%;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 10px;
    position: relative
}

.rebate dl dd .rebate-title span {
    position: absolute;
    left: -27%;
    top: 15%
}

.rebate dl dd .semicircle {
    right: -9px;
    left: auto
}

.rebate dl dd .choose {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/icon/choose-rebate.png) left top no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    display: none
}

.rebate dl.available.active dd .choose {
    display: block
}

.rebate dl dd p {
    margin: 0
}

.rebate dl dd.rebate-fh .rebate-time {
    line-height: 23px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #efefef
}

.rebate dl dd.rebate-fh .rebate-time a {
    width: 63px;
    height: 23px;
    border: 1px solid #9893f1;
    border-radius: 40px;
    display: block;
    float: right;
    text-align: center;
    line-height: 23px;
    color: #9893f1;
    font-size: 12px
}

.rebate dl dd.rebate-fh .rebate-choose {
    line-height: 38px;
    color: #999
}

.rebate dl dd.rebate-fh .rebate-choose i {
    float: right;
    margin-top: 11px
}

.rebate dl dd.rebate-fh .rebate-choose i.rotate180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.rebate dl dd.rebate-fh {
    box-shadow: 0 2px 7px #e9e8e8;
    z-index: 1
}

.rebate-fh-list.list-block .item-subtitle {
    width: 50%;
    color: #999
}

.rebate-fh-list.list-block .item-subtitle.fr {
    color: #999 !important;
    text-align: right
}

.rebate-fh-list.list-block .item-subtitle.fr span {
    color: #333 !important
}

.rebate-fh-list.list-block .item-subtitle.fr.use-record {
    position: absolute;
    right: 15px;
    bottom: 5px
}

.rebate-fh-list.list-block .item-subtitle.fr.use-record a {
    color: #ff5000 !important
}

.rebate-fh-list.list-block .item-subtitle.fr.use-record i {
    margin-left: 5px;
    margin-top: -3px
}

.rebate-fh-list.list-block ul ul {
    padding-left: 0
}

.rebate-fh-list.list-block p {
    margin: 0
}

.rebate-fh-list.list-block .proCheckPoint p {
    margin: 1em 0
}

.rebate-fh-list.list-block .numberManage {
    width: 100%;
    line-height: 25px
}

.rebate-fh-list.list-block .numberManage span {
    line-height: 25px !important;
    margin-left: 2px
}

.rebate-fh-list.list-block .numberManage input {
    margin-left: 2px
}

.rebate-fh-list.list-block .item-price span {
    display: inline !important;
    color: #666 !important
}

.rebate-fh-list.list-block .item-price span .price {
    color: red !important;
    font-size: 13px
}

.rebate-fh-list.list-block .item-price p {
    color: #999
}

.rebate-fh-list ul li.productItemContent {
    border-bottom: 1px solid #f5f5f5
}

.rebate-title {
    font-size: 16px;
    color: #333
}

.rebate-code {
    font-size: 13px;
    color: #999
}

.rebate-time {
    font-size: 11px;
    color: #999
}

.rebate-con {
    font-size: 13px;
    color: #666;
    line-height: 21px;
    height: 45px;
    margin-top: 20px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.rebate-con input {
    display: inline-block;
    width: 38%;
    height: 40px;
    line-height: 40px;
    background-color: #F9F9F9;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    font-size: 23px;
    color: #999;
    text-align: center;
    margin: 0 6px 0 10px;
    padding: 0;
    box-shadow: none
}

.rebate-date {
    font-size: 11px;
    color: #FF5000;
    text-align: right
}

.rebate dl.available dt.col-1 {
    background-color: #20c2bc
}

.rebate dl.available dt.col-2 {
    background-color: #ffb32f
}

.rebate dl.available dt.col-3 {
    background-color: #66beed
}

.rebate dl.available dt.col-4 {
    background-color: #9893f1
}

.rebate dl.available.gray dt {
    background-color: #ccc !important
}

.rebate dl.available.gray dd p,
.rebate dl.available.gray dd p span {
    color: #999 !important
}

.rebate-title span.col-1 {
    color: #38c2aa
}

.rebate-title span.col-2 {
    color: #fff;
    font-weight: bold;
}

.rebate-title span.col-3 {
    color: #13a2f1
}

.rebate-date>span {
    color: #666
}

.rebate dl.unavailable dd p {
    color: #999 !important
}

.rebate dl.active dd input {
    color: #333 !important
}

.rebate dl.active dd .choose {
    background: url(../img/icon/choose-rebate-active.png) left top no-repeat;
    background-size: 30px 30px
}

.rebate+.bottom-bar {
    bottom: 0
}

.rebate+.bottom-bar .button {
    background-color: #FF9E06;
    height: 36px;
    line-height: 36px
}

.rebate+.bottom-bar span {
    font-size: 14px;
    color: #666
}

.rebate+.bottom-bar span.sum-rebate {
    color: #FF5000;
    font-size: 20px
}

.rebateSelect .pay-info p em {
    font-size: 12px;
    color: #999;
    font-weight: 400
}

.rebateSelect .pay-info p span {
    text-align: left
}

.rebateSelect .pay-info p em i {
    color: #ff5000
}

.rebateSelect .pay-info p em i.color-33 {
    color: #333
}

.rebateSelect .pay-info span.fr.num {
    line-height: 33px;
    margin-right: 10px
}

.RebateOrderInfo .rebate {
    margin-top: 0;
    padding-bottom: 0
}

.RebateOrderInfo .rebate dl {
    margin-top: 0
}

.RebateOrderInfo .pay-content {
    padding-bottom: 10px
}

.RebateOrderInfo .page-content {
    padding-bottom: 44px !important
}

.trade-div {
    position: absolute;
    bottom: 100%;
    left: 0;
    background-color: rgba(45, 46, 48, .8);
    height: 100%;
    width: 100%;
    z-index: 1;
    display: none;
    overflow: hidden
}

.trade-div .exContent {
    height: 85%;
    overflow-y: auto
}

.trade-div .exContent div {
    position: absolute;
    top: 100%;
    width: 0;
    background-size: contain;
    display: inline-block;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    overflow: hidden
}

.trade-div .exContent div span {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    min-width: 48px;
    font-size: 12px
}

.trade-div .exContent .l1c1 {
    background-image: url(../img/experience/02.png);
    background-repeat: no-repeat;
    -webkit-animation-name: l1c1;
    -moz-animation-name: l1c1;
    -o-animation-name: l1c1;
    animation-name: l1c1;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.trade-div .exContent .l1c2 {
    background-image: url(../img/experience/03.png);
    background-repeat: no-repeat;
    -moz-animation-name: l1c2;
    -o-animation-name: l1c2;
    -webkit-animation-name: l1c2;
    animation-name: l1c2;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.trade-div .exContent .l1c3 {
    background-image: url(../img/experience/04.png);
    background-repeat: no-repeat;
    -moz-animation-name: l1c3;
    -o-animation-name: l1c3;
    -webkit-animation-name: l1c3;
    animation-name: l1c3;
    -moz-animation-duration: .85s;
    -o-animation-duration: .85s;
    -webkit-animation-duration: .85s;
    animation-duration: .85s
}

.trade-div .exContent .l2c1 {
    background-image: url(../img/experience/05.png);
    background-repeat: no-repeat;
    -moz-animation-name: l2c1;
    -o-animation-name: l2c1;
    -webkit-animation-name: l2c1;
    animation-name: l2c1;
    -moz-animation-duration: .9s;
    -o-animation-duration: .9s;
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

.trade-div .exContent .l2c2 {
    background-image: url(../img/experience/06.png);
    background-repeat: no-repeat;
    -moz-animation-name: l2c2;
    -o-animation-name: l2c2;
    -webkit-animation-name: l2c2;
    animation-name: l2c2;
    -moz-animation-duration: .95s;
    -o-animation-duration: .95s;
    -webkit-animation-duration: .95s;
    animation-duration: .95s
}

.trade-div .exContent .l2c3 {
    background-image: url(../img/experience/07.png);
    background-repeat: no-repeat;
    -moz-animation-name: l2c3;
    -o-animation-name: l2c3;
    -webkit-animation-name: l2c3;
    animation-name: l2c3;
    -moz-animation-duration: 1.1s;
    -o-animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s
}

.trade-div .exContent .l3c1 {
    background-image: url(../img/experience/08.png);
    background-repeat: no-repeat;
    -moz-animation-name: l3c1;
    -o-animation-name: l3c1;
    -webkit-animation-name: l3c1;
    animation-name: l3c1;
    -moz-animation-duration: 1.15s;
    -o-animation-duration: 1.15s;
    -webkit-animation-duration: 1.15s;
    animation-duration: 1.15s
}

.trade-div .exContent .l3c2 {
    background-image: url(../img/experience/09.png);
    background-repeat: no-repeat;
    -moz-animation-name: l3c2;
    -o-animation-name: l3c2;
    -webkit-animation-name: l3c2;
    animation-name: l3c2;
    -moz-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s
}

.trade-div .exContent .l3c3 {
    background-image: url(../img/experience/10.png);
    background-repeat: no-repeat;
    -moz-animation-name: l3c3;
    -o-animation-name: l3c3;
    -webkit-animation-name: l3c3;
    animation-name: l3c3;
    -moz-animation-duration: 1.25s;
    -o-animation-duration: 1.25s;
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s
}

.trade-div .exContent .l4c1 {
    background-image: url(../img/experience/11.png);
    background-repeat: no-repeat;
    -moz-animation-name: l4c1;
    -o-animation-name: l4c1;
    -webkit-animation-name: l4c1;
    animation-name: l4c1;
    -moz-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.trade-div .exContent .l4c2 {
    background-image: url(../img/experience/01.png);
    background-repeat: no-repeat;
    -moz-animation-name: l4c2;
    -o-animation-name: l4c2;
    -webkit-animation-name: l4c2;
    animation-name: l4c2;
    -moz-animation-duration: 1.35s;
    -o-animation-duration: 1.35s;
    -webkit-animation-duration: 1.35s;
    animation-duration: 1.35s
}

.trade-div .exContent .l4c3 {
    background-image: url(../img/experience/12.png);
    background-repeat: no-repeat;
    -moz-animation-name: l4c3;
    -o-animation-name: l4c3;
    -webkit-animation-name: l4c3;
    animation-name: l4c3;
    -moz-animation-duration: 1.4s;
    -o-animation-duration: 1.4s;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s
}

.trade-div .exBottom {
    height: 15%;
    text-align: center;
    line-height: 15%
}

.trade-div .exBottom #btnCloseEx {
    display: inline-block;
    background: url(../img/icon/close-btn_white.png) no-repeat;
    background-size: 40px;
    width: 40px;
    height: 40px;
    margin-top: 2%
}

@-webkit-keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        bottom: 100%
    }

    to {
        bottom: 0
    }
}

@keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        bottom: 100%
    }

    to {
        bottom: 0
    }
}

@-webkit-keyframes l1c1 {
    from {
        left: 45%
    }

    to {
        top: 30px;
        left: 10%;
        width: 20%
    }
}

@-webkit-keyframes l1c2 {
    from {
        left: 45%
    }

    to {
        top: 30px;
        left: 40%;
        width: 20%
    }
}

@-webkit-keyframes l1c3 {
    from {
        left: 45%
    }

    to {
        top: 30px;
        left: 70%;
        width: 20%
    }
}

@-webkit-keyframes l2c1 {
    from {
        left: 45%
    }

    to {
        top: 135px;
        left: 10%;
        width: 20%
    }
}

@-webkit-keyframes l2c2 {
    from {
        left: 45%
    }

    to {
        top: 135px;
        left: 40%;
        width: 20%
    }
}

@-webkit-keyframes l2c3 {
    from {
        left: 45%
    }

    to {
        top: 135px;
        left: 70%;
        width: 20%
    }
}

@-webkit-keyframes l3c1 {
    from {
        left: 45%
    }

    to {
        top: 240px;
        left: 10%;
        width: 20%
    }
}

@-webkit-keyframes l3c2 {
    from {
        left: 45%
    }

    to {
        top: 240px;
        left: 40%;
        width: 20%
    }
}

@-webkit-keyframes l3c3 {
    from {
        left: 45%
    }

    to {
        top: 240px;
        left: 70%;
        width: 20%
    }
}

@-webkit-keyframes l4c1 {
    from {
        left: 45%
    }

    to {
        top: 345px;
        left: 10%;
        width: 20%
    }
}

@-webkit-keyframes l4c2 {
    from {
        left: 45%
    }

    to {
        top: 345px;
        left: 40%;
        width: 20%
    }
}

@-webkit-keyframes l4c3 {
    from {
        left: 45%
    }

    to {
        top: 345px;
        left: 70%;
        width: 20%
    }
}

@keyframes l1c1 {
    from {
        left: 45%
    }

    to {
        top: 30px;
        left: 10%;
        width: 20%
    }
}

@keyframes l1c2 {
    from {
        left: 45%
    }

    to {
        top: 30px;
        left: 40%;
        width: 20%
    }
}

@keyframes l1c3 {
    from {
        left: 45%
    }

    to {
        top: 30px;
        left: 70%;
        width: 20%
    }
}

@keyframes l2c1 {
    from {
        left: 45%
    }

    to {
        top: 140px;
        left: 10%;
        width: 20%
    }
}

@keyframes l2c2 {
    from {
        left: 45%
    }

    to {
        top: 140px;
        left: 40%;
        width: 20%
    }
}

@keyframes l2c3 {
    from {
        left: 45%
    }

    to {
        top: 140px;
        left: 70%;
        width: 20%
    }
}

@keyframes l3c1 {
    from {
        left: 45%
    }

    to {
        top: 250px;
        left: 10%;
        width: 20%
    }
}

@keyframes l3c2 {
    from {
        left: 45%
    }

    to {
        top: 250px;
        left: 40%;
        width: 20%
    }
}

@keyframes l3c3 {
    from {
        left: 45%
    }

    to {
        top: 250px;
        left: 70%;
        width: 20%
    }
}

@keyframes l4c1 {
    from {
        left: 45%
    }

    to {
        top: 360px;
        left: 10%;
        width: 20%
    }
}

@keyframes l4c2 {
    from {
        left: 45%
    }

    to {
        top: 360px;
        left: 40%;
        width: 20%
    }
}

@keyframes l4c3 {
    from {
        left: 45%
    }

    to {
        top: 360px;
        left: 70%;
        width: 20%
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.exContent {
    display: block
}

.choseContent {
    display: none
}

.choseContent .bgColor {
    padding-left: 35px;
    padding-right: 35px;
    background-color: #fff;
    height: 200px;
    border-radius: 10px;
    margin: 50% 35px 20%
}

.choseContent .bgColor div dl {
    float: left;
    margin-top: 45px;
    text-align: center;
    position: relative
}

.choseContent .bgColor div dl.customer dt {
    background: url(../img/experience/customer.png) no-repeat
}

.choseContent .bgColor div dl.customer.active dt {
    background: url(../img/experience/customer_active.png) no-repeat
}

.choseContent .bgColor div dl.manager dt {
    background: url(../img/experience/manager.png) no-repeat
}

.choseContent .bgColor div dl.manager.active dt {
    background: url(../img/experience/manager_active.png) no-repeat
}

.choseContent .bgColor div dl dt {
    width: 90px;
    height: 90px;
    background-size: 100% !important
}

.choseContent .bgColor div dl dd {
    font-size: 14px;
    color: #333;
    margin-top: 5px
}

.choseContent .bgColor div dl i {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0
}

.choseContent .bgColor div dl.active i {
    display: block;
    background: url(../img/experience/actived.png) no-repeat;
    background-size: 100% 100%
}

.choseContent .bgColor div dl:nth-child(2) {
    float: right
}

.choseContent .bgColor .button {
    margin-top: 25px;
    height: 44px;
    font-size: 15px;
    line-height: 44px;
    border-radius: 24px
}

@media screen and (max-height:560px) {
    .choseContent .bgColor {
        margin-top: 30%;
        margin-bottom: 15%
    }
}

@media screen and (max-width:320px) {
    .choseContent .bgColor {
        padding-left: 20px;
        padding-right: 20px
    }
}

.pay-bill .list-block li.align-top .item-input.time input,
.pay-bill .list-block li.align-top .item-input.time span,
.pay-bill.list-block .js-type-timeSpan .item-title.label,
.pay-style {
    float: left
}

.bill .content-block-title {
    margin: 0;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 12px;
    text-indent: 15px
}

.bill .content-block-title+.list-block,
.receipt .list-block {
    margin-top: 0;
    margin-bottom: 0
}

.bill-item {
    position: relative
}

.bill-item:after {
    content: '';
    position: absolute;
    left: 15px;
    bottom: auto;
    right: auto;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block;
    z-index: 15
}

#divUnConfirmMoney {
    color: #fe4f00
}

html.pixel-ratio-2 .bill-item:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .bill-item:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.bill .content-block-title+.list-block .bill-item .item-content>.item-media:first-child,
.receipt .list-block .bill-item .item-content>.item-media:first-child {
    text-align: center;
    font-size: 15px;
    color: #999;
    display: inline-block;
    margin-right: 10px
}

.bill .content-block-title+.list-block .item-media>span:last-child,
.receipt .list-block .item-media>span:last-child {
    display: block;
    font-size: 11px
}

.bill .content-block-title+.list-block .item-media+.item-media,
.receipt .list-block .item-media+.item-media {
    margin-left: 8px;
    width: 35px
}

.bill .content-block-title+.list-block .item-title,
.receipt .list-block .item-title {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.paymentRecord .list-block .item-title {
    height: 44px;
    line-height: 44px
}

.bill .content-block-title+.list-block .item-title span,
.receipt .list-block .item-title span {
    font-size: 13px;
    color: #999;
    font-weight: 400
}

.bill .content-block-title+.list-block .item-after,
.receipt .list-block .item-after {
    text-align: right;
    font-size: 12px;
    color: #666;
    display: inline-block;
    line-height: 24px
}

.bill .content-block-title+.list-block .item-after span.orange,
.receipt .list-block .item-after span.orange {
    color: #ff9334
}

.fund-page .page-content {
    padding-top: 0;
    overflow: hidden
}

.fund-title {
    text-align: center;
    background-color: #FFF;
    padding: 19px 0 0;
    height: 109px
}

.fund-title .icon {
    display: block;
    margin: 0 auto 10px
}

.fund-title span {
    display: block;
    color: #999;
    font-size: 13px
}

.fund-title h3 {
    font-size: 23px;
    color: #FF5000;
    font-weight: 700;
    padding-bottom: 20px
}

.fund-title div:first-child {
    position: relative;
    height: 82%
}

.fund-page .button.active {
    margin: 30px 15px;
    font-size: 15px
}

.fund-page .right {
    font-size: 15px
}

.pay-bill {
    margin-top: 0
}

.pay-bill.order-money {
    border-top: 1px solid #d8d8d8
}

.pay-bill.order-money #ulOrderMsg .item-input {
    font-size: 15px !important;
    color: #ff6817 !important;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 5px
}

.pay-bill.order-money #ulOrderMsg {
    display: flex;
    flex: 1;
    height: 63px;
    margin-bottom: 10px
}

.pay-bill.order-money #ulOrderMsg .item-inner {
    display: block;
    padding: 0
}

.default-bank,
.pay-style span,
.upload,
p.upload-tip {
    display: inline-block
}

.pay-bill.order-money #ulOrderMsg li:first-child {
    border-right: 1px solid #f5f5f5
}

.pay-bill.order-money #pay-way .first-inner {
    height: 54px
}

.pay-bill.offline .item-money {
    height: 61px
}

.pay-bill.offline .item-money .item-title-row {
    line-height: 42px
}

.pay-bill ul:after {
    height: 0
}

.pay-bill.offline:after {
    height: 1px !important
}

.input-money,
.input-money::-webkit-input-placeholder {
    font-size: 25px !important
}

.input-money {
    color: #333 !important
}

.pay-bill .item-input em {
    font-style: normal;
    font-size: 14px
}

.pay-bill.list-block .item-title.label {
    color: #333;
    width: 26%;
    font-size: 14px
}

.pay-bill .list-block {
    margin: 10px 0 0
}

.pay-bill .list-block.media-list.offline {
    margin: 10px 0
}

.pay-bill .list-block.media-list.offline li.alwaysShow .item-title.label {
    margin-top: -3px
}

.pay-bill .list-block.media-list.offline li.alwaysShow .item-input {
    margin-top: -10px
}

.pay-bill.list-block #ulOrderMsg .item-title.label {
    padding-top: 7px;
    padding-bottom: 5px;
    width: 100% !important;
    font-size: 12px;
    color: #999
}

.pay-bill.list-block #ulOrderMsg li {
    width: 100%;
    height: 50px;
    margin-top: 6px
}

.pay-bill.list-block #pay-way .item-title.label {
    padding: 7px 0;
    line-height: 20px;
}
.pay-bill.list-block #pay-way .item-input.inputBox {
    margin: 0;
    padding: 7px 0;
    line-height: 20px;
}

.pay-bill p .button.active {
    margin: 30px 10px
}

.pay-bill .checkdiv {
    margin-top: 20px;
    margin-left: -75px !important;
    margin-bottom: 5px
}

.offline .checkdiv {
    margin-left: 0 !important;
    margin-top: 0 !important
}

.pay-bill.offline .item-inner:after {
    height: 0
}

.pay-bill.offline .item-content {
    position: relative
}

.pay-bill.offline .onlinePayWay .item-content {
    max-height: 95px
}

.pay-bill.offline:before {
    left: 15px
}

.pay-bill.offline .item-content:after {
    content: " ";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #E5E5E5;
    left: 15px;
    bottom: 0;
    z-index: 15
}

html.pixel-ratio-2 .pay-bill.offline .item-content:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .pay-bill.offline .item-content:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.offline .item-subtitle {
    width: 100%
}

.offline.list-block .item-title.label {
    width: 15%
}

.offline .item-link {
    background: url(../img/icon/arrow-right.png) 96% center no-repeat !important;
    background-size: 8px 14px !important
}

.pay-style {
    position: relative;
    margin: 10px 6px 10px 0
}

.pay-style input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999
}

.pay-style span {
    width: 100%;
    text-align: center;
    color: #999;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    z-index: 1;
    font-size: 15px;
    padding: 0 29px;
    box-sizing: border-box;
    line-height: 35px
}

.offline .pay-style span {
    padding: 0 20px
}

.pay-style input[type=radio]:checked+span {
    border: 1px solid #19c4b3;
    width: initial;
    color: #19C4B3;
    background: url(../img/icon/checked-bg.png) right bottom no-repeat;
    background-size: 15px 14px
}

.pay-style.disabled span {
    color: #ccc;
    background-color: #f5f5f5;
    border-color: #E8E8E8
}

.upload {
    border: 1px solid #E8E8E8;
    width: 79px;
    height: 79px;
    margin: 10px;
    background: url(../img/icon/img-upload.png) center center no-repeat #f5f5f5;
    background-size: 30px 30px
}

p.upload-tip {
    color: #ccc;
    font-size: 13px;
    text-align: center;
    margin: 30px 0 0;
    vertical-align: top
}

.popup-select-bank {
    top: 30%;
    z-index: 99999;
    height: 70%;
    overflow: hidden
}

.popup-select-bank .content-block {
    margin: 0;
    padding: 0;
    position: relative
}

.popup-select-bank .content-block .navbar {
    background: #FFF;
    padding: 0 15px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.popup-select-bank .content-block .navbar .right a {
    font-size: 15px;
    color: #06c1ae
}

.popup-select-bank label.label-radio input[type=checkbox]:checked~.item-inner,
.popup-select-bank label.label-radio input[type=radio]:checked~.item-inner {
    background-image: url(../img/icon/bank-checked.png);
    background-size: 22px 15px
}

.popup-select-bank label.label-radio input[type=checkbox]~.item-inner,
.popup-select-bank label.label-radio input[type=radio]~.item-inner {
    padding-left: 5px
}

.pay-bill .item-title,
.popup-select-bank .item-title {
    font-size: 14px;
    color: #333
}

.pay-bill .item-subtitle,
.popup-select-bank .item-subtitle {
    font-size: 12px;
    color: #999;
    padding-top: 1px
}

.default-bank {
    padding: 1px 4px;
    color: #fff;
    background-color: #f5716e;
    border-radius: 3px;
    font-size: 10px;
    margin-bottom: -3px;
    margin-left: 5px
}

.button-add-bank {
    border: 1px solid #19c4b3;
    color: #19C4B3;
    font-size: 16px;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    margin: auto 20px
}

.bankInfoContainer {
    margin: 0;
    padding: 44px 0 60px;
    height: 100%;
    overflow: auto;
    box-sizing: border-box
}

.bankInfoContainer+p {
    margin: 0;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 20
}

[data-page=NewPaybill].page .payDetails {
    border: 0;
    overflow-x: hidden;
    padding-bottom: 60px
}

[data-page=NewPaybill].page .payDetails.pay-bill.list-block .item-input input {
    color: #666;
    font-size: 14px
}

[data-page=NewPaybill].page .statistic {
    margin-bottom: 30px;
    height: 80px !important
}

[data-page=NewPaybill].page .pay-bill.order-money #payMoney {
    border: 0
}

.pay-bill .list-block li.align-top .item-input.time {
    width: 70%;
    float: left
}

.pay-bill .list-block li.align-top .item-input.time input {
    width: 45%;
    height: 35px;
    line-height: 35px
}

.pay-bill .list-block li.align-top .item-input.time span {
    width: 10%;
    height: 38px;
    line-height: 36px;
    font-size: 14px
}

.invoice-content {
    background-color: #fff;
    padding: 10px 30px 0;
    margin-top: 10px;
    position: relative
}

.invoice-content h3 {
    font-size: 20px;
    color: #333;
    line-height: 45px;
    position: relative;
    font-weight: 400;
    text-align: center
}

.invoice-content h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .invoice-content h3:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .invoice-content h3:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.invoice-content:after,
.invoice-content:before {
    content: " ";
    position: absolute;
    width: 7px;
    height: 94%;
    top: 7px;
    background: url(../img/invoice-bg.png) top center repeat-y;
    background-size: 7px auto
}

.invoice-content:before {
    left: 5px
}

.invoice-content:after {
    right: 5px
}

.invoice-content-form {
    margin: 20px auto;
    padding-bottom: 17px
}

.invoice-content-form li .item-inner {
    padding-right: 0
}

.invoice-content-form li .item-inner:after {
    height: 0
}

.invoice-content-form.list-block .align-top {
    margin: 0 auto
}

.invoice-content-form.list-block .align-top .item-input {
    margin-top: 0;
    margin-bottom: 0
}

.invoice-content-form.list-block .item-content {
    padding-left: 0
}

.invoice-content-form.list-block .item-title.label {
    font-size: 14px;
    color: #333;
    text-align: justify;
    text-justify: inter-ideograph;
    white-space: pre;
    width: 100px
}

.invoice-content-form.list-block .item-input {
    font-size: 14px;
    color: #666
}

.pay-content {
    padding-bottom: 55px
}

.pay-content .pay-header {
    background: #FFF;
    font-size: 12px
}

.pay-content .pay-header p {
    padding: 10px 15px;
    color: #999
}

.pay-content .pay-header h3 {
    padding: 5px 15px 10px;
    font-size: 24px;
    color: #333;
}

.pay-content-form {
    background: #fff;
    margin-top: 10px;
    margin-bottom: 0
}

.pay-content-form .item-inner.item-line {
    height: 70px
}

.pay-content-form .item-inner.item-bank {
    height: 61px
}

.pay-content-form .item-inner.item-bank span {
    padding-top: 1px
}

.pay-content-form.list-block .item-title.label {
    font-size: 14px;
    color: #333;
    width: 78px
}

.pay-content-form.list-block .item-title.label.label-bank {
    line-height: 61px
}

.pay-content-form.list-block .item-input {
    font-size: 14px;
    color: #666;
    padding: 10px 0
}

.pay-content-form.list-block .item-input .item-img {
    width: 27px;
    padding-top: 5px;
    float: left
}

.pay-content-form.list-block .item-input .icon {
    vertical-align: initial;
    margin: auto;
    height: 27px;
    width: 27px;
    background-image: url(../img/icon/bank.png)
}

.pay-content-form.list-block .item-input>div {
    display: inline-block;
    width: 66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pay-content-form.list-block .item-input>div span {
    font-size: 12px;
    color: #999;
    display: block
}

.pay-content .pay-header .detail {
    display: flex;
    border-top: 1px solid #f5f5f5
}

.pay-content .pay-header .detail div {
    flex: 1;
    border-left: 1px solid #efefef;
    margin-left: 0
}

.pay-content .pay-header .detail div:nth-child(1) {
    border-left: none
}

.pay-content .pay-header .detail div:nth-child(2),
.pay-content .pay-header .detail div:nth-child(3) {
    margin-top: 15px;
    height: 75px
}

.img-area {
    padding: 10px;
    overflow: hidden;
    float: left
}

.img-area img {
    width: 72px;
    height: 72px;
    display: inline-block;
    margin-right: 13px;
    margin-bottom: 6px;
    float: left
}

.img-area .img-bg {
    float: left;
    position: relative
}

.upload-img {
    clear: both
}

.img-area .img-bg span {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: red;
    border-radius: 10px;
    color: #fff;
    top: -8px;
    font-weight: 400;
    right: 3px
}

[data-page=OrderStatusPay].page .toolbar {
    background-color: #fff
}

.offline.list-block .item-media,
.offline.list-block .item-media img {
    background-image: url(../img/icon/bank.png);
    background-size: 100%
}

.paymentorder .content-block-title {
    margin: 0;
    height: 30px;
    line-height: 30px;
    color: #666;
    font-size: 12px;
    text-indent: 20px
}

.paymentorder .content-block-title+.list-block {
    margin-top: 0;
    margin-bottom: 0
}

.paymentorder-item {
    position: relative
}

.paymentorder-item:after {
    content: '';
    position: absolute;
    left: 15px;
    bottom: auto;
    right: auto;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
    display: block;
    z-index: 15
}

html.pixel-ratio-2 .paymentorder-item:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .paymentorder-item:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.paymentorder .content-block-title+.list-block .paymentorder-item .item-content>.item-media:first-child {
    text-align: center;
    font-size: 15px;
    color: #999;
    display: inline-block;
    margin-right: 10px
}

.paymentorder .content-block-title+.list-block .item-media>span:last-child {
    display: block;
    font-size: 11px
}

.paymentorder .content-block-title+.list-block .item-media+.item-media {
    margin-left: 8px
}

.paymentorder .content-block-title+.list-block .item-title {
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.paymentorder .content-block-title+.list-block .item-title span {
    font-size: 13px;
    color: #999;
    font-weight: 400
}

.paymentorder .content-block-title+.list-block .item-after {
    text-align: right;
    font-size: 12px;
    color: #666;
    display: inline-block;
    line-height: 24px;
    width: 130px
}

.paymentorder .content-block-title+.list-block .item-after span.orange {
    color: #ff9334
}

.fund-page .page-content {
    padding-top: 0;
    overflow: hidden
}

.fund-title,
.points-title {
    text-align: left;
    background-color: #FFF;
    padding: 20px 0 0;
    height: 110px
}

.points-title {
    text-align: center
}

.fund-title .icon,
.points-title .icon {
    display: block;
    margin: 0 auto 10px
}

.fund-title span,
.points-title span {
    display: block;
    color: #999;
    font-size: 13px
}

.fund-title h3 {
    font-size: 23px;
    color: #FF5000;
    font-weight: 400;
    padding-bottom: 20px
}

.points-title h3 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-bottom: 5px
}

.fund-title div:first-child {
    position: relative;
    height: 82%
}

.fund-page .right {
    font-size: 15px
}

.input-money {
    font-size: 25px !important;
    color: #333 !important
}

.offline .checkdiv {
    margin-left: 0 !important;
    margin-top: 0 !important
}

.offline .item-subtitle {
    width: 100%
}

.offline.list-block .item-title.label {
    width: 15%
}

.offline.list-block .item-media {
    padding: 0
}

.offline .item-link {
    background: url(../img/icon/arrow-right.png) 96% center no-repeat !important;
    background-size: 8px 14px !important
}

.pay-style {
    float: left;
    position: relative;
    margin: 5px 10px 5px 0;
    min-width: 80px
}

.pay-style input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 999
}

.pay-style span {
    width: 100%;
    text-align: center;
    color: #999;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    z-index: 1;
    font-size: 15px;
    padding: 0;
    display: inline-block;
    box-sizing: border-box;
    line-height: 35px;
    min-width: 80px
}

.offline .pay-style span {
    padding: 0
}

.pay-style.disabled span {
    color: #ccc;
    background-color: #f5f5f5;
    border-color: #E8E8E8
}

.upload {
    display: inline-block;
    border: 1px solid #E8E8E8;
    width: 79px;
    height: 79px;
    margin-left: 15px;
    margin-top: -5px;
    background: url(../img/icon/img-upload.png) center center no-repeat #f5f5f5;
    background-size: 30px 30px
}

p.upload-tip {
    display: inline-block;
    color: #ccc;
    font-size: 13px;
    text-align: center;
    margin: 18px 0 0;
    vertical-align: top
}

.popup-select-bank {
    top: 30%;
    z-index: 99999;
    height: 70%;
    overflow: hidden
}

.popup-select-bank .content-block {
    margin: 0;
    padding: 0;
    position: relative
}

.popup-select-bank .content-block .navbar {
    background: #FFF;
    padding: 0 15px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.popup-select-bank .content-block .navbar .right a {
    font-size: 15px;
    color: #06c1ae
}

.popup-select-bank label.label-radio input[type=checkbox]:checked~.item-inner,
.popup-select-bank label.label-radio input[type=radio]:checked~.item-inner {
    background-image: url(../img/icon/bank-checked.png);
    background-size: 22px 15px
}

.popup-select-bank label.label-radio input[type=checkbox]~.item-inner,
.popup-select-bank label.label-radio input[type=radio]~.item-inner {
    padding-left: 5px
}

.popup-select-bank .item-title {
    font-size: 14px;
    color: #333
}

.popup-select-bank .item-subtitle {
    font-size: 12px;
    color: #999;
    padding-top: 1px
}

.button-add-bank {
    border: 1px solid #19c4b3;
    color: #19C4B3;
    font-size: 16px;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    margin: auto 20px
}

.bankInfoContainer {
    margin: 0;
    padding: 44px 0 60px;
    height: 100%;
    overflow: auto;
    box-sizing: border-box
}

.bankInfoContainer+p {
    margin: 0;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 20
}

.list-block input.entry,
.list-block li.paymentMove input[type=numpad] {
    width: 100% !important;
    border: 1px solid #B5B5B5 !important;
    background-color: #FBFBFB !important;
    padding-left: 10px !important;
    border-radius: 4px !important;
    height: 30px !important;
    display: inline-block;
    position: relative;
    float: right;
    top: 6px;
    text-algin: center !important;
    -webkit-appearance: none !important;
    margin: 0 !important;
    font-size: 14px !important
}

[data-page=NewPaypaymentorder].page .payDetails {
    border: 0
}

[data-page=PaymentOrderList].page .paymentorder .content-block-title+.list-block .dollor_input {
    width: 90px
}

@media screen and (max-width:320px) {
    [data-page=PaymentOrderList].page .amount_display {
        width: 98px;
        margin-left: -5px
    }
}

@media screen and (min-width:321px)and (max-width:375px) {
    [data-page=PaymentOrderList].page .amount_display {
        width: 130px;
        margin-left: -5px
    }
}

@media screen and (min-width:376px) and (max-width:540px) {
    [data-page=PaymentOrderList].page .amount_display {
        width: 180px;
        margin-left: -5px
    }
}

[data-page=PaymentOrderList].page .paymentMove .amount_display {
    width: 70% !important
}

[data-page=NewPaybill].page .list-block .align-top .item-inner {
    border-top: 1px solid #f5f5f5
}

[data-page=NewPaybill].page .list-block .item-inner:after {
    background-color: #fff !important
}

[data-page=NewPaybill].page .payDetails.pay-bill.list-block .item-input p {
    margin: 0;
    text-align: center;
    color: #ff9e06;
    line-height: 20px;
    font-size: 12px
}

.new-fund.page {
    background: linear-gradient(0deg, rgba(72, 222, 175, 1) 2%, rgba(32, 199, 223, 1) 100%) no-repeat #fff;
    background-size: 100% 245px;
    overflow-y: auto
}

.new-fund .navbar,
.new-fund .navbar:after {
    background: 0 0
}

.new-fund .navbar .center a,
.new-fund .navbar .right a {
    color: #fff !important
}

.new-fund .subnav-box {
    margin: 0 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: linear-gradient(0deg, rgba(255, 255, 255, .5) 0, rgba(197, 255, 244, 1) 100%) no-repeat #fff;
    background-size: 100% 20px
}

.new-fund .subnav-box .page-content-fund {
    padding-top: 0
}

.new-fund .subnav-box .subnavbar {
    position: relative;
    top: 0 !important;
    background: 0 0;
    padding-top: 20px
}

.new-fund .subnav-box .button.active {
    margin-left: 0;
    margin-right: 0
}

.new-fund .subnav-box .subnavbar .active {
    border-bottom: none
}

.new-fund .subnav-box .subnavbar .active span {
    display: inline-block;
    color: #2FCBBB;
    padding-bottom: 5px;
    border-bottom: 2px solid #2FCBBB
}

.new-fund .subnav-box .subnavbar::after {
    background: 0 0
}

.new-fund .fund-title.row .col-50 {
    width: 50%
}

.new-fund .select-option {
    display: flex;
    padding: 0 15px;
    margin-top: 60px;
    line-height: 50px
}

.new-fund .select-option li {
    width: 100%;
    font-size: 14px;
    color: #fff
}

.new-fund .select-option li .icon-row-right {
    background: url(../img/icon/arrow-right-white.png) no-repeat;
    background-size: 5px 8px;
    display: inline-block;
    width: 5px;
    height: 8px;
    margin-left: 7px;
    margin-bottom: 4px;
    vertical-align: middle
}

.new-fund .fund-charts {
    height: 245px;
    width: 100%
}

.new-fund .credit .fund-charts .circle-warp,
.new-fund .fund-charts .circle {
    width: 202px;
    height: 202px;
    background-color: #93ecdc;
    border-radius: 50%;
    left: 50%;
    position: absolute;
    margin-left: -101px;
    margin-top: 21px
}

.new-fund .fund-title div:last-child {
    margin-left: 15px;
    width: 44% !important
}

.new-fund .fund-title span i {
    width: 10px;
    height: 10px;
    background: #93ecdc;
    display: block;
    float: left;
    border-radius: 50%;
    margin-top: 4px;
    margin-right: 8px
}

.new-fund .fund-title span {
    font-size: 14px
}

.new-fund .fund-title h3 {
    color: #333;
    font-size: 22px;
    margin-left: 16px;
    padding-bottom: 15px
}

.new-fund .fund-title a {
    width: 60px;
    height: 20px;
    display: block;
    text-align: center;
    border-radius: 20px;
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #06c1ae;
    color: #06c1ae;
    margin-left: 16px
}

.new-fund .fund-title div:first-child {
    position: relative;
    height: 75%;
    padding-left: 15px
}

.new-fund .fund-title {
    position: relative;
    overflow: initial;
    padding:20px;
}

.new-fund .fund-title:after {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    margin-left: -4px;
    top: -20px;
    z-index: 1051;
    border-top: 10px solid #fff;
    transform: rotate(180deg)
}

.new-fund .fund-page .page-content {
    overflow: auto
}

.new-fund .credit .fund-charts .circle-warp {
    background: #FFBD4B
}

.new-fund .credit .fund-charts .circle-warp .circle-bg {
    width: 170px;
    height: 170px;
    background: #fff;
    border-radius: 50%;
    margin: 16px auto
}

.new-fund .credit .fund-charts .circle-warp .circle-bg div {
    text-align: center;
    font-family: "Microsoft YaHei"
}

.new-fund .credit .fund-charts .circle-warp .circle-bg div:first-child {
    padding-top: 65px;
    font-size: 20px;
    line-height: 20px;
    color: #333
}

.new-fund .credit .fund-charts .circle-warp .circle-bg div:last-child {
    color: #999;
    font-size: 12px;
    margin-top: 4px
}

.new-fund .credit .fund-title ul li:first-child {
    margin-left: 0
}

.new-fund .credit .fund-title ul li,
.points-title ul li {
    color: #999;
    margin-left: 25px
}

.new-fund .credit .fund-title ul li.money {
    font-size: 22px;
    color: #333;
    margin-top: 5px
}

.new-fund .credit .fund-title ul li.charts {
    width: 90%;
    height: 10px;
    background-color: #f5f5f5;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 5px
}

.new-fund .credit .fund-title ul li.charts span {
    display: block;
    width: 50%;
    height: 10px;
    border-radius: 20px;
    background: -webkit-linear-gradient(right, #20c8df, #48deaf)
}

.new-fund .credit .fund-title ul li i {
    margin: 2px 7px 0 0;
    float: left
}

.new-fund .credit .fund-title {
    height: 125px
}

.page.reviceOrder {
    background: linear-gradient(0deg, rgba(72, 222, 175, 1) 2%, rgba(32, 199, 223, 1) 100%) no-repeat #f5f5f5;
    background-size: 100% 120px
}

.page.reviceOrder .navbar {
    width: 100%;
    color: #fff;
    background: 0 0
}

.page.reviceOrder .navbar .navbar-inner {
    height: 60px
}

.page.reviceOrder .navbar .subnavbar {
    background: 0 0
}

.page.reviceOrder .navbar .center a {
    color: #fff;
    margin-left: 8px;
    font-size: 18px
}

.page.reviceOrder .navbar .subnavbar .item-text {
    width: 100%;
    font-size: 13px;
    text-align: center;
    color: rgba(255, 255, 255, .8)
}

.page.reviceOrder .navbar .subnavbar:after,
.page.reviceOrder .navbar:after {
    display: none
}

.page.reviceOrder .page-content {
    margin-top: 88px;
    padding: 0
}

.page.reviceOrder .toolbar {
    color: #333;
    font-size: 15px
}

.page.reviceOrder .toolbar .order-btn {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end
}

.page.reviceOrder .toolbar .inline {
    margin: 14px 5px
}

.page.reviceOrder .toolbar span {
    color: #999
}

.page.reviceOrder .toolbar .btn {
    width: 100px;
    height: 36px;
    background-color: #ff9e06;
    color: #fff;
    text-align: center;
    margin: 7px 15px;
    font-size: 15px;
    border-color: #ff9e06;
    border-radius: 4px
}

.page.reviceOrder .page-container {
    background: #fff;
    margin: 10px 12px 134px;
    border-radius: 5px
}

.page.reviceOrder .page-container ul li .item-content {
    display: flex
}

.page.reviceOrder .page-container ul li .item-media {
    min-width: 45px;
    width: 45px;
    margin-right: 10px
}

.page.reviceOrder .page-container ul li .item-media img {
    width: 45px;
    height: 45px;
    display: block
}

.page.reviceOrder .page-container ul li {
    padding: 12px;
    border-bottom: 1px solid #EDEDED
}

.page.reviceOrder .page-container ul li .item-text {
    font-size: 13px;
    color: #333
}

.page.reviceOrder .page-container ul li .item-subtitle {
    font-size: 12px;
    color: #999;
    margin-top: 4px
}

.page.reviceOrder .page-container ul li .item-content-inner {
    margin-top: 10px;
    background: #F9F9F9;
    padding: 10px
}

.page.reviceOrder .page-container ul li .item-content-inner .row {
    display: flex;
    justify-content: space-between;
    line-height: 25px;
    margin-left: 0
}

.page.reviceOrder .page-container ul li .item-content-inner .row .item-title {
    font-size: 12px;
    color: #333
}

.page.reviceOrder .page-container ul li .item-content-inner .row .item-after {
    font-size: 12px;
    color: #333;
    background-image: url(../img/icon/arrow-right.png);
    background-size: 5px 8px;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 14px;
    line-height: 25px
}

.page.reviceOrder .page-container ul li .item-content-inner .row .item-input input {
    width: 70px;
    height: 24px;
    border-radius: 3px;
    border: 1px solid #D7D7D7;
    margin-right: 8px;
    color: #333;
    font-size: 13px;
    text-align: center
}

.page.reviceOrder .page-container ul li:last-child {
    border: none
}

.page-content-point.credit .fund-title {
    height: auto
}

.page-content-point.credit .fund-title ul .item-content {
    width: 100% !important;
    padding: 0;
    margin: 0
}

.page-content-point.credit .point-content {
    padding: 10px 15px
}

.page-content-point.credit .point-content .item-text {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.page-content-point.credit .fund-title span {
    display: inline;
    color: #999;
    font-size: 12px;
    margin-right: 5px
}

.page-content-point.credit .point-content button {
    border-color: #FF9E06;
    color: #FF9E06;
    border-radius: 13px;
    height: 26px;
    width: 76px;
    margin: 10px auto;
    font-size: 12px;
    line-height: 26px
}

.new-fund .page-content-point.credit ul,
.points-title ul {
    height: 480px;
    overflow-y: auto
}

.points-title ul {
    height: 600px
}

.new-fund .page-content-point.credit ul li.point-item,
.points-title ul li.point-item {
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    margin-left: 0;
    color: #333
}

.page-content-point.credit ul .point-item .item-content,
.points-title ul li.point-item .item-content {
    padding: 10px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

.points-title ul li.point-item .item-content {
    text-align: left;
    padding: 10px 15px
}

.page-content-point.credit ul .point-item .item-after,
.points-title ul li.point-item .item-after {
    font-size: 13px;
    color: #ff5000;
    width: auto !important;
    padding: 10px 15px 0 0
}

.points-title ul li.point-item .item-after {
    padding: 0
}

.page-content-point.credit ul .point-item .item-after.sub,
.points-title ul .point-item .item-after.sub {
    font-size: 13px;
    color: #06C1AE
}

,
.page-content-point.credit ul .point-item .item-title,
.points-title ul .point-item .item-title {
    font-size: 12px;
    color: #333;
    margin-bottom: 8px
}

.page-content-point.credit ul .point-item .item-text,
.points-title ul .point-item .item-text {
    font-size: 11px;
    color: #999;
    height: 20px;
    width: auto !important
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .new-fund .select-option {
        padding-top: 44px;
        margin-top: 33px
    }

    .popover.pop-fund-choiseBiz,
    .popover.pop-fund-choiseOrg {
        top: 130px !important
    }

    .page.reviceOrder {
        background: linear-gradient(0deg, rgba(72, 222, 175, 1) 2%, rgba(32, 199, 223, 1) 100%) no-repeat #f5f5f5;
        background-size: 100% 160px
    }

    .page.reviceOrder .page-content {
        padding: 0;
        margin-top: 120px
    }
}

.welcomescreen-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 10500;
    color: #666;
    font-size: 16px
}

.welcomescreen-closebtn {
    top: 25px;
    right: 15px;
    position: absolute;
    text-align: center;
    z-index: 9998;
    font-size: 15px;
    border-radius: 58%;
    width: 40px;
    background: rgba(255, 255, 255, .4);
    height: 40px;
    line-height: 40px
}

.welcomescreen-swiper {
    position: relative;
    width: 100%;
    height: 100%
}

.welcomescreen-picture {
    width: 100%;
    height: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%
}

.welcomescreen-picture1 {
    background-image: url(../img/welcome/GuidePage01_1242_2208.png)
}

.welcomescreen-picture2 {
    background-image: url(../img/welcome/GuidePage02_1242_2208.png)
}

.welcomescreen-picture3 {
    background-image: url(../img/welcome/GuidePage03_1242_2208.png)
}

.welcomescreen-text {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

.welcomescreen-text span {
    display: block;
    margin: 0 auto -64px;
    width: 100%;
    height: 100px
}

.welcomescreen-content {
    padding: 15px
}

.welcomescreen-container .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .9) !important
}

.welcomescreen-container .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-container-horizontal>.welcomescreen-pagination {
    bottom: 20px;
    display: none
}

html.with-statusbar-overlay .welcomescreen-container {
    top: 20px
}

.list-block .item-link .item-inner {
    background-image: url(../img/icon/arrow-right.png);
    background-size: 5px 8px
}

.list-block .fileInput{
    position: absolute;top:0;left:0;width:100%;height:44px;opacity:0;
}

.indexManage {
    color: #666
}

.filter .list-block ul:before,
.indexManage .list-block ul:after,
.indexManage .list-block ul:before {
    background-color: #fff
}

.indexManage .sort .titles .item-inner:after {
    background-color: #e5e5e5
}

.homeOverview {
    display: inline-block;
    height: 35px;
    width: 35px
}

.homeOverview1 {
    background: url(../img/crop/icon_ding_03.png) center center no-repeat;
    background-size: 35px 35px
}

.homeOverview2 {
    background: url(../img/crop/icon_shou_03.png) center center no-repeat;
    background-size: 35px 35px
}

.homeOverview3 {
    background: url(../img/crop/icon_fa_03.png) center center no-repeat;
    background-size: 35px 35px
}

.homeOverview4 {
    background: url(../img/crop/icon_tui_03.png) center center no-repeat;
    background-size: 35px 35px
}

.indexManage .native-scroll {
    padding-bottom: 180px !important;
    padding-top: 0 !important
}

.indexManage .card-product {
    padding: 0
}

.indexManage .navbar:after {
    background-color: rgba(0, 0, 0, 0)
}

.indexManage .list-block {
    margin: 1px 0 0
}

.indexManage .navbar .left ul li {
    width: 2px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    margin-top: 3px
}

.indexManage .navbar .left span {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 10px
}

.indexManage .navbar .left span img {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 35px;
    border-radius: 50%
}

.indexManage .navbar .center a {
    color: #fff
}

.indexManage .navbar .right span {
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #ff9e05;
    border-radius: 50%;
    right: -8px;
    top: 2px;
    border: 1px solid #fff
}

.indexManage .order_list {
    width: 100%;
    height: 75px;
    margin-top: 44px
}

.nativeApp .indexManage .order_list {
    width: 100%;
    height: 75px;
    margin-top: 64px
}

.indexManage .order_list ul {
    float: left;
    width: 33.3%;
    margin-top: 16px;
    height: 40px;
    position: relative
}

.indexManage .order_list ul:after {
    content: "";
    height: 40px;
    width: 1px;
    display: block;
    position: absolute;
    top: 3px;
    background: rgba(255, 255, 255, .4)
}

.indexManage .order_list ul:first-child:after {
    background: 0 0
}

.indexManage .order_list ul li {
    padding-left: 15px;
    color: #fff;
    font-size: 12px
}

.indexManage .order_list ul li.num {
    font-size: 24px
}

.indexManage .contents {
    margin-top: 5px
}

.indexManage .contents .titles {
    line-height: 43px;
    border-bottom: 1px solid #f5f5f5;
    padding-left: 15px
}

.indexManage .contents .titles a {
    float: right;
    font-size: 13px;
    height: 40px
}

.indexManage .contents .titles i {
    display: block;
    margin: 18px 15px 0 7px;
    float: left
}

.indexManage .contents .titles span {
    float: left
}

.indexManage .contents .titles ul li {
    float: left;
    font-size: 14px;
    margin-right: 15px;
    text-align: center;
    color: #333;
    height: 41px
}

.indexManage .contents .titles ul li:last-child {
    margin-right: 0
}

.indexManage .contents .titles ul.select li {
    color: #999
}

.indexManage .contents .titles ul.select li.active {
    color: #333
}

.indexManage .card-product ul {
    padding-left: 0
}

.indexManage .item-left {
    float: left;
    width: 65%
}

.indexManage .item-media {
    width: 35px;
    height: 35px
}

.indexManage .contents .list-block ul li .item-inner {
    padding: 0 15px 10px 0
}

.indexManage .contents .list-block ul li .item-title {
    font-size: 12px;
    margin-top: 10px
}

.indexManage .contents .list-block ul li .item-subtitle {
    color: #ff801a;
    font-size: 18px;
    margin-top: 7px
}

.indexManage .contents .list-block ul li .item-right .item-subtitle {
    color: #666
}

.indexManage .contents .list-block ul li .item-text {
    font-size: 11px;
    color: #999;
    height: 12px;
    line-height: 12px;
    margin-top: 4px
}

.indexManage .contents .list-block ul li .item-text.percent {
    overflow: initial
}

.indexManage .contents .list-block ul li .item-text span.plus {
    color: #f45d49
}

.indexManage .contents .list-block ul li .item-text span.less {
    color: #35b8ae
}

.indexManage .contents .list-block ul li .item-text span i {
    font-size: .4em
}

.indexManage .contents .charts {
    padding: 15px 0
}

.indexManage .contents .charts li {
    float: left;
    font-size: 9px;
    margin-bottom: 5px;
    color: #999
}

.indexManage .contents .charts li.num {
    float: right
}

.indexManage .sort .list-block ul li {
    height: 70px
}

.indexManage .sort .list-block ul li .item-title {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    width: 95%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.indexManage .sort .list-block ul li .item-title i {
    float: left;
    margin-right: 15px;
    margin-top: 3px;
    font-size: .8em !important;
    font-style: normal;
    text-align: center;
    display: block;
    padding-top: 0;
    line-height: 18px;
    color: #333
}

.indexManage .sort .list-block ul li .item-subtitle {
    float: left;
    width: 44%;
    font-weight: 700;
    color: #ff801a;
    font-size: 15px;
    margin-top: -6px
}

.indexManage .sort .list-block ul li .item-subtitle span {
    font-weight: 400;
    font-size: 11px
}

.indexManage .sort .list-block ul li .item-subtitle b {
    font-weight: 400;
    font-size: 10px
}

.indexManage .sort .list-block ul li .item-text {
    width: 56%;
    padding-top: 6px
}

.indexManage .sort .list-block ul li .item-text b {
    font-weight: 400;
    font-size: 12px;
    color: #00be95;
    position: absolute;
    top: -6px;
    border: 1px solid;
    height: 14px;
    line-height: 14px;
    border-radius: 10px;
    background-color: #fff;
    width: 48px;
    text-align: center;
    left: calc(100% - 50px)
}

.orderRanking .sort .list-block ul li .item-text b {
    top: 0
}

.indexManage .sort .list-block ul li .item-text .load {
    height: 4px;
    background-color: #e8e8e8;
    border-radius: 8px;
    position: relative
}

.indexManage .sort .list-block ul li span.icon-load {
    border-radius: 8px;
    background: -webkit-gradient(linear, 0 0, 0 right, from(red), to(rgba(0, 0, 255, .5)))
}

.indexManage .list-block ol {
    margin: 15px 15px 15px -125px;
    position: relative;
    left: 50%
}

.indexManage .list-block ol li {
    text-align: center;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    color: #999;
    border: 1px solid #d8d8d8;
    position: relative;
    float: left;
    padding: 0 15px;
    border-left: none;
    margin-left: -1px !important
}

.indexManage .list-block ol li:first-child {
    border-left: 1px solid #d8d8d8
}

.indexManage .list-block ol li span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -1px;
    left: -1px
}

.indexManage .list-block ol li.active span {
    width: calc(100% - 1px)
}

.indexManage .list-block ol.selected {
    display: flex;
    position: initial;
    margin: 15px
}

.indexManage .list-block ol.selected li {
    flex: 1;
    padding: 0
}

.indexManage .list-block ol li:first-child,
.indexManage .list-block ol li:first-child.active span,
.indexManage .list-block ol.selected li:first-child,
.indexManage .list-block ol.selected li:first-child.active span {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.indexManage .list-block ol li:last-child,
.indexManage .list-block ol li:last-child.active span,
.indexManage .list-block ol.selected li:last-child,
.indexManage .list-block ol.selected li:last-child.active span {
    flex: 3.1;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.indexManage .list-block ol li.active {
    border: 1px solid #fff
}

.customerDetail .navbar:after,
.indexManage .contents ol.clearfix:after,
.orderRanking .navbar,
.orderRanking .navbar:after {
    background-color: #fff
}

.customerDetail .subnavbar {
    overflow-x: hidden
}

.customerDetail .subnavbar .buttons-row {
    width: 630px
}

.customerDetail .subnavbar .buttons-row a {
    flex: none;
    margin-right: 13px;
    margin-left: 13px
}

.customerDetail .subnavbar .buttons-row a.active {
    width: auto
}

.orderRanking .subnavbar {
    padding-left: 15px;
    padding-right: 15px
}

.orderRanking .subnavbar a {
    color: #333;
    font-size: 14px
}

.orderRanking .subnavbar .left {
    float: left
}

.orderRanking .subnavbar .center {
    width: 160px;
    height: 28px;
    background-color: #f2f2f2;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative
}

.orderRanking .subnavbar .center li {
    float: left;
    line-height: 29px
}

.orderRanking .subnavbar .center li i.icon-calendar {
    margin-right: 10px;
    margin-top: 7px
}

.orderRanking .subnavbar .center li.date {
    margin-right: 11px;
    font-size: 12px
}

.orderRanking .subnavbar .center i.icon-down-arrow {
    display: block;
    width: 10px;
    height: 5px;
    background-size: 100%;
    margin-top: 12px
}

.orderRanking .subnavbar .right {
    float: right
}

.orderListManage .subnavbar .buttons-row {
    display: flex
}

.orderListManage .subnavbar .buttons-row a {
    flex: 1
}

.orderListManage .navbar .center ul {
    border: 1px solid #06c1ae;
    height: 28px;
    border-radius: 4px
}

.orderListManage .navbar .center li {
    color: #06c1ae;
    width: 84px;
    line-height: 28px;
    text-align: center;
    float: left;
    font-size: 14px
}

.orderListManage .navbar .center li.active {
    color: #fff;
    background-color: #06c1ae
}

.orderListManage .navbar .center li:nth-child(1) {
    border-right: 1px solid #06c1ae
}

.order-list .list-wrap ul {
    margin-left: 15px
}

.orderListManage .order-detail {
    padding: 0 0 5px
}

.orderListManage .order-list {
    margin-top: 10px;
    padding-bottom: 44px
}

.orderListManage .order-list h4 {
    margin-bottom: .1rem
}

.order-detail li {
    margin-top: 4px;
    color: #333;
    font-size: 13px
}

.actived .order-detail li,
.order-detail li label,
.order-detail li span,
.order-list .actived h4 strong {
    color: #999
}

.order-detail li.title {
    font-size: 13px
}

.order-list li {
    margin-bottom: 0
}

.order-detail ul {
    margin-top: 10px
}

.orderListManage .icon-iphone {
    margin-left: 5px;
    float: left;
    margin-top: 2px
}

.orderListManage .order-info h4 .icon-dai {
    font-weight: 400;
    color: #fff;
    font-size: 10px;
    width: 15px;
    height: 15px;
    background-color: #6ac5ff;
    display: block;
    border-radius: 3px;
    float: left;
    margin-left: 5px;
    margin-top: 2px
}

.orderListManage.page.no-tabbar .page-content,
.orderListManage.page.no-tabbar .page-content-inner,
.orderListManage.page.no-toolbar .page-content,
.orderListManage.page.no-toolbar .page-content-inner {
    padding-bottom: 60px
}

.orderListManage .navbar .center a i {
    margin-left: 8px
}

.productDetailManage .user-list .item-title.label {
    color: #666
}

.productDetailManage .detail-content {
    float: left;
    width: 75%;
    color: #000;
    font-size: 14px
}

.productDetailManage .list-block ul h2 {
    font-size: 13px;
    width: 100%;
    height: 30px;
    text-align: center;
    font-weight: 400;
    line-height: 30px;
    background-color: #f4f5fa;
    margin-left: 15px;
    margin-top: 2px;
    color: #333
}

.productDetailManage .user-list .all-order .item-title {
    margin-top: 0
}

.productDetailManage .user-list {
    padding-bottom: 10px
}

.productDetailManage ul li i.icon {
    margin-top: 3px
}

.productDetailManage .user-list .all-order {
    background-color: #f5f5f5
}

.account-manage {
    padding-left: 5%;
    padding-right: 5%
}

.account-manage .user-list {
    margin-top: 0;
    padding-top: 10px
}

.account-manage .headtop {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 30px
}

.account-manage .headtop dt {
    width: 64px;
    height: 64px;
    background-color: #efefef;
    position: relative;
    margin-left: 50%;
    left: -32px;
    border-radius: 50%;
    overflow: hidden;
    background-image: url(../img/crop/headtop-img_03.png);
    background-size: 100%;
    background-repeat: no-repeat
}

.account-manage .headtop dd {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    color: #333
}

.account-manage li {
    font-size: 16px;
    color: #333;
    line-height: 35px
}

.account-manage li .item-title i {
    margin-top: -3px;
    margin-right: 5px
}

.account-manage .list-block,
.account-manage.content-block.user-list {
    margin: 0
}

.account-manage .list-block ul:after,
.account-manage .list-block ul:before {
    background-color: #fff
}

.account-manage .list-block .item-inner:after,
.filter .list-block .calendar .item-inner:after {
    background-color: #fff !important
}

.account-manage .opac {
    opacity: .35
}

.account-manage.user-list .list-block .item-link .item-inner {
    background-position: calc(100% - 0px) center
}

.toolbar-popup-bg {
    width: 70%;
    height: 50px;
    padding-left: 15px;
    background-color: #fff;
    position: fixed;
    z-index: 5100;
    bottom: 0
}

.account-manage .list-block .item-content {
    padding-left: 0
}

.account-manage.user-list .headtop {
    padding-top: 50px
}

.channelCustomer .list-block,
.customer .list-block {
    height: 100%;
    margin-top: 0
}

.customer .page-content {
    padding-bottom: 50px;
    margin-top: -44px
}

.customer.select-comm.select-customers .page-content {
    padding-top: 20px
}

.nativeApp .customer.select-comm.select-customers .navbar {
    height: 105px
}

.nativeApp .customer.select-comm.select-customers .s-serch {
    top: 62px
}

.nativeApp .customer.select-comm.select-customers .page-content {
    padding-top: 0
}

.nativeApp .customer .page-content {
    padding-top: 80px;
    padding-bottom: 50px;
    margin-top: -44px
}

.channelCustomer .page-content .page-bottom,
.customer .page-content .page-bottom {
    padding-bottom: 25px !important
}

.channelCustomer .list-block .swipeout-actions-right a,
.customer .list-block .swipeout-actions-left a,
.customer .list-block .swipeout-actions-right a {
    line-height: 69px
}

.channelCustomer .list-block li.media-item .item-link .item-inner,
.customer .list-block li.media-item .item-link .item-inner,
.customer .list-block.media-list .item-link .item-inner {
    padding: 9px 15px 10px 0
}

.channelCustomer .list-block .item-inner .item-left,
.customer .list-block .item-inner .item-left {
    float: left;
    width: 80%
}

.channelCustomer .list-block .item-inner .item-left .item-title,
.customer .list-block .item-inner .item-left .item-title {
    font-size: 15px;
    margin-top: 2px
}

.channelCustomer .list-block .item-inner .item-left .item-title p,
.customer .list-block .item-inner .item-left .item-title p,
[data-page=ChooseClient].page .page-content .choice-main-text {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 52px);
    text-overflow: ellipsis;
    margin: 0
}

.channelCustomer .list-block .item-inner .item-left .item-title span,
.customer .list-block .item-inner .item-left .item-title span,
[data-page=ChooseClient].page .page-content .choise-block .re {
    padding-left: 4px;
    padding-right: 4px;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    margin-left: 4px;
    display: block;
    float: left;
    margin-top: 2px;
    line-height: 16px;
    height: 16px
}

.channelCustomer .list-block .item-inner .item-left .item-subtitle span,
.customer .list-block .item-inner .item-left .item-subtitle span {
    font-size: .6rem;
    padding: 0 3px;
    border-radius: 3px
}

.channelCustomer .list-block .prohibit .item-inner .item-left .item-title span,
.customer .list-block .prohibit .item-inner .item-left .item-title span {
    background-color: #ccc
}

.channelCustomer .list-block .item-inner .item-left .item-subtitle,
.customer .list-block .item-inner .item-left .item-subtitle {
    font-size: 13px;
    color: #999;
    margin-top: 5px
}

.channelCustomer .list-block .item-inner .item-right,
.customer .list-block .item-inner .item-right {
    float: right
}

.channelCustomer .list-block .item-inner .item-right span,
.customer .list-block .item-inner .item-right span {
    font-size: 13px;
    color: #999
}

.channelCustomer .list-block .item-inner .item-right p,
.customer .list-block .item-inner .item-right p {
    width: 50px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 25px;
    font-size: 13px;
    margin-top: 10px
}

.customer .address {
    width: 100%;
    height: 25px;
    background-color: #fcf1d4;
    border-top: 1px solid #fcd570;
    position: absolute;
    bottom: 49px;
    z-index: 1;
    line-height: 25px;
    padding-left: 15px;
    font-size: 13px;
    color: #333
}

.customer .address p {
    margin: 0;
    float: left;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.customer .address i,
.customerDetail .external {
    float: right
}

.customerDetail .nav-bar {
    overflow: initial
}

.customerDetail .subnavbar {
    padding: 0
}

.customerDetail .subnavbar .buttons-row {
    position: absolute;
    left: 0
}

.customerDetail .user-list {
    padding-bottom: 0
}

.customerDetail .list-block {
    margin: 0
}

.customerDetail .list-block h2,
.helpCenter h2,
.treeCommListDetail.adUnits.useDefines-content h2 {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    padding: 0 0 0 15px;
    margin-bottom: 5px;
    margin-top: 5px
}

.helpCenter h2 {
    font-size: 13px
}

.customerDetail .user-list .item-title.label {
    color: #333
}

.customerDetail .detail-content {
    margin-left: 5px;
    color: #666 !important;
    font-size: 13px
}

.customerDetail .detail-content.tips {
    color: #ccc
}

.customerDetail .detail-content i {
    color: #ccc;
    font-style: normal;
    font-size: 13px
}

.customerDetail .item-input {
    margin-left: 5px
}

.customerDetail ::-webkit-input-placeholder {
    font-size: 13px !important
}

.customerDetail .bankInfor {
    margin-top: 13px
}

.customerDetail .item-content .tel input {
    width: 50%;
    float: left
}

.customerDetail .item-content .tel .external{
    padding:10px 0;
}

.customerDetail .list-block.all-order {
    margin-top: 10px
}

.nativeApp .customerDetail .list-block.all-order {
    margin-top: 48px
}

.customerDetail .page-content-inner {
    padding-bottom: 10px !important
}

.productManage .upimgdiv {
    width: 80px;
    height: 80px
}

.productManage .item-inner div.clearfix .price {
    float: left;
    font-weight: 400;
    font-size: 11px
}

.productManage .item-inner div.clearfix .price em {
    font-size: 14px
}

.productManage .item-inner div.clearfix .stock {
    float: right
}

.productManage .title-top {
    height: 58px
}

.productManage .item-subtitle {
    font-size: 13px;
    margin-top: 5px
}

.productManage .choose li h2 {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 45px;
    float: left
}

.productManage .choose li h2.screen {
    float: right
}

.productManage .choose li h2 i {
    margin-right: 5px;
    margin-top: -4px
}

.productManage .choose li {
    padding-left: 15px;
    padding-right: 15px;
    height: 45px
}

.productManage .page-bottom {
    font-size: 14px;
    color: #999
}

.productManage .product-list.list-block li:after {
    height: 1px
}

.panel-overlay {
    background-color: #000;
    opacity: .35
}

.companyInfo .user-list {
    padding-bottom: 0
}

.companyInfo .page-content.native-scroll .page-content-inner {
    margin-top: -26px
}

.companyInfo .user-list .item-title.label {
    width: 30%
}

.user-list .contactsPage-item {
    padding-right: 20px
}

.orderRanking .subnavbar .center li.date {
    position: relative
}

.orderRankingDate {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
    height: 29px;
    opacity: 0
}

.orderRanking .navbar .left {
    width: 60px
}

#loseDate-default {
    position: absolute;
    top: -16px;
    left: 0;
    height: 28px;
    opacity: 0
}

.receipt .page-content.native-scroll {
    margin-top: 5px
}

.receipt .order-list .list-wrap:last-child {
    margin-bottom: 75px
}

.receipt .order-list h4 span {
    font-size: 10px;
    color: #fff;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 5px;
    border-radius: 2px;
    font-weight: 400;
    position: relative;
    top: -1px;
    line-height: 16px
}

.receipt .order-list h4 span.xian {
    background-color: #38c2aa
}

.receipt .order-list h4 span.yu {
    background-color: #f90
}

.receipt .order-list h4 span.fan {
    background-color: #f5716e
}

.receipt .order-list h4 em.close {
    color: #999
}

.panel-left {
    width: 73%
}

.panel-right {
    width: 86%;
    overflow: hidden
}

.filter {
    height: 100%;
    overflow: hidden
}

.filter .page-content {
    height: calc(100% - 44px)
}

.nativeApp .filter .page-content {
    height: calc(100% - 44px);
    padding-top: 20px
}

.filter .page-content .list-block {
    margin: 0
}

.filter .page-content .list-block .calendar {
    height: auto
}

.filter .user-list .item-title.label {
    width: 73px;
    padding-left: 15px;
    font-size: 13px
}

.filter .offline .checkdiv {
    margin-left: 15px !important
}

.overflow-hid {
    max-height: 150px;
    overflow: hidden
}

.filter .user-list input[type=text] {
    width: 85%;
    float: left;
    font-size: 13px;
    margin-top: -1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.filter .user-list .time input[type=text] {
    width: 100%;
    width: 80px;
    float: left
}

.filter .user-list .time span {
    float: left;
    font-size: 12px;
    color: #666;
    margin-top: 12px;
    margin-right: 5px
}

.filter .user-list .item-content a {
    float: right;
    width: 15%;
    height: 26px;
    padding-top: 15px
}

.filter .offline .pay-style span.active {
    border: 1px solid #19c4b3;
    color: #19C4B3
}

.filter .user-list .item-content a i {
    float: right
}

.filter .user-list .item-content .detail-content {
    width: 100%;
    margin-left: 5px;
    color: #666;
    font-size: 13px;
    word-break: break-all;
    word-wrap: break-word;
    text-align: right;
}

.filter .list-block .item-link.calendar .item-inner {
    background-image: none;
    background-size: 14px 14px
}

.filter .user-list .list-block {
    margin: 0
}

.filter .pay-style {
    min-width: 29.7%;
    width: auto;
    margin: 10px 10px 0 0
}

.filter .pay-style input[type=radio]:checked+span {
    width: 100%
}

.filter .offline .pay-style span {
    padding: 0;
    color: #666
}

.filter .offline .pay-style span.active {
    background: url(../img/icon/checked-bg.png) right bottom no-repeat;
    background-size: 15px 14px
}

.filter .list-block.media-list .item-inner {
    padding-bottom: 15px;
    padding-top: 10px
}

.filter .pay-style,
.filter .pay-style span {
    line-height: 26px;
    font-size: 12px
}

.filter .pay-style.more span {
    border: none;
    color: #06c1ae
}

.filter .button {
    font-size: 15px;
    height: 49px;
    line-height: 49px
}

.filter .button-empty {
    color: #666
}

.filter .button-fill {
    width: 61%;
    margin-right: 15px
}

.filter .f-popup-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: #000;
    z-index: 1999;
    opacity: .45
}

.chose-area .list-block ul ul li,
.chose-area .list-block ul ul li .item-inner:after,
.chose-area.tree .list-block .item-inner .item-inner:after {
    background-color: #f9f9f9
}

.filter .offline.list-block .item-title.label {
    width: auto;
    font-size: 13px
}

.filter .offline.list-block .item-title.label span {
    float: right;
    color: #ff9e06;
    font-size: 12px
}

.filter .offline.list-block .item-title.label i {
    float: right;
    margin-left: 15px
}

.filter .offline.list-block .item-title.label i.icon-arrow-down {
    margin-top: -4px
}

.filter .list-block .offline.time .item-inner {
    padding-right: 0
}

.filter li.offline.time span {
    margin-top: 0
}

.filter .offline.time .checkdiv.SettlementWaysContainer {
    padding-bottom: 10px
}

.filter .offline.time .item-inner {
    padding-top: 0
}

.filter input::-webkit-input-placeholder,
.filter textarea::-webkit-input-placeholder {
    font-size: 13px !important
}

.filter .loadMore {
    font-size: 12px;
    color: #999;
    padding: 10px
}

.filter .user-list .item-content .detail-content.user-name {
    color: #ccc
}

.filter .user-list .item-content .detail-content.user-name.black {
    color: #666
}

.page-content.orderList-container {
    margin-top: -44px
}

@media screen and (max-width:320px) {
    .filter .user-list .item-title.label {
        width: 57px
    }

    .filter .user-list .time input[type=text] {
        width: 74px
    }

    .filter .user-list .time span {
        margin-right: 0
    }

    .newReturnOrder .cartNew-list.list-block ul ul .item-inner input.num {
        width: 55px !important
    }

    .newReturnOrder .cartNew-list.list-block ul ul .item-inner .item-title {
        width: 105% !important
    }

    .permit-modal.modal {
        width: 82%;
        margin-left: -41%
    }

    .choose-return-float .select-comm .detail input.count {
        width: 44px
    }

    .filter .pay-style {
        min-width: 29%;
        width: auto
    }

    .choose-return-float .select-comm .detail.left-detail {
        width: 40%
    }

    .choose-return-float .select-comm .detail.right-detail {
        width: 60%
    }

    .choose-return-float .select-comm .detail input {
        width: 60px
    }

    .bankInfor li .item-inner {
        width: 80%
    }

    .cartList.list-block ul ul .item-inner input {
        width: 44px !important
    }

    [data-page=NewPaybill].page .popup-AgentFinancials .item-title {
        width: 70%
    }

    [data-page=NewPaybill].page .popup-CorprationFinancials .item-title {
        width: 85%
    }

    .order.cart-page .bottom-bar p {
        margin-left: -4px
    }

    .cart-page .bottom-bar .sum-price .count {
        width: 165px !important
    }

    .cart-page .bottom-bar .sum-price {
        padding-right: 5px
    }

    .cart-page .bottom-bar .sum-price .count .autbox {
        max-width: 120px !important
    }

    .cart-page .bottom-bar .sum-price .sum-price-c {
        max-width: 129px !important
    }

    .toolbar .pay-info .count p,
    .toolbar .pay-info .count span {
        max-width: 97px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .btn {
        min-width: 64px
    }

    .cartNew-list.list-block ul ul .item-inner input,
    .newReturnOrder .statistic dl dd input {
        width: 40px
    }

    .productManage .navbar-inner .right a {
        margin-right: 10px !important
    }

    .productManage .navbar-inner .right a:last-child {
        margin-right: 0 !important
    }

    .products .subnavbar .button p {
        max-width: 58px
    }

    .category-hot .upimgdiv {
        min-width: 55px;
        min-height: 55px;
        width: 55px;
        height: 55px
    }

    .toolbar a .badge.bg-red {
        left: 42px
    }

    .pay-bill.list-block .item-title.label {
        width: 29% !important
    }

    .modal.popup-notices {
        top: 12%
    }

    .modal.popup-notices .swiper-wrapper .swiper-notice-content {
        max-height: 220px
    }
}

@media only screen and (min-width:321px) and (max-width:361px) {
    .choose-return-float .select-comm .detail.right-detail {
        width: 60%
    }

    .choose-return-float .select-comm .detail.left-detail {
        width: 40%
    }

    .cart-page .bottom-bar .sum-price .count {
        width: 180px !important
    }

    .cart-page .bottom-bar .sum-price .count .autbox {
        max-width: 130px !important
    }

    .toolbar .pay-info .count p,
    .toolbar .pay-info .count span {
        max-width: 99px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .category-hot .upimgdiv {
        min-width: 60px;
        min-height: 60px;
        width: 60px;
        height: 60px
    }

    [data-page=productDetail] .detail-title .item-inner p {
        width: 83%
    }

    .switch-account.agreement .list>div {
        height: 270px
    }

    .modal.popup-notices {
        top: 15%
    }

    .modal.popup-notices .swiper-wrapper .swiper-notice-content {
        max-height: 260px
    }
}

@media only screen and (min-width:359px) and (max-width:374px) {
    .choose-return-float .select-comm .detail.right-detail {
        width: 60%
    }

    .choose-return-float .select-comm .detail.left-detail {
        width: 40%
    }

    .cart-page .bottom-bar .sum-price .count {
        width: 180px !important
    }

    .cart-page .bottom-bar .sum-price .count .autbox {
        max-width: 130px !important
    }

    .toolbar .pay-info .count p,
    .toolbar .pay-info .count span {
        max-width: 109px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .category-hot .upimgdiv {
        min-width: 65px;
        min-height: 65px;
        width: 65px;
        height: 65px
    }

    .switch-account.agreement .list>div {
        height: 300px
    }
}

@media only screen and (min-width:375px) and (max-width:539px) {

    .toolbar .pay-info .count p,
    .toolbar .pay-info .count span {
        max-width: 115px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .category-hot .upimgdiv {
        min-width: 65px;
        min-height: 65px;
        width: 65px;
        height: 65px
    }

    .switch-account.agreement .list>div {
        height: 330px
    }

    .category-brand ul li {
        width: 1.4rem;
        height: 1.4rem
    }

    .modal.popup-notices {
        top: 15%
    }

    .modal.popup-notices .swiper-wrapper .swiper-notice-content {
        max-height: 270px
    }
}

@media only screen and (min-width:414px) and (max-width:450px) {
    .modal.popup-notices {
        top: 15%
    }

    .modal.popup-notices .swiper-wrapper .swiper-notice-content {
        max-height: 320px
    }
}

@media screen and (min-width:376px) {
    .filter .pay-style {
        min-width: 29%;
        width: auto
    }

    .category-hot .upimgdiv {
        min-width: 75px;
        min-height: 75px;
        width: 75px;
        height: 75px
    }

    .switch-account.agreement .list>div {
        height: 380px
    }
}

.chose-area,
.select-customers {
    height: 100%
}

.chose-area .area {
    position: relative;
    height: 100%;
    overflow-y: auto
}

.chose-area .page-content {
    padding-top: 0
}

.chose-area .list-block {
    margin: 0
}

.chose-area .list-block li {
    font-size: 14px
}

.chose-area .list-block .item-content,
.chose-area .list-block ul ul,
.chose-area .list-block ul ul li,
.filter .list-block .item-content {
    padding-left: 0
}

.chose-area .item-title {
    width: 100%;
    position: relative
}

.chose-area .item-title i.icon-gray-arrow,
.chose-area .item-title i.icon-green-arrow {
    position: absolute;
    left: 0;
    width: 40px !important;
    height: 44px !important;
    background-size: 10px !important
}

.chose-area .item-title p i.icon-checked {
    margin-top: -2px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    background-size: 20px
}

.chose-area .item-title i.icon {
    float: right;
    display: block;
    width: 44px;
    height: 44px;
    background-size: 14px
}

[data-page=tree] .list-block {
    padding-bottom: 54px
}

[data-page=tree] .list-block .item-media {
    padding-top: 12px;
    padding-bottom: 12px
}

.chose-area .item-title p,
.chose-area .list-block ul ul li {
    padding-left: 40px !important
}

.chose-area .item-title ul ul p {
    padding-left: 20px !important
}

.chose-area .item-title p {
    margin: 12.5px 0;
    font-size: 14px
}

.chose-area .list-block .item-inner {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0
}

.chose-area.tree .list-block li .item-arrow i.icon {
    float: left;
    width: 44px;
    height: 44px;
    background-size: 10px;
}

.chose-area.tree .list-block li {
    position: relative;
    border-bottom: 1px solid #eee;
}

.chose-area.tree .list-block li .select-btn {
    float: left;
    margin-top: 0;
    margin-right: 10px;
    padding-left: 10px
}

.chose-area.tree .list-block li ul li .select-btn,
.chose-area.tree .list-block li ul li .select-btn input[type=checkbox] {
    margin-left: 20px
}

.chose-area.tree .list-block li ul li ul li .select-btn,
.chose-area.tree .list-block li ul li ul li .select-btn input[type=checkbox] {
    margin-left: 40px
}

.chose-area.tree .list-block li.label-checkbox input[type=checkbox] {
    height: 44px
}

.chose-area.tree .item-title span {
    float: right;
    color: #999;
    margin-top: 5px
}

.chose-area.tree .item-title p,
.chose-area.tree .list-block ul ul li {
    padding-left: 0 !important
}

.chose-area .item-title ul p,
.chose-area .item-title ul ul li {
    padding-left: 0 !important;
    font-size: 13px;
    color: #666
}

.chose-area.tree .item-title .right {
    position: absolute;
    right: 0;
    top: -14px
}

.chose-area.treeComm .list-block .item-text {
    height: auto;
    font-size: 15px;
    color: #333
}

.chose-area.treeComm .list-block .item-text span {
    background-color: #f0b928;
    font-size: 10px;
    color: #fff;
    padding: 0 3px;
    border-radius: 3px
}

.chose-area.treeComm .list-block .item-text span.shelf {
    background-color: #ccc
}

.chose-area.treeComm .list-block .item-subtitle {
    font-size: 12px;
    color: #999
}

.chose-area.tree ul ol {
    padding-left: 20px;
    background-color: #f9f9f9
}

.chose-area.treeComm .upimgdiv {
    width: 38px;
    height: 38px;
    border-radius: 6px
}

.chose-area.tree ul ol li {
    background-color: #f9f9f9 !important
}

.chose-area.tree ul li.three.label-checkbox input[type=checkbox] {
    margin-left: 27px
}

.chose-area.tree ul li.three {
    padding-left: 20px
}

.chose-area.tree .list-block ul ul li {
    background-color: #fff
}

.chose-area.treeComm .list-block .item-inner .right {
    padding-right: 0
}

.chose-area.tree .list-block .item-inner:after {
    background-color: #e5e5e5;
    display: none
}

.chose-area.tree .list-block ol .item-inner:after {
    background-color: #f9f9f9;
    display: block
}

.commoditySKU .page-content-inner,
.popover,
.select-comm .cartItemContainer>li:after,
.select-comm .cartItemContainer>li:before {
    background-color: #fff
}

.commoditySKU .list-block ul li .item-inner,
.subnavbar .buttons-row {
    display: flex
}

.chose-area.treeCommList .list-block li {
}

.chose-area.treeCommList ul li.three {
    padding-left: 30px
}

.chose-area.tree .page-content-inner {
    min-height: 100% !important
}

.chose-area.treeComm .list-block li a {
    width: 100%
}

.chose-area.treeComm .list-block li a .item-arrow i.icon {
    padding: 9px 0;
}

.chose-area.treeComm .list-block li a .item-media {
    width: 53px;
    float: left;
    padding: 12px 0;
}

.chose-area.treeComm .list-block li a .item-inner {
    width: auto;
    height: 62px
}

.chose-area.treeComm .list-block li .right {
    position: absolute;
    right: 0;
    height: 62px
}

.chose-area.treeComm .list-block li .right i {
    width: 44px;
    background-size: 14px;
    height: 48px
}

.subnavbar .buttons-row a {
    flex: 1
}

.subnavbar .buttons-row a i {
    position: relative
}

.select-comm .cartNew-list.list-block .item-subtitle {
    float: left;
    color: #999
}

.select-comm .cartNew-list.list-block .count {
    float: right
}

.select-comm .list-block {
    margin: 0
}

.select-comm .list-block .item-input {
    margin-top: 0;
    border-bottom: 1px solid #f5f5f5;
    background-color: #fff
}

.select-comm .list-block .item-input input {
    font-size: 13px;
    width: 85%;
    float: left;
    padding-left: 15px
}

.select-comm .list-block .item-input a {
    float: right;
    margin-right: 15px;
    margin-top: 10px
}

.select-comm .list-block.cartNew-list {
    margin-top: 44px
}

.select-comm .cartNew-list.list-block li {
    padding-bottom: 0;
    margin-bottom: 0
}

.select-comm .list-block.media-list .item-inner {
    margin-left: 15px;
    padding: 7px 15px 10px 0
}

.select-comm .cartNew-list.list-block li .title-top .item-title-row {
    margin-bottom: 5px
}

.select-comm .cartNew-list.list-block .item-text {
    height: auto
}

.customer .list-block li.active .item-inner .item-left .item-title p,
.select-comm .cartNew-list.list-block li.active .item-text {
    color: #000
}

.select-comm .list-block.media-list .item-inner .rule {
    margin-bottom: 2px
}

.chooseReturn .select-comm .edit {
    margin-bottom: 76px !important
}

.select-comm .list-block.media-list .item-inner .rule span {
    float: left;
    font-size: 10px;
    border: 1px solid #f5716e;
    color: #f5716e;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
    margin-right: 10px
}

.select-comm .list-block.media-list .item-inner .rule span.multi {
    border: 1px solid #39c2aa;
    color: #39c2aa
}

.select-comm .s-serch {
    position: absolute;
    top: 44px
}

.select-customers .list-block {
    min-height: auto
}

.select-customers .list-block .item-media+.item-inner {
    margin-left: 10px
}

.select-customers .list-block .item-inner .item-left {
    width: 100%
}

.select-customers .list-block.media-list {
    margin-top: 44px;
    height: calc(100% - 44px)
}

.select-customers .list-block.media-list .item-inner {
    padding-top: 11px
}

.popover {
    width: 120px;
    right: 15px
}

.popover .list-block .item-link.list-button {
    font-size: 14px;
    color: #333
}

.paymentRecord .order-btn .btn,
.paymentRecord .payfor-btn {
    margin-right: 10px !important
}

.paymentRecord .order-btn {
    padding-right: 5px;
    margin-top: 9px
}

.paymentRecord .order-btn .examine {
    color: #ff9e06;
    border: 1px solid #ff9e06
}

.paymentRecord .pay-content .pay-header h3 {
    border-bottom: 1px solid #efefef;
    padding: 4px 0 10px;
    font-size: 25px
}

.pay-content .pay-header h3 span,
.paymentRecord .pay-content .pay-header h3 span {
    color: #ff6817;
    font-size: 13px
}

.pay-content .pay-header h3 span i,
.paymentRecord .pay-content .pay-header h3 span i {
    font-style: normal
}

.paymentRecord .pay-content .pay-header .detail .left {
    margin-left: 0;
    padding-left: 15px
}

.paymentRecord .pay-content .pay-header .detail .left p:nth-child(1) {
    margin: 13px 0 4px
}

.paymentRecord .pay-content .pay-header .detail .right {
    margin-top: 13px;
    border-left: 1px solid #efefef;
    height: 45px;
    padding-left: 10px
}

.paymentRecord .pay-content .pay-header .detail .right p:nth-child(1) {
    margin: 0 0 4px;
    font-size: 12px
}

.paymentRecord .pay-content .pay-header .detail .left p:nth-child(2),
.paymentRecord .pay-content .pay-header .detail .right p:nth-child(2) {
    font-size: 15px !important
}

.m-t-18 {
    margin-top: 18px
}

.commoditySKU .page-content-inner {
    margin-top: 10px
}

.commoditySKU .list-block {
    margin: 0
}

.commoditySKU .list-block ul li.item-content.title {
    color: #666
}

.commoditySKU .list-block ul li {
    font-size: 14px
}

.commoditySKU .list-block ul li .detail-content {
    flex: 1.5;
    margin-right: 3%
}

.commoditySKU .list-block ul li .item-title {
    flex: 1;
    margin-right: 3%
}

.commoditySKU .list-block ul li .item-title:last-child {
    margin-right: 0;
    flex: .8
}

.newBill .list-block {
    margin: 10px 0
}

.newBill .list-block li .item-input,
.newBill .list-block li.item-link .item-input {
    margin-left: 5px
}

.newBill .list-block.confirmList-rabeta .item-inner {
    padding-top: 0;
    padding-bottom: 0
}

.detail-content.tips {
    width: 100%;
    margin-left: 5px;
    color: #ccc !important;
    font-size: 14px
}

.newBill .list-block li.item-link input::-webkit-input-placeholder {
    font-size: 14px !important
}

.newBill .list-block li.item-link input:-moz-placeholder {
    font-size: 14px !important
}

.newBill .list-block li.item-link input::-moz-placeholder {
    font-size: 14px !important
}

.newBill .list-block li.item-link input:-ms-input-placeholder {
    font-size: 14px !important
}

.newBill .list-block li.item-link .item-input textarea {
    height: 34px;
    font-size: 14px
}

.newBill .list-block li.item-link .detail-content.active {
    color: #666
}

.newBill .list-block li .label {
    color: #333
}

.list-block li .detail-content span {
    color: #ff9e06
}

.newBill .list-block li.item-link.add-file .detail-content {
    color: #06c1ae;
    text-align: right
}

.newBill .list-block .statistic:before {
    background-color: #e5e5e5
}

.list-block .reason .item-title {
    width: 100%
}

.list-block .reason .item-media {
    padding-top: 8px
}

.list-block .reason .item-title .item-text {
    height: 30px;
    float: right;
    color: #ff9e06;
    font-size: 13px
}

.list-block .reason .item-inner textarea {
    font-size: 14px;
    height: 35px;
    transition: height .5s;
    -moz-transition: height .5s;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    padding-top: 8px;
    padding-bottom: 8px;
}

[data-page=orderInfo] .list-block .reason .item-inner textarea {
    padding-top: 13px
}

.list-block .reason .item-inner textarea+.item-text,
.list-block .reason .item-inner textarea+.item-text+.btn-submitMsg {
    display: none
}

.list-block .reason .item-inner textarea:focus+.item-text,
.list-block .reason .item-inner textarea:focus+.item-text+.btn-submitMsg,
.sure-btn a {
    display: block
}

.list-block .reason .item-inner textarea:focus {
    height: 100px
}

.list-block .reason .item-link .item-inner {
    padding-right: 15px
}

.sure-btn a {
    width: 100%;
    height: 36px;
    margin-right: 15px;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    margin-top: 4px
}

.selectSalesman .list-block,
.selectStock .list-block {
    margin: 64px 0 0;
    padding-bottom: 44px
}

.selectSalesman .list-block {
    margin-top: 44px
}

.selectSalesman .list-block li,
.selectStock .list-block li {
    position: relative
}

.selectSalesman .list-block li p,
.selectStock .list-block li p {
    margin: 0
}

.contacts .grid,
.selectSalesman .list-block li .item-media p,
.selectStock .list-block li .item-media p {
    width: 36px;
    height: 36px;
    border: 1px solid #65a8fc;
    color: #65a8fc;
    font-size: 13px;
    text-align: center;
    line-height: 37px;
    border-radius: 50%
}

.contacts .grid.color-1,
.selectSalesman .list-block li .item-media p.blue,
.selectSalesman .list-block li .item-media p.color-1,
.selectStock .list-block li .item-media p.blue {
    border: 1px solid #65a8fc;
    color: #65a8fc
}

.contacts .grid.color-2,
.selectSalesman .list-block li .item-media p.color-2,
.selectSalesman .list-block li .item-media p.green {
    border: 1px solid #6ecf7b;
    color: #6ecf7b
}

.contacts .grid.color-3,
.selectSalesman .list-block li .item-media p.color-3,
.selectSalesman .list-block li .item-media p.purple {
    border: 1px solid #c994e4;
    color: #c994e4
}

.contacts .grid.color-4,
.selectSalesman .list-block li .item-media p.color-4,
.selectSalesman .list-block li .item-media p.yellow {
    border: 1px solid #f7c84a;
    color: #f7c84a
}

.contacts .grid.color-5,
.selectSalesman .list-block li .item-media p.color-5,
.selectSalesman .list-block li .item-media p.navy-blue {
    border: 1px solid #73d5d4;
    color: #73d5d4
}

.contacts .grid.color-6,
.selectSalesman .list-block li .item-media p.color-0,
.selectSalesman .list-block li .item-media p.red {
    border: 1px solid #fb7776;
    color: #fb7776
}

.contacts .grid.color-7 {
    color: #65a8fc;
    border: 1px solid #65a8fc
}

.selectSalesman .list-block li .item-subtitle i,
.selectSalesman .list-block li .item-subtitle p,
.selectStock .list-block li .item-subtitle i,
.selectStock .list-block li .item-subtitle p {
    float: left;
    margin-right: 5px
}

.selectSalesman .list-block li i.icon-checked,
.selectStock .list-block li i.icon-checked {
    position: absolute;
    right: 15px;
    top: 24px;
    display: none
}

.selectSalesman .list-block li .item-title,
.selectStock .list-block li .item-title {
    font-size: 15px;
    color: #333
}

.selectSalesman .list-block li.active .item-title,
.selectStock .list-block li.active .item-title {
    color: #39c2aa
}

.selectSalesman .list-block li.active i.icon-checked,
.selectStock .list-block li.active i.icon-checked {
    display: block
}

.contacts-item-area .item-subtitle,
.selectSalesman .list-block li .item-subtitle,
.selectStock .list-block li .item-subtitle {
    font-size: 12px;
    color: #999;
    margin-top: 2px
}

.selectSalesman .searchbar,
.selectStock .searchbar {
    padding: 0 15px
}

.selectSalesman .searchbar input[type=search],
.selectStock .searchbar input[type=search] {
    border: none;
    border-radius: 3px
}

.newDeliverOrder .cartNew-list.list-block li.productItemContent,
.newReturnOrder .cartNew-list.list-block .del-content .del-list>.position-r {
    border-bottom: 1px solid #f5f5f5
}

.newReturnOrder .productDetailContainer-title span {
    color: #999
}

.newReturnOrder .productsList .item-title-row {
    padding-right: 0 !important
}

.newReturnOrder .cartNew-list.list-block li {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0
}

.newReturnOrder .cartNew-list.list-block li .del-content {
    border-top: 1px solid #f5f5f5
}

.newReturnOrder .confirmList .item-after i.finish {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #19c4b3;
    margin-right: 4px
}

.newReturnOrder .confirmList .item-title {
    padding-left: 15px
}

.newReturnOrder .cartNew-list.list-block .label-checkbox.checkbox {
    display: none
}

.newReturnOrder .cartNew-list.list-block .del-orders .label-checkbox.checkbox {
    display: block;
    float: left;
    width: 10%;
    height: 35px
}

.newReturnOrder .cartNew-list.list-block .del-orders .label-checkbox.checkbox .item-media {
    padding-left: 21px
}

.newReturnOrder .cartNew-list.list-block .del-title .label-checkbox.checkbox .item-media {
    padding-left: 7px
}

.newReturnOrder .cartNew-list.list-block .del-orders .label-checkbox .item-inner {
    margin-left: 10px
}

.newReturnOrder .cartNew-list.list-block li.del-orders .item-content {
    margin-left: 0
}

.newReturnOrder .cartNew-list.list-block .del-orders .del-list {
    width: 100%;
    float: left;
    margin-left: -15px
}

.newReturnOrder .cartNew-list.list-block .del-orders h3 {
    float: left;
    margin-left: 3px;
    width: 89%
}

.newReturnOrder .cartNew-list.list-block li.del-orders .proCheckPoint,
.newReturnOrder .cartNew-list.list-block li.del-orders .statistic {
    margin-left: 10%;
    width: 100%
}

.newReturnOrder .label-checkbox input[type=checkbox] {
    height: 40px
}

[data-page=EditOrderDetail] li .label-checkbox input[type=checkbox] {
    height: 100%
}

.newReturnOrder .confirmList ul li:after,
.newReturnOrder .confirmList ul li:before {
    background-color: #fff
}

.newReturnOrder .confirmList ul li {
    margin-top: 0 !important
}

.newReturnOrder .cartNew-list.list-block h3 {
    margin-left: 15px;
    font-size: 12px;
    color: #666;
    font-weight: 400;
    line-height: 34px;
    border-top: 1px solid #f5f5f5
}

.newReturnOrder .cartNew-list.list-block h3 i {
    display: block;
    width: 2px;
    height: 12px;
    background: #39c2aa;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    margin-top: 11px
}

.fareGiftPage .productDetailContainer .subtitle b,
.newReturnOrder .cartNew-list.list-block h3 b,
[data-page=orderCancelInfo] .productDetailContainer .subtitle b {
    float: right;
    background-size: 100%;
    margin-right: 15px;
    margin-top: 7px;
    font-size: 14px;
}

.newReturnOrder .cartNew-list.list-block .del-orders .del-content .label-checkbox.checkbox {
    width: 13%;
    position: relative
}

.newReturnOrder .cartNew-list.list-block .del-orders .del-content .item-media {
    margin-left: 0;
    padding-left: 0
}

.newReturnOrder .cartItemContainer>li:after {
    background-color: #e5e5e5
}

.newReturnOrder .cartItemContainer.newReturnOrderprodContainer>li:nth-child(2):before,
.newReturnOrder .cartItemContainer>li:before,
.newReturnOrder .cartList.list-block>ul li.productItemContent .statistic:before,
.newReturnOrder .order-btn.message-btn,
.newReturnOrder .statistic:after {
    background-color: #fff
}

.newReturnOrder .cartNew-list.list-block ul ul .item-inner .item-title {
    font-size: 12px;
    padding-top: 2px;
    width: 105%;
    padding-bottom: 2px;
    color: #333
}

.newReturnOrder .cartNew-list.list-block ul ul .item-inner {
    margin-left: 0;
    position: relative;
    min-height: 54px;
    padding-top: 7px
}

.newReturnOrder .cartNew-list.list-block ul ul .item-inner input.num {
    width: 70px
}

.newReturnOrder .statistic dl dd input {
    width: 90px
}

.newReturnOrder2 .cartList.list-block ul ul .item-inner input,
.newReturnOrder2 .statistic dl dd input {
    text-align: right;
    padding-right: 5px
}

.newReturnOrder .statistic dl dt,
.newReturnOrder .statistic-bottom span:last-child {
    color: #666
}

.newReturnOrder .cartNew-list.list-block>ul {
    background: #fff
}

.newReturnOrder2 .cartNew-list.list-block>ul {
    margin-bottom: 54px
}

.newReturnOrder .statistic {
    padding: 10px 15px !important;
    margin-bottom: 0;
    font-size: 12px
}

.newReturnOrder .cartNew-list.list-block .item-content .item-title-row,
.selectAddress .list-block .category-tab li .item-inner {
    padding-right: 0
}

.editOrderDetail .statistic {
    margin-bottom: 50px
}

.newReturnOrder .statistic.total {
    margin-left: 0;
    padding-left: 15px;
    margin-bottom: 50px
}

.newReturnOrder .cartNew-list.list-block .item-content .item-title-row .icon-add-bank {
    margin-left: 8px
}

.newReturnOrder .cartNew-list.list-block ul.newReturnOrderprodContainer li.productItemContent {
    padding-top: 0
}

.newReturnOrder .cartItemContainer>li.productItemContent:nth-child(2):before {
    background-color: #e5e5e5
}

.newReturnOrder .confirmList .item-title-row {
    padding: 0;
    background: 0 0 !important
}

.newReturnOrder .confirmList .item-title-row .item-title {
    margin-top: 3px
}

.newReturnOrder .list-block .item-inner input {
    font-size: 14px;
    color: #333
}

.newReturnOrder .cartNew-list.list-block .item-subtitle {
    color: #999;
    padding-top: 10px !important
}

.newReturnOrder .cartNew-list.list-block ul ul .item-inner i.price {
    font-style: normal;
    color: #ff5000
}

.newReturnOrder .order-btn a {
    float: right
}

.newReturnOrder .order-btn .ck-allSelect {
    line-height: 40px;
    float: left;
    margin-top: 3px;
    margin-left: 7px
}

.newReturnOrder .order-btn .ck-allSelect input {
    float: left;
    width: 40px
}

.newReturnOrder .order-btn .ck-allSelect .item-media {
    float: left
}

.newReturnOrder .order-btn .ck-allSelect .item-inner {
    float: left;
    line-height: 19px
}

.newReturnOrder .order-btn .ck-allSelect .item-inner .item-title {
    display: inline-block;
    font-size: 13px;
    margin-left: 7px;
    color: #333
}

.newDeliverOrder .cartNew-list.list-block .item-content {
    margin-left: 0
}

.newDeliverOrder .productDetailContainer-title {
    padding-left: 15px
}

.newDeliverOrder .cartItemContainer>li.productItemContent:nth-child(2):before,
.newDeliverOrder .confirmList ul li:nth-child(2):before {
    background-color: #fff
}

.newDeliverOrder .cartList.list-block ul ul .item-inner .item-price span {
    float: right;
    margin-top: 4px;
}

.newDeliverOrder .cartNew-list.list-block ul ul .item-inner span.count {
    margin: 5px 6px 0 3px
}

.newDeliverOrder .confirmList ul li:nth-child(2):before {
    background-color: #fff !important
}

.newDeliverOrder .page-content-inner {
    padding-bottom: 60px !important
}

.newDeliverOrder .order-btn.message-btn {
    border-top: none
}

.indexManage.hasExpireTips>.navbar {
    top: 25px
}

.indexManage.hasExpireTips>.order_list {
    margin-top: 68px
}

.hasExpireTips .expireTips {
    position: absolute;
    top: 0;
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background-color: #f55b51;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAhCAYAAADDAmudAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkM2MyYmE3MS0xMzdlLTQ0MmYtOTk1Mi0wZmM4Yzk5ZDg1YmEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBDN0I1MUNGOTc2MTFFNkE2MkU4QzczMEJBNzk2QjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBDN0I1MUJGOTc2MTFFNkE2MkU4QzczMEJBNzk2QjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MWUwYjQwMi03MmM0LTQzZDItOWY3NC1jOTQ3N2U2ODg5OGUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0YTQ0MjNjMi0zNTY1LTExN2EtOWY4Yi1kMzc3NzJhNTkxZTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7xTq67AAACeElEQVR42sSWO2hUQRSG78aNGjSFRkFZiPEVs4LgI2ihiKKFYGFhGh+InQQMgp0g7C4WdsFOiEgatdBKGy0ELQURi+gqglljBBXxhW8Sc/2O/JHr9T5mbzY48HH27j1z/jln5s5Mrlwue2mtVCq1Y7pgNRTF7EqlsjGln5d3CN6BqUW8muBdCyLfkvqnCtCewzA8gydQhUdGWnAnAYJMYJZ7GVuTN80tn1J/G8Au2AvboQC+ynYTrpDhrUwCBLcVcwHWRbxeKXrxu409jNCIc4noZKO+o+Av4QSsgVnQAt1wCt7BNrhLn01OGeBogS5DqzLoZXSfQ273DHz75bMbbvC8Ht9arAAOOcyggg/gfET/92D6YAX/FQIr7APv9vDzqkTOwc6kEtlkbtAkHlPwMzaZsBXmRCzjn5hD8BZ24L8lSeCgbD8dv+O8X0JfwbJZEvOt2Fyc1eOBpDnolr0me1z2KEEGU5b8dTgJmyMzYLTNmMUwbiXieQZ2LVgJLjl8U8OyhbgSdeh5VHU1RxP5yPMPB4HX8AnmM7i5UQKrZIcCgtZeuGwJDMLXJuhpa/9HoCtGoFbH1jMUGmxkBg9CAk8zCBSTBB7KLg1NXj0CsSUag8dTKFE1skTM+jzMQgvOZI1lFaDvK8wb6NQy/5NBMZiizoFW7f31lGgyxkxYFhToDArYMQkL+Nnm+A3ErqSmmCU6mfL7DKdkNViVRIGM7a8M8qESjdhlqUHt96Bzvu/ntR03N/hCYVt4W87l6pi1WTX+771Io7AP5otKaMfpIh0utq23T/lmp7PhonzvK7i1gYZkoNanfWqf7Hk47dLRVtG0zsEvAQYADDfMFzIpuusAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 13px;
    padding-left: 25px;
    background-position: 5px
}

.chose-area .navbar:after,
.select-comm .navbar:after {
    background-color: #e5e5e5 !important
}

.orderListManage .navbar,
.orderLists .navbar,
div[data-page=messageCenter] .navbar {
    position: relative;
    height: 88px
}

div[data-page=channelAgentRelation].customer .navbar {
    height: 44px
}

.nativeApp div[data-page=channelAgentRelation].customer .navbar {
    height: 88px
}

div[data-page=channelAgentRelation].customer .page-content.native-scroll {
    margin-top: -44px;
    padding-top: 44px
}

.nativeApp div[data-page=channelAgentRelation].customer .page-content.native-scroll {
    margin-top: -64px;
    padding-top: 64px
}

.dataStatistics .navbar .choose-list,
.orderListManage .navbar .choose-list,
.orderLists .navbar .choose-list,
.orderRanking .navbar .choose-list,
.productManage .navbar .choose-list {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 44px;
    z-index: 111;
    border-top: 1px solid #e5e5e5
}

.nativeApp .dataStatistics .navbar .choose-list,
.nativeApp .orderListManage .navbar .choose-list,
.nativeApp .orderLists .navbar .choose-list,
.nativeApp .orderRanking .navbar .choose-list,
.nativeApp .productManage .navbar .choose-list {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 64px;
    z-index: 111;
    border-top: 1px solid #e5e5e5
}

.dataStatistics .navbar .center a,
.orderListManage .navbar .center a,
.orderLists .navbar .center a,
.orderRanking .navbar .center a,
.productManage .navbar .center a {
    margin-right: 5px
}

.dataStatistics .navbar .choose-list li,
.orderListManage .navbar .choose-list li,
.orderLists .navbar .choose-list li,
.orderRanking .navbar .choose-list li,
.productManage .navbar .choose-list li {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 44px
}

.treeCommListDetail li {
    font-size: 14px
}

.treeCommListDetail li .item-title {
    color: #666
}

.treeCommListDetail li .detail-content {
    color: #333
}

.treeCommListDetail li img {
    width: 50px;
    height: 50px;
    border-radius: 6px
}

.treeCommListDetail ul.deleteCatogry li {
    padding-left: 0
}

.treeCommListDetail ul.deleteCatogry li p {
    text-align: center;
    width: 100%
}

.treeCommListDetail li .detail-content,
.treeCommListDetail li input {
    text-align: right
}

.treeCommListDetail ::-webkit-input-placeholder {
    font-size: 14px !important
}

.treeCommListDetail :-moz-placeholder {
    font-size: 14px !important
}

.treeCommListDetail ::-moz-placeholder {
    font-size: 14px !important
}

.treeCommListDetail :-ms-input-placeholder {
    font-size: 14px !important
}

.treeCommList .list-block ul:after,
.treeCommList .list-block ul:before {
    background-color: #fff
}

.adUnits li .detail-content,
.adUnits li input,
.unitsList li .detail-content,
.unitsList li input {
    text-align: left
}

.adUnits p.tips {
    margin: 10px 15px 0;
    font-size: 12px;
    color: #999
}

.adUnits .list-block li .label {
    width: 86px
}

.newBill .list-block li .detail-content {
    width: 100%;
    margin-left: 5px;
    color: #ccc
}

.unitsList .list-block li .label {
    width: auto;
    margin-right: 5px;
    font-size: 15px
}

.unitsList .list-block .item-content {
    padding-left: 0;
    font-size: 12px
}

.unitsList .list-block .item-content a {
    width: 100%
}

.unitsList .list-block .item-content .item-inner {
    padding-left: 15px
}

.adUnits .list-block .item-input input {
    font-size: 14px;
    color: #333;
    padding: 0
}

.adUnits .list-block .del-padd .item-inners {
    padding-top: 0;
    padding-bottom: 0
}

.adUnits .list-block .toFileList .item-after {
    color: #06c1ae
}

.adUnits .list-block .del-padd .item-content .item-inner {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.adUnits .list-block .del-padd .item-content .item-inner .item-title {
    white-space: normal;
    text-overflow: clip
}

.unitDetail .treeCommListDetail li .detail-content,
.unitDetail .treeCommListDetail li input {
    text-align: left;
    width: 100%
}

.unitDetail .treeCommListDetail li .item-title {
    color: #333;
    width: 28% !important
}

.treeCommListDetail li .item-input input {
    color: #000;
    font-size: 14px
}

.treeCommListDetail .list-block .item-title.label+.item-input {
    text-align: right
}

.unitDetail .treeCommListDetail .list-block .item-title.label+.item-input {
    text-align: left
}

.label-switch,
.label-switch .checkbox,
.label-switch input[type=checkbox]:checked+.checkbox {
    width: 40px;
    height: 24px
}

.label-switch .checkbox:before {
    left: -2px;
    top: 1px;
    width: 40px;
    height: 22px
}

.label-switch .checkbox:after {
    top: 1px;
    left: -2px;
    height: 22px;
    width: 22px
}

.selectAddress .page-content-inner {
    height: 100%;
    padding-bottom: 0 !important
}

.selectAddress .list-block {
    display: flex;
    margin-bottom: 0;
    background-color: #fff;
    height: 100%
}

.selectAddress #category_wapper {
    height: 100%;
    overflow-y: scroll
}

.selectAddress .list-block .category-tab {
    flex: 1;
    border-left: 1px solid #f5f5f5;
    overflow: auto;
    background: #fff
}

.selectAddress .list-block .category-tab:nth-child(1) {
    border-left: 1px solid #fff
}

.selectAddress .list-block .category-tab ul {
    width: auto
}

.selectAddress .list-block .category-tab li {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    background: #fff;
    padding: 0;
    margin-left: 15px;
    height: 45px;
    height: auto
}

.selectAddress .list-block .category-tab li .detail-content {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    text-align: left
}

.selectAddress .list-block .category-tab li:last-child .item-inner:after {
    background-color: #e5e5e5;
    display: block
}

.selectAddress .page-content.native-scroll {
    padding-bottom: 0
}

.selectAddress .list-block ul:after,
.selectAddress .list-block ul:before {
    background-color: #fff
}

.searchWarehouse .input-group-addon:first-child {
    border-radius: 4px 0 0 4px
}

.searchWarehouse .input-group-addon:last-child {
    border-radius: 0 4px 4px 0
}

.searchWarehouse .input-group-addon {
    border: none
}

.searchWarehouse .search {
    border: none;
    height: 30px;
    font-size: 13px;
    padding: 0;
    color: #999
}

.searchWarehouse .search::-webkit-input-placeholder {
    font-size: 13px !important
}

.searchWarehouse .input-group-addon span {
    width: 18px;
    height: 18px;
    background-color: #ccc;
    border-radius: 50%;
    display: block
}

.searchWarehouse .input-group-addon span i {
    margin-left: 5px;
    padding-top: 9px
}

.searchWarehouse .list-block p {
    margin: 0 0 0 15px;
    font-size: 12px;
    color: #666;
    line-height: 25px
}

.searchWarehouse .list-block p.more {
    background: #fff;
    margin: 0;
    padding-left: 15px;
    color: #999
}

.searchWarehouse .list-block .item-title.label {
    width: 100%
}

.uploadPic,
.uploadPic .list-block ul:after,
.uploadPic .list-block ul:before {
    background-color: #fff
}

.uploadPic .list-block ul {
    margin: -1px 5px 5px 10px
}

.uploadPic .list-block li {
    width: 30%;
    float: left;
    margin: 5px;
    border: 1px solid #e0e0e0
}

.uploadPic .list-block li img {
    width: 100%
}

.uploadPic .list-block li p {
    font-size: 10px;
    color: #fff;
    margin: 0;
    position: absolute;
    bottom: 5px;
    left: 5px
}

.uploadPic .list-block li span {
    width: 15px;
    height: 15px;
    background-color: #f27474;
    position: absolute;
    display: block;
    top: -4px;
    right: -4px;
    border-radius: 50%
}

.uploadPic .list-block li span i {
    position: absolute;
    right: 3px;
    top: 3px
}

.uploadPic .list-block li.last {
    border: 1px solid #e0e0e0;
    position: relative
}

.uploadPic .list-block li.last .icon-upload {
    position: absolute !important;
    left: 50%;
    margin-left: -14.5px;
    top: 50%;
    margin-top: -14.5px
}

.uploadPic .card-item:before {
    background-color: #fff
}

.addDescribe .list-block {
    background-color: #fff;
    margin-bottom: 30px
}

.addDescribe .list-block textarea {
    padding: 15px;
    height: 250px;
    font-size: 14px
}

.addDescribe .list-block ul {
    float: right;
    margin-right: 10px;
    padding-bottom: 10px
}

.addDescribe .list-block ul li {
    float: left;
    margin-left: 5px
}

.addDescribe .list-block .btns a {
    display: block;
    font-size: 13px;
    color: #fff;
    float: left;
    text-align: center;
    width: 59px;
    line-height: 36px
}

.addDescribe .list-block .btns a.first {
    border-right: #282828
}

.addDescribe .list-block .btns a.last {
    border-left: 1px solid #929292
}

.addDescribe .list-block .btns {
    background-color: #282828;
    width: 120px;
    height: 36px;
    border-radius: 4px;
    position: relative
}

.addDescribe .list-block .btns div.sanj {
    width: 10px;
    height: 10px;
    background-color: #282828;
    margin-left: 55px;
    position: absolute;
    top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.addDescribe .list-block .btns div.sanj div {
    height: 13px;
    border: 1px solid #929292;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 4px;
    top: -2px;
    border-right: none
}

.uploadEnclosure .enclosure-list .upimgdiv {
    width: 35px
}

.uploadEnclosure .product-list.list-block.media-list .item-link .item-title-row {
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 5px
}

.uploadEnclosure .enclosure-list {
    margin-top: -1px;
    padding-bottom: 17px
}

.editOrderDetail .combine-pro li.no-bor.totalType,
.editOrderDetail .confirmList .combile ul.combine-pro li:last-child {
    padding-bottom: 0 !important
}

.uploadEnclosure .toolbar .button i.icon {
    margin-right: 5px
}

.editOrderDetail .cartNew-list,
.editOrderDetail .cartNew-list.list-block li {
    margin-bottom: 0
}

.editOrderDetail .confirmList ul li {
    margin-top: 0
}

.editOrderDetail .confirmList ul ul {
    padding-left: 0;
    padding-bottom: 0 !important
}

.editOrderDetail .list-block ul ul .item-inner span.font-12 {
    display: block
}

.editOrderDetail .combine-pro>li:last-child:after {
    background-color: #fff !important
}

.editOrderDetail .cartNew-list.list-block li.productItemContent .item-content.titles {
    border-bottom: 1px solid #f5f5f5
}

.editOrderDetail .cartNew-list.list-block .combile .item-content {
    margin-left: 0
}

.editOrderDetail .cartNew-list.list-block .del-orders .combile .item-content {
    margin-left: 40px !important
}

.editOrderDetail .cartNew-list.list-block .del-orders .combile .item-content.titles {
    margin-left: 0 !important;
    padding-left: 7px
}

.editOrderDetail .confirmList .item-title {
    width: auto
}

.editOrderDetail .confirmList .item-title p {
    position: initial;
    line-height: 44px
}

.editOrderDetail .confirmList .item-title a {
    color: #06c1ae
}

.editOrderDetail .combine {
    margin-top: 0 !important
}

.editOrderDetail .cartNew-list.list-block .combine .item-media {
    padding-left: 0 !important
}

.selectSalesman .searchbar input::-webkit-input-placeholder {
    color: #999;
    font-size: 13px !important
}

.selectSalesman .searchbar input[type=search]:focus {
    background-position: 8px center
}

.popover-angle.on-top:after {
    background: url(../img/crop/pop-arrow_03.png) no-repeat;
    width: 10px;
    height: 9px;
    background-size: 100%;
    top: 18px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 10px
}

.addCommodity .newBill .list-block {
    margin: 55px 0
}

.addCommodity .list-block ul h2 {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    background: #f4f5fa;
    text-align: center;
    height: 30px;
    line-height: 30px
}

.newAgentOptions.chose-area .page-content {
    padding-top: 43px
}

.newAgentOptions.chose-area.treeComm ul.cangku li {
    line-height: 44px;
    height: 44px;
    padding-left: 15px
}

.list-block ul.cangku:before {
    background-color: #fff
}

.newAgentOptions.chose-area.treeComm ul.cangku li .select-btn {
    padding-left: 0
}

.newAgentOptions.chose-area .list-block .user .item-inner,
.newAgentOptions.chose-area.treeComm ul.user li {
    height: 62px
}

.newAgentOptions.selectSalesman .list-block ul.user li,
.newAgentOptions.selectStock .list-block ul.user li {
    padding-left: 15px
}

.newAgentOptions.selectSalesman .list-block ul.user li .item-title,
.newAgentOptions.selectStock .list-block ul.user li .item-title {
    margin-top: 10px
}

.companyInfo .list-block {
    margin-top: 35px
}

[data-page=productManage] .cartList>ul>li>.label-checkbox:before {
    background-color: #e5e5e5
}

[data-page=productManage] .list-block ul ul {
    padding-left: 0
}

.price-list .cartList.list-block ul ul .status_s .item-title span {
    width: 68px;
    display: block;
    float: left;
}

.price-list .cartList.list-block .item-subtitle {
    color: #999
}

.price-list .cartList.list-block .item-subtitle span {
    color: #333
}

.price-list .cartList.list-block .item-subtitle b {
    font-size: 13px;
    color: #ff5000;
    font-weight: 400
}

.price-list .cartList.list-block .item-subtitle p {
    margin: 0
}

.price-list .cartList.list-block .item-subtitle b i {
    margin-top: -4px;
    margin-right: 5px
}

.price-list .cartList.list-block ul.productDetailContainer li .item-text {
    max-width: 100%
}

.RebateModify .item-title-row {
    width: 100%
}

.RebateModify .list-block .item-after {
    float: right;
    margin-top: -32px;
    height: 44px
}

.RebateModify .list-block .item-after i {
    width: 40px;
    height: 44px;
    background-size: 16px;
    background-position: 20px 19px
}

.RebateModify .list-block .item-after i.icon-add-bank {
    background-position: 20px 14px
}

.RebateModify .list-block .swipeout-actions-right a.swipeout-delete {
    line-height: 53px
}

.RebateModify .pay-bill.media-list .checkdiv {
    margin-top: 0;
    margin-left: 0 !important
}

.RebateModify .page-content-inner {
    border: none;
    padding-bottom: 60px !important
}

.RebateModify .payDetails .btn-chooseClient .item-input input {
    font-size: 15px
}

[data-page=scart] .page-content {
    padding-bottom: 88px
}

[data-page=receipt] .page-content.infinite-scroll.native-scroll {
    padding-top: 40px;
    margin-top: -44px
}

.nativeApp [data-page=receipt] .page-content.infinite-scroll.native-scroll {
    padding-top: 64px;
    margin-top: -44px
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .customer .page-content {
        padding-top: 124px
    }

    .p-t-110 {
        padding-top: 124px !important
    }

    .nativeApp .indexManage .order_list {
        margin-top: 88px
    }

    .nativeApp .customerDetail .item-content .tel .external,
    .nativeApp .customerDetail .list-block.all-order {
        margin-top: 54px
    }

    .indexManage .native-scroll {
        padding-bottom: 214px !important
    }

    .picker-modal {
        bottom: 34px
    }

    .nativeApp .dataStatistics .navbar .choose-list,
    .nativeApp .orderListManage .navbar .choose-list,
    .nativeApp .orderLists .navbar .choose-list,
    .nativeApp .orderRanking .navbar .choose-list,
    .nativeApp .productManage .navbar .choose-list {
        top: 88px
    }

    .nativeApp .navbar-fixed .page-content.orderList-container,
    .nativeApp .navbar-through .page-content.orderList-container {
        padding-top: 64px
    }

    .select-customers .list-block.media-list {
        margin-top: 0
    }

    .nativeApp .indexManage .list-block {
        margin-top: 45px
    }

    .nativeApp .indexManage>.native-scroll .list-block {
        margin-top: 0
    }

    .productManage .page-bottom {
        margin-bottom: 50px
    }
}

.homeNewPage .index-list-2 li p,
.menu-mod .down-item-list li span {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.color-orange-u {
    color: #ff6817 !important
}

.color-red {
    color: red !important
}

.color-green-u {
    color: #03bfff
}

.color-gray-u {
    color: #1a1a1a
}

.color-lightgray-u {
    color: #505050
}

.color-lightergray-u {
    color: #666 !important
}

.color-lightestgray-u {
    color: #999
}

.color-2b {
    color: #2b2b2b
}

.border-lightergray-u {
    border: 1px solid #666
}

.border-orange-u {
    border: 1px solid #ff5400
}

.border-lightestgray-u {
    border: 1px solid #e1e1e1
}

.border-green-u {
    border: 1px solid #03bfff
}

.border-none {
    border: 0 !important
}

.bg-orange-u {
    background: #ff5400 !important;
    color: #FFF
}

.forgetPwd,
.navbar .right a,
.page .navbar .left a,
.page .navbar .right a,
.register {
    color: #06c1ae
}

.bg-green-u {
    background: #06c1ae !important
}

.baseInfo-submit,
.invoice_save,
.newAddr-button,
.payment_save,
.serBaseInfo-btn-save,
.userBaseInfo-btn-save {
    background-color: #ff9e06 !important
}

.button.button-fill {
    background: #007aff
}

.payfor-btn {
    background: #ff9e06;
    border: #ff9e06 !important
}

.chooseRetSubmitBtn,
.confirmOrderSaveBtn,
.confirmOrderSubmitBtn,
.rebateSelectedSaveBtn {
    background-color: #ff9e06 !important
}

.exit-button {
    background: #FFF;
    border: 1px solid #ff626e;
    color: #ff626e
}

.category-hot .button,
.category-tab li.cur.hot a {
    color: #ff626e !important
}

.category-tab li.cur.hot {
    border-left: 2px solid #ff626e
}

.category-hot .button {
    border-color: #ff626e !important;
    background-color: #ffeff0
}

.new-button {
    border: 1px solid #ff9e06 !important;
    background-color: #ff9e06 !important
}

.new-button[disabled] {
    border: 1px solid #fbd599;
    background-color: #fbd599
}

.TestGetCode {
    background-color: #eafcfa;
    border: 1px solid #19c4b3;
    color: #19c4b3
}

.productDetail-addCart1 {
    background: #ff9e06 !important
}

.popup-bottom .button {
    background-color: #ff9e06;
    border-color: #ff9e06
}

.popup-bottom .button-submit {
    background: #ffeccd !important;
    color: #ff9e06 !important;
    border-color: #ffeccd !important
}

.attrItem input[type=radio]:checked+span {
    border: 1px solid #ff5400
}

.addCommodity .order-btn.oc_toolbarButtonsContainer .cart-btn-submit,
.cart-page .bottom-bar .button,
.cart-page .bottom-bar .cart-btn-delete {
    background: #ff9e06
}

.addCommodity .order-btn.oc_toolbarButtonsContainer .cart-btn-submit {
    color: #fff;
    border: 1px solid #ff9e06
}

.nav-bar.active,
.orderListManage .navbar a.active,
.orderLists .navbar a.active,
.orderRanking .navbar a.active,
.popup-login .forget-password,
.productManage .navbar a.active,
.tabbar a.active {
    color: #06c1ae
}

.indexManage .contents .titles ul li.active,
.nav-bar.active {
    border-bottom: 3px solid #06c1ae
}

.cart-page.cart-empty .bottom-bar .button {
    background-color: #fbd599
}

.common-tips-title.success-tips {
    background-color: #50d3c6
}

.common-tips-title.permit-tips {
    background-color: #fff
}

.common-tips-title.error-tips {
    background-color: #ff8585
}

.common-tips-title.warning-tips {
    background-color: #ffb32f
}

.modal-button {
    color: #ff9e06;
    border: 1px solid #ff9e06
}

.modal-button:last-child {
    background-color: #ff9e06
}

.swiper-pagination-bullet-active {
    background: #fff
}

.card-product .title h3:before {
    background-color: #06c1ae
}

.category-tab li.cur {
    border-left: 2px solid #06c1ae
}

.card-navbar .button.active,
.category-tab li.cur a {
    color: #06c1ae
}

.tocart {
    background-color: #ff9e06
}

.tocart .badge {
    border: 1px solid #ff9e06;
    color: #ff9e06
}

.tabbar-u .button.active {
    border-bottom: #06c1ae solid 2px;
    color: #06c1ae
}

.empty .button {
    border: 1px solid #19c4b3;
    color: #19c4b3
}

.cart-page .right a {
    color: #06c1ae
}

.cart-page .bottom-bar .cart-btn-collection>.button {
    color: #ff9e06
}

.dataStatistics .navbar .choose-list li.active,
.ex-togglePage .item-title.ex-fileManage,
.order-list h4 em,
.orderListManage .navbar .choose-list li.active,
.orderLists .navbar .choose-list li.active,
.orderRanking .navbar .choose-list li.active,
.productManage .navbar .choose-list li.active {
    color: #06c1ae
}

.pay-bill p .button.active {
    background-color: #ff9e06;
    border-color: #ff9e06
}

.bankInfor li.default .item-content {
    background: #06c1ae
}

.fund-page .button.active {
    background-color: #ff9e06;
    border-color: #ff9e06
}

.indexManage .navbar,
.indexManage .order_list {
    background-color: #19c4b3
}

.orderstatu-content dl.active dt {
    background: #ff9e06
}

.expensePageToolbar .button.check {
    border-color: #ff9e06;
    color: #ff9e06
}

.expensePageToolbar .button.payfor {
    border-color: #ff9e06;
    background-color: #ff9e06
}

.channelCustomer .list-block .item-inner .item-right p,
.customer .list-block .item-inner .item-right p {
    color: #19c4b3;
    border: 1px solid #19c4b3
}

.indexManage .list-block ol li.active span,
.product-list .add-cart-btn span {
    border: 1px solid #06c1ae
}

.channelCustomer .list-block .item-inner .item-left .item-title span,
.customer .list-block .item-inner .item-left .item-title span {
    background-color: #f0b928
}

.RegisterNew .next-btn {
    background-color: #8ce2d9
}

.RegisterNew .next-btn.active {
    background-color: #19c4b3
}

.RegisterNew p.agree a {
    color: #19c4b3
}

div[data-page=home].page .navbar .bgColor {
    width: 100%;
    height: 44px;
    opacity: 0;
    background-color: #06c1ae;
    background: -webkit-linear-gradient(right, #20c8df, #48deaf);
    background: -o-linear-gradient(right, #20c8df, #48deaf);
    background: -moz-linear-gradient(right, #20c8df, #48deaf);
    background: -mos-linear-gradient(right, #20c8df, #48deaf);
    background: linear-gradient(right, #20c8df, #48deaf)
}

.nativeApp div[data-page=home].page .navbar .bgColor {
    width: 100%;
    height: 64px;
    opacity: 0;
    background-color: #06c1ae;
    background: -webkit-linear-gradient(right, #20c8df, #48deaf);
    background: -o-linear-gradient(right, #20c8df, #48deaf);
    background: -moz-linear-gradient(right, #20c8df, #48deaf);
    background: -mos-linear-gradient(right, #20c8df, #48deaf);
    background: linear-gradient(right, #20c8df, #48deaf)
}

.login-btuuon .button {
    background: -webkit-linear-gradient(right, #20c8df, #48deaf) !important;
    background: -o-linear-gradient(right, #20c8df, #48deaf) !important;
    background: -moz-linear-gradient(right, #20c8df, #48deaf) !important;
    background: -mos-linear-gradient(right, #20c8df, #48deaf) !important;
    background: linear-gradient(right, #20c8df, #48deaf) !important
}

.treeCommListDetail ul.deleteCatogry li p {
    color: #ff626e
}

.searchWarehouse .list-block .item-title.label span,
.selectAddress .list-block .category-tab li.active .detail-content {
    color: #06c1ae
}

.label-switch input[type=checkbox]:checked+.checkbox {
    background: #06c1ae
}

.popup-network .noDataTip a.button {
    color: #06c1ae;
    border: 1px solid #06c1ae
}

.flex-btn.sure-btn a {
    background-color: #ff9e06 !important;
    color: #fff !important
}

.category-content .category-hot p a,
.indexManage .contents .titles a,
.indexManage .list-block ol li.active,
.list-block .titles .item-inner a,
.order .category-hot h2 {
    color: #06c1ae
}

.indexManage .list-block ol li.active {
    background-color: #eaf8f7
}

.modal-inner {
    background-color: #ffb32f
}

.channelCustomer .list-block .item-inner .item-left .item-subtitle span,
.customer .list-block .item-inner .item-left .item-subtitle span {
    color: #06c1ae;
    background-color: #e1f9f5
}

body {
    font-size: .24rem
}

.page {
    background: #f5f5f5
}

p {
    margin: 0
}

.icon-arrow-down,
.icon-arrow-up {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    position: inherit !important;
}

.menu-mod {
    display: flex;
    justify-content: space-between;
    padding: .2rem .3rem 0;
    height: .86rem;
    position: relative;
    box-sizing: border-box
}

.menu-mod .menu-list {
    display: flex;
    color: #333;
    font-size: .28rem;
    overflow: auto;
    width: 93%
}

.menu-mod .menu-list li {
    margin-right: .4rem;
    position: relative;
    white-space: nowrap;
    display: inline-block
}

.menu-mod .menu-list li.active {
    color: #EE2223
}

.menu-mod .menu-list li.active:after {
    content: "";
    width: .56rem;
    height: .04rem;
    background: #EE2223;
    position: absolute;
    bottom: .02rem;
    left: 50%;
    transform: translatex(-50%)
}

.menu-mod .down-btn,
.menu-mod .down-btn::before {
    top: 50%;
    transform: translatey(-50%);
    position: absolute
}

.menu-mod .down-btn {
    margin: 0;
    width: .17rem;
    height: .1rem;
    right: 0;
    padding: .3rem
}

.menu-mod .down-btn::before {
    content: '';
    display: inline-block;
    width: .02rem;
    height: .32rem;
    background: #eee;
    left: -.01rem
}

.menu-mod .down-item-list {
    display: flex;
    padding: .3rem;
    position: absolute;
    top: 47px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 9px 15px 0 #ccc;
    border-top: .01rem solid #EEE;
    box-sizing: border-box;
    flex-wrap: wrap;
    z-index: 100
}

.menu-mod .down-item-list li {
    width: 20%;
    height: .72rem;
    border: .02rem solid #eee;
    font-size: .22rem;
    color: #333;
    padding: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: .15rem;
    text-align: center
}

.menu-mod .down-item-list li:nth-child(4n) {
    margin-right: 0
}

.menu-mod .down-item-list li span {
    display: -webkit-inline-box;
    overflow: hidden;
    line-clamp: 2
}

.menu-mod.fixtop {
    position: fixed;
    box-shadow: 0 0 .2rem #888;
    z-index: 999;
    background: #fff;
    width: 100%;
    top: .8rem
}

.homeNewPage {
    background: #fff
}

.homeNewPage .navbar .navbar-inner .left a span,
.homeNewPage .navbar .right a {
    color: #333;
    font-size: .2rem
}

.homeNewPage .navbar .left,
.homeNewPage .navbar .right {
    text-align: center
}

.homeNewPage .navbar .left a .icon,
.homeNewPage .navbar .right a .icon {
    margin: 0 auto
}

.homeNewPage .navbar .right {
    margin-left: 0
}

.homeNewPage .navbar .sliding a {
    height: 30px;
    border-radius: 15px;
    padding: 0 .2rem;
    background: #F5F5F5
}

.homeNewPage .navbar .sliding a .icon {
    font-size: .34rem;
    color: #999
}

.homeNewPage .navbar .sliding .search {
    background: 0 0
}

.homeNewPage .home-swiper {
    height: 3rem
}

.nativeApp .homeNewPage .swiper-container {
    padding-top: 5px
}

.homeNewPage .home-swiper .swiper-slide {
    text-align: center
}

.homeNewPage .home-swiper .swiper-slide img {
    width: 7.5rem;
    height: 3rem;
    min-height: 2.5rem
}

.homeNewPage .advertise {
    padding: 15px;
    text-align: center
}

.homeNewPage .advertise img {
    height: 2rem;
    width: 6.9rem
}

.homeNewPage .menu-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    justify-content: space-around
}

.homeNewPage .menu-list li {
    text-align: center;
    width: 1.5rem;
    margin-bottom: 10px
}

.homeNewPage .menu-list li span {
    width: .78rem;
    height: .78rem;
    border-radius: 50%;
    display: inline-block;
    background-size: 100%
}

.homeNewPage .menu-list li:nth-child(5n+1) span {
    background-image: url(../img/icon/icon-promotion.png)
}

.homeNewPage .menu-list li:nth-child(5n+2) span {
    background-image: url(../img/icon/icon-collect1.png)
}

.homeNewPage .menu-list li:nth-child(5n+3) span {
    background-image: url(../img/icon/icon-buy.png)
}

.homeNewPage .menu-list li:nth-child(5n+4) span {
    background-image: url(../img/icon/icon-order1.png)
}

.homeNewPage .menu-list li:nth-child(5n+5) span {
    background-image: url(../img/icon/icon-member.png)
}

.homeNewPage .menu-list li p {
    margin: 5px 0 0;
    font-size: .24rem;
    color: #333
}

.homeNewPage .msg-top {
    background: url(../img/icon/msg-title2.png) 10px center no-repeat;
    background-size: 60px 16px;
    padding-left: 80px;
    padding-right: 10px;
    font-size: .28rem;
    color: #333;
    overflow-y: hidden;
    height: .6rem;
    line-height: .6rem;
    box-shadow: 0 0 10px 0 #eee;
    border-radius: 20px;
    margin: 10px 15px 0;
    position: relative
}

.homeNewPage .msg-top>a {
    position: absolute;
    top: 0;
    right: 15px;
    color: #EE2223;
    font-size: .24rem
}

.homeNewPage .msg-top #noticeDiv a {
    display: block;
    color: #333;
    font-size: .24rem
}

.homeNewPage .index-title {
    margin: .5rem .3rem .34rem;
    font-size: .34rem;
    line-height: .48rem;
    color: #444
}

.homeNewPage .index-title a {
    float: right;
    color: #999;
    font-size: .24rem
}

.homeNewPage .index-banner-01 {
    margin-left: .3rem;
    margin-right: .3rem
}

.homeNewPage .index-banner-01 img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 2.2rem;
    width: 100%
}

.homeNewPage .index-list-1 {
    display: flex;
    padding-left: .25rem;
    padding-right: .25rem;
    flex-wrap: wrap
}

.homeNewPage .index-list-1 li {
    width: 1.25rem;
    height: 1.25rem;
    background: #fff;
    box-shadow: 0 0 10px 0 #eee;
    margin: .05rem;
    padding: .2rem
}

.homeNewPage .index-list-1 li span {
    display: block;
    text-align: center;
    line-height: .95rem
}

.homeNewPage .index-list-1 li span img {
    max-width: 100%;
    max-height: .95rem;
    vertical-align: middle
}

.category-brand ul li img,
.category-brand-list .item-img img {
    max-height: 100%;
    vertical-align: middle
}

.homeNewPage .index-list-1 li p {
    font-size: .22rem;
    color: #EE2223;
    line-height: .3rem;
    height: .3rem;
    overflow: hidden;
    margin: 0;
    text-align: center
}

.homeNewPage .index-list-2 {
    display: flex;
    padding-left: .25rem;
    padding-right: .25rem;
    flex-wrap: wrap
}

.homeNewPage .index-list-2 li {
    width: 2.23rem;
    margin: .05rem;
    background: #fff;
    box-shadow: 0 0 10px 0 #eee
}

.homeNewPage .index-list-2 li .index-list-2-img {
    width: 1.81rem;
    height: 1.81rem;
    padding: .2rem .21rem .22rem;
    position: relative
}

.homeNewPage .index-list-2 li .index-list-2-img img {
    display: block;
    width: 100%;
    height: 100%
}

.homeNewPage .index-list-2 li .index-list-2-img .index-label-1 {
    text-align: center;
    position: absolute;
    bottom: 0
}

.homeNewPage .index-list-2 li p {
    color: #333;
    line-height: .26rem;
    font-size: .22rem;
    height: .52rem;
    overflow: hidden;
    margin: .15rem .15rem 0;
    display: -webkit-box;
    line-clamp: 2
}

.homeNewPage .index-list-2 li span {
    display: block;
    margin: .05rem .15rem 0;
    color: #999;
    font-size: .18rem;
    text-align: justify
}

.homeNewPage .index-list-2 li h5 {
    font-weight: 400;
    margin: .1rem .15rem .15rem;
    color: #EE2223;
    line-height: .3rem;
    font-size: .22rem
}

.top-fixed {
    position: fixed;
    bottom: .2rem;
    right: .2rem
}

.brandsPromotion {
    background: #f5f5f5
}

.brandsPromotion .banner {
    width: 7.5rem;
    height: 2.5rem;
    background: #f5f5f5;
    overflow: hidden;
    position: relative
}

.brandsPromotion .banner img {
    width: 100%;
    height: 100%
}

.brandsPromotion .banner.brandList img {
    height: 1.6rem;
    overflow: hidden
}

.brandsPromotion .banner.brandList .brand-info {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 97%;
    height: 1rem;
    margin: 0 1.5%;
    box-sizing: border-box
}

.brandsPromotion .banner.brandList .brand-info .brand-img {
    width: 1.4rem;
    height: 1.4rem;
    box-shadow: 0 0 10px 0 #eee;
    border-radius: 10px;
    margin-top: -.49rem;
    margin-left: .2rem;
    background: #fff;
    overflow: hidden;
    display: inline-block
}

.brandsPromotion .banner.brandList .brand-info .brand-name {
    display: inline-block;
    font-size: .46rem;
    line-height: .64rem;
    color: #333;
    font-weight: 600;
    position: absolute;
    top: .18rem;
    margin-left: .3rem;
    width: 70%;
    height: .64rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.brandsPromotion .item-mod .mod-title {
    color: #fff;
    line-height: 40px;
    font-size: .38rem;
    text-align: center;
    background: url(../img/mod-title-bg.png);
    background-size: 100%
}

.brandsPromotion .item-mod .item-list {
    display: flex;
    padding-left: .25rem;
    padding-right: .25rem;
    margin-top: .3rem;
    margin-bottom: .4rem;
    flex-wrap: wrap
}

.brandsPromotion .item-mod .item-list .prod-card {
    width: 2.23rem;
    margin: .05rem;
    background: #fff;
    box-shadow: 0 0 10px 0 #eee
}

.brandsPromotion .item-mod .item-list .prod-card .item-list-img {
    width: 1.81rem;
    height: 1.81rem;
    padding: .2rem .21rem .22rem;
    position: relative
}

.brandsPromotion .item-mod .item-list .prod-card .item-list-img img {
    display: block;
    width: 100%;
    height: 100%
}

.brandsPromotion .item-mod .item-list .prod-card p {
    color: #333;
    line-height: .26rem;
    font-size: .22rem;
    height: .52rem;
    margin: .15rem .15rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.brandsPromotion .item-mod .item-list .prod-card span {
    display: block;
    margin: .15rem .15rem 0;
    color: #999;
    font-size: .18rem;
    text-align: justify
}

.brandsPromotion .item-mod .item-list .prod-card h5 {
    font-weight: 400;
    margin: .1rem .15rem .15rem;
    color: #EE2223;
    line-height: .3rem;
    font-size: .22rem
}

.brandsList .brand-mod {
    border-radius: 20px 20px 0 0;
    background: linear-gradient(360deg, rgba(255, 197, 194, 0) 0, #ff9c9c 100%);
    background-size: auto 2.5rem;
    background-repeat: no-repeat;
    min-height: 2.5rem;
    padding-bottom: .4rem
}

.brandsList .brand-mod .brand-list-title {
    color: #EE2223;
    font-size: .3rem;
    font-weight: 600;
    line-height: .42rem;
    text-align: center;
    margin: 0;
    padding: .2rem 0
}

.brandsList .brand-mod .brand-list-title::after,
.brandsList .brand-mod .brand-list-title::before {
    content: ' · ';
    color: #EE2223
}

.brandsList .brand-mod .brand-item-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 .3rem;
    box-sizing: border-box
}

.brandsList .brand-mod .brand-item-list li {
    width: 23.9%;
    height: 1.25rem;
    background: #fff;
    border-radius: .1rem;
    margin-right: .1rem;
    margin-bottom: .1rem;
    box-shadow: 0 0 10px 0 #eee
}

.brandsList .brand-mod .brand-item-list li:nth-child(4n) {
    margin-right: 0
}

.promotionGroup .item-mod .mod-title {
    position: relative
}

.promotionGroup .item-mod .mod-title .mod-title-more {
    position: absolute;
    top: 0;
    right: .3rem;
    font-size: .24rem;
    color: #fff;
    font-weight: 400
}

.promotionGroup .item-mod .mod-title .mod-title-more .icon-more {
    margin-top: -.05rem;
    margin-left: .1rem
}

.promotionGroup .item-mod .item-list {
    padding: 0;
    margin-top: .2rem;
    margin-bottom: .3rem
}

.promotionGroup .item-mod .item-list .item-list-inner {
    overflow: auto;
    display: flex;
    padding-left: .3rem
}

.promotionGroup .item-mod .item-list .item-list-inner .prod-card {
    width: 2rem;
    height: 3.4rem
}

.promotionGroup .item-mod .item-list .item-list-inner .prod-card .item-list-img {
    width: 1.6rem;
    height: 1.6rem;
    padding: .2rem .21rem .15rem
}

.promotionGroup .item-mod .item-list .item-list-inner .prod-card p {
    margin: 0 .15rem
}

.promotionGroup .item-mod .item-list .item-list-inner .prod-card span {
    margin: .05rem .15rem 0
}

.promotionGroup .item-mod .item-list .item-list-inner .prod-card .prod-card-more {
    width: 2rem;
    display: inline-block
}

.promotionGroup .item-mod .item-list .item-list-inner .prod-card:last-child {
    width: auto;
    box-shadow: none;
    padding-right: .3rem
}

.promotionGroup .item-mod .item-list .item-list-inner .prod-card:last-child .prod-card-more {
    box-shadow: 0 0 10px 0 #eee;
    width: 1.77rem;
    display: inline-block;
    font-size: .24rem;
    text-align: center;
    color: #999;
    line-height: 3.3rem
}

.promotionGroup .item-mod .item-list .item-list-inner .prod-card:last-child .prod-card-more .icon-more {
    margin-top: -.05rem;
    margin-left: .1rem
}

textarea {
    width: 400px;
    height: 300px;
    font-size: 12px
}

.navbar .right a,
.navbar .right a+a {
    margin-left: .2rem
}

.navbar i.icon {
    font-size: .44rem
}

.icon-more,
.navbar i.icon.icon-up-arrow {
    font-size: .2rem
}

.navbar i.icon.arrow-down {
    font-size: .2rem;
    color: #ccc
}

.navbar i.icon.icon-message-black,
.navbar i.icon.icon-scan-black,
.navbar i.icon.icon-search-black {
    color: #333
}

.icon-more {
    color: #ccc
}

.category-banner {
    margin: .3rem auto 0;
    width: 5.1rem;
    height: 1.7rem
}

.category-banner img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.category-brand {
    position: relative;
    margin: 0 .3rem;
    padding-top: .4rem
}

.category-brand::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #e4e4e4;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.category-brand h4 {
    font-size: .24rem;
    color: #333;
    line-height: .32rem;
    padding: 0;
    margin: 0 .1rem .2rem
}

.category-brand ul {
    display: flex;
    flex-wrap: wrap;
    min-width: 5.1rem
}

.category-brand ul li {
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #f0f0f0;
    line-height: 1.4rem;
    text-align: center;
    border-radius: 4px;
    margin: .1rem
}

.category-brand-list,
.category-brand-tab {
    position: relative
}

.category-brand-list .list-group-title {
    height: .5rem;
    line-height: .5rem;
    background: #f3f4f5;
    font-size: .28rem;
    color: #333;
    font-weight: 400
}

.category-brand-list .item-img {
    border: 1px solid #f0f0f0;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    line-height: .8rem;
    text-align: center;
    margin: .3rem .26rem .3rem 0
}

.category-brand-list .item-inner {
    overflow: hidden;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.category-brand-list .item-title {
    font-size: .26rem;
    color: #333
}

.brandlist-letter {
    position: fixed;
    bottom: 4.44rem;
    text-align: center;
    right: .2rem;
    width: .5rem;
    font-size: .24rem;
    line-height: .34rem;
    color: #333;
    z-index: 30
}

.category-top-tab .navbar-inner .button {
    border: none;
    position: relative;
    font-size: .28rem;
    padding: .26rem 0;
    height: auto;
    line-height: 100%;
    margin: 0 .5rem
}

.category-top-tab .navbar-inner .active.button {
    color: #EE2223
}

.category-top-tab .navbar-inner .active.button:after {
    position: absolute;
    content: '';
    display: block;
    width: 50%;
    height: 2px;
    background: #ee2223;
    box-shadow: 0 2px 7px 0 #fbb;
    border-radius: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -25%
}

.category-brand-tab .empty {
    background-color: #fff
}

@media only screen and (min-width:375px) and (max-width:539px) {
    .category-brand ul li {
        width: 1.4rem;
        height: 1.4rem
    }
}

@media screen and (max-width:320px) {
    .category-brand ul li {
        width: 1.3rem;
        height: 1.3rem
    }
}

.picker-keypad.picker-modal-inline {
    height: 200px
}

.picker-keypad.picker-modal-inline.picker-keypad-type-calculator {
    height: 260px
}

@media (orientation:landscape) and (max-height:415px) {
    .picker-keypad:not(.picker-modal-inline) {
        height: 200px
    }
}

.picker-keypad .picker-modal-inner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(92, 94, 96, .35);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.ios-gt-6.pixel-ratio-2 .picker-keypad .picker-modal-inner:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.ios-gt-6.pixel-ratio-3 .picker-keypad .picker-modal-inner:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-keypad.picker-modal-inline .picker-modal-inner:before,
.popover.popover-picker-keypad .picker-keypad .picker-modal-inner:before {
    display: none
}

i.icon-keypad-delete {
    width: 22px;
    height: 16px;
    background-size: 22px 16px;
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'><path d='M18,0h-8C8.9,0,7.9,0.5,7.1,1.2c0,0,0,0,0,0L1,7.2C0.6,7.7,0.6,8.4,1,8.8l4.9,4.7L7,14.6c0,0,0,0,0,0c0.7,0.9,1.8,1.4,3,1.4 h8c2.2,0,4-1.8,4-4V4C22,1.8,20.2,0,18,0z M17.3,11.2l-0.7,0.7l-3.2-3.2l-3.2,3.2l-0.7-0.7L12.8,8L9.6,4.8l0.7-0.7l3.2,3.2l3.2-3.2 l0.7,0.7L14.2,8L17.3,11.2z' fill='%23000000'/></svg>")
}

.picker-keypad-buttons {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.picker-keypad-button {
    background: #fcfcfd;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 33.33333333%;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    height: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.picker-keypad-button:after,
.picker-keypad-button:before {
    content: '';
    position: absolute;
    top: 0;
    background-color: rgba(92, 94, 96, .35);
    display: block;
    z-index: 15
}

.picker-keypad-button:after {
    right: 0;
    width: 1px;
    height: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

html.ios-gt-6.pixel-ratio-2 .picker-keypad-button:after {
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

html.ios-gt-6.pixel-ratio-3 .picker-keypad-button:after {
    -webkit-transform: scaleX(.33);
    transform: scaleX(.33)
}

.picker-keypad-button:before {
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.picker-keypad-type-calculator .picker-keypad-button:nth-child(-n+4):before,
.picker-keypad-type-calculator .picker-keypad-button:nth-child(4n):after,
.picker-keypad-type-numpad .picker-keypad-button:nth-child(-n+3):before,
.picker-keypad-type-numpad .picker-keypad-button:nth-child(3n):after {
    display: none
}

html.ios-gt-6.pixel-ratio-2 .picker-keypad-button:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.ios-gt-6.pixel-ratio-3 .picker-keypad-button:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-keypad-button.picker-keypad-button-dark,
.picker-keypad-button:not(.picker-keypad-dummy-button).active-state,
html:not(.watch-active-state) .picker-keypad-button:not(.picker-keypad-dummy-button):active {
    background: #bcc0c5
}

.picker-keypad-button.picker-keypad-button-dark:not(.picker-keypad-dummy-button).active-state,
html:not(.watch-active-state) .picker-keypad-button.picker-keypad-button-dark:not(.picker-keypad-dummy-button):active {
    background: #fcfcfd
}

.picker-keypad-button.picker-keypad-dummy-button {
    cursor: default
}

.picker-keypad-type-numpad .picker-keypad-button.picker-keypad-button-double {
    width: 66.66666667%;
    width: -webkit-calc(100% / 3 * 2);
    width: calc(100% / 3 * 2)
}

.picker-keypad-type-calculator .picker-keypad-button {
    width: 25%;
    height: 20%;
    font-weight: 300
}

.picker-keypad-type-calculator .picker-keypad-button.picker-keypad-button-double {
    width: 50%
}

.picker-keypad-button.calc-operator-button {
    color: #fff;
    background: #ff9500
}

.picker-keypad-button.calc-operator-button.active-state,
html:not(.watch-active-state) .picker-keypad-button.calc-operator-button:active {
    background: #e0750e
}

.picker-keypad-button.calc-operator-button.calc-operator-active {
    border: 1px solid rgba(0, 0, 0, .4)
}

.picker-keypad-button-letters,
.picker-keypad-button-number {
    display: block
}

.picker-keypad-button-number {
    font-size: 28px;
    line-height: 1
}

.picker-keypad-button-letters {
    font-size: 11px;
    line-height: 15px;
    height: 15px
}

.list-block input[type=numpad],
.list-block input[type=calculator] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: 0 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 43px;
    color: #000;
    font-size: 17px;
    font-family: inherit
}

.picker-keypad-type-numpad .link.close-picker {
    margin-right: 15px
}

.multilingual .row .col-50,
.multilingual .subnavbar .buttons-row a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.multilingual .indexManage .order_list {
    height: 85px
}

.multilingual #mylogin #picker-lang {
    width: 50%
}

.multilingual .price-list .cartList.list-block ul ul .status_s .item-title span {
    width: auto;
    margin-right: 10px
}

.multilingual .list-block .item-title.label {
    width: 110px
}

.multilingual .expenseOrderEdit .item-title.label,
.multilingual .user-list .item-title.label {
    min-width: 100px
}

.multilingual .row .col-50 {
    width: 49%;
    margin-left: 1%
}

.multilingual .RegisterNew .get-yzm p,
.multilingual .btn-code,
.multilingual .detail-title .promo-type,
.multilingual .order-btn .btn.btn-confor,
.multilingual .orderstatu-title .sign {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.multilingual .subnavbar .buttons-row a#proList i {
    right: 18px;
    top: 5px;
    position: absolute
}

.multilingual .cart-page .bottom-bar .label-checkbox.col-20 {
    width: 30%
}

.multilingual [data-page=scart] .cart-page .bottom-bar .sum-price {
    width: 45%
}

.multilingual .pay-content-form.list-block .item-title.label {
    width: 100px
}

.multilingual .rebate dl dt {
    width: 28%
}

.multilingual .rebate dl dd {
    margin-left: 28%
}

.multilingual .common-tips-title>span.font-23 div {
    padding-right: 5px;
    line-height: 18px
}

.multilingual .common-tips-title.success-tips>span {
    font-size: 21px;
    line-height: 100px
}

.multilingual .orderstatu-title .orderstatu_ico {
    overflow:unset;
}

.multilingual .orderstatu-title .sign.no-bg .icon.icon-finish {
    margin-top: 0
}

.multilingual .icon-finish {
    width: 56px;
    height: 56px;
    background-image: url(../img/icon/icon-finish.png)
}

.multilingual .order-btn .btn.btn-confor {
    max-width: 90px
}

.multilingual .new-fund .fund-title div:first-child {
    height: 80%
}

.multilingual .cart-page .bottom-bar .cart-btn-collection {
    margin-left: 0
}

.multilingual [data-page=addrListPage] .navbar .right {
    width: 44px
}

.multilingual .rabate-tip {
    min-height: 24px;
    height: auto !important;
    padding-bottom: 5px
}

.multilingual #spanUseableM {
    /* margin-top: 5px */
}

.multilingual .customerDetail .subnavbar .buttons-row {
    width: auto;
}

.multilingual .RegisterNew .get-yzm p {
    max-width: 25%;
    padding-left: 4px
}

.multilingual .modal.modal-preloader .preloader {
    background-image: url(../img/load3.gif)
}

.multilingual .icon-message-center {
    width: 27px;
    height: 31px;
    background-image: url(../img/icon/message_052.png)
}

.multilingual i.icon.icon-scan {
    width: 27px;
    height: 31px;
    background-image: url(../img/icon/sy_03.png)
}

.multilingual .icon-exchangeuser {
    background-image: url(../img/icon/exchangeuser_03.png)
}

.multilingual .order.guide div {
    background-image: url(../img/guide.png)
}

.multilingual [data-page=contactServe] .serve-header {
    background-image: url(../img/serve-bg.png);
}

.multilingual .combin .add.free {
    width: 23px
}

.multilingual .list-block.remarks-list .item-title.label {
    width: 5%
}

.multilingual .popup-select-bank .bankInfoContainer .item-subtitle,
.multilingual .popup-select-bank .bankInfoContainer .item-title,
.multilingual [data-page=NewPaybill].page .popup-CorprationFinancials .item-subtitle {
    width: 250px
}

.multilingual [data-page=NewPaybill].page .popup-AgentFinancials .item-title {
    width: 36%
}

.multilingual .icon-yu {
    background-image: url(../img/icon/icon-yu2.png)
}

.multilingual .icon-xian {
    background-image: url(../img/icon/icon-xian2.png)
}

.multilingual .icon-tui {
    background-image: url(../img/icon/icon-tui2.png)
}

.multilingual .icon-fan {
    background-image: url(../img/icon/icon-fan2.png)
}

.multilingual .bankInfoContainer label.label-radio input[type=radio]~.item-inner {
    background-position: 89% 47%
}

.multilingual .popup-select-bank .bankInfoContainer .item-title {
    width: 90%;
    position: relative
}

.multilingual .popup-select-bank .bankInfoContainer .item-title .default-bank {
    position: absolute;
    right: 10px
}

.multilingual .welcomescreen-picture1 {
    background-image: url(../img/experience/w1.jpg)
}

.multilingual .welcomescreen-picture2 {
    background-image: url(../img/experience/w2.jpg)
}

.multilingual .welcomescreen-picture3 {
    background-image: url(../img/experience/w3.jpg)
}

.multilingual .my_xin {
    background-image: url(../img/icon/my_xin_032.png)
}

.multilingual .icon-finish-red {
    background-image: url(../img/icon/icon-finish-red.png)
}

.multilingual .indexManage .order_list ul li:first-child {
    height: 32px
}

.multilingual .icon-gift {
    width: 26.5px;
    height: 14.5px;
    background-image: url(../img/icon/icon-gift.png)
}

.multilingual .icon-gift-hand {
    width: 60px;
    height: 14.5px;
    background-image: url(../img/icon/icon-gift-hand.png)
}

@media screen and (max-width:320px) {
    .multilingual .tipsMark {
        right: -6px
    }

    .multilingual .RegisterNew .get-yzm p {
        max-width: 35%
    }
}

/* 公司信息 */
.multilingual .companyInfo .list-block .item-title.label{
    width:30%;
}

.multilingual .payDetails .list-block .item-title.label{
    width:24%;
}

/* 闪购 */
.flashOrder_warp {
    position: fixed;
    bottom: 49px;
    left: 0;
    z-index: 1001;
    width: 100%;
}

.flashOrder_warp .flashOrder_top {
    line-height: 55px;
    background: #fff9f0;
    font-size: 13px;
    color: #666;
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.flashOrder_warp .flashOrder_top .top_left {
    margin-left: 65px
}

.flashOrder_warp .flashOrder_top .top_right {
    float: right;
    color: #ff5000;
    margin-right: 16px
}

.flashOrder_warp .flashOrder_list {
    background:#fff;
    overflow-y: scroll;
}

.flashOrder_warp .flashOrder_list .swipeout {
    min-height: 52px;
    padding:10px 15px;
    margin-bottom: 0;
    box-sizing: border-box;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flashOrder_warp .flashOrder_list .swipeout .status{
    float: left;
    width:65%;
}

.flashOrder_warp .flashOrder_list .swipeout .status .item-title{
    font-size:12px;
    color:#333;
}

.flashOrder_warp .flashOrder_list .swipeout .status .item-subtitle{
    font-size:11px;
    margin-top:3px;
    color:#999;
}

.flashOrder_warp .flashOrder_list .swipeout .item-price{
    font-size:12px;
    overflow: hidden;
    width:auto;
    text-align: right;
}

.flashOrder_warp .flashOrder_list .swipeout .item-price .price_top{
    color: #666;
}

.flashOrder_warp .flashOrder_list .swipeout .item-price .price{
    color: #ff5000;
    margin-top:6px;
}

.flashOrder_warp .flashOrder_bar {
    color: #666;
    background: #f5f5f5;
    font-style: 12px
}

.flashOrder_warp .flashOrder_bar .flashOrder_btn {
    position: absolute;
    top: 4px;
    left: 11px;
    z-index: 1;
    width: 43px;
    height: 43px;
    background-size: 100%;
    background-image: url(../img/icon/order-btn_03.png);
}

.flashOrder_warp .flashOrder_bar .flashOrder_btn b {
    font-size: 8px;
    color: #fff;
    background: #ff5b45;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    width: 16px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: 0;
}

.flashOrder_warp .flashOrder_bar .empty_text {
    font-size: 13px;
    color: #999;
    display: none;
    margin-top:3px;
    vertical-align: top;
}

.flashOrder_warp .flashOrder_bar .sum_price {
    float: right;
    text-align: right;
    padding-right: 10px;
    line-height: 16px;
    margin-top: 6px;
    width: 45%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flashOrder_warp .flashOrder_bar .sum_price .sum_price_show{
    font-size:12px;
}

.flashOrder_warp .flashOrder_bar .sum_price .sum_price_show .sum_orange{
    color:#ff5000;
    font-size:10px;
    font-weight:bold;
}

.flashOrder_warp .flashOrder_bar .sum_price .sum_price_show b{
    font-size:15px;
}

.flashOrder_warp .flashOrder_bar .sum_price .sum_type_show{
    font-size:12px;
    padding-top:3px;
}

.flashOrder_warp .flashOrder_bar .sum_price .sum_type_aux{
    color:#999;
}

.flashOrder_warp .flashOrder_bar .flashOrder_submit {
    float: right;
    font-size: 15px;
    margin: 0 auto;
    color: #fff;
    width: 25%;
    height: 50px;
    line-height: 50px;
    border: 0;
    background: #ff9e06;
    text-align: center;
}

.flashOrder_warp.cart_empty .flashOrder_bar .flashOrder_btn {
    position:static;
    margin:3px 10px;
}

.flashOrder_warp.cart_empty .flashOrder_bar .flashOrder_btn b {
    display:none;
}

.flashOrder_warp.cart_empty .flashOrder_bar .empty_text {
    display:inline-block;;
}

.flashOrder_warp.cart_empty .flashOrder_bar .sum_price {
    display:none;
}

.flashOrder_warp.cart_empty .flashOrder_bar .flashOrder_submit {
    background: #fbd599;
}

/* 头部导航栏 */
.navbar-inner.orderListManageNar{
    display: block;
}
.navbar-inner.orderListManageNar .center{
    display: block;
    text-align: center;
}
.navbar-inner.orderListManageNar .right{
    position: absolute;
    top:0;
    right:15px;
}
.navbar-inner.orderListManageNar .link{
    display: inline-block;
}





.common-input {border:1px solid #ddd;border-radius:2px;padding:0 10px;height:32px;line-height:32px;width:100%;box-sizing:border-box;}
.common-input.xs {height:24px;line-height:24px;}
.common-input.s {height:28px;line-height:28px;}
.common-input.l {height:36px;line-height:36px;}
.common-input.xl {height:40px;line-height:40px;}




.abs{position: absolute!important;}
.rel{position: relative!important;}

.dib{display: inline-block;}
.db{display: block;}
.hide{display: none!important;}

.left{float:left!important;}
.right{float:right!important;}

.underline{text-decoration:underline;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.red{color:#f00;}

/************************************ 行高设置 ************************************/
.lh1{line-height:1!important;}
.lh20{line-height:20px!important;}
.lh22{line-height:22px!important;}
.lh24{line-height:24px!important;}
.lh26{line-height:26px!important;}
.lh28{line-height:28px!important;}
.lh30{line-height:30px!important;}
.lh32{line-height:32px!important;}
.lh34{line-height:34px!important;}
.lh36{line-height:36px!important;}
.lh38{line-height:38px!important;}
.lh40{line-height:40px!important;}
.lh60{line-height:60px!important;}

/************************************ 外边距设置 ************************************/
.m-0{margin:0!important}
.m-1{margin:1px!important}
.m-2{margin:2px!important}
.m-3{margin:3px!important}
.m-4{margin:4px!important}
.m-5{margin:5px!important}
.m-6{margin:6px!important}
.m-7{margin:7px!important}
.m-8{margin:8px!important}
.m-9{margin:9px!important}
.m-10{margin:10px!important}
.m-15{margin:15px!important}
.m-20{margin:20px!important}
.m-25{margin:25px!important}
.m-30{margin:30px!important}
.m-40{margin:40px!important}
.m-50{margin:50px!important}
.m-60{margin:60px!important}
.m-70{margin:70px!important}
.m-80{margin:80px!important}
.m-90{margin:90px!important}
.m-100{margin:100px!important}

.m-0-auto{margin:0 auto;}

.m-x-0{margin-left: 0px; margin-right: 0px;}
.m-x-1{margin-left: 1px; margin-right: 1px;}
.m-x-2{margin-left: 2px; margin-right: 2px;}
.m-x-3{margin-left: 3px; margin-right: 3px;}
.m-x-4{margin-left: 4px; margin-right: 4px;}
.m-x-5{margin-left: 5px; margin-right: 5px;}
.m-x-6{margin-left: 6px; margin-right: 6px;}
.m-x-7{margin-left: 7px; margin-right: 7px;}
.m-x-8{margin-left: 8px; margin-right: 8px;}
.m-x-9{margin-left: 9px; margin-right: 9px;}
.m-x-10{margin-left: 10px; margin-right: 10px;}
.m-x-15{margin-left: 15px; margin-right: 15px;}
.m-x-20{margin-left: 20px; margin-right: 20px;}
.m-x-25{margin-left: 25px; margin-right: 25px;}
.m-x-30{margin-left: 30px; margin-right: 30px;}

.m-y-0{margin-top: 0px; margin-bottom: 0px;}
.m-y-1{margin-top: 1px; margin-bottom: 1px;}
.m-y-2{margin-top: 2px; margin-bottom: 2px;}
.m-y-3{margin-top: 3px; margin-bottom: 3px;}
.m-y-4{margin-top: 4px; margin-bottom: 4px;}
.m-y-5{margin-top: 5px; margin-bottom: 5px;}
.m-y-6{margin-top: 6px; margin-bottom: 6px;}
.m-y-7{margin-top: 7px; margin-bottom: 7px;}
.m-y-8{margin-top: 8px; margin-bottom: 8px;}
.m-y-9{margin-top: 9px; margin-bottom: 9px;}
.m-y-10{margin-top: 10px; margin-bottom: 10px;}
.m-y-15{margin-top: 15px; margin-bottom: 15px;}
.m-y-20{margin-top: 20px; margin-bottom: 20px;}
.m-y-25{margin-top: 25px; margin-bottom: 25px;}
.m-y-30{margin-top: 30px; margin-bottom: 30px;}

.m-s-0{margin-top: 0px; margin-bottom: 0px;}
.m-s-5{margin-top: 5px; margin-bottom: 5px;}
.m-s-10{margin-top: 10px; margin-bottom: 10px;}
.m-s-15{margin-top: 15px; margin-bottom: 15px;}
.m-s-20{margin-top: 20px; margin-bottom: 20px;}
.m-s-25{margin-top: 25px; margin-bottom: 25px;}
.m-s-30{margin-top: 30px; margin-bottom: 30px;}

.m-t--25{margin-top:-25px!important}
.m-t--3{margin-top:-3px!important}
.m-t-0{margin-top:0px!important}
.m-t-1{margin-top:1px!important}
.m-t-2{margin-top:2px!important}
.m-t-3{margin-top:3px!important}
.m-t-4{margin-top:4px!important}
.m-t-5{margin-top:5px!important}
.m-t-6{margin-top:6px!important}
.m-t-7{margin-top:7px!important}
.m-t-8{margin-top:8px!important}
.m-t-9{margin-top:9px!important}
.m-t-10{margin-top:10px!important}
.m-t-11{margin-top:11px!important}
.m-t-12{margin-top:12px!important}
.m-t-13{margin-top:13px!important}
.m-t-14{margin-top:14px!important}
.m-t-15{margin-top:15px!important}
.m-t-16{margin-top:16px!important}
.m-t-17{margin-top:17px!important}
.m-t-18{margin-top:18px!important}
.m-t-19{margin-top:19px!important}
.m-t-20{margin-top:20px!important}
.m-t-25{margin-top:25px!important}
.m-t-30{margin-top:30px!important}
.m-t-35{margin-top:35px!important}
.m-t-40{margin-top:40px!important}
.m-t-50{margin-top:50px!important}
.m-t-60{margin-top:60px!important}
.m-t-70{margin-top:70px!important}
.m-t-80{margin-top:80px!important}
.m-t-90{margin-top:90px!important}
.m-t-100{margin-top:100px!important}

.m-r-0{margin-right:0px!important}
.m-r-1{margin-right:1px!important}
.m-r-2{margin-right:2px!important}
.m-r-3{margin-right:3px!important}
.m-r-4{margin-right:4px!important}
.m-r-5{margin-right:5px!important}
.m-r-6{margin-right:6px!important}
.m-r-7{margin-right:7px!important}
.m-r-8{margin-right:8px!important}
.m-r-9{margin-right:9px!important}
.m-r-10{margin-right:10px!important}
.m-r-11{margin-right:11px!important}
.m-r-12{margin-right:12px!important}
.m-r-13{margin-right:13px!important}
.m-r-14{margin-right:14px!important}
.m-r-15{margin-right:15px!important}
.m-r-16{margin-right:16px!important}
.m-r-17{margin-right:17px!important}
.m-r-18{margin-right:18px!important}
.m-r-19{margin-right:19px!important}
.m-r-20{margin-right:20px!important}
.m-r-25{margin-right:25px!important}
.m-r-30{margin-right:30px!important}
.m-r-35{margin-right:35px!important}
.m-r-40{margin-right:40px!important}
.m-r-50{margin-right:50px!important}
.m-r-60{margin-right:60px!important}
.m-r-70{margin-right:70px!important}
.m-r-80{margin-right:80px!important}
.m-r-90{margin-right:90px!important}
.m-r-100{margin-right:100px!important}

.m-b-0{margin-bottom:0px!important}
.m-b-1{margin-bottom:1px!important}
.m-b-2{margin-bottom:2px!important}
.m-b-3{margin-bottom:3px!important}
.m-b-4{margin-bottom:4px!important}
.m-b-5{margin-bottom:5px!important}
.m-b-6{margin-bottom:6px!important}
.m-b-7{margin-bottom:7px!important}
.m-b-8{margin-bottom:8px!important}
.m-b-9{margin-bottom:9px!important}
.m-b-10{margin-bottom:10px!important}
.m-b-11{margin-bottom:11px!important}
.m-b-12{margin-bottom:12px!important}
.m-b-13{margin-bottom:13px!important}
.m-b-14{margin-bottom:14px!important}
.m-b-15{margin-bottom:15px!important}
.m-b-16{margin-bottom:16px!important}
.m-b-17{margin-bottom:17px!important}
.m-b-18{margin-bottom:18px!important}
.m-b-19{margin-bottom:19px!important}
.m-b-20{margin-bottom:20px!important}
.m-b-25{margin-bottom:25px!important}
.m-b-30{margin-bottom:30px!important}
.m-b-40{margin-bottom:40px!important}
.m-b-50{margin-bottom:50px!important}
.m-b-60{margin-bottom:60px!important}
.m-b-70{margin-bottom:70px!important}
.m-b-80{margin-bottom:80px!important}
.m-b-90{margin-bottom:90px!important}
.m-b-100{margin-bottom:100px!important}

.m-l-0{margin-left:0px!important}
.m-l-1{margin-left:1px!important}
.m-l-2{margin-left:2px!important}
.m-l-3{margin-left:3px!important}
.m-l-4{margin-left:4px!important}
.m-l-5{margin-left:5px!important}
.m-l-6{margin-left:6px!important}
.m-l-7{margin-left:7px!important}
.m-l-8{margin-left:8px!important}
.m-l-9{margin-left:9px!important}
.m-l-10{margin-left:10px!important}
.m-l-11{margin-left:11px!important}
.m-l-12{margin-left:12px!important}
.m-l-13{margin-left:13px!important}
.m-l-14{margin-left:14px!important}
.m-l-15{margin-left:15px!important}
.m-l-16{margin-left:16px!important}
.m-l-17{margin-left:17px!important}
.m-l-18{margin-left:18px!important}
.m-l-19{margin-left:19px!important}
.m-l-20{margin-left:20px!important}
.m-l-25{margin-left:25px!important}
.m-l-30{margin-left:30px!important}
.m-l-35{margin-left:35px!important}
.m-l-40{margin-left:40px!important}
.m-l-50{margin-left:50px!important}
.m-l-60{margin-left:60px!important}
.m-l-70{margin-left:70px!important}
.m-l-80{margin-left:80px!important}
.m-l-90{margin-left:90px!important}
.m-l-100{margin-left:100px!important}


/************************************ 内边距设置 ************************************/
.p-0{padding:0px!important}
.p-1{padding:1px!important}
.p-2{padding:2px!important}
.p-3{padding:3px!important}
.p-4{padding:4px!important}
.p-5{padding:5px!important}
.p-6{padding:6px!important}
.p-7{padding:7px!important}
.p-8{padding:8px!important}
.p-9{padding:9px!important}
.p-10{padding:10px!important}
.p-11{padding:11px!important}
.p-12{padding:12px!important}
.p-13{padding:13px!important}
.p-14{padding:14px!important}
.p-15{padding:15px!important}
.p-16{padding:16px!important}
.p-17{padding:17px!important}
.p-18{padding:18px!important}
.p-19{padding:19px!important}
.p-20{padding:20px!important}
.p-30{padding:30px!important}
.p-40{padding:40px!important}
.p-50{padding:50px!important}
.p-60{padding:60px!important}
.p-70{padding:70px!important}
.p-80{padding:80px!important}
.p-90{padding:90px!important}
.p-100{padding:100px!important}

.p-0-5{padding:0px 5px;}
.p-0-10{padding:0px 10px;}
.p-0-15{padding:0px 15px;}
.p-0-20{padding:0px 20px;}
.p-0-30{padding:0px 30px;}

.p-x-0{padding-left:0px!important;padding-right:0px!important;}
.p-x-1{padding-left:1px!important;padding-right:1px!important;}
.p-x-2{padding-left:2px!important;padding-right:2px!important;}
.p-x-3{padding-left:3px!important;padding-right:3px!important;}
.p-x-4{padding-left:4px!important;padding-right:4px!important;}
.p-x-5{padding-left:5px!important;padding-right:5px!important;}
.p-x-6{padding-left:6px!important;padding-right:6px!important;}
.p-x-7{padding-left:7px!important;padding-right:7px!important;}
.p-x-8{padding-left:8px!important;padding-right:8px!important;}
.p-x-9{padding-left:9px!important;padding-right:9px!important;}
.p-x-10{padding-left:10px!important;padding-right:10px!important;}
.p-x-11{padding-left:11px!important;padding-right:11px!important;}
.p-x-12{padding-left:12px!important;padding-right:12px!important;}
.p-x-13{padding-left:13px!important;padding-right:13px!important;}
.p-x-14{padding-left:14px!important;padding-right:14px!important;}
.p-x-15{padding-left:15px!important;padding-right:15px!important;}
.p-x-20{padding-left:20px!important;padding-right:20px!important;}
.p-x-25{padding-left:25px!important;padding-right:25px!important;}
.p-x-30{padding-left:30px!important;padding-right:30px!important;}
.p-x-40{padding-left:40px!important;padding-right:40px!important;}
.p-x-50{padding-left:50px!important;padding-right:50px!important;}
.p-x-60{padding-left:60px!important;padding-right:60px!important;}
.p-x-70{padding-left:70px!important;padding-right:70px!important;}
.p-x-80{padding-left:80px!important;padding-right:80px!important;}
.p-x-90{padding-left:90px!important;padding-right:90px!important;}
.p-x-100{padding-left:100px!important;padding-right:100px!important;}

.p-y-0{padding-top:0px!important;padding-bottom:0px!important;}
.p-y-1{padding-top:1px!important;padding-bottom:1px!important;}
.p-y-2{padding-top:2px!important;padding-bottom:2px!important;}
.p-y-3{padding-top:3px!important;padding-bottom:3px!important;}
.p-y-4{padding-top:4px!important;padding-bottom:4px!important;}
.p-y-5{padding-top:5px!important;padding-bottom:5px!important;}
.p-y-6{padding-top:6px!important;padding-bottom:6px!important;}
.p-y-7{padding-top:7px!important;padding-bottom:7px!important;}
.p-y-8{padding-top:8px!important;padding-bottom:8px!important;}
.p-y-9{padding-top:9px!important;padding-bottom:9px!important;}
.p-y-10{padding-top:10px!important;padding-bottom:10px!important;}
.p-y-13{padding-top:13px!important;padding-bottom:13px!important;}
.p-y-15{padding-top:15px!important;padding-bottom:15px!important;}
.p-y-20{padding-top:20px!important;padding-bottom:20px!important;}
.p-y-25{padding-top:25px!important;padding-bottom:25px!important;}
.p-y-30{padding-top:30px!important;padding-bottom:30px!important;}
.p-y-40{padding-top:40px!important;padding-bottom:40px!important;}
.p-y-50{padding-top:50px!important;padding-bottom:50px!important;}
.p-y-60{padding-top:60px!important;padding-bottom:60px!important;}
.p-y-70{padding-top:70px!important;padding-bottom:70px!important;}
.p-y-80{padding-top:80px!important;padding-bottom:80px!important;}
.p-y-90{padding-top:90px!important;padding-bottom:90px!important;}
.p-y-100{padding-top:100px!important;padding-bottom:100px!important;}

.p-t-0{padding-top:0px!important}
.p-t-1{padding-top:1px!important}
.p-t-2{padding-top:2px!important}
.p-t-3{padding-top:3px!important}
.p-t-4{padding-top:4px!important}
.p-t-5{padding-top:5px!important}
.p-t-6{padding-top:6px!important}
.p-t-7{padding-top:7px!important}
.p-t-8{padding-top:8px!important}
.p-t-9{padding-top:9px!important}
.p-t-10{padding-top:10px!important}
.p-t-11{padding-top:11px!important}
.p-t-12{padding-top:12px!important}
.p-t-13{padding-top:13px!important}
.p-t-14{padding-top:14px!important}
.p-t-15{padding-top:15px!important}
.p-t-20{padding-top:20px!important}
.p-t-25{padding-top:25px!important}
.p-t-30{padding-top:30px!important}
.p-t-40{padding-top:40px!important}
.p-t-50{padding-top:50px!important}
.p-t-60{padding-top:60px!important}
.p-t-70{padding-top:70px!important}
.p-t-80{padding-top:80px!important}
.p-t-90{padding-top:90px!important}
.p-t-100{padding-top:100px!important}

.p-r-0{padding-right:0px!important}
.p-r-1{padding-right:1px!important}
.p-r-2{padding-right:2px!important}
.p-r-3{padding-right:3px!important}
.p-r-4{padding-right:4px!important}
.p-r-5{padding-right:5px!important}
.p-r-6{padding-right:6px!important}
.p-r-7{padding-right:7px!important}
.p-r-8{padding-right:8px!important}
.p-r-9{padding-right:9px!important}
.p-r-10{padding-right:10px!important}
.p-r-11{padding-right:11px!important}
.p-r-12{padding-right:12px!important}
.p-r-13{padding-right:13px!important}
.p-r-14{padding-right:14px!important}
.p-r-15{padding-right:15px!important}
.p-r-20{padding-right:20px!important}
.p-r-25{padding-right:25px!important}
.p-r-30{padding-right:30px!important}
.p-r-40{padding-right:40px!important}
.p-r-50{padding-right:50px!important}
.p-r-60{padding-right:60px!important}
.p-r-70{padding-right:70px!important}
.p-r-75{padding-right:75px!important}
.p-r-80{padding-right:80px!important}
.p-r-85{padding-right:85px!important}
.p-r-90{padding-right:90px!important}
.p-r-100{padding-right:100px!important}
.p-r-105{padding-right:105px!important}
.p-r-110{padding-right:110px!important}
.p-r-115{padding-right:115px!important}
.p-r-120{padding-right:120px!important}
.p-r-130{padding-right:130px!important}
.p-r-140{padding-right:140px!important}
.p-r-150{padding-right:150px!important}

.p-b-0{padding-bottom:0px!important}
.p-b-1{padding-bottom:1px!important}
.p-b-2{padding-bottom:2px!important}
.p-b-3{padding-bottom:3px!important}
.p-b-4{padding-bottom:4px!important}
.p-b-5{padding-bottom:5px!important}
.p-b-6{padding-bottom:6px!important}
.p-b-7{padding-bottom:7px!important}
.p-b-8{padding-bottom:8px!important}
.p-b-9{padding-bottom:9px!important}
.p-b-10{padding-bottom:10px!important}
.p-b-15{padding-bottom:15px!important}
.p-b-20{padding-bottom:20px!important}
.p-b-25{padding-bottom:25px!important}
.p-b-30{padding-bottom:30px!important}
.p-b-40{padding-bottom:40px!important}
.p-b-50{padding-bottom:50px!important}
.p-b-60{padding-bottom:60px!important}
.p-b-70{padding-bottom:70px!important}
.p-b-80{padding-bottom:80px!important}
.p-b-90{padding-bottom:90px!important}
.p-b-100{padding-bottom:100px!important}

.p-l-0{padding-left:0px!important}
.p-l-1{padding-left:1px!important}
.p-l-2{padding-left:2px!important}
.p-l-3{padding-left:3px!important}
.p-l-4{padding-left:4px!important}
.p-l-5{padding-left:5px!important}
.p-l-6{padding-left:6px!important}
.p-l-7{padding-left:7px!important}
.p-l-8{padding-left:8px!important}
.p-l-9{padding-left:9px!important}
.p-l-10{padding-left:10px!important}
.p-l-15{padding-left:15px!important}
.p-l-20{padding-left:20px!important}
.p-l-25{padding-left:25px!important}
.p-l-30{padding-left:30px!important}
.p-l-40{padding-left:40px!important}
.p-l-50{padding-left:50px!important}
.p-l-60{padding-left:60px!important}
.p-l-70{padding-left:70px!important}
.p-l-80{padding-left:80px!important}
.p-l-90{padding-left:90px!important}
.p-l-100{padding-left:100px!important}
.p-l-110{padding-left:110px!important}
.p-l-120{padding-left:120px!important}

.p-x-0{padding-left:0px!important;padding-right:0px!important;}
.p-x-1{padding-left:1px!important;padding-right:1px!important;}
.p-x-2{padding-left:2px!important;padding-right:2px!important;}
.p-x-3{padding-left:3px!important;padding-right:3px!important;}
.p-x-4{padding-left:4px!important;padding-right:4px!important;}
.p-x-5{padding-left:5px!important;padding-right:5px!important;}
.p-x-6{padding-left:6px!important;padding-right:6px!important;}
.p-x-7{padding-left:7px!important;padding-right:7px!important;}
.p-x-8{padding-left:8px!important;padding-right:8px!important;}
.p-x-9{padding-left:9px!important;padding-right:9px!important;}
.p-x-10{padding-left:10px!important;padding-right:10px!important;}
.p-x-13{padding-left:13px!important;padding-right:13px!important;}
.p-x-15{padding-left:15px!important;padding-right:15px!important;}
.p-x-20{padding-left:20px!important;padding-right:20px!important;}
.p-x-25{padding-left:25px!important;padding-right:25px!important;}
.p-x-30{padding-left:30px!important;padding-right:30px!important;}
.p-x-40{padding-left:40px!important;padding-right:40px!important;}
.p-x-50{padding-left:50px!important;padding-right:50px!important;}
.p-x-60{padding-left:60px!important;padding-right:60px!important;}
.p-x-70{padding-left:70px!important;padding-right:70px!important;}
.p-x-80{padding-left:80px!important;padding-right:80px!important;}
.p-x-90{padding-left:90px!important;padding-right:90px!important;}
.p-x-100{padding-left:100px!important;padding-right:100px!important;}

.p-y-0{padding-top:0px!important;padding-bottom:0px!important;}
.p-y-1{padding-top:1px!important;padding-bottom:1px!important;}
.p-y-2{padding-top:2px!important;padding-bottom:2px!important;}
.p-y-3{padding-top:3px!important;padding-bottom:3px!important;}
.p-y-4{padding-top:4px!important;padding-bottom:4px!important;}
.p-y-5{padding-top:5px!important;padding-bottom:5px!important;}
.p-y-6{padding-top:6px!important;padding-bottom:6px!important;}
.p-y-7{padding-top:7px!important;padding-bottom:7px!important;}
.p-y-8{padding-top:8px!important;padding-bottom:8px!important;}
.p-y-9{padding-top:9px!important;padding-bottom:9px!important;}
.p-y-10{padding-top:10px!important;padding-bottom:10px!important;}
.p-y-13{padding-top:13px!important;padding-bottom:13px!important;}
.p-y-15{padding-top:15px!important;padding-bottom:15px!important;}
.p-y-20{padding-top:20px!important;padding-bottom:20px!important;}
.p-y-25{padding-top:25px!important;padding-bottom:25px!important;}
.p-y-30{padding-top:30px!important;padding-bottom:30px!important;}
.p-y-40{padding-top:40px!important;padding-bottom:40px!important;}
.p-y-50{padding-top:50px!important;padding-bottom:50px!important;}
.p-y-60{padding-top:60px!important;padding-bottom:60px!important;}
.p-y-70{padding-top:70px!important;padding-bottom:70px!important;}
.p-y-80{padding-top:80px!important;padding-bottom:80px!important;}
.p-y-90{padding-top:90px!important;padding-bottom:90px!important;}
.p-y-100{padding-top:100px!important;padding-bottom:100px!important;}






























@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .nativeApp .navbar-hidden .subnavbar .buttons-row,
    .nativeApp .navbar-inner {
        padding-top: 44px
    }

    .nativeApp .navbar,
    .nativeApp .navbar-hidden .subnavbar {
        height: 88px
    }

    .nativeApp .navbar .bgColor {
        height: 88px !important
    }

    .flashOrder_warp{
        bottom:84px;
    }

    .toolbar-inner {
        padding-bottom: 34px !important
    }

    .toolbar {
        height: 84px !important
    }

    .page-content-inner {
        padding-bottom: 39px !important
    }

    .page-content.classical.classShow .page-content-inner {
        padding-bottom: 0 !important
    }

    .bottom-60 {
        bottom: 94px !important
    }

    .nativeApp .navbar-fixed .page-content,
    .nativeApp .navbar-through .page-content,
    .nativeApp .navbar-through .page-content.native-scroll {
        padding-top: 88px;
        padding-bottom: 0
    }

    .picker-keypad-type-numpad .toolbar-inner,
    .picker-modal .toolbar-inner {
        padding-bottom: 0 !important
    }

    .nativeApp .category-content,
    .nativeApp .navbar-fixed .page .subnavbar,
    .nativeApp .navbar-fixed.page .subnavbar,
    .nativeApp .navbar-through .page .subnavbar,
    .nativeApp .navbar-through.page .subnavbar {
        top: 88px !important
    }

    .nativeApp .category-content .category-hot {
        margin-top: 10px
    }

    .order.cart-page .bottom-bar {
        top: calc(100% - 132px) !important
    }

    .nativeApp .swiper-container {
        background-color: #fff;
        padding-top: 42px
    }

    .nativeApp .homeNewPage .swiper-container {
        background-color: #fff;
        padding-top: 5px
    }

    .icon-count.order {
        bottom: 86px
    }

    .nativeApp .top-45 {
        top: 89px !important
    }

    .cart-page .bottom-bar {
        bottom: 84px
    }

    .toolbar-popup {
        bottom: 35px
    }

    .nativeApp .user-info {
        padding-top: 44px
    }

    .nativeApp .order.classical {
        padding-top: 0 !important;
        margin-top: 34px
    }

    .nativeApp .classical-bg {
        top: 132px
    }

    .nativeApp .filter .page-content {
        padding-top: 40px !important;
        height: calc(100% - 84px) !important
    }

    .nativeApp .panel-cover .chose-area .page-content {
        padding-top: 0 !important
    }

    .popup-bottom {
        bottom: 34px
    }

    .totalContainer.limit-totalContainer.wrap {
        bottom: 83px
    }

    .combineList.cart-page .bottom-bar.row,
    .picker-keypad-type-numpad {
        bottom: 34px
    }

    .nativeApp .order.classical .category-content {
        top: 0 !important
    }

    .nativeApp .messageCnenter-list .pull-to-refresh-layer {
        margin-top: -70px
    }

    .picker-keypad-type-numpad .toolbar {
        height: 44px !important
    }

    .wxScan .navbar-inner {
        padding-top: 0
    }

    .wxScan .navbar {
        height: 44px
    }

    .homeNavBarCorp+.toolbar-popup {
        height: 84px;
        bottom: 0 !important
    }

    .picker-modal .toolbar {
        height: 49px !important
    }

    .order .list-block.media-list.order-list {
        bottom: 130px !important
    }

    .scanCodeList.cart-page .bottom-bar {
        bottom: 34px
    }

    .navbar-through .my-new {
        padding-bottom: 0
    }

    .popup-attrs>.col-100.attr-boxs,
    .popup-attrs>.overflow-scroll {
        height: calc(100% - 160px);
        overflow-y: auto
    }

    .dataStatistics .total-list {
        padding-bottom: 34px
    }

    .nativeApp .chooseReturn.choose-return-float {
        padding-top: 44px
    }

    .nativeApp .chooseReturn.choose-return-float .page-content {
        padding-top: 0 !important
    }

    .nativeApp [data-page=contactServe] .serve-header {
        background-image: url(../img/serve-bg-01.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: left bottom;
        height: 130px;
        padding-top: 44px
    }

    .nativeApp .popover.pop-choose-org {
        width: 100%;
        left: 0 !important;
        border-radius: 0;
        top: 88px !important
    }

    .nativeApp .trade-div.bounceInRight .exContent {
        position: relative;
        top: 45px
    }

    .nativeApp [data-page=commodtyList] .classical-bg,
    .nativeApp [data-page=commodtyList] .order.classical {
        top: 88px !important
    }

    .nativeApp [data-page=commodtyList] .order.classical {
        top: 44px !important
    }

    [data-page=home] .page-bottom {
        margin-bottom: 55px
    }
}