@charset "utf-8";
/* CSS Document */
.index_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .index_banner .hd {
        width: 100%;
        height: 11px;
        position: absolute;
        z-index: 1;
        bottom: 5px;
        text-align: center;
    }

        .index_banner .hd ul {
            display: inline-block;
            height: 5px;
            padding: 3px 5px;
            font-size: 0;
            vertical-align: top;
        }

            .index_banner .hd ul li {
                display: inline-block;
                width: 8px;
                height: 8px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                background: #ffffff;
                margin: 0 5px;
                vertical-align: top;
                overflow: hidden;
            }

            .index_banner .hd ul .on {
                background: #d00711;
            }

    .index_banner .bd {
        position: relative;
        z-index: 0;
    }

        .index_banner .bd li img {
            width: 100%;
        }

        .index_banner .bd li a {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
        }

.index_nav {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 1.4rem;
    margin-bottom: 10px;
}

    .index_nav a {
        width: 50%;
        height: 35px;
        display: block;
        float: left;
        text-align: center;
    }

    .index_nav .hot_gift {
        background-color: #d4131d;
        color: #FFF;
    }

    .index_nav .give_gift {
        background-color: #a0a0a0;
        color: #FFF;
    }

.index_main_top {
    width: 100%;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #ffffff;
    margin-bottom: 5px;
}

    .index_main_top .left {
        width: 50%;
        float: left;
    }

        .index_main_top .left img {
            width: 100%;
        }

    .index_main_top .right {
        width: 50%;
        float: left;
    }

        .index_main_top .right img {
            width: 100%;
        }

.index_main_mid {
    width: 100%;
}

    .index_main_mid .left {
        width: 50.5%;
        float: left;
    }

        .index_main_mid .left img {
            width: 100%;
        }

    .index_main_mid .right {
        width: 49.5%;
        float: right;
    }

        .index_main_mid .right img {
            width: 100%;
        }

.index_main_list {
    width: 94%;
    margin: 3%;
}

    .index_main_list .left {
        width: 48%;
        float: left;
        border: 1px solid #dedede;
        background-color: #ffffff;
        margin-bottom: 2%;
    }

        .index_main_list .left img {
            width: 100%;
        }

    .index_main_list .right {
        width: 48%;
        float: right;
        border: 1px solid #dedede;
        background-color: #ffffff;
        margin-bottom: 2%;
    }

        .index_main_list .right img {
            width: 100%;
        }

.index_goods_title {
    width: 90%;
    margin: 0 5%;
    height: 25px;
    line-height: 25px;
    font-size: 1.2rem;
    border-bottom: 1px dashed #cacaca;
}

.index_goods_price {
    width: 40%;
    margin: 0 5%;
    height: 25px;
    line-height: 25px;
    font-size: 1.4rem;
    color: #d4141e;
    float: left;
}

.gift_title {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 1.6rem;
    text-align: center;
}

    .gift_title .red {
        color: #d4141e;
    }

    .gift_title.textleft {
        width: 90%;
        padding: 0 5%;
        text-align: left;
        color: #282828;
    }

.gift_list {
    width: 96%;
    padding: 2%;
    overflow: hidden;
}

.gift_list_content {
    width: 110%;
}

    .gift_list_content ul li {
        width: 29%;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
    }

        .gift_list_content ul li:active {
            opacity: 0.8;
        }

        .gift_list_content ul li img {
            width: 100%;
        }

.gift_detail_head {
    width: 100%;
    padding-bottom: 5%;
}

    .gift_detail_head .left {
        width: 35%;
        float: left;
    }

        .gift_detail_head .left img {
            width: 100%;
        }

    .gift_detail_head .right {
        width: 60%;
        padding-top: 5px;
        float: right;
    }

        .gift_detail_head .right h3 {
            font-size: 1.4rem;
            color: #292525;
            font-weight: 400;
            margin-bottom: 5px;
        }

            .gift_detail_head .right h3 span {
                color: #595959;
                font-size: 1.2rem;
            }

        .gift_detail_head .right .detail_price {
            font-size: 1.4rem;
            color: #403f3f;
        }

            .gift_detail_head .right .detail_price .red {
                color: #d4141e;
                font-size: 1.6rem;
            }

.shoucang {
    width: 20%;
    line-height: 20px;
    font-size: 1.2rem;
}

    .shoucang img {
        margin-bottom: 0px;
    }

    .shoucang span.onshoucang {
        line-height: 15px;
        color: #ea8010;
    }

.add_car {
    width: 100%;
    height: 50px;
}

    .add_car .left {
        width: 50%;
        height: 50px;
        float: left;
        background: url(../images/add_car_icon.png) no-repeat center center;
        background-size: 30px;
    }

        .add_car .left a {
            width: 50px;
            height: 100%;
            margin: 0 auto;
            display: block;
        }

    .add_car .right {
        width: 50%;
        height: 50px;
        float: right;
    }

.add_car_btn {
    width: 80%;
    height: 3em;
    background-color: #d4141e;
    color: #FFF;
    text-align: center;
    line-height: 3em;
    margin: 0 auto;
    display: block;
    margin-top: 5px;
    font-size: 4em;
}

    .add_car_btn:active {
        opacity: 0.8;
    }

.detail_list {
    width: 90%;
    padding: 0 5%;
    padding-top: 5%;
}

    .detail_list ul li {
        width: 47%;
        margin-bottom: 5%;
    }

        .detail_list ul li img {
            width: 100%;
        }

.detail_good_title {
    width: 98%;
    padding-left: 2%;
    height: 4em;
    line-height: 2em;
    color: #000;
    font-size: 3em;
    background-color: #d8d4d4;
}

.give_gift_list {
    width: 90%;
    padding: 5%;
}

    .give_gift_list img {
        width: 100%;
    }

