/* -------------------- reset 重置 -------------------- */
/* scrollbar */
::-webkit-scrollbar {
    width: 0;
    height: 0;
}
/* input[type=number] */
::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
body {
    /*background-color: #fbf9fe;*/
    /* background-color: #efeff4; */
    background-color: #F8F9FA;
    /* font-family: Helvetica,"STHeiti STXihei","Microsoft JhengHei","Microsoft YaHei","微软雅黑",Tohoma,Arial; */
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
li {
    list-style: none;
}
a img {
  border: 0;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

option {
    direction: ltr;
}
select option:disabled {
    background: #ddd;
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

/* -------------------- content -------------------- */
.content {
    position: relative;
    -webkit-overflow-scrolling : touch;
}
@media screen and (min-width: 1024px) {
    .content {
        margin-right: auto;
        margin-left: auto;
        /* padding: 20px 15px 15px; */
        width: 670px;
        /* min-height: 768px; */
    }
    .max-width {
        margin-right: auto;
        margin-left: auto;
        max-width: 700px;
    }
}


/* -------------------- function 功能 -------------------- */
/* position */
.pos-r,
.relative {
    position: relative;
}

.pos-a,
.absolute {
    position: absolute;
}

/* visibility */
.invisible {
    visibility: hidden;
}

/* display */
.dn,
.hide,
.hidden {
    display: none !important;
}
.di,
.inline {
    display: inline;
}
.db,
.block,
.show {
    display: block !important;
}
.dib,
.inline-block {
    display: inline-block;

    *display: inline;
    *zoom: 1;
}

/* float */
.fl-l {
    float: left;
}
.fl-r {
    float: right;
}
/* clear */
.clear {
    *zoom: 1;
}
.clear:after {
    display: table;
    clear: both;

    content: " ";
    /*
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: " ";
    */
}

/* color */
.g0 {
    color: #000;
}
.g3 {
    color: #333;
}
.g6 {
    color: #666;
}
.g7 {
    color: #777;
}
.g8,
.deep-gray {
    color: #888;
}
.g9,
.gray-font {
    color: #999;
}
.gc,
.light-gray {
    color: #ccc;
}
.gf,
.wh {
    color: #fff;
}
/* main-color */
.main-color,
.error-color {
    color: #f76260;
}
.warn-color {
    color: #ffbe00;
}
.success-color {
    /*color: #09BB07;*/
    color: #3cc51f !important;
}
.success-border-bottom {
    border-bottom: 2px solid #3cc51f;
}
.green-font {
    color: rgb(28, 184, 65) !important;
}
/* link */
.link {
    color: #586c94;
}
.ios-blue {
    color: #007aff;
}

/* font-size */
.f0 {
    font-size: 0;
}
.f11 {
    font-size: 11px;
}
.f10,
.xs-font {
    font-size: 10px;
}
.f12,
.sm-font {
    font-size: 12px;
}
.f14,
.md-font {
    font-size: 14px;
}
.f16 {
    font-size: 16px;
}
.f17,
.lg-font {
    font-size: 17px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.f24,
.xl-font {
    font-size: 24px;
}
.f28 {
    font-size: 28px;
}
.f30 {
    font-size: 30px;
}

/* ellipsis */
.ellipsis-one {
    display: block;
    overflow: hidden;

    white-space: nowrap;
    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
}
.ellipsis-two {
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;

    text-align: left;

    -webkit-line-clamp: 2;
}

/* 同级子元素边距 */
.f-sub-mt > :not(:first-child) {
    margin-top: .8em;
}
.f-sub-mr > :not(:last-child) {
    margin-right: .8em;
}
.f-sub-mb > :not(:last-child) {
    margin-bottom: .8em;
}
.f-sub-ml > :not(:first-child) {
    margin-left: .8em;
}

/* text-align */
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}

/* overflow */
.ovh {
    overflow: hidden;
}
/* white-space */
.nowrap {
    white-space: nowrap;
}
/* word-wrap */
.word-wrap {
    word-wrap: break-word;
}
/* word-break */
.word-break {
    word-wrap: break-word;
    -ms-word-break: break-all;
        word-break: break-all;
}
/* line-through */
.line-through {
    text-decoration: line-through;
}
/* border-box */
.border-box {
    box-sizing: border-box;
}

/* -------------------- grid 布局 -------------------- */
/* percent width value */
.pct10,
.pct15,
.pct20,
.pct25,
.pct30,
.pct33,
.pct40,
.pct50,
.pct60,
.pct66,
.pct70,
.pct75,
.pct80,
.pct90,
.pct100,
.w-1-10,
.w-1-5,
.w-1-4,
.w-3-10,
.w-1-3,
.w-2-5,
.w-1-2,
.w-3-5,
.w-2-3,
.w-7-10,
.w-3-4,
.w-4-5,
.w-9-10,
.w-1-1 {
    display: block;
    float: left;
}
.pct10,
.w-1-10 {
    width: 10%;
}
.pct15 {
    width: 15%;
}
.pct20,
.w-1-5 {
    width: 20%;
}
.pct25,
.w-1-4 {
    width: 25%;
}
.pct30,
.w-3-10 {
    width: 30%;
}
.pct33,
.w-1-3 {
    width: 33.3%;
}
.pct40,
.w-2-5 {
    width: 40%;
}
.pct50,
.w-1-2 {
    width: 50%;
}
.pct60,
.w-3-5 {
    width: 60%;
}
.pct66,
.w-2-3 {
    width: 66.6%;
}
.pct70,
.w-7-10 {
    width: 70%;
}
.pct75,
.w-3-4 {
    width: 75%;
}
.pct80,
.w-4-5 {
    width: 80%;
}
.pct90,
.w-9-10 {
    width: 90%;
}
.pct100,
.w-1-1 {
    width: 100%;
}

/* flex */
.f-inline-flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:         inline-flex;
}
.f-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.f-flex-wrap {
    /*超出换行*/
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}
.f-flex-h,
.f-flex-row {
    /*水平方向*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;

    -webkit-flex-direction: row;
            flex-direction: row;
}
.f-flex-v,
.f-flex-col {
    /*垂直方向*/
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;

    -webkit-flex-direction: column;
            flex-direction: column;
}
.f-flex-hr,
.f-flex-row-r {
    /*水平反向*/
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: end;

    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.f-flex-vr,
.f-flex-col-r {
    /*垂直反向*/
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-box-pack: end;

    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.f-flex-1 {
    /*自动伸缩*/
    -webkit-box-flex: 1;

    width: 0;

    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.f-hc {
    /*水平居中*/
    -webkit-box-pack: center;

    -webkit-justify-content: center;
            justify-content: center;
}
.f-sb {
    /*两端对齐，水平垂直受显示方向影响*/
    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;
            justify-content: space-between;
}
.f-fe {
    /*右对齐*/
    -webkit-box-pack: flex-end;

    -webkit-justify-content: flex-end;
            justify-content: flex-end;
}
.f-vt {
    /*垂直居顶*/
    -webkit-box-align: start;

    -webkit-align-items: flex-start;
            align-items: flex-start;
    -ms-flex-align: start;
}
.f-vc {
    /*垂直居中*/
    -webkit-box-align: center;

    -webkit-align-items: center;
            align-items: center;
    -ms-flex-align: center;
}
.f-vb {
    /*垂直居底*/
    -webkit-box-align: end;

    -webkit-align-items: flex-end;
            align-items: flex-end;
    -ms-flex-align: end;
}

/* -------------------- unit 元件 -------------------- */
.weui_cells_checkbox .weui_check[type="checkbox"]:disabled + .weui_icon_checked:before {
    content: '\EA06';
    color: #C9C9C9;
}
/* radio、checkbox 依赖weui font-family */
.weui_radio,
.weui_checkbox {
    display: inline-block;
    visibility: hidden;

    vertical-align: middle;

    -webkit-appearance: none;
}
.weui_radio {
    width: 16px;
    height: 16px;

    line-height: 16px;
}
.weui_checkbox {
    width: 23px;
    height: 23px;

    line-height: 23px;
}
.weui_radio.checked:before,
.weui_radio:checked:before,
.weui_checkbox:before {
    display: block;
    visibility: visible;

    font-family: "weui";
    font-weight: normal;
    font-style: normal;
}
.weui_radio.checked:before,
.weui_radio:checked:before {
    font-size: 16px;

    color: #09bb07;

    content: "\EA08";
}
.weui_checkbox:before {
    font-size: 23px;

    color: #c9c9c9;

    content: "\EA01";
}
.weui_checkbox.checked:before,
.weui_checkbox:checked:before {
    color: #09bb07;

    content: "\EA06";
}

/* checkbox vip */
.checkbox.check-vip {
    display: inline-block;

    width: 20px;
    height: 20px;

    vertical-align: middle;

    /* background-image: url(../images/vip_off.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.checkbox.check-vip.checked {
    /* background-image: url(../images/vip_on.png); */
}

/* switch(checkbox) with content 依赖weui .weui_switch */
.weui_switch.weui_switch_content {
    width: 62px;
    line-height: 30px;
}

.weui_switch.weui_switch_content:before,
.weui_switch.weui_switch_content:checked:before {
    content: attr(data-content);
    width: 60px;
    padding: 0 4px;
    box-sizing: border-box;
    font-size: 12px;
}

.weui_switch.weui_switch_content:before {
    text-align: right;
    color: #666;
}

.weui_switch.weui_switch_content:checked:before {
    text-align: left;
    color: #fff;
    background-color: inherit;
    -webkit-transform: scale(1);
            transform: scale(1);
}

.weui_switch.weui_switch_content:checked:after {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
}


/* tag */
.u-tag {
    padding: 0 .6em;

    color: #fff;
}
.u-tag-sm {
    padding: 0 .1em;

    color: #fff;
}
/*阿里、折扣*/
.tag-1,
.s-ali,
.s-discount {
    background-color: #fc6f52;
}
/*淘宝、热卖、活动*/
.s-taobao,
.s-hot {
    background-color: #fc5168;
}
/*包邮*/
.tag-2,
.s-postage {
    background-color: #01d6b7;
}
/*专享*/
.s-wxonly,
.s-exclusive {
    background-color: #8bdb63;
}
/*代理、抢购*/
.s-agency,
.s-snap {
    background-color: #fed44c;
}
/*七天退货*/
.s-7day {
    background-color: #04be02;
}

/* gotop */
.gotop {
    display: block;

    position: fixed;
    right: 24px;
    bottom: 60px;
    z-index: 100;

    width: 40px;
    height: 40px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABPCAMAAACd6mi0AAAARVBMVEVTU1MAAADv7+9TU1OEhITq6upTU1ORkZFTU1NTU1NTU1NTU1OJiYlTU1NTU1NTU1O8vLzIyMh7e3vc3Nzk5OTY2NhgYGBMutpkAAAAF3RSTlNpAOFEftlghVQqHwWADhI5pK96xdDAbstPz2QAAAH9SURBVFjDzdnbkuIgFIXhpTtBCAJO1Lz/o46dcXp3zGGhkJr5L/TG+gpTloEdHLaLXRJrjYEx1kpykXx+ywtOME9c+MTzzmIt6/ybXhBsJ4F4yxoXuecT8ko+x+sMcjMd9bzgncRve8HivWxY9/h35d8ZEw6f1K15Dp/lZp6urnSFKOEUnHvBFHgmvHreoiTrXzxBWaJezsXr7+21YZdQPU8u3rk9Ho/tGRsZ/8NLnKNgUi9yLgOM355QLgeUv16kXB4Yn54wLhOUP57f4hrlOOhHzxEuH3SjZzl3f74S0H55gXO/mvHtdGFgeHiOc3h6YKB7eMK5b4+B8vA4px4FD4icU4+CEY5z6lHQIXFOvQnYYF6CLHpX5V48Ba+YJ7CLnnKvnoIt5tkV76bcxFNweX0GZtE7tcpNPAVvzaK30nDqseFh6FGQeqT6nqnqGdj/2rOQqp4gVfUSXFXPIVb1Ig5VPb1/FHp6/3AVPTfef3n96J3BCmR/MPk/vA0gWd2/8P3zvQHL6f6qSl73fzUS3Z/SzpcTWJHunyc3oAtdnu7vScPxq54sL/v8gT7j95ym5yP++2sHej7KP79dj+z8tuv5svz8W/l8vuP8oBzs9py/lM+Hdp5flc/X9p//lc8n95+falHAk7jf/Ll8Pv7P5/c/ny8YA8CYnOcLvwE83BaoIZMlDwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* avatar / thumbnail */
.avatar,
.thumbnail {
    display: block;

    position: relative;

    width: 60px;
    height: 60px;
}
.avatar {
    margin: 0 auto;
}
.avatar > img,
.thumbnail > img,
.avatar a > img,
.thumbnail a > img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    -webkit-user-select: none;
    user-select: none;
}
.img-rounded {
    /*overflow: hidden;*/
    border-radius: 6px;
}
.img-circle {
    /*overflow: hidden;*/
    border-radius: 50%;
}

/* right frame */
.right-frame {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    opacity: 0;
    pointer-events: none;

    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;

    background-color: #efeff4;

    -webkit-transition: -webkit-transform .3s, opacity .3s;
            transition: -webkit-transform .3s, opacity .3s;
            transition:         transform .3s, opacity .3s;
            transition:         transform .3s, -webkit-transform .3s, opacity .3s;
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.right-frame-show,
.right-frame:target {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}

.right-frame-visibility-hidden {
    visibility: hidden;
}
.right-frame-visibility-show {
    visibility: visible;
}

/* new msg tag */
.new_msg_tag {
    position: relative;
}
.new_msg_tag:after {
    position: absolute;
    top: -2px;
    right: -2px;

    border-radius: 50%;
    width: 8px;
    height: 8px;

    background-color: #f00;

    content: " ";
}

/* -------------------- components 组件 -------------------- */

/* weui_mask weui_msg 依赖weui.css */
.weui_mask .weui_msg_desc {
    color: #fff;
}

/* my weui 依赖weui.css */
.weui_dialog_alert .weui_dialog {
    overflow: visible;
}
.x:before,
.x:after,
.weui_dialog_alert .close:before,
.weui_dialog_alert .close:after {
    position: absolute;
    top: 50%;
    left: 0;

    border-top: 1px solid #bbb;
    width: 100%;
    height: 0;

    content: " ";
}
.x:before,
.weui_dialog_alert .close:before {
    -webkit-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
}
.x:after,
.weui_dialog_alert .close:after {
    -webkit-transform: rotateZ(-45deg);
            transform: rotateZ(-45deg);
}
.weui_qrcode .weui_dialog_ft:after,
.weui_share .weui_dialog_ft:after {
    display: none;
}

/* weui_qrcode 依赖weui.css */
.weui_qrcode .weui_dialog {
    max-width: 280px;

    background-color: transparent;

    box-shadow: 0 1px 35px rgba(0,0,0,.6);
}
.weui_qrcode .weui_dialog:after {
    overflow: hidden;

    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    width: 100%;
    height: 100%;

    background: transparent url(https://xcimg.szwego.com/qrcode_bg.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;

    content: " ";
    /*-webkit-filter: blur(5px);*/
}
.weui_qrcode_ok .weui_dialog:after {
    background: #eee;
}
.weui_qrcode .weui_dialog_hd {
    position: relative;

    padding: 3em 0 2em;
}
.weui_qrcode .weui_dialog_title {
    font-size: 14px;
}
.x,
.weui_qrcode .close {
    position: absolute;
    top: .5em;
    right: .5em;
    z-index: 1;

    width: 30px;
    height: 30px;
}
.weui_qrcode .weui_dialog_bd {
    color: #000;
}
.weui_qrcode .weui_dialog_ft {
    /*
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;*/
    display: block;

    margin-bottom: 20px;

    font-size: 14px;
    line-height: inherit;
}

/* weui_share 依赖weui.css */
.weui_share .weui_dialog {
    top: 40%;

    background-color: transparent;
}
.weui_share .weui_dialog:after {
    overflow: hidden;

    position: absolute;
    top: -100%;
    left: 0;

    width: 100%;
    height: 100%;

    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAADVCAMAAACIY5UFAAAAjVBMVEUAAAD////////////////////////////+/v/////+/v7////////////////////+/v7////9/f3+/v7////////////////////9/f3////////9/f329vf////////+/v7////////////7+/v+/v7+/v78/Pz////////29vf29vf29vf29vf///8PGn+yAAAALXRSTlMAEAb4eAurHAPuUdPBa189upOBMhXmi1hKLBjd0fexgyjy16RoI6CZRDfnyrI2pQUlAAAC+ElEQVR42u3c6Y6bQBAE4BqG2+Yyxtj4iI/12k4y9f6PFyVRsnGkHEKiJFZ8LzB/mupuGIFB1VCJ9gVEXt3Og0ThnFtAIf7knNtvIPDivvoUY3DLj+6bFwzu5r7bRxhY7X74jIF9cj+lGFTu3nw0GFDw0f3ihgGt3JMCg9ns3ZMB86l0TwbMp9T9bn/Em0Fq4k2JQSzckwHz6fpcE0Pm02f3RJRPJP5gOup/BLQQMUmDyTgEXQCRlAeI5HyFSMYVRBb0IVLxBSIhU4jMWUAkbI6YjIKpDURahhDxdblUMYPIgWuIzLiByIkBNDo2EIkOISbjkN89aHhWVutHbvFXoxxtfX6ASMgWImdZ2Aa0HjQCf4XJKHihD5GaZ4hkujX4olsYt6yhYXRZseYcIgvdZhDcN5j0F0Cm3D6g4Z3YQaPgDCILVhCZM4VGYGnwZyMNwPT8ATIxJv1la9mwbrmERqor9Qt9aHgJr9C461K90m3bDWuIRBkm/S0NVCqbQ8PT1d9a9/yGsvwzlhE0cl3/mDOHSFsaTHrzIBPON9DorO2g4TOERrxlAY1Ul7QlM2gceTLQuL5WmPQWe1BpmxwiO1lPXLPxoDGnD40HkwAaB9n2tqFdQsP4HzDpLeqgEtoUGjVtBI1S9vWo+EefH2X6rdkE0Lgwg0jcepj0FZU1RC4MoVHIIine0YdGxq0HCZMwhcaNJUSO5XQrvr8oiyFSyibnnM0SEl3CFhqhLGZbJh0klglzaMT+dHW8v7i6QmTBWQyJgiwgYbZcQCPkPIZExiTCP4xucMHGx3tjoHI/5dC4JqonKpjJGm/ImYGEz+QKiTW5hka08/E/RnaLViM++BCpZI3Dp31AIqeqRaWWGSRqyxU0gvICFc/DX4yw6y7PtxgSy5mgQ/08aQkFs+NZd1IHiQW3ETTiVYT3Jao8aGwa1TuxR8K5gcL9xIMHhdbyNYZCTeGfL97bAmpuBhrHLS+QKBLuIii8WIYBBLyKqpW6oG0hkj2g8QU3l1dvmSMWuQAAAABJRU5ErkJggg==) no-repeat right / 55px;

    content: " ";
}
.weui_share .weui_dialog_hd {
    border: 1px dashed #fff;
    border-radius: 8px;
    padding: 1.2em .5em;
}
.weui_share .weui_dialog_title {
    color: #fff;
}
.weui_share .weui_dialog_bd {
    padding: 20px;

    color: #fff;
}
.weui_share .close {
    position: absolute;
    top: 5em;
    left: 50%;

    width: 40px;
    height: 40px;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

/* weui_guide 依赖weui.css */
.weui_guide .weui_dialog {
    overflow: hidden;

    border-radius: 5px;
    width: 70%;
    max-width: 300px;

    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .3);
}
.weui_guide .weui_dialog_icon {
    margin: 0 auto 1.7em;
    width: 80px;
    height: 80px;
}
.weui_guide .weui_dialog_icon img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}
.weui_guide .weui_dialog_ft {
    margin-top: 0;
}
.weui_guide .swiper-container {
    /* background: url(../images/brand_guide_bg.png) no-repeat center/cover; */
}
.weui_guide .swiper-wrapper {
    padding-bottom: 1.5em;
}
.weui_guide .swiper-pagination-bullet {
    margin: 0 2px;
}
.weui_guide .swiper-pagination-bullet-active {
    background: #fff;
}

/* motify */
.motify {
    display: none;

    position: fixed;
    top: 35%;
    left: 50%;
    z-index: 9999;

    margin-left: -110px;
    border-radius: 6px;
    width: 220px;

    font-size: 14px;
    line-height: 1.5em;

    color: #fff;
    background: rgba(0, 0, 0, .8);

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.motify .motify-inner {
    padding: 10px;

    text-align: center;
    word-wrap: break-word;

    -webkit-transition: opacity 1s ease;
       -moz-transition: opacity 1s ease;
        -ms-transition: opacity 1s ease;
         -o-transition: opacity 1s ease;
            transition: opacity 1s ease;
}

/* loadingImg */
.loadingImg {
    display: inline-block;

    position: relative;

    width: 100%;
    height: 75px;

    text-align: center;
    vertical-align: middle;
}
.loadingImg img {
    margin-left: -45px;

    vertical-align: middle;
}
.loadingImg .loading-txt {
    margin-left: -38px;

    font-size: .875em;
    line-height: 75px;
    vertical-align: middle;
}

.loading-img {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.loading-img > div {
    margin-top: -32px;
}
.loading-img .loading-txt {
    margin-top: -30px;
    margin-right: -10px;
    font-size: 10px;
    color: #999;
}

/* search bar */
.search-bar {
    position: relative;
}
.search-bar .search-input,
.search-bar .search-btn {
    height: 35px;

    line-height: 35px;
}
.search-bar .search-input {
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    padding-right: 50px;
    width: 100%;

    text-indent: 1em;
}
.search-bar .search-btn {
    position: absolute;
    top: 0;
    right: 0;

    border: 0;
    width: 50px;

    background-color: transparent;
}
.search-bar .search-btn:before {
    display: block;

    font-family: "weui";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;

    color: #b2b2b2;

    content: "\EA0E";
}

/* fixed-bar */
.fixed-bar {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 99;

    /*background-color: #fbf9fe;*/
}
.fixed-bar.top {
    top: 0;
}
.fixed-bar.bottom {
    bottom: 0;
}
@media screen and (min-width: 1024px) {
    .fixed-bar {
        margin-right: auto;
        margin-left: auto;
        width: 700px;
    }
}
/* flex-nav */
.flex-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-align: center;

    background-color: #fff;

    outline: 0;

    -webkit-align-items: center;
            align-items: center;
    -ms-flex-align: center;
}
.flex-nav .flex-tab {
    -webkit-box-flex: 1;

    position: relative;

    padding: .5em;
    width: 0;

    text-align: center;

    color: #000;

    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.before-border-right:before,
.flex-nav .flex-tab:not(:last-child):before {
    position: absolute;
    top: 0;
    right: 0;

    border-right: 1px solid #d9d9d9;
    width: 1px;
    height: 100%;

    -webkit-transform: scale(.5, .5);
            transform: scale(.5, .5);

    content: " ";
}
.before-border-right:before {
    /* right: -6%; */
    right: -5px; /* 百分比定位安卓手机不兼容 */
    border-right: 1px solid #999;
}
.flex-nav .flex-tab.focus {
    color: #04be02;
    font-weight: bold;
}
.after-border-bottom:after,
.flex-nav .flex-tab.focus:after {
    position: absolute;
    bottom: 0;
    left: 0;

    border-bottom: 2px solid;
    width: 100%;
    height: 1px;

    -webkit-transform: scale(.6, .5);
            transform: scale(.6, .5);

    content: " ";
}
.flex-nav .sort-desc .arrow,
.flex-nav .sort-asc .arrow {
    display: block;

    border-width: 4px 4px 0;
    border-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    width: 0;
    height: 0;

    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
}
.flex-nav .sort-asc .arrow {
    transform: rotateZ(180deg);
}
.flex-nav .drop-down .arrow {
    display: block;
    width: 4px;
    height: 4px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    -webkit-transform: rotateZ(45deg) translateY(-50%);
    -ms-transform: rotateZ(45deg) translateY(-50%);
    -o-transform: rotateZ(45deg) translateY(-50%);
    transform: rotateZ(45deg) translateY(-50%);
}

/* flex-menu 依赖weui_btn */
.flex-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.flex-menu > .weui_btn {
    -webkit-box-flex: 1;

    margin-top: 0;
    border-radius: 0;

    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.flex-menu > .weui_btn:after {
    border: none;
}
.flex-menu > .weui_btn_plain_primary + .weui_btn_plain_primary {
    border-left-width: 0;
}

/* 同级子元素分隔线 */
.split-line:after {
    display: table;
    clear: both;

    content: " ";
}
.split-line .split-item {
    position: relative;

    text-align: center;
}
.split-line .split-item:not(:last-child):before {
    position: absolute;
    top: 0;
    right: 0;

    border-right: 1px solid;
    width: 1px;
    height: 100%;

    -webkit-transform: scale(.5, .5);
            transform: scale(.5, .5);

    content: " ";
}
.split-line .split-item.w-1-4:nth-child(4n):before {
    display: none;
}

.override-split-line .split-item:not(:last-child):before {
    border-right: 1px solid #f0f0f0;
    width: 1px;
    height: 50%;
    top: 13px;
    -webkit-transform: none;
            transform: none;
}

.split-border > :not(:last-child) {
    border-right: 1px solid #ccc;
}

/* swiper-select */
.swiper-select__hd {
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
}
.swiper-select__bd {
    /* height: 175px; */
    height: 225px;
}
.swiper-select__bd:before,
.swiper-select__bd:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: top, bottom;
    background-repeat: no-repeat;
    pointer-events: none;
}
.swiper-select__bd:before {
    /* height: 35px; */
    height: 45px;
    margin: auto;
    background-image: -webkit-linear-gradient(top,#d0d0d0,#d0d0d0,transparent,transparent),
                      -webkit-linear-gradient(bottom,#d0d0d0,#d0d0d0,transparent,transparent);
    background-image: linear-gradient(180deg,#d0d0d0,#d0d0d0,transparent,transparent),
                      linear-gradient(0deg,#d0d0d0,#d0d0d0,transparent,transparent);
    background-size: 100% 1px;
}
.swiper-select__bd:after {
    background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),
                      -webkit-linear-gradient(bottom,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),
                      linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    /* background-size: 100% 70px; */
    background-size: 100% 90px;
}
.swiper-select__slide {
    /* height: 35px;
    line-height: 35px; */
    height: 45px;
    line-height: 45px;
}

/* -------------------------------------------------- */

.before-border {
  position: relative;
}
.before-border:before {
  content: " ";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #D9D9D9;
  color: #D9D9D9;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  left: 15px;
}
.before-border:first-child:before {
  display: none;
}

.weui_cells_access .weui_cell_down .weui_cell_ft:after,
.weui_cells_access .weui_cell_edit .weui_cell_ft:after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    margin-left: .6em;
    transition: transform .24s, -webkit-transform .24s;
}

.weui_cells_access .weui_cell_up .weui_cell_ft:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-left: .6em;
    transition: transform .24s, -webkit-transform .24s;
}

.weui_access_invisible .weui_cell_ft:after {
    opacity: 0;
}

.box-hc {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.weui_padding {
    padding: 10px 15px;
}

.weui_btn_red .weui_btn_plain_primary {
    border: 1px solid #ef4f4f;
    border-radius: 4px !important;

    color: #ef4f4f;
}
.weui_btn_red .weui_btn_plain_primary:active {
    border-color: #ef4046;
}
.noborder .weui_cell:before {
    border-top: none;
}
.noborders .weui_cells:before {
    border-top: none;
}
.noborders .weui_cells:after {
    border-bottom: none;
}

.price {
    color: #ff6759; /* red */
}

.font_bold{
    font-weight:bold
}

.orange{
    color:#FFA500
}

/* .no_access .weui_cell_ft:after{
    display: none !important;
} */


.sortable-chosen {
    background-color: #fff;
    box-shadow: 0 0 10px #ccc;
}
.sortable-handle {
	cursor: move;
	cursor: -webkit-grabbing;
}
.disable-select {
    -webkit-user-select: none;
    user-select: none;

}

.heartbeat:after {
    content: " ";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #f6a623;
    -webkit-animation: heartbeat 1s ease infinite;
            animation: heartbeat 1s ease infinite;
}
@-webkit-keyframes heartbeat {
    0% {
        opacity: .8;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
    }
    100% {
        opacity: 0;
        top: -100%;
        left: -100%;
        width: 300%;
        height: 300%;
    }
}
@keyframes heartbeat {
    0% {
        opacity: .8;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
    }
    100% {
        opacity: 0;
        top: -100%;
        left: -100%;
        width: 300%;
        height: 300%;
    }
}

.weui_cells_radio_red .weui_check[type="radio"]:checked + .weui_icon_checked:before {
    color: #F76260;
}
.weui_cells_checkbox_red .weui_check[type="checkbox"]:checked + .weui_icon_checked:before {
    color: #F76260;
}

/* 气泡 */
.bubble {
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid;
    border-radius: 3px;
    background-color: #fff;
}
.bubble:before,
.bubble:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-left-color: transparent;
    border-right-color: transparent;
}
.bubble.left:before,
.bubble.left:after {
    left: 15px;
}
.bubble:after {
    top: calc(100% - 1px);
    color: #fff;
}
.bubble.top:before,
.bubble.top:after {
    top: -8px;
    border-width: 0 8px 8px;
}
.bubble.top:after {
    top: -7px;
}

.triangle:after {
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 2px;
    border-width: 7px 5px 0;
    border-style: solid;
    border-color: currentColor transparent;
    transform: translate3d(0, -50%, 0);
}
.triangle.triangle-down:after {
    transform: translate3d(0, -50%, 0) rotateZ(0);
}
.triangle.triangle-up:after {
    transform: translate3d(0, -50%, 0) rotateZ(180deg);
}
.triangle.triangle-left:after {
    transform: translate3d(0, -50%, 0) rotateZ(90deg);
}
.triangle.triangle-down:after {
    transform: translate3d(0, -50%, 0) rotateZ(-90deg);
}
.weui_icon_warn_color_ffbe00 .weui_icon_warn:before {
    font-size: 17px;
    color: #ffbe00;
    position: absolute;
    top: 0px;
}

.wgoo-dialog {
    transition: all .3s;
}

.wgoo-animate-slide-up {
    transform: translateY(0);
}

.wgoo-animate-slide-down {
    transform: translateY(150);
}