﻿@charset "utf-8";
/*日期控件*/
#datescroll div {
    float: left;
    margin-left: 10%;
    margin-top: 15px;
    padding-right: 22px;
}

#datescroll_datetime div {
    float: left;
    margin-left: 10%;
    padding-right: 22px;
}

#yearwrapper {
    position: absolute;
    left: 0;
    top: 45px;
    bottom: 60px;
    width: 80%;
}

#monthwrapper {
    position: absolute;
    left: 26%;
    top: 45px;
    bottom: 60px;
    width: 80%;
}

#daywrapper {
    position: absolute;
    left: 50%;
    top: 45px;
    bottom: 60px;
    width: 80%;
}

#Hourwrapper {
    position: absolute;
    left: 0;
    top: 195px;
    bottom: 68px;
    width: 80%;
}

#Minutewrapper {
    position: absolute;
    left: 26%;
    top: 195px;
    bottom: 68px;
    width: 80%;
}

#Secondwrapper {
    position: absolute;
    left: 50%;
    top: 195px;
    bottom: 68px;
    width: 80%;
}
/*增加手指滑动触摸面积*/
#Hourwrapper ul li {
    color: #898989;
    font-size: 12px;
}

#Minutewrapper ul li {
    color: #898989;
    font-size: 12px;
}

#Secondwrapper ul li {
    color: #898989;
    font-size: 12px;
}

#yearwrapper ul li {
    color: #898989;
    font-size: 12px;
}

#monthwrapper ul li {
    color: #898989;
    font-size: 12px;
}

#daywrapper ul li {
    color: #898989;
    font-size: 12px;
}

#markyear {
    position: relative;
    margin-left: 76px;
    top: -2px;
}

#markmonth {
    position: relative;
    margin-left: 40px;
    top: -2px;
}

#markday {
    position: relative;
    margin-left: 42px;
    top: -2px;
}

#markhour {
    position: relative;
    margin-left: 62px;
    top: -2px;
}

#markminut {
    position: relative;
    margin-left: 58px;
    top: -2px;
}

#marksecond {
    position: relative;
    margin-left: 68px;
    top: -2px;
}

#dateheader {
    width: 100%;
    height: 50px;
    background: #0ec1ad;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 20px;
}

#setcancle ul {
    text-align: center;
    line-height: 30px;
    margin: 1px auto;
    font-size: 20px;
}

    #setcancle ul li {
        border-radius: 3px;
        float: left;
        width: 35%;
        height: 30px;
        list-style-type: none;
        font-family: 'microsoft yahei';
        font-size: 16px;
    }

#dateconfirm {
    position: absolute;
    background: #0ec1ad;
    left: 20px;
    color: #fff;
}

#datecancle {
    position: absolute;
    background: #dcdddd;
    right: 20px;
    width: 40%;
    color: #666;
}

#dateshadow {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(Opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 9;
}

#datePage {
    font-size: 22px;
    border-radius: 3px;
    position: absolute;
    top: 110px;
    MARGIN-RIGHT: -24%;
    vertical-align: middle;
    width: 48%;
    right: 50%;
    height: 240px;
    background: #FFFFFF;
    z-index: 9999;
}
#datetitle {
    width: 100%;
    height: 50px;
    background: #0ec1ad;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 20px;
    font-family: 'microsoft yahei';
}
#datetitle h1 {
        font-weight: normal;
    }
#datemark {
    font-size: 18px;
    left: 5%;
    width: 90%;
    height: 20px;
    position: absolute;
    top: 108px;
    background: #eee;
    border: 1px solid #eee;
}
#timemark {
    display: none;
    font-size: 18px;
    left: 5%;
    width: 90%;
    height: 20px;
    position: absolute;
    top: 242px;
    background: #eee;
    border: 1px solid #eee;
}

#datescroll {
    background: #F8F8F8;
    width: 94%;
    margin: 10px 3%;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    height: 120px;
    text-align: center;
    line-height: 40px;
}

#datescroll_datetime {
    display: none;
    background: #F8F8F8;
    width: 94%;
    margin: 10px 3%;
    margin-top: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    height: 120px;
    text-align: center;
    line-height: 40px;
}

#yearwrapper ul, #monthwrapper ul, #daywrapper ul {
    width: 40%;
}

#Hourwrapper ul, #Minutewrapper ul, #Secondwrapper ul {
    width: 40%;
}

#dateFooter {
    width: 100%;
    background: #fff;
    height: 50px;
    bottom: 0px;
    position: absolute;
}