.give_words {
    width: 85%;
    padding-left: 5%;
    font-size: 1.4rem;
    margin: 0 5%;
    height: 40px;
    background-color: #FFF;
    line-height: 40px;
    color: #a3a3a3;
}

.login_area {
    width: 80%;
    padding: 10%;
    padding-top: 1%;
}

.login_btn {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 10%;
    display: block;
}

    .login_btn img {
        width: 100%;
    }

.login_text_area {
    width: 100%;
    height: 10em;
    margin-bottom: 5%;
    border: 1px solid #e0e0e0;
    background-color: #FFF;
}

    .login_text_area .tit {
        width: 30%;
        height: 3em;
        line-height: 3em;
        font-size: 4em;
        color: #646464;
        text-align: center;
        float: left;
    }

    .login_text_area .login_text {
        width: 70%;
        height: 2em;
        line-height: 3em;
        font-size: 4em;
        float: left;
        border: none;
    }

        .login_text_area .login_text.yanzheng {
            width: 40%;
        }

.send_test {
    width: 50px;
    height: 20px;
    float: right;
    margin-right: 3%;
    margin-top: 5px;
    display: block;
    color: #FFF;
    line-height: 20px;
    background-color: #fa4949;
    font-size: 1rem;
    text-align: center;
}

.login_area .tishi {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 1.2rem;
}

    .login_area .tishi .zhuce {
        width: 50%;
        float: left;
    }

        .login_area .tishi .zhuce a {
            color: #fa4949;
            text-decoration: underline;
        }

    .login_area .tishi .alarm {
        width: 50%;
        float: right;
        text-align: right;
        color: #F00;
    }

.login_rightnow {
    width: 100%;
    height: 33px;
    background-color: #fa4949;
    line-height: 33px;
    color: #FFF;
    text-align: center;
    font-size: 1.6rem;
    display: block;
    margin: 20px auto;
}

.other_login {
    width: 100%;
}

    .other_login .left {
        width: 47%;
        float: left;
    }

        .other_login .left img {
            width: 100%;
        }

    .other_login .right {
        width: 47%;
        float: right;
    }

        .other_login .right img {
            width: 100%;
        }

.duihuan {
    width: 100%;
    height: 3em;
    line-height: 3em;
    font-size: 4em;
    font-size: 1.4rem;
}
    /**.duihuan .duihuan_btn{ background-color:#fa4949; color:#FFF; width:47%; height:40px; display:block; float:left; text-align:center; line-height:33px;}**/
    .duihuan .duihuan_btn {
        background-color: #d4141e;
        color: #FFF;
        width: 100%;
        height: 2em;
        font-size: 3em;
        display: block;
        float: left;
        text-align: center;
        line-height: 40px;
    }

    .duihuan .jifen_btn {
        background-color: #fb892d;
        color: #FFF;
        width: 47%;
        height: 33px;
        display: block;
        float: right;
        text-align: center;
        line-height: 33px;
    }

.my_shoucang {
    width: 90%;
    padding: 5%;
    padding-bottom: 0;
    font-size: 1.6rem;
    color: #282828;
}

.cancel_shoucang {
    width: 50px;
    height: 15px;
    display: block;
    background-color: #cccccc;
    line-height: 15px;
    text-align: center;
    float: right;
    margin-top: 5px;
    margin-right: 5%;
    font-size: 1.1rem;
    color: #FFF;
}

.my_gift_box {
    width: 90%;
    padding: 5%;
    border-bottom: 1px solid #e0e0e0;
    font-size: 4em;
    color: #282828;
}

    .my_gift_box.border_b_n {
        border-bottom: none;
    }

.gift_box_list {
    width: 100%;
    background-color: #FFF;
}

    .gift_box_list ul li {
        width: 90%;
        padding: 2% 5%;
        border-bottom: 1px solid #e0e0e0;
    }

        .gift_box_list ul li .left {
            width: 30%;
            float: left;
        }

            .gift_box_list ul li .left img {
                width: 100%;
            }

        .gift_box_list ul li .right {
            width: 65%;
            padding-top: 4%;
            float: right;
        }

            .gift_box_list ul li .right h3 {
                font-size: 1.4rem;
                color: #414141;
                line-height: 30px;
                font-weight: 400;
            }

            .gift_box_list ul li .right .gift_number {
                font-size: 1.4rem;
                color: #414141;
            }

.shouli_btn {
    width: 60%;
    height: 33px;
    line-height: 33px;
    color: #FFF;
    background-color: #fa4949;
    display: block;
    margin: 0px auto;
    margin-top: 20%;
    text-align: center;
    font-size: 1.4rem;
}

.get_gift_area {
    width: 90%;
    padding: 5%;
    font-size: 1.4rem;
    line-height: 33px;
    margin-top: 15%;
}

.get_gift_btn {
    width: 47%;
    height: 33px;
    float: left;
    color: #FFF;
    background-color: #fb892d;
    text-align: center;
}

.give_gift_btn {
    width: 47%;
    height: 33px;
    float: right;
    color: #FFF;
    background-color: #fa4949;
    text-align: center;
}

.jifen {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 1.4rem;
}

    .jifen .red {
        font-size: 1.6rem;
        color: #fa4949;
    }

.jifen_area {
    width: 100%;
    background-color: #FFF;
}

    .jifen_area ul li {
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        font-size: 1.4rem;
        color: #474747;
        border-bottom: 1px solid #e0e0e0;
    }

        .jifen_area ul li .left {
            width: 30%;
            float: left;
        }

            .jifen_area ul li .left .red {
                color: #d00711;
            }

        .jifen_area ul li .mid {
            width: 45%;
            float: left;
        }

        .jifen_area ul li .right {
            width: 25%;
            float: left;
        }

.my_gift_box.mesag {
    border-bottom: none;
}

