@charset "utf-8";
.header-wrap {
    display: block;
    text-align: center;
    height: 2.2rem;
    font-size: 0.8rem;
    line-height: 2.2rem;
    background-color: #fff;
    letter-spacing: 0.2rem;
} 
header, .header {
    z-index: 100 !important;
}    
.member-sign{
    background-image: url(../images/member_sign.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 90%;
    width: 22%;
    float: right;
    height: 1rem;
    margin: 0.1rem 0 0 4rem;
    font-size: 0.6rem;
    line-height: 1rem;
    position: absolute;
    top: 2.5rem;
    right: 0.2rem;
}  
.member-sign .sign-title{
    position: absolute;
    right: 0.8rem;
    top: 0rem;
} 
.shouqing{
    position: absolute;
    left: 1.8rem;
    width: 4rem !important;
    height: 4rem;
    top: 1.5rem;
}
.member-top {
    background-color: #0D9292;
    background-image: url(../images/member_top_bg.png);
    background-size: cover;
    text-align: center;
    width: 100%;
    height: 11.3rem;
    position: relative;
    z-index: 1;
}   
.member-info {
    width: 100%;
    height: 6rem;
    margin: -4rem 0 0 -9rem;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    animation: memberInfoDown 1000ms ease-in;
    -webkit-animation: memberInfoDown 1000ms ease-in;
} 
.member-info .user-name {
    color: #FFF;
    margin: 0.6rem 0 0 0;
    width: 45%;
    height: 4rem;
    float: left;
    text-align: left;
    padding-left: 1rem;
}
.member-info .user-avatar {
    background-color: #FFF;
    width: 3.3rem;
    height: 3.3rem;
    margin: 0.3rem 0 0 1.6rem;
    border-radius: 100%;
    float: left;
}    
.member-info .user-name span {
    font-weight: lighter;
    font-size: 0.8rem;
    line-height: 1.2rem;
    height: 1.2rem;
    position: relative;
    z-index: 1;
  
    font-weight: 600;
}
.member-info .user-name sup {
    font-size: 0.7rem;
    line-height: 0.9rem;
    background-color: #FFF100;
    display: block;
    height: 0.9rem;
    padding: 0 0.1rem;
    border-radius: 0.4rem;
    position: absolute;
    z-index: 1;
    right: -0.9rem;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    width: 2.4rem;
    left:  -0.3rem;
    color: #0E418C;
    top: 1.2rem;
    text-align: center;
}
.member-set{
    width: 13%;
    height: 1.2rem;
    float: right;
    margin: 0.5rem 0rem 0 0;
}    
.get-more-item{
    z-index: 2;
    top: 0.6rem;
    right: 0.5rem;
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    background-image: url(../images/arrow_right_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70%;
    opacity: 0.4;
    float: right;
    margin: 0.12rem -3.3rem 0 0;
}
.member-set img{
    width: 1rem;
}
.member-collect span {
    display: inline-block;
    width: 25%;
    height: 2rem;
    padding: 0.5rem 0;
}    
.member-collect span p {
    font-size: 0.5rem;
    line-height: 1rem;
    color: #FFF;
    height: 1rem;
}
.member-center dd ul li a em {
    background-color: #ED5564;
    height: 0.6rem;
    border-radius: 0.3rem;
    position: absolute;
    top: -0.4rem;
    right: 0.6rem;
    color: #fff;
    font-size: 0.5rem;
    line-height: 0.6rem;
    width: 0.9rem;
    text-align: center;
}    
.member-collect {
    font-size: 0;
    height: 3rem;
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
    z-index: 120;
}
.content-all{
    position: absolute;
    margin:-1.7rem 3% 2rem;
    z-index: 90;
    width: 94%;

}
.member-center dt h3 {
    font-size: 0.8rem;
    line-height: 1rem;
    color: #111;
    vertical-align: top;
    display: inline-block;
    height: 1rem;
    font-weight: bold;
    padding-left: 0.4rem;
}
.member-center {
    height: 21rem;
}
.mt6{
    height: 6.5rem;
    margin-bottom: 0.7rem;
    border-radius: 0.5rem;

}
.member-center dt h5 {
    font-size: 0.65rem;
    color: #999;
    float: right;
    line-height: 1rem;
    margin-right: 0.5rem;
}
.member-center dt {
    line-height: 0.9rem;
    display: block;
    height: 1rem;
    padding: 0.5rem 0.7rem 0.5rem 0;
    margin-left: 0.5rem;
    border-bottom: 0;
}
.member-center dd ul li i {
    vertical-align: top;
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto 0.1rem auto;
}
.member-center dt h5 i {
    display: inline-block;
    vertical-align: middle;
    width: 0.7rem;
    height: 0.7rem;
    /* background-image: url(../images/arrow_right_b.png); */
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    opacity: 0.4;
}    
i.cc-11 { background-image: url(../images/gas_charge.png); background-size: cover;}
i.cc-12 { background-image: url(../images/gas_log.png); background-size: cover;}
i.cc-13 { background-image: url(../images/gas_bind.png); background-size: cover;}
i.cc-14 { background-image: url(../images/gas_card.png); background-size: cover;}

i.cc-15 { background-image: url(../images/address_icon.png); background-size: cover;}
i.cc-16 { background-image: url(../images/invite_icon.png); background-size: cover;}
i.cc-17 { background-image: url(../images/strategy_icon.png); background-size: cover;}
i.cc-18 { background-image: url(../images/system_set_icon.png); background-size: cover;}
i.cc-19 { background-image: url(../images/asset_icon.png); background-size: cover;}
i.cc-20 { background-image: url(../images/dis_icon.png); background-size: cover;}
.fix-block-r {  
    bottom: 4rem;
    z-index: 990;
}
.mt-bottom{
    height:7.2rem;
}
.member-center dt a {
    width: 100%;
    display: block;
}
.gas_service li {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 25%;
    padding: 0.5rem 0 0.2rem 0;
}
.member-collect span em {
    font-weight: lighter;
    font-size: 0.9rem;
    color: #FFF;
    line-height: 1rem;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    min-width: 1rem;
    height: 1rem;
    margin: 0 auto;
    font-weight: 600;
}    
.mt-bottom-content li {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        width: 25%;
        padding: 0.6rem 0 0.2rem 0;
        height: 3rem;
        margin-bottom: -0.8rem
}


.recommend-goods .title{
    text-align: center;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.8rem;
    margin-bottom: 1rem;
    font-weight: bold;
}
.recommed_left{
    width: 16%;
    margin: 0.65rem 0.5rem 0 0;
}
.recommend_right{
    width: 16%;
    margin: 0.65rem 0 0 0.5rem;
}
.goods_content{
    width: 100%;
    clear: both;
    margin-bottom: 4rem;
}
.goods_content ul.goods-list {
    font-size: 0;
    margin-bottom: 0.5rem;
    margin-top: -0.5rem;
    padding: 0 0.3rem;
}
.goods_content ul.goods-list li:nth-child(odd) {
    margin: 0rem 2% 0 2%;
}
.goods_content ul.goods-list li {
    background-color: #FFF;
    vertical-align: top;
    display: inline-block;
    width: 46%;
    overflow: hidden;
    border-radius: 0.4rem;
    height: 11.3rem;
    position: relative;
}
.goods_content ul.goods-list li a {
    display: block;
}
.goods_content ul.goods-list .goods_type {
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #FE439D;
    color: #fff;
    font-size: 0.5rem;
    text-align: center;
    width: auto;
    padding: 0 0.05rem;
    height: 0.7rem;
}
.goods_content  ul.goods-list li .goods-pic {
    width: 100%;
    position: relative;
}
.goods_content ul.goods-list li .goods-pic img {
    width: 100%;
}
.goods_content ul.goods-list .own-mark {
    position: absolute;
    bottom: 0.1rem;
    left: 0.2rem;
    z-index: 10;
    height: 0.7rem;
    background: #FF3F3A;
    color: #fff;
    text-align: center;
    line-height: 0.7rem;
    border-radius: 0.15rem;
    font-size: 0.5rem;
}
.goods_content ul.goods-list li dl {
    padding: 0.2rem;
}
.goods_content ul.goods-list li dt.goods-name {
    display: block;
    font-size: 0.7rem;
    line-height: 1rem;
    color: #000;
    height: 1rem;
    overflow: hidden;
    font-weight: 800;
    margin: 0.2rem 0 0.15rem 0;
}
.goods_content ul.goods-list li dt.goods-jingle {
    display: block;
    font-size: 0.55rem;
    line-height: 0.7rem;
    color: #666;
    height: 0.6rem;
    overflow: hidden;
}
.goods_content ul.goods-list li dd.goods-price {
    font-size: 0.5rem;
    line-height: 1rem;
    height: 1rem;
    color: #DB4453;
    text-align: left;
    padding-top: 0.2rem;
}
.goods_content ul.goods-list li dd.goods-price em {
    font-size: 0.7rem;
    font-weight: 800;
    width: 4.75rem;
    display: inline-block;
}
.goods_content ul.goods-list li:nth-child(even) {
    margin:0.5rem 2% 0 2%;
}
.goods_content ul.goods-list li:first-child{
    margin-top: 0.5rem;
}
.goods_content ul.goods-list li:nth-child(2){
    margin-top:1rem;
}