body {

    background: #f0eff5;

}



ol, ul{

    list-style: none

}



img {

    width: 100%;

    border: 0;

    vertical-align: middle

}



input, button, textarea, label {

    -webkit-appearance: none;

    outline: none;

    -webkit-tap-highlight-color: transparent

}



input:focus {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-user-modify: read-write-plaintext-only;

}



ins {

    text-decoration: none

}

a{

    color: #000;

}

.price-line::before {

    content: "¥";

    margin-right: 2px;

}



.old-price::before {

    content: "¥";

    margin-right: 2px

}

.col-d{

    color: #f0ce8d;

}



.mt10 {

    margin-top: 10px

}



.pl15 {

    padding-left: 15px

}



.pr15 {

    padding-left: 15px

}

.p15{

    padding: 0px 15px;

}

.f12{

    font-size: 12px;

}

.fl{

    float: left;

}

.fr{

    float: right;

}

.clearfix:after {

    display: block;

    visibility: hidden;

    font-size: 0;

    line-height: 0;

    height: 0;

    content: "";

    clear: both;

}

.bgf7{

    background: #f7f7f7;

    border-bottom: 1px solid #dad9df;

}

.bgf2{
    background-color: #f2f2f2;
    border-bottom: 1px solid #dad9df;
}

.txoh {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.none {

    display: none

}



.icon-ann {

    display: inline-block;

    background: url("/Public/static/image/icon-base.gif") no-repeat;

    background-size: 375px;

}



.header, .common-header {

    position: relative;

    height: 50px;

}



.header .city-link {

    padding: 0 8px 0 15px;

    color: #1bc733;

    font-size:12px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

}

.header .city-link .icon-xiangxia{

    vertical-align: middle;

    margin-left: 3px;

    font-size: 10px;

    color: #b6b6b6;

}

.header .user-center-link {

    color: #535353;

    padding: 0px 15px;

    text-align: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

}



.header .user-center-link i {

    font-size: 24px;

}



.header .search-link {

    position: relative;

    color: #535353;

    padding: 0px 10px;

    text-align: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

    display: -webkit-box;

}



.header .search-link i {

    font-size: 26px;

}



.header .search-link #tp_cart_info {

    position: absolute;

    font-size: 10px;

    color: #ffffff;

    display: block;

    width: 15px;

    height: 15px;

    border-radius: 50%;

    background: #f0ce8d;

    top: 10px;

    left: 22px;

    text-align: center;

    line-height: 15px;

}



/*.header .search {

    padding: 10px 5px;

    box-sizing: border-box;

    width: 100%;

}



.header .search .search-item {

    width: 95%;

    position: relative;

    height: 30px;

}



.header .search .search-item input {

    height: 100%;

    width: 100%;

    border: none;

    border-radius: 20px;

    box-sizing: border-box;

    background: #ffffff;

    padding-left: 15px;

    font-size: 12px;

    color: #9c9c9c;

}



.header .search .search-item .search-icon {

    position: absolute;

    top: 2px;

    right: 5px;

    color: #a6a6a6;

    width: 40px;

    text-align: center;

}*/

.header .add_message{

    display: block;

    padding: 7px 0 0;

    font-size: 0;

    color: #999;

    text-align: center;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

}

.header .c-icon i {

    font-size: 24px;

    color: #acacac;

}



.header .c-icon {

    display: block;

    position: absolute;

    height: 50px;

    top: 0;

    line-height: 50px;

    text-align: center;

}



.header .c-icon.go-back {

    left: 12px;

}



.header .c-icon.user {

    right: 60px;

}



.header .c-icon.home {

    right: 15px;

}



.header .c-icon.user i {

    font-size: 21px;

}