.message_list {
    width: 100%;
}

    .message_list ul li {
        width: 80%;
        padding: 5px 5% 0 15%;
        height: 60px;
        border-bottom: 1px solid #b5b5b5;
        background: url(../images/message_bg.png) no-repeat 5% center;
    }

        .message_list ul li h3 {
            font-size: 1.4rem;
            color: #474747;
            line-height: 30px;
        }

        .message_list ul li .grew {
            font-size: 1.2rem;
            color: #9a9a9a;
            line-height: 25px;
        }

.black_blank {
    width: 90%;
    padding: 0 5%;
    background-color: #000;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
}

.thanks_back {
    width: 90%;
    padding: 5%;
    background-color: #FFF;
    margin-top: 30%;
}

    .thanks_back h3 {
        width: 100%;
        height: 35px;
        line-height: 35px;
        border-bottom: 1px solid #cccccc;
        font-size: 1.4rem;
        color: #fa4949;
        margin-bottom: 10px;
    }

.thanks_area {
    width: 98%;
    height: 110px;
    border: 1px solid #cfcfcf;
}

.thanks_btn {
    width: 100%;
    height: 30px;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    background-color: #fa4949;
    display: block;
    margin: 10px auto;
    font-size: 1.4rem;
}

.my_center {
    width: 100%;
    background-color: #FFF;
}

    .my_center ul li {
        width: 84%;
        padding-left: 15%;
        padding-right: 1%;
        height: 45px;
        line-height: 45px;
        border-bottom: 1px solid #e7e6e4;
    }

        .my_center ul li:active {
            opacity: 0.8;
        }

        .my_center ul li .left {
            width: 90%;
            float: left;
            font-size: 1.4rem;
            color: #808080;
        }

        .my_center ul li .right {
            width: 10%;
            margin-top: 15px;
            float: right;
        }

        .my_center ul li.bg01 {
            background: url(../images/my_center_01.png) no-repeat 5% center;
            background-size: 20px;
        }

        .my_center ul li.bg02 {
            background: url(../images/my_center_02.png) no-repeat 5% center;
            background-size: 20px;
        }

        .my_center ul li.bg03 {
            background: url(../images/my_center_03.png) no-repeat 5% center;
            background-size: 20px;
        }

        .my_center ul li.bg04 {
            background: url(../images/my_center_04.png) no-repeat 5% center;
            background-size: 20px;
        }

        .my_center ul li.bg05 {
            background: url(../images/my_center_05.png) no-repeat 5% center;
            background-size: 20px;
        }

        .my_center ul li.bg06 {
            background: url(../images/my_center_06.png) no-repeat 5% center;
            background-size: 20px;
        }

        .my_center ul li.bg07 {
            background: url(../images/my_center_07.png) no-repeat 5% center;
            background-size: 20px;
        }

        .my_center ul li.bg08 {
            background: url(../images/gwc.png) no-repeat 5% center;
            background-size: 20px;
        }

.my_gift_box.bg_white {
    background-color: #FFF;
    border-bottom: none;
}

.gift_suggest {
    width: 90%;
    padding: 0 5%;
    background-color: #FFF;
}

.suggest_top {
    width: 100%;
    margin-bottom: 5%;
}

    .suggest_top a:active {
        opacity: 0.8;
    }

    .suggest_top .to_boss {
        width: 47%;
        float: left;
    }

        .suggest_top .to_boss img {
            width: 100%;
        }

    .suggest_top .to_parents {
        width: 47%;
        float: right;
    }

        .suggest_top .to_parents img {
            width: 100%;
        }

    .suggest_top .to_younger {
        width: 47%;
        float: left;
    }

        .suggest_top .to_younger img {
            width: 100%;
        }

    .suggest_top .to_lover {
        width: 47%;
        float: right;
    }

        .suggest_top .to_lover img {
            width: 100%;
        }

.suggest_list {
    width: 100%;
    padding: 2% 0;
}

    .suggest_list h3 {
        font-size: 1.4rem;
        color: #414141;
        line-height: 30px;
        font-weight: 400;
    }

    .suggest_list ul li {
        width: 20%;
        padding: 2.5%;
        text-align: center;
        float: left;
        font-size: 1.3rem;
        color: #414141;
    }

        .suggest_list ul li:active {
            opacity: 0.8;
        }

        .suggest_list ul li img {
            width: 100%;
            margin-bottom: 5px;
        }

.detail_search {
    width: 45%;
    padding: 5% 0 8% 0;
    display: block;
}

    .detail_search:active {
        opacity: 0.8;
    }

    .detail_search img {
        width: 100%;
    }

.boss_area {
    width: 50%;
    background-color: #f1f1f1;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: 98;
}

    .boss_area .headh3 {
        width: 90%;
        padding: 5%;
        font-size: 1.4rem;
        color: #4d4d4d;
        height: 30px;
        line-height: 30px;
    }

    .boss_area ul li {
        width: 80%;
        padding: 5%;
        padding-bottom: 0;
        margin: 5%;
        margin-top: 0;
        background-color: #FFF;
        border: 1px solid #dedede;
        float: left;
    }

        .boss_area ul li.touch {
            width: 41%;
            padding: 2%;
            margin: 2%;
        }

        .boss_area ul li h3 {
            height: 25px;
            line-height: 25px;
            font-size: 1.3rem;
            color: #444444;
            border-bottom: 1px dashed #cccccc;
        }

        .boss_area ul li div {
            width: 100%;
            padding: 5% 0;
            line-height: 22px;
            color: #646464;
            font-size: 1.2rem;
        }
