@charset "utf-8";
/* CSS Document */

.nav-member:after,.member-giftbox:after,.member-giftbox .text:after,.member-giftbox .giftbox:after,.receive-state .list-mes ul li p:after,.list-gift-bank .list-exp:after,.truck-pro-mes .pro-mes:after,.list-cashbox .list-pro:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}


.member-top{width:100%;font-size:0;position:relative}
.member-top img{width:100%;}
.member-top .user{position:absolute;top:50%;margin-top:-27px;left:15px;}
.member-top .user img{width:50px;height:50px; border:2px solid #F1F1F1;border-radius:27px; display:inline-block; vertical-align:middle}
.member-top .user .name{margin-left:10px;font-size:16px;color:#fff; display:inline-block; vertical-align:middle}

.nav-member{margin-top:10px;width:100%;background:#fff}
.nav-member.nomargin{margin-top:0;}
.nav-member ul li{float:left;width:31.33333%;margin:0 1%;padding:10px 0 9px 0;border-bottom:1px solid #fff;text-align:center; position:relative}
.nav-member.half{text-align:center}
.nav-member.half ul li{float:none; display:inline-block; vertical-align:middle;}
.nav-member ul li b{height:40px;width:1px;border-right:1px solid #ddd; position:absolute;right:0;top:10px;}
.nav-member ul li i{margin:0 auto;width:21px;height:21px; display:block}
.nav-member ul li p{font-size:14px;}
.nav-member ul li a{color:#333}
.nav-member ul li.active{border-bottom:1px solid #e42f46;}
.nav-member ul li.active p{color:#e42f46;}
.nav-member.simple ul li b{height:16px;}

.icon-nav-reward{background:url(../images/icon_nav_reward.png) center center no-repeat; background-size:19px;}
.icon-nav-love{background:url(../images/icon_nav_love.png) center center no-repeat; background-size:19px;}
.icon-nav-gift-gray{background:url(../images/icon_nav_gift_gray.png) center center no-repeat; background-size:21px;}

.icon-nav-member-list{background:url(../images/icon_nav_gift_list.png) center center no-repeat; background-size:100%;}
.icon-nav-member-rec{background:url(../images/icon_nav_gift_rec.png) center center no-repeat; background-size:100%;}
.icon-nav-member-cash{background:url(../images/icon_nav_gift_cash.png) center center no-repeat; background-size:100%;}
.icon-nav-member-truck{background:url(../images/icon_nav_gift_truck.png) center center no-repeat; background-size:100%;}



.list-nav-member{margin-top:10px;width:100%; background:#fff;}
.list-nav-member ul li{margin:0 0 0 15px;padding:15px 0;border-bottom:1px solid #ddd; background:url(../images/icon_arrow_right_gray_blod.png) 95% center no-repeat; background-size:8px;}
.list-nav-member ul li:last-child{border-bottom:none;}
.list-nav-member ul li i{margin-right:5px;width:18px;height:18px; display:inline-block; vertical-align:middle}
.list-nav-member ul li span{font-size:16px; display:inline-block; vertical-align:middle}


.member-giftbox{margin-top:10px; background:#fff;}
.member-giftbox.nomargin{margin-top:0;}
.member-giftbox .text{padding:0 15px;line-height:44px;color:#666}
.member-giftbox .text em{color:#333;font-style:normal;}
.member-giftbox .text .yellow{color:#FE7211;}
.member-giftbox .text .red{color:#e42f46;}
.member-giftbox .text .black{color:#333;}
.member-giftbox .text.border{border-top:1px solid #ddd}
.member-giftbox .btnbox{float:right;padding:10px;}
.member-giftbox .btnbox .btn{float:left;border:1px solid #656565;border-radius:3px;margin-left:10px;padding:0 10px;line-height:24px; text-align:center;color:#666}
.member-giftbox .btnbox .btn.gray{border:1px solid #eee;background:#eee;color:#ccc;}
.member-giftbox .giftbox{padding:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.member-giftbox .giftbox img{float:left;width:65px;height:65px;border-radius:3px;}
.member-giftbox .giftbox .text{margin-left:80px;padding:0;color:#999;line-height:21.5px;}
.member-giftbox .giftbox .text strong{color:#333;font-weight:normal;}
.member-giftbox .service{float:right;color:#666;}
.member-giftbox .service span{ display:inline-block; vertical-align:middle}
.member-giftbox .service i{width:26px;height:44px;margin-left:5px;display:inline-block; vertical-align:middle}
.icon-kf-talk{background:url(../images/icon_kf_talk.png) center center no-repeat; background-size:26px;}
.icon-kf-tel{background:url(../images/icon_kf_tel.png) center center no-repeat; background-size:26px;}



.receive-state{width:100%;border-top:10px solid #ddd;}
.receive-state .blessings{padding:10px 15px 10px 60px;line-hegiht:20px;border-bottom:1px solid #ddd;color:#333; text-align:center;position:relative;}
.receive-state .blessings i{width:45px;line-height:20px;color:#999; position:absolute;left:15px;top:50%;margin-top:-10px;font-style:normal; text-align:left;}
.receive-state .text-statebox{padding:0 0 0 15px;color:#999;}
.receive-state .text-statebox .title{padding:0 15px 0 0;line-height:44px;border-bottom:1px solid #ddd;}
.receive-state .red{color:#e42f46;}
.receive-state .list-mes {width:100%;}
.receive-state .list-mes ul li{margin-left:20px;padding:5px 15px 0 30px;border-left:1px solid #eee;position:relative}
.receive-state .list-mes ul li img{width:36px;height:36px; border:2px solid #C5C5C5;border-radius:20px; position:absolute;top:10px;left:-20px;}
.receive-state .list-mes ul li p{width:100%;line-height:20px;color:#999;padding:5px 0;}
.receive-state .list-mes ul li p:last-child{padding:5px 0 10px 0;border-bottom:1px dashed #eee}
.receive-state .list-mes ul li strong{color:#FE7211;}
.receive-state .list-mes ul li .btn-check{float:right;border:1px solid #BDBDBD;border-radius:3px;padding:0 5px;line-height:18px;}


.list-gift-bank{margin-top:10px;padding-bottom:5px;background:#fff;}
.list-gift-bank .tips-bank{float:left;width:cale(100% - 30px);margin:15px;padding:15px;border:1px dashed #FF1616;line-height:20px;}
.list-gift-bank .title{padding:12px 15px;border-bottom:1px solid #eee}
.list-gift-bank .title i,.list-gift-bank .list-exp i,.list-address-member .radio i{margin-right:5px;width:18px;height:18px; background:url(../images/icon_radio_normal.png) no-repeat; background-size:100%; display:inline-block; vertical-align:middle;}
.list-gift-bank .title.active i,.list-gift-bank .list-exp.active i,.list-address-member .radio.active i{background:url(../images/icon_radio_active.png) no-repeat; background-size:100%;}
.list-gift-bank .title span{color:#333; display:inline-block; vertical-align:middle;}
.list-gift-bank .list-exp{margin:0 0 0 15px;padding:15px 0;border-bottom:1px solid #eee}
.list-gift-bank .list-exp i{float:left;margin-top:23px;}
.list-gift-bank .list-exp img{float:left;width:65px;height:65px;border-radius:3px;}
.list-gift-bank .list-exp .text{margin:0 15px 0 100px;}
.list-gift-bank .list-exp .text h3{line-height:20px;font-size:12px;}
.list-gift-bank .list-exp .text .unit{color:#999;line-height:32px;}
.list-gift-bank .list-exp .text .numsel{float:right;border:1px solid #CACACA;border-radius:3px;}
.list-gift-bank .list-exp .text .numsel span{width:30px;line-height:30px;text-align:center;font-size:18px; display:inline-block}
.list-gift-bank .list-exp .text .numsel span:nth-child(2){border-left:1px solid #CACACA;border-right:1px solid #CACACA;}

.promo-codebox{padding:10px 15px;background:#fff}
.promo-codebox input{width:82%;line-height:32px;height:32px;padding:0 10px;font-size:14px;color:#999;border:none;background:#EFEFEF;border-radius:3px;}
.promo-codebox .btn{float:right;line-height:32px;font-size:14px;}


.list-cashbox{margin:10px 15px 0 15px; background:#fff;border-radius:3px;}
.list-cashbox .top{padding:10px; background:#F03A34;border-top-left-radius:3px;border-top-right-radius:3px; position:relative}
.list-cashbox .top .point{width:100%;height:3px;font-size:0;background:url(../images/bg_point.png) no-repeat; background-size:100%;position:absolute;left:0;bottom:-1px;}
.list-cashbox .top .text-case,.list-cashbox .top .tips-case{padding:0 5px;line-height:24px; background:#AE2B27;border-radius:3px;color:#fff; display:inline-block; vertical-align:middle}
.list-cashbox .top .tips-case{margin-left:5px; background:none;color:#fff}
.list-cashbox .top .price{width:100%;padding-top:5px;font-size:14px;color:#fff;}
.list-cashbox .top .price strong{font-size:24px;}
.list-cashbox .top .user{padding-right:10px;lie-height:20px;color:#fff;background:url(../images/icon_arrow_right_white_small.png) right center no-repeat; background-size:6px;position:absolute;right:10px;bottom:10px;}
.list-cashbox .top .giveaway{float:right;width:75px;height:23px;border-radius:23px; background:#FFDC51;line-height:23px; text-align:center;color:#701F1C;}
.list-cashbox .time{margin:0 10px;line-height:40px;color:#999;}
.list-cashbox .time .more{float:right;padding-right:12px;color:#333; background:url(../images/icon_arrow_down_black.png) right center no-repeat; background-size:8px;}
.list-cashbox .time .more.active{background:url(../images/icon_arrow_up_black.png) right center no-repeat; background-size:8px;}
.list-cashbox .text-more{margin:0 10px;padding:5px;line-height:24px;color:#999;border-top:1px dashed #eee}

.list-cashbox .list-pro{width:94%;padding:0 3% 3% 3%;border-top: 1px dashed #eee;}
.list-cashbox .list-pro ul li{float:left;width:48%;padding-top:3%;padding-right:2%;font-size:0;}
.list-cashbox .list-pro ul li:nth-child(2n){padding-right:0;padding-left:2%;}
.list-cashbox .list-pro ul li img{width:100%;}
.list-cashbox .list-pro ul li h3{width:100%;line-height:20px;height:40px;padding:5px 0;font-size:12px;color:#333}
.list-cashbox .list-pro ul li p strong{font-size:12px;font-weight:normal;color:#CC1510;}
.list-cashbox .list-pro ul li p span{font-size:12px;color:#666;}

.list-cashbox.gray .top{background:#999}
.list-cashbox.gray .top .text-case{color:#666;}
.list-cashbox.gray .top .tips-case{color:#fff;}
.list-cashbox.gray .time .more{color:#666;background:url(../images/icon_arrow_down_gray.png) right center no-repeat; background-size:8px}
.list-cashbox.gray .time .more.active{background:url(../images/icon_arrow_up_gray.png) right center no-repeat; background-size:8px}
.list-cashbox.gray .top .text-case,.list-cashbox.gray .top .giveaway{color:#fff;background:#888}

.list-address-member{background:#fff;margin-bottom:10px;}
.list-address-member .address{padding:5px 15px;line-height:24px;border-bottom:1px solid #eee;}
.list-address-member .address em{color:#F14C46;font-style:normal;}
.list-address-member .address span{color:#666}
.list-address-member .radio{width:50%;padding:10px 0 10px 15px;}
.list-address-member .edit,.list-address-member .del{float:right;line-height:18px;padding:10px 15px 10px 18px; background:url(../images/icon_edit.png) left center no-repeat; background-size:13px;}
.list-address-member .del{ background:url(../images/icon_delete.png) left center no-repeat; background-size:13px;}


.truck-top{padding:10px 20px; background:#607EBA}
.truck-top i{margin-right:10px;width:60px;height:72px;background:url(../images/icon_truck.png) center center no-repeat; background-size:50px; display:inline-block; vertical-align:middle}
.truck-top .text{line-height:24px;color:#fff; display:inline-block; vertical-align:middle}
.truck-top .text strong{font-size:16px;}

.truck-pro-mes{width:100%; background:#fff;}
.truck-pro-mes .title{padding:0 20px;line-height:30px;border-bottom:1px solid #eee;}
.truck-pro-mes .pro-mes{padding:10px 20px;}
.truck-pro-mes .pro-mes img{float:left;width:65px;height:65px;border-radius:3px;}
.truck-pro-mes .pro-mes .text{margin-left:75px; position:relative}
.truck-pro-mes .pro-mes .text h3{width:90%;line-height:22px;font-size:14px;}
.truck-pro-mes .pro-mes .text p{color:#999;}
.truck-pro-mes .pro-mes .text .number{ position:absolute;right:0;top:0;font-size:14px;line-height:22px;}

.list-truck-mes{padding:15px 0 15px 20px;}
.list-truck-mes ul li{border-left:1px solid #DADADA;padding:0 0 0 14px; position:relative}
.list-truck-mes ul li:first-child .text{padding:0 0 10px 0;}
.list-truck-mes ul li i{width:16px;height:16px; background:#DADADA;border-radius:50%; position:absolute;left:-8px;top:13px;}
.list-truck-mes ul li .text{border-bottom:1px solid #dadada;padding:10px 0;line-height:22px;}
.list-truck-mes ul li .text h4{font-size:14px;}

.list-truck-mes ul li.now{color:#4BC8A0}
.list-truck-mes ul li.now i{width:8px;height:8px;border:4px solid #9FDECA; background:#4BC8A0;top:0;}

.text-fp{width:100%;padding:10px 0;text-align:center}
.text-fp img{width:40%;}
.text-fp p{padding-top:15px;font-size:14px;}
.text-fp strong{color:#FF5D3D;font-weight:normal;}

@media (max-width:349px) {

}
@media (min-width:400px){
}
@media (min-width:540px){
}