.header .header-title {

    text-align: center;

    line-height: 50px;

    padding: 0px 45px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.title-line .address .icon {

    vertical-align: inherit;

    margin-right: 3px

}



.weui-loadmore {

    color: #999999;

    font-size: 13px;

    margin: 1em auto 1.3em;

}



.common-header {

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

    padding: 0px 15px

}



.common-header .go-back {

    display: block;

    width: 45px

}



.common-header .go-back .iconfont {

    font-size: 22px;

    color: #535353

}



.common-header .header-title {

    font-size: 16px;

    color: #535353

}



.common-header h1 {

    font-size: 16px;

    color: #535353;

    position: absolute;

    left: 50px;

    top: 0px;

}



.buy-btn {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0

}



.buy-btn .weui-btn {

    background: #66cc99;

    border-radius: 0px;

    font-size: 16px;

    line-height: 3

}

.buy-btn .weui-btn.disabled{

    background: #d0cfcf;

    color: #f2f1f1;

}

.buy-btn .weui-btn.disabled:after{

    border-color: #d0cfcf;

}

.cf:after {

    content: "";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.more-icon span {

    display: inline-block;

    width: 5px;

    height: 5px;

    background: #666666;

    border-radius: 50%;

}



.loading-block {

    width: 100%;

    line-height: 50px;

    text-align: center;

    color: #006390;

    background-color: #fff;

}



.loading-block .spinner {

    display: inline-block;

    position: relative;

    top: 2px;

    width: 32px;

    line-height: 14px;

    height: 14px;

    margin-right: 4px;

    font-size: 10px;

}



.loading-block .spinner > div {

    display: inline-block;

    background-color: #006390;

    height: 100%;

    width: 3px;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;

    animation: stretchdelay 1.2s infinite ease-in-out;

}



.loading-block .spinner .rect1 {

    -webkit-animation-delay: -.5s;

    animation-delay: -.5s;

}



.loading-block .spinner .rect2 {

    -webkit-animation-delay: -.4s;

    animation-delay: -.4s;

}



.loading-block .spinner .rect3 {

    -webkit-animation-delay: -.3s;

    animation-delay: -.3s;

}



.loading-block .spinner .rect4 {

    -webkit-animation-delay: -.2s;

    animation-delay: -.2s;

}



.loading-block .spinner .rect5 {

    -webkit-animation-delay: -.1s;

    animation-delay: -.1s;

}



@-webkit-keyframes stretchdelay {

    0%, 100%, 40% {

        -webkit-transform: scaleY(.4);

        -moz-transform: scaleY(.4);

        -ms-transform: scaleY(.4);

        -o-transform: scaleY(.4);

        transform: scaleY(.4)

    }

    20% {

        -webkit-transform: scaleY(1);

        -moz-transform: scaleY(1);

        -ms-transform: scaleY(1);

        -o-transform: scaleY(1);

        transform: scaleY(1)

    }

}



@keyframes stretchdelay {

    0%, 100%, 40% {

        -webkit-transform: scaleY(.4);

        -moz-transform: scaleY(.4);

        -ms-transform: scaleY(.4);

        -o-transform: scaleY(.4);

        transform: scaleY(.4)

    }

    20% {

        -webkit-transform: scaleY(1);

        -moz-transform: scaleY(1);

        -ms-transform: scaleY(1);

        -o-transform: scaleY(1);

        transform: scaleY(1)

    }

}



.buy-btn .weui-btn {

    background: #006390;

    border-radius: 0px;

}



.buy-btn .weui-btn:after {

    border: 1px solid #006390;

}



.cf:after {

    content: "";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.weui-btn {

    background-color: #66cc99;

    border-radius: 0;

    font-size: 14px;

    line-height: 2.888888;

}



.weui-btn:after {

    content: " ";

    width: 200%;

    height: 200%;

    position: absolute;

    top: 0;

    left: 0;

    border: 1px solid rgba(255, 187, 144, 0.2);

    -webkit-transform: scale(.5);

    transform: scale(.5);

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    box-sizing: border-box;

    border-radius: 0px;

}



.weui-btn:not(.weui-btn_disabled):active {

    background-color: #28dd41;

}



.weui-cells_form {

    background: #ffffff;

    margin-top: 8px;

    line-height: 1.41176471;

    font-size: 15px;

    overflow: hidden;

    position: relative;

}



.weui-cells_form .form_weui-cell {

    padding: 10px 15px;

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

    font-size: 14px;

}



.weui-cells_form .form_weui-cell:after {

    content: " ";

    position: absolute;

    bottom: 0;

    right: 15px;

    height: 1px;

    border-top: 1px solid #d9d9d9;

    color: #d9d9d9;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: scaleY(.5);

    transform: scaleY(.5);

    left: 15px;

}

.weui-cells_form .weui-cell__bd .weui-input{

    font-size: 13px;

}

.weui-cells_form .weui-cell__ft{

    font-size: 12px;

}

.weui-cells_form .weui-cell__ft .vcode{

    font-size: 12px;

    line-height: 2.488888;

    padding: 0 1.2em;

}

.cells-form__after:after{

    content: " ";

    position: absolute;

    left: 0;

    right: 0;

    height: 1px;

    color: #d9d9d9;

    bottom: 0;

    border-bottom: 1px solid #d9d9d9;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%;

    -webkit-transform: scaleY(.5);

    transform: scaleY(.5);

}

.weui-cells_checkbox .weui-check:checked + .iconfont:before {

    content: '\e603';

    color: #f0ce8d;

}



.weui-cells_checkbox .iconfont:before {

    content: "\e63b";

    color: #666666

}



.weui-cells_radio .iconfont, .weui-cells_checkbox .iconfont {

    color: #666666;

    font-size: 20px;

    vertical-align: middle;

}



.weui-cells_radio .weui-icon__xz:before {

    content: "\e63b";

    color: #666666

}



.weui-cells_radio .weui-check:checked + .weui-icon__xz:before {

    content: '\e603';

    color: #006390;

}



.weui-cell_center {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.fixed-btn {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

}

.inline-help{

    margin-top:4px;

    color:#8e8e8e;

    font-size:12px;

}

.inline-help a{

    color: #f0ce8d;

}

.weui_toptips{

    position: fixed;

    background: rgba(0,0,0,.6);

    z-index: 1000;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 1;

    visibility: visible;

    text-align: center;

}

.weui_toptips .weui_toptips_help{

    background: rgb(51, 51, 51);

    color: #fff;

    display: inline-block;

    padding: 8px 20px;

    border-radius: 5px;

    margin-top: 50%;

    font-size: 13px;

}

.weui-tabbar{

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 90;

    background-color: #ffffff;

    box-shadow: 1px 0 6px 1px rgba(70, 70, 70, 0.2);

}

.weui-tabbar .weui-tabbar__label{

    font-size: 10px;

    color: #acacac;

}

.no-data{

    text-align: center;

    margin-top: 100px;

}

.no-data .iconfont{

    font-size: 50px;

    color: #999;

}

.no-data p{

    margin-top: -10px;

    color: #999;

    font-size: 12px;

}

.f12{

    font-size: 12px;

}

.c85{

    color:#858585;

}

.weui-loadmore_line .weui-loadmore__tips{

     background-color: #f0eff5;

    color: #b1b1b1;

    font-size: 12px;

}

.warp-item .warp-header{

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.warp-item ul{

    padding: 0px 10px 10px 10px;

}

.warp-item ul li{

    background: #ffffff;

    margin-bottom: 10px;

    padding: 10px;

    border-radius: 5px;

}

.warp-item .warp-header img{

    width: 45px;

    height: 45px;

    border-radius: 50%;

}

.warp-item .warp-header .weui-flex__item{

    line-height: 1.2;

    padding-left: 10px;

}

.warp-item .warp-header .weui-flex__item p{

    font-size: 17px;

    color:#2d2d2d;

}

.warp-item .warp-header-follow{

    text-align: center;

    line-height: 0.8;

}

.warp-item .warp-header-follow .iconfont{

    color: #1bc733;

    font-size: 28px;

}

.warp-item .warp-header-follow p{

    font-size: 10px;

    border:1px solid #858585;

    padding: 3px 8px;

    border-radius: 15px;

}

.warp-item .warp-content{

    font-size: 15px;

    padding: 10px 4px;

    position: relative;

}

.warp-item .warp-content:after {

    content: " ";

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 1px;

    border-bottom: 1px solid #d7d7d7;

    color: #d7d7d7;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%;

    -webkit-transform: scaleY(0.5);

    transform: scaleY(0.5);

}

.warp-item .warp-footer{

    font-size: 12.5px;

    padding: 0px 4px;

}

.warp-item .warp-footer .ci{

    background: #1bc733;

    color: #fff;

    padding: 0px 4px;

}

.warp-item .warp-footer p{

    margin-top: 5px;

}

.weui-cell_access .weui-cell__ft:after {

    height: 8px;

    width: 8px;

    border-width: 1px 1px 0 0;

    border-color: #8f8f8f;

}

.header .header-title {

    font-size: 19px;

}



.header .fb {

    font-size: 15px;

    color: #1bc733;

}



.warp-form .iconfont {

    color: #d4d4d4;

    font-size: 22px;

}

.weui-no__data{

    padding: 20px 0px 40px 0px;

    text-align: center;

    color: #999;

    line-height: 1.3;

}

.weui-no__data .iconfont{

    font-size: 32px;

}

.weui-no__data p{

    font-size: 12px;

}

.weui-tip {

    padding: 15px;

    font-size: 12px;

    color: #666;

}

.tag{

    background: #ffd905;

    color: #fff;

    padding: 0px 4px;

    text-align: center;

    font-size: 12px;

    margin-right: 4px;

    margin-top: -6px;

    vertical-align: middle;

    display: inline-block;

}



.header-add-btn{

    display: block;

    float: left;

    width: 15%;

    padding: 7px 0 0;

    font-size: 0;

    color: #999;

    text-align: center;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

}



.top-list{

    background-color: #99CC00;

    height: 200px;

}



.top-list .top-title{

    margin: 5px;

    font-weight: bold;

}



.top-list .info{

    width: 80%;

    margin: 0 auto 5px;

}



.top-list .info-num{

    width: 28px;

    height: 28px;

    border-radius: 7px;

    background-color: #FFCC00;

    font-weight: bold;

    text-align: center;

    margin-right: 12px;

}



.top-list .info-box{

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center

}



.top-list .info-box-img{

    margin-right: 0.5rem;

}



.top-list .info-box-msg{

    width: 70%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.top-list .info-box img{

    width: 45px;

    height: 45px;

    border-radius: 50%;

}



.top-list .info-box .title{

    font-weight: 400;

    font-size: 16px;

    width: auto;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: normal;

    word-wrap: break-word;

    word-break: break-all;

}



.top-list .info-box .desc{

    font-size: 15px;

    color: #999;

    font-size: 13px;

    line-height: 1.2;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}



.fixed-button{

    position: fixed;

    color: white;

    padding: 0;

    background: #00CC33;

    font-size: 15px;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    bottom: 60px;

    right: 10px;

    z-index: 999;

}

.go-home{
    position: absolute;
    right: 12px;
    width: 24px;
    height: 24px;
    top: 13px;
    background: url("../image/home-off.png") center 100%/100% no-repeat;
}