/*end*/
.self_area {
    width: 50%;
    background-color: #f1f1f1;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: 98;
}

    .self_area .headh3 {
        width: 90%;
        padding: 5%;
        font-size: 1.4rem;
        color: #4d4d4d;
        height: 30px;
        line-height: 30px;
    }

    .self_area ul li {
        width: 80%;
        padding: 10px;
        padding-bottom: 0;
        margin: 10px;
        margin-top: 0;
        background-color: #FFF;
        border: 1px solid #dedede;
        float: left;
    }

        .self_area ul li.touch {
            width: 41%;
            padding: 2%;
            margin: 2%;
        }

        .self_area ul li img {
            width: 100%;
        }

        .self_area ul li h3 {
            font-size: 1.3rem;
            color: #8d8d8d;
            border-bottom: 1px dashed #CCC;
            line-height: 25px;
            height: 25px;
        }

        .self_area ul li .red {
            font-size: 1.5rem;
            color: #d4141e;
            font-weight: 700;
            line-height: 30px;
        }

.product_area {
    width: 50%;
    background-color: #f1f1f1;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: 98;
}

    .product_area .headh3 {
        width: 90%;
        padding: 5%;
        font-size: 1.4rem;
        color: #4d4d4d;
        height: 30px;
        line-height: 30px;
    }

    .product_area ul li {
        width: 80%;
        padding: 5%;
        padding-bottom: 0;
        margin: 5%;
        margin-top: 0;
        background-color: #FFF;
        border: 1px solid #dedede;
        float: left;
    }

        .product_area ul li.touch {
            width: 41%;
            padding: 2%;
            margin: 2%;
        }

        .product_area ul li img {
            width: 100%;
        }

        .product_area ul li h3 {
            font-size: 1.3rem;
            color: #8d8d8d;
            border-bottom: 1px dashed #CCC;
            line-height: 25px;
            height: 25px;
        }

        .product_area ul li .red {
            font-size: 1.5rem;
            color: #d4141e;
            font-weight: 700;
            line-height: 30px;
        }

.younger_area {
    width: 50%;
    background-color: #f1f1f1;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: 98;
}

    .younger_area .headh3 {
        width: 90%;
        padding: 5%;
        font-size: 1.4rem;
        color: #4d4d4d;
        height: 30px;
        line-height: 30px;
    }

    .younger_area ul li {
        width: 80%;
        padding: 5%;
        padding-bottom: 0;
        margin: 5%;
        margin-top: 0;
        background-color: #FFF;
        border: 1px solid #dedede;
        float: left;
    }

        .younger_area ul li.touch {
            width: 41%;
            padding: 2%;
            margin: 2%;
        }

        .younger_area ul li img {
            width: 100%;
        }

        .younger_area ul li h3 {
            font-size: 1.3rem;
            color: #8d8d8d;
            border-bottom: 1px dashed #CCC;
            line-height: 25px;
            height: 25px;
        }

        .younger_area ul li .red {
            font-size: 1.5rem;
            color: #d4141e;
            font-weight: 700;
            line-height: 30px;
        }



.lover_area {
    width: 50%;
    background-color: #f1f1f1;
    position: fixed;
    right: -50%;
    top: 0;
    z-index: 98;
}

    .lover_area .headh3 {
        width: 90%;
        padding: 5%;
        font-size: 1.4rem;
        color: #4d4d4d;
        height: 30px;
        line-height: 30px;
    }

    .lover_area ul li {
        width: 80%;
        padding: 5%;
        padding-bottom: 0;
        margin: 5%;
        margin-top: 0;
        background-color: #FFF;
        border: 1px solid #dedede;
        float: left;
    }

        .lover_area ul li.touch {
            width: 41%;
            padding: 2%;
            margin: 2%;
        }

        .lover_area ul li img {
            width: 100%;
        }

        .lover_area ul li h3 {
            font-size: 1.3rem;
            color: #8d8d8d;
            border-bottom: 1px dashed #CCC;
            line-height: 25px;
            height: 25px;
        }

        .lover_area ul li .red {
            font-size: 1.5rem;
            color: #d4141e;
            font-weight: 700;
            line-height: 30px;
        }

.detail_area {
    width: 90%;
    margin: 10px;
}

    .detail_area .heads {
        font-size: 1.3rem;
        color: #8d8d8d;
        border-bottom: 1px dashed #CCC;
        line-height: 25px;
        height: 25px;
        text-align: center;
    }

.jingque_search {
    width: 50%;
    background-color: #f1f1f1;
    position: fixed;
    right: -50%;
    top: 0;
}

    .jingque_search h3 {
        width: 90%;
        padding: 5%;
        font-size: 1.4rem;
        color: #4d4d4d;
        height: 30px;
        line-height: 30px;
    }

    .jingque_search ul li {
        width: 90%;
        padding: 0 5%;
        line-height: 25px;
        font-size: 1.4rem;
    }

        .jingque_search ul li .title {
            width: 100%;
            height: 30px;
            line-height: 30px;
            color: #434343;
            background: url(../images/jingque_bg.png) no-repeat right center;
        }

            .jingque_search ul li .title.down {
                background: url(../images/jingqu_bg.png) no-repeat right center;
            }

        .jingque_search ul li a {
            width: 95%;
            padding-left: 5%;
            height: 30px;
            line-height: 30px;
            font-size: 1.2rem;
            color: #6e6e6e;
            display: block;
        }

        .jingque_search ul li .dede {
            display: none;
        }

.control_area {
    width: 90%;
    padding: 20% 5%;
}

.clear_btn {
    width: 45%;
    height: 25px;
    line-height: 25px;
    color: #FFF;
    display: block;
    float: left;
    text-align: center;
    font-size: 1.2rem;
    background-color: #fa4949;
}

.sure_btn {
    width: 45%;
    height: 25px;
    line-height: 25px;
    color: #FFF;
    display: block;
    float: right;
    text-align: center;
    font-size: 1.2rem;
    background-color: #fb892d;
}

