﻿@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 0.24rem;
    color: #666;
    font-family: "PingFang SC", -apple-system-font, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    max-width: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td, p {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul, li, dl, dt, dd, ol, p, img {
    list-style: none;
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

em, i {
    font-style: normal;
}

button, select, textarea, input {
    border: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    font-family: "PingFang SC", -apple-system-font, "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

    input[disabled] {
        background-color: #fff;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #999;
    }

    input:-moz-placeholder, textarea:-moz-placeholder {
        color: #999;
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #999;
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #999;
    }

a {
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    a:hover, a:focus {
        outline: none;
        text-decoration: none;
    }

label, dl, dt {
    font-weight: normal;
}
/*i,em{ font-style:normal;}*/
img {
    max-width: 100%;
    height: auto;
    min-width: auto;
    min-height: auto;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.clear {
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
}

.fix {
    zoom: 1;
}

    .fix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/*��ҳ*/
.box {
    padding-bottom: 1.1rem;
}

.banner {
    position: relative;
}
/*.search{padding: 0.22rem 0.29rem;position: absolute;top: 0;left: 0;right: 0;z-index: 10;}*/
.search {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: .6rem;
    z-index: 9;
    margin-top: .15rem;
}

    .search .item {
        width: .43rem;
        height: .33rem;
        margin: 0 .33rem 0 .2rem;
    }

    .search div {
        width: 5.9rem;
        height: .6rem;
        padding: 0 .28rem;
        font-size: .24rem;
        color: #FD3F49;
        background: #FFF;
        border-radius: .3rem;
    }

    .search input {
        margin-left: .22rem;
        width: 2.9rem;
        font-size: .24rem;
        border: none;
        outline: none;
        color: #FD3F49;
    }

        .search input::-webkit-input-placeholder {
            color: #FD3F49;
        }

        .search input::-moz-placeholder { /* Mozilla Firefox 19+ */
            color: #FD3F49;
        }

        .search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #FD3F49;
        }

        .search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #FD3F49;
        }

    .search .searchBtn {
        width: .32rem;
        height: .32rem;
        margin-left: .2rem;
    }

    .search .login {
        font-size: .28rem;
        color: #fd3f49;
        margin-right: .15rem;
        font-weight: bold;
    }

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-direction: row;
}

.flex-b {
    -webkit-box-pack: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-a {
    -webkit-box-pack: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flex-lc {
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-w {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*.searchc{background-color: #fff;height: 0.59rem;border-radius: 0.59rem;background-image: url(../../images/ssico.png);background-position: 0.2rem center;background-repeat: no-repeat;background-size: 0.33rem auto;padding-left: 0.68rem;}
.searchc input{height: 0.59rem;line-height: 0.59rem;display: block;width: 100%;border-radius: 0 0.59rem 0.59rem 0;background: none;}*/
.bannerimg {
    display: block;
}

.banner .swiper-pagination-bullet {
    background: #999;
    opacity: 1;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.12rem;
}

.nav {
    padding: 0.4rem 0 0.45rem;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

    .nav a {
        display: block;
        width: 25%;
        font-size: 0.24rem;
        color: #737373;
        text-align: center;
    }

    .nav img {
        display: block;
        width: 0.6rem;
        height: 0.6rem;
        margin: 0 auto 0.3rem;
    }

.splb {
    border-top: 0.35rem solid #f4f2f2;
    position: relative;
    padding: 0 0.2rem;
}

.title {
    font-size: 0.24rem;
    color: #fff;
    width: 1.44rem;
    height: 0.48rem;
    background: -webkit-linear-gradient(right top, #fb9a8b, #f45150);
    background: -o-linear-gradient(bottom left, #fb9a8b, #f45150);
    background: -moz-linear-gradient(bottom left, #fb9a8b, #f45150);
    background: linear-gradient(to bottom left, #fb9a8b, #f45150);
    border-radius: 0 0.48rem 0.48rem 0;
    box-sizing: border-box;
    padding-left: 0.23rem;
    line-height: 0.48rem;
    position: absolute;
    left: 0;
    top: -0.2rem;
}
/*.splist li{border-bottom: 1px solid #ccc;}*/
.splist li:last-child {
    border: none;
}

.splist li a {
    display: block;
    padding: 0.28rem 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.splist li img {
    display: block;
    width: 50%;
    height: 3rem;
    margin-right: 0.2rem;
    border-radius: 0.1rem;
}

.splist li .info {
    flex: 1;
    -webkit-flex: 1;
    position: relative;
}

.tit {
    color: #3e3e3e;
    line-height: 0.4rem;
    margin-bottom: 0.1rem;
    overflow: hidden;
    padding-top: 0.1rem;
    height: 1rem;
    font-weight: bolder;
    font-size: 0.3rem;
}

.splist li p {
    font-size: 0.22rem;
    color: #999;
}

.price {
    font-size: 0.28rem;
    color: #fc6f6f;
    margin: 0.1rem 0;
    margin-bottom: 0.5rem;
    font-weight: bold;
    height: 1rem;
}

    .price em {
        font-size: 0.24rem;
        margin-right: 0.06rem;
    }

    .price del {
        font-size: 0.22rem;
        color: #999;
        margin-left: 0.08rem;
    }

        .price del em {
            font-size: 0.22rem;
            margin: 0;
        }

.buybtn {
    font-size: 0.24rem;
    color: #fff;
    width: 1.27rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    position: absolute;
    right: 0;
    bottom: 0.3rem;
    background: -webkit-linear-gradient(right top, #f45150, #fb9a8b);
    background: -o-linear-gradient(bottom left, #f45150, #fb9a8b);
    background: -moz-linear-gradient(bottom left, #f45150, #fb9a8b);
    background: linear-gradient(to bottom left, #f45150, #fb9a8b);
    border-radius: 0.5rem;
}

.botnav {
    text-align: center;
    padding: 0.2rem 0 0.35rem;
    font-size: 0.24rem;
    border-top: 1px solid #ccc;
    margin: 0 0.2rem;
}

    .botnav a {
        color: #999;
        margin: 0 0.12rem;
    }

.footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: 1.1rem;
    border-top: 1px solid #1e1b1c;
    align-items: center;
    -webkit-align-items: center;
    z-index: 20;
    background: #fff;
   
}

    .footer a {
        display: block;
        font-size: 0.24rem;
        color: #1e1b1c;
        width: 25%;
        text-align: center;
    }

    .footer img {
        display: block;
        margin: 0 auto 0.1rem;
        width: 0.57rem;
        height: 0.4rem;
    }

.footer1 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: 1.1rem;
    border-top: 1px solid #1e1b1c;
    align-items: center;
    -webkit-align-items: center;
    z-index: 20;
    background: #fff;
}

    .footer1 a {
        display: block;
        font-size: 0.24rem;
        color: #1e1b1c;
        width: 25%;
        text-align: center;
    }

    .footer1 img {
        display: block;
        margin: 0 auto 0.1rem;
        width: 0.57rem;
        height: 0.4rem;
    }

/*��Ʒ�б�*/
.splb_top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
}

    .splb_top .search {
        position: initial;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        padding: 0.2rem 0 0.15rem 0.29rem;
        width: 100%;
        right: auto;
    }

    .splb_top .searchc {
        background-color: #f2f2f2;
        flex: 1;
        -webkit-flex: 1;
        margin-right: 0.1rem;
    }

        .splb_top .searchc input {
            background-color: #f2f2f2;
        }

.ssbtn {
    width: 1.02rem;
    text-align: center;
    height: 0.59rem;
    font-size: 0.24rem;
    color: #4c4c4c;
    background: none;
}

.saixuan {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 0.79rem;
    line-height: 0.79rem;
    display: flex;
    ;
    display: -ms-flexbox;
    display: -webkit-flex;
}

    .saixuan a {
        display: block;
        line-height: 0.79rem;
        font-size: 0.26rem;
        color: #4c4c4c;
        text-align: center;
        width: 33.33%;
    }

        .saixuan a.active, .jiage.adown {
            color: #fc7575;
        }

.jiage i {
    display: inline-block;
    ;
    width: 0.1rem;
    height: 0.14rem;
    background-image: url(../../images/updown.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 0.1rem;
    margin-left: 0.1rem;
}

.jiage.active i {
    background-position: 0 -0.14rem;
}

.jiage.adown i {
    background-position: 0 -0.28rem;
}

.goodslist {
    padding: 1.75rem 0.2rem 0;
}

    .goodslist li {
        border-bottom: none;
        position: relative;
    }

        .goodslist li a {
            padding: 0;
        }

        .goodslist li .info {
            border-bottom: 1px solid #ccc;
            padding: 0.2rem 0 0.3rem;
            height: 3rem;
        }

        .goodslist li .tit {
            margin-bottom: 0.5rem;
        }

        .goodslist li p {
            color: #ccc;
            line-height: 0.24rem;
        }

            .goodslist li p span {
                margin-left: 0.17rem;
            }

            .goodslist li p em {
                display: inline-block;
                color: #fff;
                width: 32px;
                height: 20px;
                background: #ed4749;
                border-radius: 3px;
                line-height: 20px;
                margin-right: 0.1rem;
                text-align: center;
            }

.gwcbtn {
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    background: #ed4749;
    border-radius: 50%;
    overflow: hidden;
    right: 0;
    bottom: 0.3rem;
    z-index: 8;
}

.goodslist li .gwcbtn img {
    display: block;
    margin: 0.1rem auto 0;
    width: 0.4rem;
    height: 0.4rem;
}
/*��Ʒ����ҳ*/
.xqdet {
    padding-bottom: 1.03rem;
}

.xqban .swiper-pagination-bullet-active {
    background: #333;
}

.xqban .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

.detinfo {
    padding: 0.2rem 0.2rem 0.3rem;
    border-bottom: 0.15rem solid #f1f1f1;
}

.dettit {
    font-size: 0.28rem;
    color: #4c4c4c;
}

.detinfo p {
    font-size: 0.24rem;
    color: #ccc;
    margin: 0.15rem 0 0.2rem;
}

.detprice {
    font-size: 0.32rem;
    color: #fc6f6f;
}

    .detprice span {
        font-size: 0.24rem;
        color: #ccc;
    }

    .detprice em {
        font-size: 0.28rem;
        color: #fc6f6f;
    }

.baoz {
    border-bottom: 0.15rem solid #f1f1f1;
    font-size: 0.24rem;
    color: #4c4c4c;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 0.2rem 0 0.2rem 0.2rem;
}

    .baoz img {
        display: block;
        width: 0.4rem;
        height: 0,4rem;
        margin-right: 0.1rem;
    }

    .baoz div {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        margin-right: 0.2rem;
    }

        .baoz div:last-child {
            margin-right: 0;
        }

.guige {
    border-bottom: 0.15rem solid #f1f1f1;
    padding: 0.25rem 0.2rem;
    background-image: url(../../images/xqico5.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 0.42rem auto;
    font-size: 0.24rem;
    color: #4c4c4c;
}

.shop {
    border-bottom: 0.15rem solid #f1f1f1;
}

    .shop a {
        display: block;
        padding: 0.25rem 0.2rem;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
    }

    .shop img {
        display: block;
        width: 1.26rem;
        height: 1.26rem;
        border-radius: 50%;
        border: 2px solid #ccc;
        margin-right: 0.2rem;
    }

.shopr {
    flex: 1;
    -webkit-flex: 1;
}

.shoptit {
    font-size: 0.28rem;
    color: #4c4c4c;
}

.s_star {
    width: 0.99rem;
    height: 0.15rem;
    background-image: url(../../images/star_h.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0.1rem 0;
    position: relative;
}

.s_starh {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/star_h.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.99rem 0.15rem;
    width: 50%;
}

.shopr p {
    font-size: 0.24rem;
    color: #4c4c4c;
    background-image: url(../../images/xqico9.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.22rem auto;
    padding-left: 0.24rem;
}

.xqtab {
    border-bottom: 1px solid #b2b2b2;
}

    .xqtab a {
        display: block;
        font-size: 0.28rem;
        color: #4c4c4c;
        line-height: 0.74rem;
        float: left;
        width: 33.33%;
        text-align: center;
        height: 0.74rem;
    }

        .xqtab a.active {
            color: #f45150;
            border-bottom: 0.05rem solid #f45150;
        }

.detcon {
    display: none;
}

.tuwen {
    padding-bottom: 0.2rem;
}

    .tuwen img {
        max-width: 100%;
    }

.cpcs li {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-bottom: 1px solid #ccc;
    font-size: 0.28rem;
    color: #333;
    padding: 0.3rem 0.2rem;
}

    .cpcs li:last-child {
        border: none;
    }

    .cpcs li span {
        display: block;
        color: #999;
        width: 1.6rem;
    }

.pingl {
    padding: 0.45rem 0.2rem 0;
}

    .pingl li {
        border-bottom: 1px solid #e6e6e6;
    }

.plt {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.pl_star {
    flex: 1;
    -webkit-flex: 1;
}

    .pl_star i {
        display: inline-block;
        width: 0.19rem;
        height: 0.18rem;
        background-image: url(../../images/star1.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .pl_star i.active {
            background-image: url(../../images/star1_h.png);
        }

.detname {
    font-size: 0.27rem;
    color: #4c4c4c;
}

.plcon p {
    font-size: 0.24rem;
    color: #4c4c4c;
    line-height: 0.44rem;
    margin: 0.2rem 0 0.3rem;
}

.plcon li {
    float: left;
    width: 22%;
    padding: 0.1rem 0 0.25rem;
    border: none;
    margin-right: 2%;
}

    .plcon li img {
        display: block;
        width: 100%;
    }

.detbot {
    position: fixed;
    ;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 1.03rem;
    display: flex;
    ;
    display: -ms-flexbox;
    ;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-top: 1px solid #b9b9b9;
    z 20;
}

    .detbot a {
        display: block;
        font-size: 0.24rem;
        color: #333;
        text-align: center;
    }

    .detbot img {
        display: block;
        margin: 0 auto 0.05rem;
        width: 0.5rem;
        height: 0.4rem;
    }

    .detbot a.jrgwc {
        font-size: 0.28rem;
        color: #fff;
        background: #ed4f4e;
        line-height: 1.03rem;
        width: 80%;
    }

    .detbot input {
        display: block;
        font-size: 0.24rem;
        text-align: center;
    }

        .detbot input.jrgwc {
            font-size: 0.28rem;
            color: #fff;
            background: #ed4f4e;
            line-height: 1.03rem;
            width: 2.98rem;
            display: block;
            font-size: 0.24rem;
            color: #333;
            text-align: center;
        }

.jrgwc {
    color: #fff;
}

.detbotl {
    flex: 1;
    -webkit-flex: 1;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

    .detbotl a {
        width: 100%;
    }

.sc i {
    display: block;
    margin: 0 auto 0.05rem;
    width: 0.5rem;
    height: 0.4rem;
    background-image: url(../../images/xqico7.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sc.active i {
    background-image: url(../../images/xqico7_h.png);
}

.sc.active {
    color: #f45150;
}
/*���ѡ��*/
.ceng {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.54);
    z-index: 99;
    display: none;
}

.xguige {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    display: none;
}

.close {
    display: block;
    position: absolute;
    right: 0.11rem;
    top: -0.32rem;
    width: 0.61rem;
    height: 0.62rem;
}

    .close img {
        display: block;
    }

.guigecon {
    padding: 0 0.15rem 1rem;
}

.spinfo {
    margin-top: -0.28rem;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 0.25rem;
}

    .spinfo img {
        display: block;
        width: 1.92rem;
        height: 1.92rem;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-right: 0.26rem;
    }

.spinfor {
    padding-top: 0.5rem;
    flex: 1;
    -webkit-flex: 1;
}

    .spinfor p {
        font-size: 0.24rem;
        color: #151415;
        margin-bottom: 0.1rem;
    }

        .spinfor p span {
            font-size: 0.32rem;
            color: #f45150;
            margin-left: 0.18rem;
        }

.xzgg {
    padding-top: 0.2rem;
}

    .xzgg p {
        font-size: 0.24rem;
        color: #999;
        margin-bottom: 0.2rem;
    }

    .xzgg .active {
        border: 1px solid red;
    }

    .xzgg a {
        display: inline-block;
        height: 0.55rem;
        line-height: 0.55rem;
        border: 1px solid #ccc;
        padding: 0 0.25rem;
        border-radius: 4px;
        font-size: 0.26rem;
        color: #666;
        margin: 0 0.15rem 0.15rem 0;
    }

.num {
    border: 1px solid #ccc;
    width: 1.79rem;
    height: 0.59rem;
    border-radius: 4px;
    box-sizing: content-box;
}

.jian, .jia {
    width: 0.59rem;
    height: 0.59rem;
    text-align: center;
    line-height: 0.59rem;
    font-size: 0.24rem;
    color: #5c5c5c;
}

.numipt {
    width: 0.6rem;
    height: 0.59rem;
    color: #050505;
    font-size: 0.24rem;
    border-left: 0.02rem solid #ccc;
    border-right: 0.02rem solid #ccc;
    background: none;
    text-align: center;
}

.xqbtn a {
    font-size: 0.24rem;
    color: #fff;
    float: left;
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: center;
    width: 50%;
}

    .xqbtn a.ljgma {
        background: #ccc;
    }

        .xqbtn a.ljgma.active {
            background: #f45150;
        }

    .xqbtn a.gwca {
        background: #bbb;
    }

        .xqbtn a.gwca.active {
            background: #e53736;
        }

.xqbtn input {
    font-size: 0.24rem;
    color: #fff;
    float: left;
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: center;
    width: 100%;
}

    .xqbtn input.ljgma {
        background: #ccc;
    }

        .xqbtn input.ljgma.active {
            background: #f45150;
        }

    .xqbtn input.gwca {
        background: #bbb;
    }

        .xqbtn input.gwca.active {
            background: #e53736;
        }
/*��Ҫ��Ʊ*/
.xzfp {
    background: #fff;
    margin-top: 0.2rem;
    padding: 0.1rem 0.23rem 0.32rem;
}

.fptit {
    font-size: 0.28rem;
    color: #333;
    margin-bottom: 0.32rem;
}

.xzfp a {
    display: inline-block;
    font-size: 0.24rem;
    color: #999;
    padding: 0.25rem 0;
    border-radius: 4px;
    width: 29%;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin: 0 1.5%;
}

    .xzfp a.active {
        border-color: #f45150;
        color: #f45150;
    }

.zhizhi, .dianzi {
    display: none;
}

.fpcon {
    background: #fff;
    margin: 0.2rem 0;
    padding: 0.3rem 0.23rem;
}

    .fpcon .zffs span {
        margin: 0;
        margin-right: 0.8rem;
    }

.fpipt {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #999;
    height: 0.8rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #333;
    padding: 0.2rem 0.3rem;
}

.fixbtn {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
}

.qdbtn {
    background: #ed4f4e;
    height: 0.78rem;
    color: #fff;
    font-size: 0.28rem;
    display: block;
    width: 100%;
}
/*��������*/
.about {
    padding: 0.5rem 0.2rem 0;
    text-align: center;
}

    .about h3 {
        font-size: 0.32rem;
        color: #333;
        margin-bottom: 0.5rem;
    }

        .about h3 span {
            border-bottom: 0.03rem solid #ed4f4e;
            padding: 0 0.12rem 0.09rem;
        }

.abcon {
    font-size: 0.24rem;
    color: #4c4c4c;
    line-height: 0.44rem;
    padding-bottom: 0.9rem;
}

.about .botnav {
    margin: 0;
}
/*����*/
.flbox .search {
    position: relative;
    padding-top: 0.2rem;
    padding-bottom: 0.28rem;
    border-bottom: 1px solid #ccc;
    z-index: 5;
}

.flbox .searchc {
    background-color: #f2f2f2;
}

.flcon {
    position: absolute;
    top: 1.07rem;
    left: 0;
    right: 0;
    bottom: 1.1rem;
    z-index: 2;
}

.fll {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 25%;
    background: #f3f5f6;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .fll a {
        display: block;
        height: 0.97rem;
        line-height: 0.97rem;
        border-bottom: 1px solid #e7e7e7;
        font-size: 0.24rem;
        color: #999;
        text-align: center;
    }

        .fll a.active {
            color: #ff4b4b;
            background: #fff;
        }

.flr {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 75%;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.3rem 0 0;
}

    .flr li {
        float: left;
        width: 33.33%;
        text-align: center;
        margin-bottom: 0.7rem;
    }

        .flr li img {
            display: block;
            width: 0.92rem;
            height: 0.92rem;
            margin: 0 auto 0.5rem;
        }

        .flr li a {
            display: block;
            font-size: 0.24rem;
            color: #4c4c4c;
        }
/*���ﳵ*/
.tip {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-color: #ed4f4e;
    padding: 0.14rem 0.65rem;
    font-size: 0.24rem;
    color: #fff;
    background-image: url(../../images/tip.png);
    background-position: 0.25rem 0.22rem;
    background-repeat: no-repeat;
    background-size: 0.24rem auto;
}

.close1 {
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: 0.34rem;
    top: 0.2rem;
}

.gwclist li {
    background: #fff;
    margin-bottom: 0.2rem;
}

.dpname {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 0.15rem 0 0 0.07rem;
    border-bottom: 1px solid #bfbfbf;
}

    .dpname a {
        flex: 1;
        -webkit-flex: 1;
    }

.gwcinfo, .spbot {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.gwccon {
    position: relative;
    border-bottom: 1px solid #b0b0b0;
}

.gwclist li .gwccon:last-child {
    border: none;
}

.gwcconc {
    padding: 0.25rem 0.07rem 0.25rem 0.52rem;
    position: relative;
    z-index: 5;
    background: #fff;
}

    .gwcconc .xuan {
        position: absolute;
        left: 0.07rem;
        top: 50%;
        margin-top: -0.19rem;
    }

.gwcimg {
    width: 1.7rem;
    height: 1.7rem;
    display: block;
    margin-right: 0.35rem;
}

    .gwcimg img {
        display: block;
        width: 100%;
        height: 100%;
    }

.gwcinfor {
    flex: 1;
    -webkit-flex: 1;
}

.spname {
    font-size: 0.26rem;
    line-height: 0.4rem;
    height: 0.8rem;
    overflow: hidden;
    margin-bottom: 0.1rem;
}

    .spname a {
        color: #595959;
    }

.spyh span {
    font-size: 0.2rem;
    color: #fff;
    background: #efa35c;
    border-radius: 3px;
    padding: 0.03rem 0.04rem 0.02rem;
    margin-right: 0.12rem;
}

.spbot {
    padding-right: 0.33rem;
    margin-top: 0.12rem;
}

.spjg {
    flex: 1;
    -webkit-flex: 1;
    font-size: 0.248rem;
    color: #fc6f6f;
}

    .spjg span {
        font-size: 0.24rem;
        margin-right: 0.05rem;
    }

.spbot .num {
    border-radius: 0;
}

.xiabox {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 1px;
    z-index: 4;
}

    .xiabox a {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        width: 1.2rem;
        color: #fff;
        font-size: 0.24rem;
        background: #ed4f4e;
        height: 100%;
    }




.gwcbot {
    background: #fff;
    background: #fff;
    height: 1.05rem;
    position: fixed;
    bottom: 1.1rem;
    left: 0;
    right: 0;
    z-index: 19;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.gwcbotl {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex: 1;
    -webkit-flex: 1;
    color: #333;
    padding: 0 0.2rem;
    border-top: 0.01 solid #ed4f4e;
    height: 1.04rem;
    line-height: 1.04rem;
}

.quanx {
    flex: 1;
    -webkit-flex: 1;
    font-size: 0.2rem;
    padding-left: 0.48rem;
}

.xuan, .quanx {
    background-image: url('../../images/gou.png');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.38rem auto;
}

.xuan {
    background-position: center;
    background-size: cover;
    width: 0.38rem;
    height: 0.38rem;
}

    .xuan.active, .quanx.active {
        background-image: url(../../images/gou_h.png);
    }

.heji {
    font-size: 0.32rem;
}

    .heji span {
        font-size: 0.28rem;
        color: #f45150;
        margin-left: 0.15rem;
    }

.qjs {
    display: block;
    background: #ed4f4e;
    color: #fff;
    font-size: 0.28rem;
    width: 2.08rem;
    height: 1.05rem;
    line-height: 1.05rem;
    text-align: center;
}
/*���ﳵ��״̬*/
.empty {
    text-align: center;
    padding-top: 30.5%;
}

    .empty img {
        display: block;
        margin: 0 auto;
        width: 1.4rem;
        height: 1.4rem;
    }

    .empty p {
        font-size: 0.28rem;
        color: #7a7a7a;
        margin: 0.35rem 0 0.05rem;
    }

    .empty a {
        font-size: 0.28rem;
        color: #999;
    }
/*�ҵ�*/
.mytop {
    background: url(../../images/center-top-bj.jpg) no-repeat center;
    background-size: 100% 100%;
    padding: 0.3rem 0.38rem 0.3rem;
    color: #fff;
    font-size: 0.28rem;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

    .mytop img {
        display: block;
        width: 1.65rem;
        height: 1.65rem;
        margin-right: 0.3rem;
    }

    .mytop div {
        flex: 1;
        -webkit-flex: 1;
    }

    .mytop p {
        margin-top: 0.05rem;
    }

.ddxxbtn {
    border-bottom: 0.15rem solid #f0f0f0;
}

    .ddxxbtn a {
        float: left;
        width: 20%;
        text-align: center;
        font-size: 0.24rm;
        color: #333;
        padding: 0.25rem 0;
        position: relative;
    }

        .ddxxbtn a:last-child {
            border-left: 1px solid #f0f0f0;
            box-sizing: border-box;
        }

    .ddxxbtn img {
        display: block;
        margin: 0 auto 0.18rem;
        width: 0.44rem;
        height: 0.39rem;
    }

.hongdian {
    background-image: url(../../images/dian.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    text-align: center;
    line-height: 0.32rem;
    font-size: 0.2rem;
    color: #fff;
    position: absolute;
    top: 0.13rem;
    right: 30%;
}

.mylist {
    border-bottom: 0.15rem solid #f0f0f0;
}

    .mylist li {
        border-bottom: 1px solid #f0f0f0;
    }

        .mylist li:last-child {
            border: none;
        }

        .mylist li a {
            display: block;
            height: 0.87rem;
            font-size: 0.28rem;
            color: #333;
            padding-left: 0.42rem;
            display: flex;
            display: -ms-flexbox;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            background-image: url(../../images/rightico.png);
            background-position: 96% center;
            background-repeat: no-repeat;
            background-size: 0.13rem auto;
        }

        .mylist li img {
            display: block;
            width: 0.44rem;
            height: 0.39rem;
            margin-right: 0.33rem;
        }
/*�ҵ���Ƭ*/
.card {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.myname {
    position: absolute;
    top: 0.3rem;
    left: 0.32rem;
    font-size: 0.5rem;
    color: #1e1b1c;
    text-align: center;
}

    .myname img {
        display: block;
        width: 2.34rem;
        height: 2.34rem;
        margin: 0.25rem auto 0;
    }

.myewm {
    position: absolute;
    top: 4.64rem;
    left: 1.77rem;
}

    .myewm img {
        display: block;
        margin: 0 auto;
        width: 1.75rem;
        height: 1.75rem;
    }

.saveCard {
    position: absolute;
    bottom: 5%;
    width: 100%;
    left: 0;
}

    .saveCard a {
        display: block;
        font-size: 0.3rem;
        color: #fff;
        background: #ed4f4e;
        border-radius: 4px;
        padding: 0.1rem 0;
        margin: 0 auto;
        width: 40%;
        text-align: center;
    }
/*�Ҹ���ʹ*/
.xfdsban img {
    display: block;
}

.xftit {
    background: #f9dadd;
    font-size: 0.28rem;
    color: #f45150;
    padding: 0.17rem 0.2rem 0.13rem;
}

    .xftit span {
        display: inline-block;
        border-left: 0.09rem solid #ed4f4e;
        height: 0.35rem;
        line-height: 0.35rem;
        padding-left: 0.09rem;
    }

    .xftit em {
        margin-left: 0.13rem;
        font-size: 0.2rem;
    }

.xfinfo {
    padding: 0.28rem 0.2rem;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

    .xfinfo img {
        display: block;
        width: 2.03rem;
        height: 1.8rem;
        margin-right: 0.18rem;
    }

.xfconr {
    font-size: 0.22rem;
    color: #565656;
    line-height: 0.4rem;
}

.tiaoj a {
    display: block;
    margin-bottom: 10px;
}

.tiaoj img {
    display: block;
    width: 100%;
}

.tequan {
    padding: 0.74rem 0.19rem 0.52rem;
}

    .tequan li {
        border: 1px solid #ed4f4e;
        padding: 0.25rem;
        position: relative;
        margin-top: -1px;
    }

        .tequan li.li1 {
            border-left-color: #fff;
        }

        .tequan li.li2 {
            border-right-color: #fff;
        }

        .tequan li.li3 {
            border-left-color: #fff;
        }

.textnum {
    position: absolute;
    top: -0.39rem;
    left: 50%;
    margin-left: -0.43rem;
    width: 0.86rem;
    height: 0.86rem;
    border-radius: 50%;
    background: #ed4f4e;
    color: #fff;
    font-size: 0.4rem;
    text-align: center;
    line-height: 0.86rem;
}

.tqcon {
    min-height: 2.22rem;
    box-sizing: border-box;
    padding: 0.7rem 0.3rem 0.35rem;
    text-align: center;
    font-size: 0.24rem;
    color: #333;
    line-height: 0.4rem;
}

.tequan li.li1 .tqcon {
    background: #fadfe2;
}

.tequan li.li2 .tqcon {
    background: #f4dffe;
}

.tequan li.li3 .tqcon {
    background: #fdede0;
}

.xfform {
    border-top: 1px solid #999;
    padding: 0 0.2rem;
}

    .xfform p {
        font-size: 0.28rem;
        color: #171616;
        border-bottom: 1px solid #999;
        padding: 0.2rem 0;
    }

        .xfform p span {
            color: #f45150;
        }

    .xfform em {
        color: #f00;
    }

    .xfform div {
        border-bottom: 1px solid #999;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
    }

        .xfform div span {
            font-size: 0.28rem;
            color: #171616;
            display: block;
            width: 1.55rem;
            padding: 0.2rem 0;
        }

        .xfform div input {
            display: block;
            flex: 1;
            -webkit-flex: 1;
            color: #666;
            font-size: 0.28rem;
        }

.xfbtn {
    margin: 0.24rem auto 0;
    height: 0.7rem;
    background: #ed4f4e;
    color: #fff;
    border-radius: 5px;
    font-size: 0.28rem;
    display: block;
    width: 97%;
}

.xfbot {
    padding: 0.2rem;
}

    .xfbot li {
        border-bottom: 1px solid #999;
        padding: 0.2rem 0 0.15rem;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
    }

        .xfbot li img {
            display: block;
            width: 0.45rem;
            height: 0.45rem;
            margin-right: 0.13rem;
        }

        .xfbot li div {
            flex: 1;
            -webkit-flex: 1;
        }

        .xfbot li p {
            font-size: 0.28rem;
            color: #171616;
        }

        .xfbot li span {
            font-size: 0.2rem;
            color: #7b7b7b;
        }

        .xfbot li:first-child {
            font-size: 0.32rem;
        }
/*����*/
.ddan {
    padding-bottom: 1.99rem;
}

.ddt {
    background: #fff;
    margin: 0.2rem 0;
    padding-bottom: 0.09rem;
}

    .ddt a {
        display: block;
        background-image: url(../../images/bg1.jpg);
        background-position: bottom center;
        background-repeat: repeat-x;
        background-size: auto;
        padding: 0.35rem 0.25rem 0.41rem;
    }

.wudz {
    background-image: url(../../images/rightico1.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 0.15rem auto;
    font-size: 0.24rem;
    color: #333;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.ddt img {
    display: block;
    width: 0.44rem;
    height: 0.44rem;
    margin-right: 0.3rem;
}

.ddt .ddxxdz {
    padding: 0;
    padding-left: 0.38rem;
    background-position: left 0.1rem;
    border: none;
}

    .ddt .ddxxdz em {
        display: inline-block;
        background: #e84e4d;
        color: #fff;
        font-size: 0.2rem;
        padding: 0 0.1rem;
        margin-left: 0.15rem;
    }

    .ddt .ddxxdz div {
        background-image: url(../../images/rightico1.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 0.15rem auto;
        padding-right: 0.2rem;
    }

.ddxx {
    background: #fff;
    margin: 0.2rem 0;
}

    .ddxx a {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        padding: 0 0.25rem;
    }

    .ddxx img {
        display: block;
        width: 1.44rem;
        height: 1.44rem;
        margin-right: 0.3rem;
    }

.ddxxr {
    flex: 1;
    -webkit-flex: 1;
    padding-top: 0.15rem;
}

    .ddxxr p {
        font-size: 0.24rem;
        color: #333;
        position: relative;
        padding-right: 1.5rem;
        line-height: 0.4rem;
    }

        .ddxxr p span {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            font-size: 0.28rem;
            color: #f45150;
        }

        .ddxxr p i {
            font-size: 0.24rem;
        }

.geshu {
    text-align: right;
    font-size: 0.28rem;
    color: #9c9c9c;
    margin-top: 0.28rem;
}

    .geshu em {
        font-size: 0.2rem;
    }

.ddxx1 li {
    border-bottom: 1px solid #ccc;
    height: 0.84rem;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: 0.24rem;
    color: #333;
    padding: 0 0.25rem;
}

    .ddxx1 li a {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        font-size: 0.24rem;
        color: #333;
        padding: 0;
        flex: 1;
        -webkit-flex: 1;
    }

    .ddxx1 li:last-child {
        border: none;
    }

.ddxx2 li:last-child {
    border-bottom: 1px solid #ccc;
}

.ztext {
    flex: 1;
    -webkit-flex: 1;
}

.zffs span {
    background-image: url(../../images/gou.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.38rem auto;
    padding-left: 0.55rem;
    margin-left: 0.2rem;
    display: inline-block;
}

    .zffs span.active {
        background-image: url(../../images/gou_h.png);
    }

.zffs1 span {
    background-image: url(../../images/gou.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.38rem auto;
    padding-left: 0.55rem;
    margin-left: 0.2rem;
    display: inline-block;
}

    .zffs1 span.active {
        background-image: url(../../images/gou_h.png);
    }

.zffs2 span {
    background-image: url(../../images/gou.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 1.2rem auto;
    padding-left: 1.3rem;
    margin-left: 0.8rem;
    display: inline-block;
}

    .zffs2 span.active {
        background-image: url(../../images/gou_h.png);
    }

.fpxz {
    display: block;
    background-image: url(../../images/rightico1.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 0.15rem auto;
    padding-right: 0.25rem;
}

.ddxx2 li {
    height: 0.7rem;
}

.ytext {
    display: block;
    color: #f45150;
    font-size: 0.28rem;
}

.fixbtn1 {
    background: #fff;
    border-top: 1px solid #999;
    display: flex;
    bottom: 1.1rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.sfje {
    flex: 1;
    -webkit-flex: 1;
    font-size: 0.28rem;
    color: #333;
    padding-left: 0.25rem;
}

    .sfje span {
        color: #f45150;
    }

.qzfbtn {
    display: block;
    font-size: 0.28rem;
    color: #fff;
    background: #ed4f4e;
    height: 0.99rem;
    line-height: 0.99rem;
    width: 2.5rem;
    text-align: center;
}
/*��������*/
.dxqt {
    border-bottom: 0.2rem solid #f5f5f5;
    padding: 0.2rem;
}

    .dxqt span {
        display: block;
        font-size: 0.28rem;
        color: #f45150;
        margin-bottom: 0.15rem;
    }

    .dxqt p {
        font-size: 0.24rem;
        color: #999;
        margin-bottom: 0.35rem;
    }

    .dxqt a {
        display: inline-block;
        width: 2.57rem;
        text-align: center;
        height: 0.57rem;
        line-height: 0.57rem;
        border-radius: 4px;
        font-size: 0.24rem;
    }

        .dxqt a.qxdd {
            color: #7a7a7a;
            background: #ddd;
            margin-left: 0.28rem;
        }

        .dxqt a.dxqzf {
            color: #fff;
            background: #ed4f4e;
            margin-left: 0.59rem;
        }

.ddgj {
    border-bottom: 0.2rem solid #f5f5f5;
    padding: 0.25rem 0.2rem;
}

.ddgjt {
    font-size: 0.28rem;
    color: #666;
    margin-bottom: 0.1rem;
}

.ddgjtb {
    display: block;
    background-image: url(../../images/rightico.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 0.13rem auto;
    color: #666;
    padding-right: 0.2rem;
}

    .ddgjtb p {
        font-size: 0.24rem;
    }

    .ddgjtb span {
        font-size: 0.22rem;
        display: block;
    }

.ddxxdz {
    border-bottom: 0.2rem solid #f5f5f5;
    padding: 0.25rem 0.2rem 0.2rem 0.58rem;
    font-size: 0.28rem;
    color: #666;
    background-image: url(../../images/ddico.png);
    background-position: 0.2rem 0.35rem;
    background-repeat: no-repeat;
    background-size: 0.21rem auto;
}

    .ddxxdz span {
        display: block;
        font-size: 0.26rem;
        color: #9b9b9b;
        margin-top: 0.15rem;
    }

.ddspxx {
    border-bottom: 0.2rem solid #f5f5f5;
}

.sdxx {
    padding: 0.3rem 0.2rem;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: 0.26rem;
    color: #333;
}

    .sdxx img {
        display: block;
        height: 0.31rem;
        height: 0.31rem;
        margin-right: 0.13rem;
    }

.ddspxx .ddxx {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0.2rem 0;
}

    .ddspxx .ddxx img {
        border: 1px solid #ccc;
        width: 1.06rem;
        height: 1.06rem;
        margin-right: 0.25rem;
    }

.ddspxx .ddxxr {
    padding-top: 0;
}

.ddspxx .geshu {
    color: #333;
    margin: 0;
}

.lxkf {
    display: block;
    margin: 0.18rem auto;
    width: 2.52rem;
    height: 0.51rem;
    line-height: 0.51rem;
    text-align: center;
    border: 0.02rem solid #ccc;
    font-size: 0.24rem;
    color: #999;
}

.ddxx3 {
    margin: 0;
}

    .ddxx3 li {
        height: 0.82rem;
    }

        .ddxx3 li .sfje {
            padding: 0;
            text-align: right;
        }
/*����*/
.jifent {
    border-bottom: 0.2rem solid #f5f5f5;
    padding: 0.35rem 0.3rem 0.2rem;
    font-size: 0.25rem;
    color: #373b3e;
}

    .jifent span.fl {
        color: #da020c;
    }

.jslist li {
    border-bottom: 1px solid #e0e0e0;
}

    .jslist li a {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        padding: 0.25rem 0.3rem;
    }

.jfimg {
    width: 2.02rem;
    height: 1.24rem;
    border: 1px solid #e3e3e3;
    box-sizing: content-box;
    margin-right: 0.15rem;
    position: relative;
}

    .jfimg img {
        display: block;
        width: 1.24rem;
        height: 1.24rem;
        margin: 0 auto;
    }

    .jfimg em {
        position: absolute;
        display: block;
        width: 0.55rem;
        height: 0.56rem;
        background-image: url(../../images/xianshi.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
    }

.jfinfo {
    flex: 1;
    -webkit-flex: 1;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.jfinfol {
    flex: 1;
    -webkit-flex: 1;
    margin-right: 0.25rem;
}

    .jfinfol p {
        font-size: 0.28rem;
        color: #3e3e3e;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.biaoji {
    width: 1.23rem;
    height: 0.42rem;
    border: 0.02rem solid #818181;
    line-height: 0.38rem;
    border-radius: 0.1rem;
    text-align: center;
    font-size: 0.23rem;
    color: #818181;
}

.xian {
    font-size: 0.2rem;
    color: #da020c;
}

    .xian em {
        margin-left: 0.05rem;
    }

.djs {
    font-size: 0.23rem;
    color: #753307;
    line-height: 0.34rem;
    margin-top: 0.05rem;
}

.djsnum {
    margin-left: 0.1rem;
}

    .djsnum div {
        font-size: 0.22rem;
        color: #fff;
        background: #753311;
        padding: 0 0.05rem;
        border-radius: 3px;
    }

    .djsnum span {
        margin: 0 0.1rem;
    }

.ljdh {
    border-color: #da020c;
    color: #da020c;
}
/*��Ʒ����*/
.ddnav {
    background: #fff;
    margin-bottom: 0.2rem;
    padding: 0 0.2rem;
    height: 0.79rem;
    border-bottom: 1px solid #d7d7d7;
}

    .ddnav a {
        display: block;
        width: 20%;
        float: left;
        font-size: 0.24rem;
        color: #666;
        line-height: 0.79rem;
        text-align: center;
    }

        .ddnav a.active {
            color: #f45150;
        }

.ddlist li {
    background: #fff;
    margin-bottom: 0.2rem;
}

.ddbh {
    font-size: 0.24rem;
    color: #999;
    padding: 0 0.2rem;
}

    .ddbh span {
        color: #f45150;
    }

.ddlist {
    display: none;
}

    .ddlist .ddxx {
        padding: 0.25rem 0 0.4rem;
        margin: 0;
    }

        .ddlist .ddxx img {
            border: 1px solid #ccc;
            width: 1.06rem;
            height: 1.06rem;
            margin-right: 0.25rem;
        }

    .ddlist .ddxxr {
        padding-top: 0;
    }

    .ddlist .geshu {
        color: #333;
        margin: 0;
    }

    .ddlist .ddxxr p span {
        font-size: 0.24rem;
        color: #4c4c4c;
    }

.gong {
    font-size: 0.24rem;
    color: #666;
    text-align: right;
    padding-bottom: 0.25rem;
}

    .gong span {
        margin-right: 0.3rem;
    }

    .gong em {
        color: #333;
    }

    .gong i {
        color: #f45150;
    }

.ddbtn {
    text-align: right;
    border-top: 1px solid #999;
    padding: 0.15rem 0.2rem;
}

    .ddbtn a {
        display: inline-block;
        height: 0.46rem;
        box-sizing: content-box;
        font-size: 0.24rem;
        border-radius: 0.46rem;
        line-height: 0.46rem;
        padding: 0 0.35rem;
        border: 1px solid #999;
        color: #666;
        margin-left: 0.25rem;
    }

        .ddbtn a.qzfa {
            color: #f45150;
            border-color: #f45150;
        }

.tjdz {
    background: #fff;
    border: none;
    padding: 0 0.35rem;
    margin: 0.2rem 0 0.3rem;
    border-bottom: 1px solid #ccc;
}

    .tjdz div {
        border-color: #ccc;
        height: 0.89rem;
    }

        .tjdz div:last-child {
            border: none;
        }

.xzdq select {
    background: none;
    font-size: 0.24rem;
    color: #666;
    margin-right: 0.35rem;
}

.tjdzbtn {
    padding: 0 0.35rem;
}

    .tjdzbtn input {
        margin: 0 0 0.24rem;
        width: 100%;
        height: 0.82rem;
        font-size: 0.36rem;
    }

        .tjdzbtn input.qxbtn {
            border: 1px solid #ccc;
            background: none;
            color: #333;
        }
/*����*/
.wuliut {
    background: #fff;
    padding: 0.2rem 0.47rem;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.spimg {
    width: 1.41rem;
    height: 1.41rem;
    border: 0.02rem solid #ccc;
    position: relative;
    margin-right: 0.15rem;
}

    .spimg img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .spimg span {
        display: block;
        font-size: 0.24rem;
        color: #999;
        padding: 0.02rem 0;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background: rgba(71,71,71,0.74);
        text-align: center;
    }

.wlxx {
    flex: 1;
    -webkit-flex: 1;
    font-size: 0.24rem;
    color: #4c4c4c;
}

    .wlxx p em {
        color: #f45150;
    }

    .wlxx span {
        display: block;
        margin-top: 0.05rem;
        color: #999;
    }

.wuliu {
    padding: 0.25rem 0 0 0.7rem;
    background: #fff;
    margin-top: 0.3rem;
}

    .wuliu ul {
        padding-left: 0.7rem;
        position: relative;
    }

        .wuliu ul:after {
            content: '';
            display: block;
            width: 0.02rem;
            background: #ccc;
            position: absolute;
            left: 0;
            top: 0.35rem;
            bottom: 0;
            z-index: 0;
        }

    .wuliu li {
        padding: 0.22rem 0.2rem 0.25rem 0;
        color: #999;
        border-bottom: 1px solid #999;
    }

        .wuliu li:last-child {
            border: none;
        }

        .wuliu li p {
            font-size: 0.28rem;
            margin-bottom: 0.2rem;
            position: relative;
        }

            .wuliu li p:after {
                content: '';
                display: block;
                width: 0.18rem;
                height: 0.18rem;
                background: #d9d9d9;
                border-radius: 50%;
                position: absolute;
                left: -0.79rem;
                top: 50%;
                margin-top: -0.09rem;
            }

        .wuliu li span {
            display: block;
            font-size: 0.2rem;
        }

        .wuliu li.active {
            color: #f45150;
        }

            .wuliu li.active p:after {
                background: #f45150;
                width: 0.22rem;
                height: 0.22rem;
                margin-top: -0.11rem;
                border: 0.04rem solid #f6bbbc;
                left: -0.83rem;
                z-index: 1;
            }
/*����*/
.pingjia {
    padding-bottom: 0.78rem;
}

.pingjt {
    border-bottom: 1px solid #f4f4f4;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: 0.28rem;
    color: #1e1b1c;
    padding: 0.2rem;
}

    .pingjt img {
        display: block;
        width: 0.78rem;
        height: 0.78rem;
        margin-right: 0.2rem;
    }

.pjstar i, .pjstar1 i {
    width: 0.4rem;
    height: 0.38rem;
    margin-left: 0.3rem;
    background-image: url(../../images/star2.png);
}

    .pjstar i.active, .pjstar1 i.active {
        background-image: url(../../images/star2_h.png);
    }

.hao {
    color: #b2b2b2;
}

.pingjcon {
    padding: 0.2rem;
}

    .pingjcon textarea {
        font-size: 0.28rem;
        color: #666;
        height: 1.7rem;
        width: 100%;
    }

.pingjtu {
    margin-top: 0.15rem;
    padding: 0 0.2rem 0.3rem;
}

    .pingjtu li {
        width: 1.59rem;
        height: 1.59rem;
        border: 1px dashed #b5b5b5;
        float: left;
        margin-right: 0.15rem;
        position: relative;
    }

        .pingjtu li img {
            display: block;
            width: 100%;
            height: 100%;
        }

.tuclose {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background-image: url(../../images/gbico.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -0.1rem;
    right: -0.1rem;
    z-index: 5;
}

.niming {
    margin: 0 0.2rem;
    border-top: 1px solid #e6e6e6;
    height: 0.92rem;
    line-height: 0.92rem;
    font-size: 0.28rem;
    color: #1e1b1c;
    background-image: url(../../images/gou1.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.39rem auto;
    padding-left: 0.77rem;
}

    .niming span {
        font-size: 0.24rem;
        color: #999;
    }

    .niming.active {
        background-image: url(../../images/gou_h.png);
    }

.wlpf {
    padding: 0.4rem 0.2rem 0;
    border-top: 0.2rem solid #f4f4f4;
    font-size: 0.28rem;
    color: #1e1b1c;
}

.wlpft {
    background-image: url(../../images/pjico1.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 0.35rem auto;
    padding-left: 0.62rem;
    margin-bottom: 0.5rem;
}

.wlping {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

/*�*/
.activity li {
    border-bottom: 0.2rem solid #f4f8fb;
}

.hdpic {
    position: relative;
}

    .hdpic img {
        display: block;
        width: 100%;
    }

.hdqk {
    position: absolute;
    background: rgba(0,0,0,0.37);
    left: 0;
    bottom: 0.23rem;
    right: 0.83rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    font-weight: bold;
    color: #fff;
    padding: 0 0.28rem 0 0.1rem;
}

    .hdqk span {
        font-size: 0.24rem;
        position: absolute;
        top: 0;
        right: 0.28rem;
        font-weight: normal;
    }

.hdinfo {
    padding: 0.15rem 0.25rem 0.2rem;
    position: relative;
}

    .hdinfo p {
        font-size: 0.32rem;
        color: #f45150;
    }

        .hdinfo p del {
            color: #808080;
            font-size: 0.24rem;
            margin-left: 0.1rem;
        }

    .hdinfo span {
        font-size: 0.28rem;
        color: #333;
    }

    .hdinfo em {
        position: absolute;
        display: block;
        right: 0.25rem;
        bottom: 0.2rem;
        background: -webkit-linear-gradient(right top, #f45150, #fb9a8b);
        background: -o-linear-gradient(bottom left, #f45150, #fb9a8b);
        background: -moz-linear-gradient(bottom left, #f45150, #fb9a8b);
        background: linear-gradient(to bottom left, #f45150, #fb9a8b);
        border-radius: 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        width: 1.38rem;
        text-align: center;
        color: #fff;
        font-size: 0.24rem;
    }
/*Ʒ������*/
.pjgw img {
    width: 100%;
    display: block;
}

.pjgwc {
    width: 85%;
    background: #fff;
    margin: -0.92rem auto 0;
    box-shadow: 0 0 0.4rem rgba(245,95,94,0.56);
    position: relative;
    z-index: 5;
    padding: 0.65rem 0 0.75rem;
    text-align: center;
    font-size: 0.28rem;
    color: #6e6e6e;
}

    .pjgwc a {
        display: inline-block;
        background: -webkit-linear-gradient(right top, #f45150, #fb9a8b);
        background: -o-linear-gradient(bottom left, #f45150, #fb9a8b);
        background: -moz-linear-gradient(bottom left, #f45150, #fb9a8b);
        background: linear-gradient(to bottom left, #f45150, #fb9a8b);
        font-size: 0.3rem;
        padding: 0 0.55rem;
        height: 0.64rem;
        line-height: 0.64rem;
        color: #fff;
        border-radius: 0.64rem;
        margin-bottom: 0.35rem;
    }

.pjgwb .botnav {
    margin: 0;
}
/*��д����*/
.txzl {
    border-top: none;
    padding: 0.5rem 0.26rem 0;
}

    .txzl p {
        border-bottom: none;
        padding-left: 0.18rem;
        padding-bottom: 0.38rem;
    }

    .txzl div.txdiv {
        background: #f2f2f2;
        border: none;
        border-radius: 5px;
        margin-bottom: 0.24rem;
    }

    .txzl div input {
        background: none;
    }

    .txzl div span {
        padding-left: 0.25rem;
    }

    .txzl .xfbtn {
        width: 100%;
        margin-top: 0.6rem;
    }