/*个人资料详情*/
.marst {
    width:100%;
    position: relative;
}
/* .edit {
    float: right;
    margin-right: 0.5rem;
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    height: 100%;  
    width: 100%;
}

    .edit h4 {
        background: url(../images/spread.png) no-repeat 95% center;
        height: 100%;
        width: 100%;
    }

    .edit .get_bot {
        background: url(../images/shrink.png) no-repeat 95% center;
        height: 100%;
        width: 100%;
    } */
.marst .userpic{
    width:28%;
    top:0;
    left:0;
}
.marst .userpic>img{
    display: block;
    width:65px;
    height: 65px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin:17px auto;
}
.marst .info_div{
    width:52%;
    padding:14px 0;
}
.nav_list{
    width:100%;
   margin-top:6px;
}
.nav_list>li{
    font-size: 13.4px;
    padding:4px 0;
    width:100%;
    border-bottom: 1px solid #f2f2f2;
}
.nav_list li i{
    margin-left:15px;
    box-sizing:border-box;
}
.nav_list li sup{
    margin-left:15px;
    box-sizing:border-box;
    color: #F17476;
}
.nav_list .phone #spansj{
    display: inline-block;
    margin-left:20px;
}
.nav_list .phone .upd_mobile {
    color: #fff;
    background-color: #eb5464;
    border: 0;
    font-size: 14px;
    padding: 5px 12px;
}
.nav_list .phone input{
    padding:0.5rem 0;
}
.nav_list .birth input{
    padding:0.4rem 0;
}
.nav_list li .check-btn {
    border: 2px solid #8d8d8d;
    display: inline-block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 5px;
    position: relative;
    transition: background-color 0.3s ease;
}
.nav_list li .check-btn:after {
        content: "";
        width: 10px;
        height: 6px;
        display: inline-block;
        border-left: 2px solid #32ca14;
        border-bottom: 2px solid #32ca14;
        position: absolute;
        display: none;
        left: 2px;
        top: 1px;
        transform: rotate(0deg);
        transition: transform 1s ease;
    }
.nav_list li label > input[type="radio"]:checked + .check-btn {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border: 2px solid #32ca14;
}
.nav_list li  label > input[type="radio"]:checked + .check-btn:after {
    transform: rotate(-45deg);
    display: block;
}
.nav_list li .hidden {
     display: none; 
}
.nav_list li b{
    margin-left:1rem;
    font-style: normal;
}
.nav_list .city{
    border-bottom:0; 
} 
.nav_list .city .location{
    float: left;
    width:19%;
}
.nav_list .city .choose {
    float: left;
    width:50%;
}
.nav_list .city .choose ul li select {
   width:100%;
   /*padding:0.48rem 0;*/
   height:32px;
   border:1px solid #ddd;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   color:#8d8d8d;
   margin:5px 0;
} 
.nav_list .city .current_location{
    float:right;
    width:31%; 
}
.nav_list .city .current_location>a {
    background: #5aa7e2;
    display: inline-block;
    text-align: center; 
    margin-top: 8px;
    width: 90px;
   height: 33px;
   line-height: 33px; 
   float:right;
    color: #fff;
   border-radius: 4px;
   -webkit-border-radius: 4px; 
}
.nav_list .store{
    border-bottom: 1px solid #f2f2f2;
}
/*我的积分*/
.point_wrapper {
    padding-bottom: 50px;
    background-color: #fff;
}