.chanpin_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .chanpin_banner .hd {
        width: 100%;
        height: 11px;
        position: absolute;
        z-index: 1;
        bottom: 5%;
        text-align: center;
    }

        .chanpin_banner .hd ul {
            display: inline-block;
            height: 5px;
            padding: 3px 5px;
            font-size: 0;
            vertical-align: top;
        }

            .chanpin_banner .hd ul li {
                display: inline-block;
                width: 8px;
                height: 8px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                background: #c6c6c6;
                margin: 0 5px;
                vertical-align: top;
                overflow: hidden;
            }

            .chanpin_banner .hd ul .on {
                background: #767676;
            }

    .chanpin_banner .bd {
        position: relative;
        z-index: 0;
    }

        .chanpin_banner .bd li img {
            width: 100%;
        }

        .chanpin_banner .bd li a {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
        }

.chanpin_title {
    width: 100%;
    padding: 20px 0;
    background-color: #FFF;
}

    .chanpin_title .left {
        width: 70%;
        padding-left: 5%;
        float: left;
    }

        .chanpin_title .left h3 {
            font-size: 4em;
            color: #414141;
            /*line-height: 25px;*/
        }

        .chanpin_title .left .price {
            font-size: 1.3rem;
            color: #414141;
            line-height: 25px;
        }

        .chanpin_title .left .red {
            font-size: 1.8rem;
            color: #d4131d;
            font-weight: 700;
        }

    .chanpin_title .shoucang {
        width: 15%;
        padding-left: 5%;
        float: right;
    }

.text_img {
    width: 90%;
    height: 3em;
    line-height: 3em;
    font-size: 4em;
    color: #838383;
    text-indent: 9%;
    background-size: 19px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f7f7f7;
}

.chanpin_content {
    width: 90%;
    padding: 5%;
    background-color: #FFF;
    font-size: 1.3rem;
    color: #777777;
    margin-bottom:20rem;
}

    .chanpin_content img {
        width: 100%;
    }

    .chanpin_content ul {
        margin-bottom: 5%;
    }

        .chanpin_content ul li {
            width: 100%;
            height: 25px;
            line-height: 25px;
        }

            .chanpin_content ul li .left {
                width: 30%;
                float: left;
            }

            .chanpin_content ul li .right {
                width: 67%;
                float: right;
            }

.cp_img {
    width: 100%;
}

    .cp_img img {
        width: 100% !important;
        margin-bottom: 5%;
    }

.add_car.fix {
    position: fixed;
    bottom: 20em;
    left: 0;
    z-index: 10;
}

.img_look {
    width: 90%;
    padding: 0 5%;
    padding-top: 25%;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}

.img_look_close {
    width: 30px;
    height: 30px;
    color: #FFF;
    font-size: 2rem;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 2%;
    top: 5px;
}

.adcar_bottom {
    width: 100%;
    height: 100px;
    position: fixed;
    bottom: -101px;
    left: 0;
    background-color: #FFF;
    z-index: 100;
    border-top: 1px solid #e5e5e5;
}

.b_a {
    width: 90%;
    padding: 10px 5%;
    border-bottom: 1px solid #e5e5e5;
    background-color: #FFF;
}

    .b_a .left {
        width: 80%;
        float: left;
    }

        .b_a .left h3 {
            font-size: 1.4rem;
            color: #414141;
        }

        .b_a .left div {
            font-size: 1.3rem;
            color: #757575;
        }

        .b_a .left .red {
            font-size: 1.8rem;
            color: #d4131d;
        }

    .b_a .right {
        width: 20%;
        height: 30px;
        float: right;
        background: url(../images/close_btn.png) no-repeat right bottom;
    }

.adcar_btn {
    width: 80%;
    height: 30px;
    background-color: #fa4949;
    color: #FFF;
    font-size: 1.4rem;
    text-align: center;
    line-height: 30px;
    display: block;
    margin: 0 auto;
}

.shuliang {
    width: 20%;
    font-size: 1.3rem;
    color: #333333;
    float: left;
}

.shuliang_input {
    width: 80%;
    float: right;
    font-size: 1.3rem;
    color: #333333;
    text-align: right;
}

.sl_area {
    float: right;
    margin-left: 5%;
}

.minus_btn {
    width: 36px;
    height: 29px;
    background: url(../images/minus_0.png) no-repeat;
    background-size: 36px;
    display: block;
    float: left;
}

.plus_btn {
    width: 36px;
    height: 29px;
    background: url(../images/minus_1.png) no-repeat;
    background-size: 36px;
    display: block;
    float: left;
}

.sl_text {
    width: 37px;
    height: 29px;
    background: url(../images/shuliang_text_bg.png) no-repeat;
    background-size: 37px;
    float: left;
    text-align: center;
}

.dingdan_head {
    width: 90%;
    padding: 5%;
}

    .dingdan_head .left {
        width: 30%;
        float: left;
    }

        .dingdan_head .left img {
            width: 100%;
        }

    .dingdan_head .right {
        width: 65%;
        float: right;
    }

        .dingdan_head .right h3 {
            font-size: 4em;
            color: #414141;
            line-height: 25px;
            font-weight: 400;
        }

.dingdan_h3 {
    width: 90%;
    padding: 5%;
    font-size: 5em;
    color: #282828;
    height: 25px;
    line-height: 25px;
}

.dd_address {
    width: 80%;
    padding: 5%;
    padding-left: 15%;
    background: #FFF url(../images/address_bg.png) no-repeat 5% center;
}

    .dd_address .people {
        width: 50%;
        float: left;
        font-size: 3.5em;
        color: #414141;
        margin-bottom: 2%;
    }

    .dd_address .telephone {
        width: 50%;
        float: right;
        font-size: 3.5em;
        color: #414141;
        margin-bottom: 2%;
    }

    .dd_address .address {
        width: 100%;
        font-size: 3.5em;
        color: #414141;
    }

.add_new_address {
    font-size: 1.4rem;
    color: #434242;
    float: right;
    line-height: 3em;
    margin-right: 5%;
}

.post_information {
    width: 80%;
    height: 2em;
    line-height: 3em;
    text-align: center;
    color: #FFF;
    background-color: #fa4949;
    font-size: 4em;
    display: block;
    margin: 10% auto;
}

.change_address {
    width: 100%;
}

    .change_address ul li {
        width: 90%;
        padding: 2% 5%;
    }

        .change_address ul li .left {
            width: 20%;
            float: left;
            height: 2em;
            line-height: 2em;
            font-size: 4em;
            color: #4d4e50;
        }

        .change_address ul li .right {
            width: 75%;
            float: right;
            font-size: 4em;
            color: #4d4e50;
        }

.new_text {
    width: 70%;
    height: 2em;
    line-height: 2em;
    font-size: 1em;
    border: 1px solid #CCC;
}

.area_select {
    width: 70%;
    height: 2em;
    line-height: 2em;
    font-size: 1em;
    border: 1px solid #CCC;
}

.area_texta {
    width: 90%;
    height: 4em;
    line-height: 2em;
    font-size: 1em;
    border: 1px solid #CCC;
}

.save_btn {
    width: 30%;
    height: 2em;
    line-height: 2em;
    text-align: center;
    color: #FFF;
    background-color: #fa4949;
    display: block;
    margin: 5% auto;
    font-size: 4em;
}

.get_gift_area.mgt5 {
    margin-top: 5%;
}

.shopping_car {
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}

.bianji_area {
    width: 100%;
    height: 22px;
    padding: 10px 0;
    background-color: #FFF;
}

.bianji_btn {
    width: 15%;
    height: 20px;
    line-height: 22px;
    border-left: 1px solid #dedede;
    font-size: 1.4rem;
    color: #3e3f41;
    display: block;
    float: right;
    text-align: center;
}

.goods_detail {
    width: 85%;
    height: 90px;
    padding: 10px 0;
    padding-left: 15%;
    background-color: #f8f8f8;
    background: url(../images/chose_0.png) no-repeat 5% center;
    background-size: 20px;
}

    .goods_detail.chose {
        background: url(../images/chose_1.png) no-repeat 5% center;
        background-size: 20px;
    }

.mid_img {
    width: 30%;
    float: left;
}

    .mid_img img {
        width: 90px;
        height: 90px;
    }

.goods_tt {
    width: 66%;
    padding: 0 2%;
    float: right;
}

    .goods_tt h3 {
        font-size: 1.3rem;
        color: #4e4e4e;
        font-weight: 400;
        line-height: 20px;
    }

.fenlei {
    width: 100%;
    font-size: 1.3rem;
    color: #b4b4b4;
}

.goods_tt .bottom {
    width: 100%;
}

    .goods_tt .bottom .price {
        width: 50%;
        float: left;
        font-size: 1.5rem;
        color: #e4620c;
    }

        .goods_tt .bottom .price span {
            font-size: 1.2rem;
            color: #8f8f8f;
            text-decoration: line-through;
        }

    .goods_tt .bottom .shuliang {
        width: 45%;
        padding-right: 5%;
        float: right;
        text-align: right;
    }

.bianji_posi {
    width: 66%;
    height: 90px;
    padding: 0 2%;
    float: right;
}

    .bianji_posi .left {
        width: 70%;
        float: left;
    }

.delete_btn {
    width: 30%;
    float: right;
    background-color: #d4141e;
    text-align: center;
    line-height: 90px;
    color: #FFF;
    font-size: 1.4rem;
}

.wancheng_btn {
    width: 15%;
    height: 20px;
    line-height: 22px;
    border-left: 1px solid #dedede;
    font-size: 1.4rem;
    color: #d4141e;
    display: block;
    float: right;
    text-align: center;
    display: none;
}

.sl_control {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #FFF;
}

.yanse {
    width: 100%;
    height: 45px;
    font-size: 1.4rem;
    color: #959595;
}

.minus_d {
    width: 33%;
    height: 30px;
    display: block;
    float: left;
    text-align: center;
    line-height: 30px;
    font-size: 2rem;
}

.text_d {
    width: 32%;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    background-color: #f1f1f1;
}

.plus_d {
    width: 33%;
    height: 30px;
    display: block;
    float: left;
    text-align: center;
    line-height: 30px;
    font-size: 2rem;
}

.quanxuan_area {
    width: 100%;
    height: 140px;
    position: fixed;
    left: 0;
    bottom: 50px;
    background-color: #f6f6f6;
    border-top: 1px solid #d1d1d1;
}

.xuan_top {
    width: 100%;
    height: 50px;
    font-size: 1.3rem;
    background: #f6f6f6 url(../images/chose_0.png) no-repeat 5% center;
    background-size: 20px;
    color: #292929;
    line-height: 25px;
}

.quanxuan_btn {
    width: 20%;
    height: 50px;
    line-height: 50px;
    padding-left: 15%;
    float: left;
}

.heji {
    width: 60%;
    float: right;
}

.heji_price {
    font-size: 1.6rem;
    color: #d4141e;
    font-weight: 700;
    margin: 0 15%;
}

.heji .small {
    font-size: 1.2rem;
    color: #545454;
}

.xuan_bottom {
    width: 90%;
    padding: 0 5%;
    padding-top: 20px;
    height: 90px;
    background-color: #f1f1f1;
}

.weixin_sl {
    width: 45%;
    float: left;
}

    .weixin_sl img {
        width: 100%;
    }

.mai_ziji {
    width: 45%;
    float: right;
}

    .mai_ziji img {
        width: 100%;
    }

.xuan_top.chose {
    background: url(../images/chose_1.png) no-repeat 5% center;
    background-size: 20px;
}

.my_zhanghu {
    width: 90%;
    padding: 5%;
    border-bottom: 1px solid #e0e0e0;
    font-size: 1.6rem;
    color: #282828;
}