.banner {
    /*height: 97px;*/
    text-align: center;
    width: 100%;
    /*background: url('../img/images/point_banner .png') no-repeat;*/
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:10;
}

    .banner .banner_btn{text-align:right; margin:0.8rem 0.8rem 0 0;}
    .banner .banner_btn input{ padding:0.2rem 1.3rem; font-size:1.4rem; background:-webkit-gradient(linear, 0% 50%, 0% 100%,from(#7f4e27), to(#de9f6f)); border-radius:4px; box-shadow:0 1px 1px 1px #4D4439; color:#eee2d9;}

.point_header {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    position: fixed;
    /*top:97px;*/
    left: 0;
}

    .point_header ul li {
        float: left;
        width: 50%;
        box-sizing: border-box;
        text-align: center;
        font-size: 16px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #f9f9f9;
    }

        .point_header ul li:nth-child(1) {
            border-right: 1px solid #f2f2f2;
        }

        .point_header ul li span {
            display: block;
            margin-top: 0.5rem;
        }

.point_section {
    width: 100%;
}

/*.cf_list {
    width: 100%;
    height: 6.1rem;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}*/

/*.cf_list_left {
    width: 30%;
    margin-top: 2rem;
    float: left;
}*/

    .cf_list_left p {
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 1.2rem;
    }

/*.cf_list_center {
    width: 8%;
    float: left;
}*/

    .cf_list_center li {
        width: 100%;
        text-align: center;
    }

        /*.cf_list_center li:nth-child(2) {
            margin-top: -0.7rem;
        }

        .cf_list_center li:nth-child(3) {
            margin-top: -0.3rem;
        }*/

.cf_list{ width:100%; border-bottom:1px solid #f2f2f2; background:url(../images/point_line.png) repeat-y 36.5% center; position: relative; padding:14px 0; background-color: #fff; }
/*.cf_list_f{ margin-top:15.6rem;}*/
.cf_list_left{ width:33%; float:left; overflow:hidden; position:absolute;  top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.cf_list_center{ width:8%;  float:left;  position:absolute; left:32.5%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.cf_list_right p{font-size: 14px;word-break:break-all; }
.cf_list:last-child{ overflow:hidden;}
.cf_list_outer{ float:right; width:58%; display:table; text-align:center; position:relative; }
.cf_list_middle{ display:table-cell;#position:absolute;#top:50%;#left:50%;width:70%; text-align: left;}
.cf_list_mo{ color: #f8a340;  font-weight: bold; position:absolute;  top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:30%;}

.cf_list_right {
    width: 58%;
    margin-left: 4%;
}

.cf_list_right p .cf_num {
    color: #39b54a;
}



/*会员卡*/
.vip_list {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 6rem;
}

.vip_article {
    /*width:90%; height:195px;*/
    margin-left: 4%;
    /*background: url(../images/VIP_kit_1.png) no-repeat;*/
    background-size: 100% 100%;
    margin-top: 1rem;
    overflow: hidden;
    position:relative;
   }
/*会员卡我的等级*/
    .vip_article .vip_level_btn{ padding:4px 10px; position:absolute; top:8%; right:4%; color:#301b01; /*background-color:#926206;*/ border-radius:4px; box-shadow:0px 3px 5px #301b01; 
    background-image: -webkit-radial-gradient(200px 200px at 200px 150px,hsla(120,70%,60%,.9),hsla(44,60%,60%,.9));
    background-image: radial-gradient(200px 200px at 200px  150px,hsla(120,70%,60%,.9),hsla(44,60%,60%,.9));}
    .card_mask{z-index:100; width:100%; height:100%; position:fixed; top:0; background-color:#333; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
    .card_joly{ z-index:100;position:absolute; width:92%; }
    .level_bar .arrow .card_number{ width:85%; text-align:right;}
    .user_card_box{ border-radius:8px; background-color:#f2f2f2;}
    .credits_card{ border-radius:0px 0px 8px 8px;}

.vip_articlebg1 {
    background: url(../images/VIP_kit_1_0.png) no-repeat;
    background-size: 100% 100%;
}

.vip_articlebg2 {
    background: url(../images/VIP_kit_1_1.png) no-repeat;
    background-size: 100% 100%;
}

.vip_article h4 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #301b01;
    position: relative;
    top: 72%;
    left: 47%;
}

    .vip_article h4 em {
        font-style: normal;
        font-weight: bold;
    }

.vip_code {
    /*margin-top: 3rem;*/
    position: relative;
    /*max-width: 80%;*/
    /*max-height: 300px;*/
    background-color: #fff;
    text-align: center;
    padding-top: 5px;
    overflow: hidden;
}

    .vip_code img {
        width: 95%;
        height: auto;
    }

.vip_pattern {
    /*margin-top: 3rem;*/
    position: relative;
    width: 220px; /*height:60px;*/
    background-color: #fff;
    text-align: center;
    padding-top: 5px;
    overflow: hidden;
}

    .vip_pattern img {
        width: 98%;
        height: auto;
    }


/*会员注册*/
html {
    overflow-X: hidden;
}

/*.header_xq {
    height: 97px;
    text-align: center;
    width: 100%;
    background: url(../images/vip_data.png) no-repeat;
    background-size: 100% 100%;
}*/
.header_xq {
    text-align: center;
    width: 100%;
    /*background: url(../images/vip_data.png) no-repeat center top;*/
    background-size: 100% 100%;
    overflow: auto;
}

    .header_xq h2 {
        padding-top: 20px;
    }

.apply_list li label {
    display: inline-block;
    width: 35%;
    text-align: right;
    padding-left: 10px;
}

.apply_list {
    margin-top: 0px;
}

.CheckCode {
    width: 24% !important;
    height: 30px;
    background-color: #e92d45;
    color: #fff;
    border: 0;
    font-size: 11px;
    margin-right: 15px;
    border-radius: 4px;
    line-height: 30px;
}

input {
    -webkit-appearance: none;
    border-radius: 6px;
}
/*去除input默认样式*/
#table_0909099 td:hover {
    color: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), color-stop(0.5, #c9c9c9), to(#959595));
}



/*我的优惠券*/
/*.banner img{ width:100%; height:auto;}
.orderTitle a{ display:inline-block;width:33.3%;height:32px;float:left;color:#333;}
.section_coupon{ width:100%; background-color:#fff; font-size:13.4px; margin-top:1px;}
.orderTitle{ border-bottom:none;}
.section_coupon .coupon_picture{ float:left; width:35%; position:relative; }
.section_coupon .coupon_picture>img{ width:100%; height:auto; margin-left:1rem; margin-top:1rem; margin-bottom:0.5rem;}
.section_coupon .coupon_picture .weix_bg{ position:absolute; bottom:1.3rem; right:0rem; width:25px; height:25px;  text-align:center; background-color:#FFFFFF; }
.section_coupon .coupon_picture .weix{ display:inline-block; width:80%; height:auto; padding-top:10%;}
.mask{ position:fixed; z-index:30;}
.mask p{ margin:0 auto;  margin-top:1rem;}
.section_coupon .coupon_current{ float:left; width:50%; height:100%; text-align:center; margin-top:15px; }
.section_coupon .coupon_current ul li{ color:#555; font-size:12px; line-height:16px;}
.section_coupon .coupon_money{ float:left; width:15%; height:8rem;}
.section_coupon .coupon_money h4{ margin-top:1.5rem; color:#eb5465; font-weight:600; font-size:1.5rem;}
.section_coupon .coupon_current .current_paper{color:#000; font-size:10px;}
.wrapper{ margin-bottom:6rem;}
.lojy{ position:relative; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index:20;}*/


/*我的消费记录（线上）*/
.header_active ul li {
    float: left;
    height: 35px;
    line-height: 35px;
    width: 50%;
    border-right: 1px solid #f2f2f2;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
}

    .header_active ul li a {
        font-weight: bold;
    }

.article_list ul li {
    float: left;
    text-align: center;
    background-color: #fff;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}

.article_list ul .article_date {
    width: 30%;
}

.article_list ul .article_eng {
    width: 40%;
}

.article_list ul .article_small {
    width: 30%;
}

.article_goods {
    background-color: #fff;
}

    .article_goods .goods_picture {
        float: left;
        width: 40%;
        text-align: center;
    }

        .article_goods .goods_picture img {
            width: 65%;
            height: auto;
            margin-top: 1.3rem;
        }

    .article_goods .goods_detail {
        float: left;
        width: 60%;
    }

        .article_goods .goods_detail .goods_name {
            margin-top: 1.2rem;
        }

        .article_goods .goods_detail .goods_price {
            margin-top: 1.5rem;
            color: #676767;
        }

.section_explain {
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    color: #666;
}

    .section_explain i {
        margin-left: 20%;
    }

    .section_explain b {
        margin-left: 5px;
    }

        .section_explain b span {
            color: #d95a6c;
        }

        .section_explain b time {
            color: #9F9F9F;
        }

.section_order {
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #f2f2f2;
}

.orde_title .currme {
    display: block;
    border-bottom: 2px solid #d13249;
}

.wrapper_active {
    padding-bottom: 6rem;
}

.header_active {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.orde_con {
    margin-top: 35px;
}


/*我的消费记录(线下)*/
.article_time {
    width: 100%;
    height: 43px;
    border-bottom: 3px solid #eee;
    border-top: 1px solid #f2f2f2;
}

    .article_time ul li {
        float: left;
        height: 43px;
        line-height: 43px;
        text-align: center;
    }

.section_new {
    width: 100%;
    height: 43px;
}

.section_new1 {
    width: 100%;
    height: 43px;
    border-bottom: 1px solid #f2f2f2;
}
    .section_new li, .section_new1 li {
        float: left;
        height: 43px;
        line-height: 43px;
    }

    .section_new .new_summer ,.section_new1 .new_summer{
        width: 70%;
        text-align: center;
    }


    .section_new .new_pattern {
        width: 18%;
        text-align: center;
    }

    .section_new .new_price {
        width: 28%;
        text-align: center;
        color: #d13249;
    }

.section_al {
    width: 100%;
    height: 43px;
    line-height: 43px;
    text-align: center;
}

    .section_al span {
        color: #d13249;
    }

.article_time li i {
    margin-left: 0;
}

.article_time .time_year {
    width: 20%;
    text-align: right;
}

.article_time .time_note {
    width: 42%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.article_time .time_store {
    width: 38%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



/*我的优惠券（未使用）*/
body {
    background-color: #fafafa;
}

.orderTitle span {
    margin-left: 0.5rem;
}

.orderTitle a {
    display: inline-block;
    width: 33.3%;
    height: 32px;
    float: left;
    color: #333;
}

.section_va {
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 1rem;
}

.section_value {
    width: 85%;
    height: 89px;
    margin-left: 5%;
    background: url(../images/yh_bg.png) no-repeat;
    background-size: 100% auto;
    margin-top: 1rem;
    margin-top: 1rem;
    position: relative;
}

    .section_value .value_code {
        width: 20px;
        height: 20px;
        background-color: #fff;
        position: absolute;
        top: 5rem;
        left: 1.5rem;
        text-align: center;
    }

        .section_value .value_code .weixin {
            width: 80%;
            height: auto;
            padding-top: 10%;
        }

    .section_value .value_explain {
        height: auto;
        color: #fff;
        position: absolute;
        top: 10%;
        left: 22%;
    }

        .section_value .value_explain ul li {
            text-align: center;
            font-size: 1.5rem;
            font-weight: 600;
        }

           .section_value .value_explain ul li:nth-child(3) {
                font-weight: 400;
                font-size: 10px;
                margin-top: 0.3rem;
            }
            .section_value .value_explain ul li:nth-child(4) {
                font-weight: 400;
                font-size: 10px;
                margin-top: 0.3rem;
            }

.value_explain .explain_all {
    margin-top: 1rem;
    margin-bottom: 0.8rem;
}

.value_explain ul .explain_month {
    margin-top: 1rem;
}

/*.section_value .value_price {
    float: right;
    height: auto;
    position: absolute;
    right: 5%;
    top: 10%;
}*/
.section_value .value_price{ float:right; height:auto;  position:absolute; right:3%; top:10%;} 

    .section_value .value_price ul li {
        text-align: center;
        line-height: 1rem;
    }

    .section_value .value_price .price_num {
        color: #fff;
        font-size: 1.5rem;
        margin-top: 1rem;
        font-weight: 600;
    }

.value_price .price_line {
    width: 80%;
    height: auto;
}

.mask {
    position: fixed;
    z-index: 30;
    width:90%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
}

    .mask p {
        margin: 0 auto;
        margin-top: 1rem;
    }

.lojy {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 20;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/*使用门店*/

.value_price ul .price_btn_sy{ margin-top:0.4rem;}
    .value_price ul .price_btn_sy input{ border:1px solid #c94e4c; border-radius:4px; text-align:center; color:#f2f2f2; padding:0.2rem 0.4rem; background-color:#D21937; filter:alpha(opacity=80); opacity: 0.8;}
    .sy_cover{ width:80%;  position:fixed; top:10%; left:10%; background-color:#f6d1c0; z-index:100; border-radius:6px; height:40rem; overflow:auto;}
        .sy_cover p {
            font-size: 1.6rem;
            /*height: 2.6rem;
            line-height: 2.6rem;*/
            color: #961529;
            /*text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;*/
            border-bottom: 1px dashed #f3c0a9;
            width: 90%;
            margin-left: 5%;
            line-height:2rem;
        }
  /*优惠券刷新*/
  .value_refresh{ 
    position: fixed;
    bottom:55px;
    right:20px;
    z-index:50;
    width:12vw;
    height: 12vw;
    background:url(../images/refresh_icon.png) no-repeat;
    background-size: 100%;
}


/*我的优惠券（已使用）*/
.section_used {
    width: 85%;
    height: 89px;
    margin-left: 5%;
    background: url(../images/ph_bg_f.png) no-repeat;
    background-size: 100% auto;
    margin-top: 1rem;
    margin-top: 1rem;
    position: relative;
}

.value_price .price_used {
    position: absolute;
    top: 48px;
    left: -6px;
}



/*我的优惠券（已过期）*/
.section_over {
    width: 85%;
    height: 89px;
    margin-left: 5%;
    background: url(../images/ph_bg_f.png) no-repeat;
    background-size: 100% auto;
    margin-top: 1rem;
    margin-top: 1rem;
    position: relative;
}

.value_price .price_over {
    position: absolute;
    top: 48px;
    left: -6px;
}

.mase {
    position: absolute;
    bottom: -1rem;
    right: -1rem;
}

.maser {
    position: absolute;
    bottom: -1.3rem;
    right: -1.3rem;
}