.bj_btn {
    font-size: 1.4rem;
    color: #2e2e2e;
    float: right;
}

.loginOut_btn {
    font-size: 1.4rem;
    color: #2e2e2e;
    float: right;
}

.my_information {
    width: 100%;
    background-color: #FFF;
}

    .my_information ul li {
        font-size: 1.4rem;
        padding: 5%;
        border-bottom: 1px solid #e7e7e7;
    }

.i_i_show {
    margin-left: 5%;
}

.i_i_text {
    width: 70%;
    height: 20px;
    border: 1px solid #CCC;
    margin-left: 5%;
}

.i_select_show {
    margin-left: 5%;
}

.sj_area {
    width: 70%;
    padding-left: 5%;
}

.sj_sel {
    width: 50%;
    height: 22px;
    border: 1px solid #CCC;
    margin-bottom: 5%;
}

.dizhi_text {
    width: 90%;
    height: 22px;
    border: 1px solid #CCC;
}

.baocun_btn {
    width: 20%;
    height: 30px;
    background-color: #fa4949;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    margin: 20px auto;
    display: block;
    font-size: 1.4rem;
}

.notcool {
    width: 30%;
    float: left;
}

.cool {
    width: 70%;
    float: right;
}

.weixin_send_area {
    width: 90%;
    margin: 5%;
}

    .weixin_send_area h3 {
        font-size: 1.4rem;
        color: #6d6d6d;
        line-height: 25px;
        font-weight: 400;
        margin-bottom: 10px;
    }

.photo_sdk_area {
    width: 100%;
    position: relative;
    text-align: center;
}

    .photo_sdk_area img {
        width: 100%;
    }

.chose_has_photo {
    width: 60%;
    height: 30px;
    background-color: #fb892d;
    display: block;
    color: #FFF;
    position: absolute;
    top: 38%;
    left: 20%;
    text-align: center;
    line-height: 30px;
    font-size: 1.4rem;
}

.take_photo {
    width: 45%;
    height: 30px;
    background-color: #fa4949;
    color: #FFF;
    display: block;
    position: absolute;
    top: 38%;
    right: 3%;
    text-align: center;
    font-size: 1.4rem;
    line-height: 30px;
}

.liuyan_area {
    width: 100%;
    padding: 5% 0;
    background-color: #FFF;
    margin: 5% 0;
}

    .liuyan_area .title {
        font-size: 1.3rem;
        width: 90%;
        padding-left: 10%;
        background: url(../images/liuyan_bg.png) no-repeat 3% center;
        color: #4a4a4a;
        background-size: 15px;
        margin-bottom: 10px;
    }

.liuyan_here {
    width: 90%;
    margin: 0 5%;
    border: none;
    font-size: 1.3rem;
}

.gift_to_box {
    width: 80%;
    height: 33px;
    display: block;
    text-align: center;
    line-height: 33px;
    color: #FFF;
    background-color: #fa4949;
    font-size: 1.6rem;
    margin: 0 auto;
}

/*20150723新增*/
.gift_title2 {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 1.6rem;
    text-align: center;
    color: #484848;
}

.colorred {
    color: #d4141e;
}

.gift_fenlei_list {
    width: 90%;
    padding: 5%;
    padding-top: 0;
}

    .gift_fenlei_list ul li {
        width: 100%;
        margin-bottom: 15px;
    }

        .gift_fenlei_list ul li img {
            width: 100%;
        }

.send_gift_edit {
    width: 80%;
    margin: 5%;
    padding: 5%;
    background-color: #FFF;
}

.edit_left {
    width: 30%;
    font-size: 1.4rem;
    color: #fa4949;
    float: left;
}

.edit_input {
    width: 60%;
    height: 20px;
    float: left;
}

.set_title {
    font-size: 1.4rem;
    color: #000000;
    margin-left: 5%;
}

    .set_title.noleft {
        margin-left: 0;
        margin-bottom: 10px;
    }

.send_set_area {
    width: 90%;
    margin: 5%;
}

    .send_set_area .hd {
        width: 100%;
    }

        .send_set_area .hd ul li {
            width: 90px;
            height: 30px;
            float: left;
            margin-right: 3px;
            background-color: #febf4b;
            text-align: center;
            line-height: 30px;
            color: #FFF;
            font-size: 1.3rem;
        }

            .send_set_area .hd ul li.onset {
                background-color: #FFF;
                color: #d4141e;
            }

    .send_set_area .bd {
        width: 90%;
        padding: 5%;
        background-color: #FFF;
    }

        .send_set_area .bd ul li {
            width: 100%;
        }

.set_bd_title {
    font-size: 1.4rem;
    color: #000000;
}

.type_chose {
    width: 100%;
    overflow: hidden;
}

.type_chose_hide {
    width: 105%;
    padding: 10px 0;
}

    .type_chose_hide a {
        width: 29%;
        border: 1px solid #ff733e;
        height: 30px;
        line-height: 30px;
        display: block;
        float: left;
        background-color: #ff733e;
        color: #FFF;
        text-align: center;
        font-size: 1.2rem;
        margin-right: 3%;
        margin-bottom: 10px;
    }

        .type_chose_hide a.ontchose {
            border: 1px solid #ff733e;
            background-color: #FFF;
            color: #ff733e;
        }

.date_chose {
    width: 100%;
    font-size: 1.4rem;
    color: #000;
    margin-bottom: 10px;
}

    .date_chose select {
        width: 26%;
    }

.set_textarea {
    width: 100%;
    height: 67px;
    border: 1px solid #cccccc;
    background: none;
    margin-bottom: 10px;
}

.sendSet_submit {
    width: 77px;
    height: 30px;
    background-color: #fa4949;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    display: block;
    font-size: 1.4rem;
}

.before_time {
    width: 90%;
    margin: 5%;
    background-color: #FFF;
}

.small_set {
    font-size: 1.2rem;
}

.before_time {
    width: 90%;
    padding: 5%;
}

    .before_time a {
        width: 76px;
        height: 30px;
        display: block;
        float: left;
        text-align: center;
        line-height: 30px;
        color: #FFF;
        font-size: 1.2rem;
        margin-right: 10px;
    }

        .before_time a.onbefore {
            border: 1px solid #d4141e;
            background-color: #FFF !important;
            color: #d4141e;
        }

        .before_time a.color1 {
            border: 1px solid #febf4b;
            background-color: #febf4b;
        }

        .before_time a.color2 {
            border: 1px solid #fb91fa;
            background-color: #fb91fa;
        }

        .before_time a.color3 {
            border: 1px solid #fd5ead;
            background-color: #fd5ead;
        }
/*20150724*/
.my_order_list {
    width: 100%;
}

    .my_order_list ul li {
        width: 100%;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        background-color: #FFF;
        margin-bottom: 15px;
    }

.myOrder_title {
    padding: 5%;
    width: 90%;
    border-bottom: 1px solid #d4d4d4;
}

.myOrder_number {
    float: left;
    font-size: 3.5em;
    color: #414141;
}

.myOrder_delete {
    width: 20px;
    height: 23px;
    background: url(../images/delete_button.gif) no-repeat center center;
    background-size: 20px 23px;
    display: block;
    float: right;
}

.myOrder_detail {
    width: 90%;
    padding: 5%;
    border-bottom: 1px solid #d4d4d4;
}

    .myOrder_detail img {
        width: 58px;
        height: 58px;
        display: block;
        float: left;
        margin-right: 10px;
    }

.myOrder_de_title {
    font-size: 1.4rem;
    color: #414141;
    float: left;
    line-height: 58px;
}

.real_price {
    width: 90%;
    padding: 5%;
    font-size: 1.4rem;
    color: #414141;
}

.order_detail {
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.order_miaoshu {
    width: 90%;
    padding: 5%;
    border-bottom: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

    .order_miaoshu img {
        width: 120px;
        height: 120px;
        display: block;
        float: left;
        margin-right: 10px;
    }

.order_mid {
    width: 50%;
    float: left;
    margin-right: 10px;
    font-size: 3em;
    color: #414141;
}

    .order_mid h3 {
        font-weight: 400;
    }

.order_price {
    width: 20%;
    float: left;
    font-size: 1.4rem;
    color: #414141;
}

.order_show {
    padding: 5%;
    width: 90%;
    border-bottom: 1px solid #d4d4d4;
}

    .order_show ul li {
        width: 100%;
        line-height: 30px;
        font-size: 3.5em;
        margin: 10px;
    }

.black_span {
    color: #414141;
    margin-left: 2em;
}

.grew_span {
    color: #717171;
    margin-left: 2em;
}

.red_span {
    font-size: 1.4rem;
    color: #d4141e;
}

.order_p_all {
    width: 90%;
    padding: 5%;
    border-bottom: 1px solid #d4d4d4;
}

    .order_p_all ul li {
        height: 30px;
        line-height: 30px;
    }

.order_last_price {
    width: 90%;
    padding: 5%;
    border-bottom: 1px solid #d4d4d4;
}

    .order_last_price div {
    }

.big_black_span {
    font-size: 1.4rem;
    color: #000;
    float: right;
}

.big_red_span {
    font-size: 1.6rem;
    color: #d4141e;
    float: right;
}

.order_time {
    font-size: 3.5em;
    color: #828282;
}

.buy_again {
    width: 300px;
    height: 80px;
    display: block;
    background-color: #fa4949;
    color: #FFF;
    text-align: center;
    line-height: 80px;
    float: right;
    font-size: 4em;
    margin: 15px;
}
/*20150725*/
.boss_area.overflowscroll {
    overflow: scroll;
}

.self_area.overflowscroll {
    overflow: scroll;
}

.product_area.overflowscroll {
    overflow: scroll;
}

.younger_area.overflowscroll {
    overflow: scroll;
}

.lover_area.overflowscroll {
    overflow: scroll;
}

.jingque_search ul li a.onshaixuan {
    background-color: #fc4f02;
    color: #FFF;
}

.clear_btn.big {
    width: 45%;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    display: block;
    float: left;
    text-align: center;
    font-size: 1.2rem;
    background-color: #fa4949;
}

.sure_btn.big {
    width: 50%;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    display: block;
    float: right;
    text-align: center;
    font-size: 1.2rem;
    background-color: #fb892d;
}

.hejidiv {
    float: left;
    margin-right: 10px;
    margin-top: 15px;
}

.hejiradio {
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 5px;
}

.quanxuan_blank.h177 {
    height: 177px;
}

.quanxuan_area.h177 {
    height: 177px;
}

.suggest_top.touch_sl {
    overflow: hidden;
}

.suggest_top .bd {
    width: 100%;
    position: relative;
}

    .suggest_top .bd ul li {
        width: 100%;
        float: left;
    }

.sug_h3 {
    font-size: 1.4rem;
    color: #414141;
    line-height: 30px;
    font-weight: 400;
}

.tebie_warp {
    width: 100%;
    overflow: hidden;
}

.suggest_list {
    float: left;
}



.xuan_pay {
    width: 100%;
    height: 50px;
    font-size: 1.3rem;
    background-size: 20px;
    color: #292929;
    line-height: 25px;
}

.payWay_btn {
    width: 20%;
    height: 50px;
    line-height: 50px;
    padding-left: 15%;
    float: left;
}

.payWays {
    width: 60%;
    float: right;
}

.payWay {
    font-size: 1.6rem;
    color: #d4141e;
    font-weight: 700;
    margin: 0 15%;
}