@charset "utf-8";
body { background: #f3f5f7;}
.header-fixed { position: fixed; top: 0; z-index: 99; background: none;}
.header { position: relative; width: 100%; height: 50px; padding: 0; background: #fafafa; border-bottom: 1px solid #eee; zoom: 1;}
.header:after { content: " "; display: block; height: 0; font-size: 0; visibility: hidden; clear: both;}
.header-left a, #show_more { background: url(../images/top.png) no-repeat; background-size: auto 230px;}
.header-left { float: left; width: 15%; height: 50px;}
.header-left a { display: block; width: 30px; height:50px; vertical-align: middle; background: url(../images/top.png) no-repeat; background-size: auto 230px; background-position: 12px 12px;}
.header-middle { position: relative; float: left; width: 70%; height: 50px; font-size: .8rem; line-height: 50px; color: #222; text-align: center;}
.header-middle h6 { font-size: .8rem; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; font-weight: normal; color: #222;}
.header-right { float: right; width: 15%; height: 50px; line-height: 50px;}
.header-right a.text { float: right; padding-right: 13px; font-size: .65rem; line-height: 50px; color: #666; white-space: nowrap;}
.show-menu-btn { float: right; width: 40px; height: 50px;}
#show_more { width: 30px; height: 50px; background-position: 0 -25px;}
.show-menu { cursor: pointer;}
/*头部修改start*/
.header-l a { position: relative; z-index: 1; display: inline-block; width: 48px; height: 48px; padding: 5px;}
.header-wrap { position: relative;}
.header-r { position: absolute; top: 0; right: 0; width: 24px; height: 24px; padding: 12px;}
.header-r a i { display: block; height: 24px; width: 24px; font-size: 1.1rem; color: #fff;}
.member-top { position: relative; z-index: 1; width: 100%; height: 275px; text-align: center; background-image: url(../images/member_top_bg.png); background-position: center center; background-size: cover;}
.member-info { position: absolute; top: 50%; left: 50%; z-index: 1; width: 300px; height: 150px; margin: -100px 0 0 -150px; animation: memberInfoDown 1000ms ease-in;-webkit-animation: memberInfoDown 1000ms ease-in;}
.member-info .user-avatar { width: 100px; height: 100px; margin: 0 auto; background-color: #fff; border-radius: 100%;}
.member-info .user-avatar img { width: 100%; height: 100%; border-radius: 100%;}
.member-info .user-name { color: #fff;}
.member-info .user-name span { position: relative; z-index: 1; height: 35px; font-size: 20px; font-weight: lighter; line-height: 35px;}
.member-info .user-name sup { position: absolute; top: 5px; right: -70px; z-index: 1; display: block; width:60px; height: 15px; padding: 0 2px; margin-left: 10px; font-size: 10px; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif; line-height: 15px; overflow: hidden; background-color: #f15353; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0,0,0,0.15);}
.member-collect { position: absolute; right: 0; bottom: 0; left: 0; height: 75px; font-size: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000');background: rgba(0,0,0,0.1);}
.member-collect span { float: left; width: 50%; height: 75px; padding: 10px 0;}
.member-collect span em i { font-size: 20px;}
.member-collect span em { display: inline-block; height: 30px; min-width: 100px; margin: 0 auto; font-size: 24px; font-weight: lighter; line-height: 30px; color: #fff; text-align: center;}
.member-collect span p { height: 25px; font-size: 14px; line-height: 25px; color: #fff;}
@-webkit-keyframes changeBg{
    0% { background-color: #F15353;}
    10% { background-color: #FB6E52;}
    20% { background-color: #FFCE55;}
    30% { background-color: #A0D468;}
    40% { background-color: #48CFAE;}
    50% { background-color: #4FC0E8;}
    60% { background-color: #5D9CEC;}
    70% { background-color: #AC92ED;}
    80% { background-color: #EC87BF;}
    90% { background-color: #F15353;}}
@-moz-keyframes changeBg{
    0% { background-color: #F15353;}
    10% { background-color: #FB6E52;}
    20% { background-color: #FFCE55;}
    30% { background-color: #A0D468;}
    40% { background-color: #48CFAE;}
    50% { background-color: #4FC0E8;}
    60% { background-color: #5D9CEC;}
    70% { background-color: #AC92ED;}
    80% { background-color: #EC87BF;}
    90% { background-color: #F15353;}}
@keyframes changeBg{
    0% { background-color: #F15353;}
    10% { background-color: #FB6E52;}
    20% { background-color: #FFCE55;}
    30% { background-color: #A0D468;}
    40% { background-color: #48CFAE;}
    50% { background-color: #4FC0E8;}
    60% { background-color: #5D9CEC;}
    70% { background-color: #AC92ED;}
    80% { background-color: #EC87BF;}
    90% { background-color: #F15353;}
}
@keyframes  memberInfoDown{
    0% { top: -50%;}
    30% { top: -10%}
    75% { top: 55%}
    85% { top: 47%}
    95% { top: 52%}
    100% { top: 50%;}
}
@-webkit-keyframes  memberInfoDown{
    0% { top: -50%;}
    30% { top: -10%}
    75% { top: 55%}
    85% { top: 47%}
    95% { top: 52%}
    100% { top: 50%;}
}
/*头部修改end*/

/*个人信息*/
.user-info-box { width: 100%; background: #fff;}
.user-info-box dl { box-shadow: 0 1px 0 rgba(0,0,0,.05);}
.user-info-box dl:last-child { border-bottom: none;}
.user-info-box dt { display: block; height: 1rem; padding: .5rem .7rem .5rem 0; margin-left: .5rem; line-height: .9rem;}
.user-info-box dt a { display: block;}
.user-info-box dt h3 { display: inline-block; height: 1rem; font-size: .7rem; font-weight: normal; line-height: 1rem; color: #222; vertical-align: top;}
.user-info-box dt h5 { float: right; font-size: .6rem; font-weight: normal; line-height: 1rem; color: #999;}
.user-info-box dt.user-logo { height: 2.5rem; line-height: 2.5rem;}
.user-info-box dt.user-logo h3 { height: 2.5rem; line-height: 2.5rem;}
.user-info-box dt.user-logo h5 { height: 2.5rem; cursor: pointer;}
.user-info-box dt.user-logo h5 img { width: 2.5rem; height: 2.5rem; border-radius: 50%;}
.user-info-box dt h5 i { display: inline-block; width: .7rem; height: .7rem; margin-left: .2rem; font-size: .6rem; font-weight: normal; line-height: .7rem; color:#999;}
#birth { font-size: .6rem; color: #999; text-align: right; border: none;}
#user_nickname { display: none;}
.nickname { position: relative; width: 100%; background: #fff;}
.nickname .tip-error { padding-bottom: .25rem; margin-bottom: 0; margin-left: .5rem;}
.nickname input { height: 1rem; padding: .5rem; font-size: .6rem; line-height: 1rem; border: none;}
.nickname .num-clear { position: absolute; top: .5125rem; right: .5rem; width: .975rem; height: .975rem; background: #e5e5e5; border-radius:50%;}
.nickname .num-clear i { display: block; font-size: .5rem; line-height: 1.1rem; color: #fff; text-align: center;}
#user_sex_box { display: none;}
.user-sex { width: 100%; background: #fff;}
.user-sex li { height: 1rem; padding: .5rem; border-bottom: 1px solid #eee;}
.user-sex li span { position: relative; display: block; height: 1rem; font-size: .6rem; line-height: 1rem; color:#222;}
.user-sex li span.selected:after { content: ''; position: absolute; top: .3rem; right: .2rem; width: .6rem; height: .3rem; border-left: .065rem solid #f23030;border-bottom: .065rem solid #f23030; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#user-account,#address-list { z-index: 1;}
#address-div { position: relative; z-index: 10;}
#capital-account,#edit-address-div { -ms-flex-direction: column; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; position: fixed; top: 0; right: 0; z-index: 100; width: 100%; height: 100%; background: #fff; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .3s linear; transition: all .3s linear;}
#edit-address-div { background: #f3f5f7;}
#capital-account.show,#edit-address-div.show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s linear; transition: all .3s linear;}
#capital-account { background: #f3f5f7;}
.account-content { position: absolute; top: 0; right: 0; z-index: 105; width: 100%; height: 100%; overflow-y: scroll;}

/*用户中心首页-我的订单模块*/
.user-order-box { width: 100%; margin-top: 10px; overflow: hidden; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.user-order-box dl { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eee;}
.user-order-box dl dt { width: 100%;}
.user-order-box dl dt strong { float: left; margin-left: 3%; font-size: 16px; font-weight: normal; color: #222;}
.user-order-box dl dt span { float: right; padding-right: 15px; margin-right: 10px; font-size: 14px; color: #999; background: url(../images/user/user_right.png) no-repeat right center; background-size: auto 18px;}
.user-order-box ul { width: 100%; height: 55px; padding: 10px 0;}
.user-order-box ul li { float: left; width: 20%;}
.user-order-box ul li .user_order { position: relative; width: 35px; margin: auto;}
.user-order-box ul li .user_order i { position: relative; display: block; width: 35px; height: 35px; margin: auto; font-size: 1.8em; line-height: 35px; color: #999; text-align: center;}
.user-order-box ul li .user_order em { position: absolute; top: -3px; right: -5px; display: block; width: 18px; height: 18px; font-size: 12px; line-height: 18px; color: #f23030;text-align: center; background: #fff; border: 1px solid #f23030; border-radius: 50%;}
.user-order-box ul li span { display: block; width: 50px; height: 20px; margin: auto; font-size: 14px; line-height: 20px; color: #222; text-align: center;}

/*用户中心首页菜单列表样式*/
.uset-center-content { width: 100%; margin-top: 10px; background: #fff; overflow: hidden; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.uset-center-content a { display: block; zoom: 1;}
.uset-center-content a:after { content: " "; display: block; font-size: 0; height: 0; visibility: hidden; clear: both;}
.uset-center-content em { float: left; width: 13%; height: 50px;}
.uset-center-content a dl { float: right; width: 87%; line-height: 50px; overflow: hidden; border-bottom: 1px solid #eee;}
.uset-center-content a:last-child dl { border-bottom: none;}
.uset-center-content a dl dt { float: left; font-size: 16px; color: #222;}
.uset-center-content a dl dd { float: right; height: 50px; padding-right: 15px; margin-right: 10px; font-size: 14px; color: #999; background: url(../images/user/user_right.png) no-repeat right center; background-size: auto 18px;}
.goods-collection-icon { background: url(../images/user/btn_goods_collection.png) no-repeat center center; background-size: auto 25px;}
.consignee-address-icon { background: url(../images/user/btn_consignee_address.png) no-repeat center center; background-size: auto 25px;}
.review-icon { background: url(../images/user/btn_review.png) no-repeat center center; background-size: auto 25px;}
.groupon-icon { background: url(../images/user/btn_groupon.png) no-repeat center center; background-size: auto 25px;}
.user-info-icon { background: url(../images/user/btn_user_info.png) no-repeat center center; background-size: auto 25px;}
.sign-off-icon { background: url(../images/user/btn_sign_off.png) no-repeat center center; background-size: auto 25px;}
.btn-distribution-icon { background: url(../images/user/btn_distribution.png) no-repeat center center; background-size: auto 25px;}
.btn-recommend-icon { background: url(../images/user/btn_recommend.png) no-repeat center center; background-size: auto 25px;}
.btn-popularize-icon { background: url(../images/user/btn_popularize.png) no-repeat center center; background-size: auto 25px;}
.btn-agent-icon { background: url(../images/user/btn_agent.png) no-repeat center center; background-size: auto 25px;}

/*用户中心-我的订单页面*/
.order-search { position: relative; width: 95%; height: 1.5rem; margin: .3rem auto; text-align: center; background: #fff; border-radius: .2rem; box-sizing:border-box;}
.order-search input[type="text"] { width:100%; height: 1rem; margin-top: .25rem; font-size: .6rem; line-height: 1rem; color: #666; text-align: center; border: none; box-sizing: border-box;}
.order-search input+.num-clear { top: .275rem; right: 55px;}
.order-search .search-btn { position: absolute; top: 0; right: 10px; width: 1rem; height: 1rem; margin-top: .25rem; vertical-align: top; background-color: transparent; background-image: url(../images/index/search.png);background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; border: none; opacity: .7;}
.order-list-top { width: 100%; height: 45px; background: #fff; border-bottom: 1px solid #eee;}
.order-list-top li { float: left; width: 20%; height: 45px; text-align: center;}
.order-list-top li a { display: inline-block; margin: auto; font-size: .6rem; line-height: 43px; color: #222; text-align: center;}
.order-list-top li a.on { color: #f23030; border-bottom: 2px solid #f23030}
.order-center-content { width: 100%; margin-top: .5rem; overflow: hidden;}
.order-list { width: 100%; margin-bottom: .5rem; overflow: hidden; background: #fff;}
.order-list:last-child { margin-bottom: 0;}
.order-list h2 { height: 2rem; padding: 0 2.5%; border-bottom: 1px solid #eee;}
.order-list h2 .shop_icon { float: left; width: 1rem; height: 2rem; font-size: .8rem; line-height: 2rem; color: #666; text-align: center;}
.order-list h2 span { float: left; height: 40px; padding-right: 15px; padding-left: 5px; font-size: .7rem; font-weight: normal; line-height: 2rem; color: #222;}
.order-list h2 strong { float: right; font-size: .6rem; font-weight: normal; line-height: 2rem; color: #f23030; text-align: left;}

/*我的订单修改*/
.order-list-goods { width: 100%; overflow: hidden; background: #fff; border-bottom: 1px solid #f8f8f8;}
.order-list-goods li { position: relative; display: block; padding: .5rem 0 .5rem .5rem; border-bottom: 1px solid #f8f8f8;}
.order-list-goods li:last-child { border-bottom: none;}
.order-list-goods li .goods-pic { position: absolute; top: .5rem; left: .5rem; z-index: 1; display: block; width: 3.7rem; height: 3.7rem;}
.order-list-goods li .goods-pic img { width: 100%;}
.order-list-goods li .goods-info { position: relative; display: block; padding-right: .5rem; margin: 0 0 0 4.1rem;}
.order-list-goods li .goods-info dd { position: relative;}
.order-list-goods li .goods-info .goods-name { display:block;height:1.8rem; line-height:0.9rem; overflow:hidden; font-size:0.7rem; color:#222;}
.order-list-goods li .goods-info .goods-name em { display: inline-block; padding: 0 5px; margin-right: .2rem; font-size: 12px; line-height: .85rem; color: #fff; vertical-align: top; background: #f23030; border-radius: .1rem;}
.order-list-goods li .goods-info .goods-attr { height: .8rem; font-size: .6rem; line-height: .8rem; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.order-list-goods li .goods-info .goods-price { bottom: -5px; height: 1.1rem; font-size: .55rem; color: #f23030;}
.order-list-goods li .goods-info .goods-price em { font-size: .8rem;}
.order-list-goods li .goods-info .goods-num { float: right; font-size: .6rem; color: #222;}
.order-list .price { width: 95%; height: 50px; margin: auto; font-size: 14px; font-weight: normal; line-height: 50px; color: #222; text-align: right; overflow: hidden;}
.order-list .price span { font-size: .6rem; color: #222;}
.order-list .price .freight { font-size: .6rem; color: #222;}
.order-list .price .price_sum { font-size: .55rem; color: #f23030;}
.order-list .price strong { font-size: .8rem; font-weight: normal; line-height: 50px; color: #f23030;}
.order-bottom-btn { padding: 0 2.5%; font-weight: normal; text-align: right; border-top: 1px solid #f8f8f8;}
.order-bottom-btn a { display:inline-block; height: 1.35rem; padding-right: .75rem; padding-left: .75rem; margin: .45rem  .5rem  .45rem 0; font-size: .7rem; line-height: 1.35rem; color: #666; text-align: center; border: 1px solid #d7d7d7; border-radius: .15rem; box-sizing: border-box;}
.order-bottom-btn a:last-child { margin-right: 0;}
.order-bottom-btn a.cur { margin-right: 0; color: #fff; background: #f23030; border: 1px solid #f23030;}
.order-bottom-btn a.invalid { color: #fff; background: #d7d7d7; border: 1px solid #d7d7d7;}
.order-bottom-btn span { display: inline-block; height: 25px; padding-right: 10px; padding-left: 10px; margin-top: 12px; font-size:12px; line-height:25px; color: #666; text-align: center; border:1px solid #ccc; border-radius: 2px;}
.order-bottom-btn strong { display: inline-block; height: 25px; margin-top: 12px; margin-right: 10px; font-size: 12px; font-weight: normal; line-height: 25px; color: #666; text-align: left;}
.order-bottom-btn i { display: inline-block; height: 25px; margin-top: 12px; margin-left: 5px; font-size: 12px; font-weight: normal; line-height: 25px; color: #999; text-align: left;}

/*物流跟踪*/
#good-logistics .scroll { width: 100%; margin-top: .5rem; overflow: hidden; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.good-logistics-ul { height: 45px; overflow: hidden;}
.good-logistics-ul li { float: left; height: 45px; padding: 0 20px; font-size: .7rem; font-weight: normal; line-height: 45px; color: #222; box-sizing: border-box; list-style: none;}
.good-logistics-ul li a { font-size: .7rem; color: #222;}
.good-logistics-ul li.cur { position: relative; color: #f23030; border-bottom: 2px solid #f23030;}
.good-logistics-ul li.cur a { color: #f23030;}
.about-good-box { position: relative; padding: .5rem; margin-top: .5rem; background: #fff; border-top: 1px solid #eee;}
.about-good-box .about-good-pic { position: absolute; top: .5rem; left: .5rem; width: 3.1rem; height: 3.1rem;}
.about-good-box .about-good-pic img { display: block; width: 100%;}
.about-good-box .about-good-info { display: block; height: 3rem; margin: 0 0 0 3.6rem;}
.about-good-box .about-good-info dt { height: 1rem; font-size: .7rem; line-height: 1rem; color: #222;}
.about-good-box .about-good-info dt em { display: inline-block; margin-left: .2rem; color: #f23030;}
.about-good-box .about-good-info dd { margin-top: .25rem;}
.about-good-box .about-good-info dd span { display: block; height: 1rem; line-height: 1rem; color: #666;}
.logistics-box { position: relative; width: 100%; margin-top: .5rem; overflow: hidden; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.logistics-box h2 { width: 95%; height: 2rem; margin: auto; font-size: .7rem; font-weight: normal; line-height: 2rem; color: #222; border-bottom: 1px solid #eee;}
.logistics-box ul { position: relative; padding: .5rem 0 0 50px;}
.logistics-box ul li { position: relative; padding-bottom: .5rem; padding-right: .2rem; margin-bottom: .5rem; margin-left: 10px; color: #222; text-align: left; border-bottom: 1px solid #eee;}
.logistics-box ul li:last-child { margin-bottom: 0; border-bottom: none;}
.logistics-box ul li.first { color: #31a852;}
.logistics-box ul li p { font-size: .6rem; line-height: 20px;}
.logistics-box ul li p:first-child { margin-bottom: .25rem; font-size: .65rem;}
.logistics-box ul li a { font-size: .65rem; color: #77cfd9;}
.logistics-box ul li .before { position: absolute; top: 13px; left: -30px; width: 0; height: 120%; border-left: 1px solid #eee;}
.logistics-box ul li .after { position: absolute; top: 7px; left: -34px; width: 10px; height: 10px; background: #ddd; border-radius: 6px;}
.logistics-box ul li.first .after { top: 0; left: -38px; width: 13px; height: 13px;background: #31a852; border: 3px solid #d7f2e0; border-radius: 50%;}

/*我的订单详情*/
.order-info-box { margin-bottom: .5rem;}
.order-info-box .order-info-detail { position: relative; z-index: 1; display: block; padding: .4rem 0; background: #fff; border-bottom: .05rem solid #eee;}
.order-info-box .order-info-detail h3 { display: inline-block; vertical-align: top; height: 1rem; margin-left: .4rem; font-size: .7rem; font-weight: normal; line-height: 1rem; color: #222;}
.order-info-box .order-info-detail h3+.order-way { float: right; padding-right: 2.5%;}
.order-info-box .order-info-detail h3 i { display: inline-block; line-height: 1rem; margin-right: .2rem; color: #222; font-size: .8rem;}
.order-info-box .order-info-detail .order-state { float: right; height: 1rem; margin-right: .5rem; font-size: .6rem; line-height: 1rem; color: #f23030;}
.order-info-box .order-info-detail dl dt span { margin-left: .5rem; font-size: .7rem; color: #222;}
.order-info-box .order-info-detail dl dd { display: block; height: 1.8rem; margin: 0 .5rem; font-size: .6rem; color: #666;}
.order-info-box .order-info-detail dl dd i { display: inline-block; margin-right: .2rem; font-size: .7rem; line-height: .9rem; vertical-align: middle;}
.address-top-bg,.address-footer-bg { width: 100%; height: 3px; background: url(../images/user/abbress.png) repeat-x;}
.order-info-box .order-item { width: 100%; margin-top: 10px; background: #fff;}
.order-info-box .order-item h2 { width: 95%; height: 2rem; margin: auto; font-size: .7rem; font-weight: normal; line-height: 2rem; color: #222; border-bottom: .05rem solid #eee;}
.order-info-box .order-item h2 i { display: inline-block; margin-right: .3rem; font-size: .8rem; color: #222;}
.order-info-box .order-item h2 strong { float: right; font-size: .6rem; font-weight: normal; line-height: 2rem; color: #f23030; text-align: left;}
.order-info-box .order-item .order-good-list { position: relative; display: block; padding: .5rem;border-bottom: 1px solid #eee;}
.order-info-box .order-item .order-good-list:last-child { border-bottom: none;}
.order-info-box .order-item .order-good-list .goods-pic { position: absolute; top: .5rem; left: .5rem; display: block; width: 3.7rem; height: 3.7rem;}
.order-info-box .order-item .order-good-list .goods-pic img { width: 100%; height: 100%;}
.order-info-box .order-item .order-good-list .goods-info { position: relative; display: block; margin: 0 0 0 4.1rem;}
.order-info-box .order-item .order-good-list .goods-info .goods-name { height: 1.8rem; font-size: .7rem; line-height: .9rem; color: #222; overflow: hidden;}
.order-info-box .order-item .order-good-list .goods-info .goods-name em { display: inline-block; padding: 0 5px; margin-right: .2rem; font-size: 12px; line-height: .85rem; color: #fff; vertical-align: top; background: #f23030; border-radius: .1rem;}
.order-info-box .order-item .order-good-list .goods-info .goods-attr { height: .8rem; font-size: .6rem; line-height: .8rem; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.order-info-box .order-item .order-good-list .goods-price { position: relative; display: block; font-size: .6rem; line-height: 1.1rem; color: #f23030;}
.order-info-box .order-item .order-good-list .goods-price em { font-size: .8rem;}
.order-info-box .order-item .order-good-list .goods-num { float: right; font-size: .6rem; color: #222;}
.order-info-box .order-item .order-good-list .back-div { height: 30px; margin-top: .5rem; text-align: right;}
.order-info-box .order-item .order-good-list .back-div a { height: 20px; padding: 4px 15px; font-size: 15px; line-height: 20px;color: #999; border: 1px solid #ccc; border-radius: .15rem;}
.order-info-box .order-info-detail .order_way { float: right; height: 1rem; margin-right: .5rem; font-size: .6rem; line-height: 1rem; color: #222;}

/*我的订单详情--总金额*/
.goods-subtotle { position: relative; z-index: 1; display: block; padding: .4rem 0 0; margin-top: 10px; background: #fff; border-bottom: .05rem solid #eee;}
.goods-subtotle h2 { display: inline-block; height: 1rem; margin-left: .4rem; font-size: .7rem; font-weight: normal; line-height: 1rem; color: #222; vertical-align: top;}
.goods-subtotle .goods-order-pic { float: right; height: 1rem; margin-right: 0.5rem; font-size: .6rem; line-height: 1rem; color: #f23030;}
.goods-subtotle .goods-order-pic em { font-size: .8rem;}
.goods-subtotle dl { margin-bottom: .1rem; font-size: .55rem; line-height: .9rem; overflow: hidden;}
.goods-subtotle dl dt { float: left; margin-left: .4rem; font-size: .6rem; color: #666;}
.goods-subtotle dl dd { float: right; margin-right: .5rem; font-size: .6rem; color: #f23030; text-align: right;}
.goods-subtotle dl dd em { font-size: .8rem;}
.goods-subtotle .order-reality-pic { margin-top: .25rem; font-size: .7rem; line-height: 2rem; border-top: 1px solid #eee;}
.goods-subtotle .order-reality-pic .order-text { font-size: .7rem; line-height: 2rem; color: #222;}
.goods-subtotle .order-reality-pic .order-pic { font-size: .6rem; line-height: 2rem; color: #f23030;}
.goods-subtotle .order-reality-pic .order-pic em { font-size: .8rem;}
.nav-content { margin-top: 10px;}
.nav-content ul li { width: 95%; margin: auto; font-size: .6rem; line-height: 150%; color: #222; overflow: hidden;}
.detail-dowm { position: fixed; bottom: 0; z-index: 22; width: 100%; margin: auto; text-align:right; background: #fff;border-top: 1px solid #eee;}
.detail-dowm>.operate { display: inline-block; height: 1.35rem; margin: .3rem .4rem .3rem 0;}
.detail-dowm>.operate  a.btn { display: block; padding: 0 .4rem; font-size: .7rem; line-height: 1.35rem; color: #999; border: 1px solid #ccc; border-radius: .15rem;}
.detail-dowm>.operate  a.cur { color: #fff; background: #f23030; border: 1px solid #f23030;}

/*评价晒单*/
.user-order-comment { width: 100%; margin-top: 10px; background: #fff;}
.user-order-comment .comment-goods-list { position: relative; width: 100%; border-bottom: 1px solid #f8f8f8;}
.user-order-comment .comment-goods-list:last-child { border-bottom: none;}
.user-order-comment .comment-goods-list .comment-goods-pic { position: absolute; top: .38rem; left: .38rem; display: block; width: 2.8rem; height: 2.8rem;}
.user-order-comment .comment-goods-list .comment-goods-pic img { width: 100%; height: 100%;}
.user-order-comment .comment-goods-list .comment-goods-info { position: relative; display: block; height: 2.8rem; padding: .38rem 0; margin: 0 .25rem 0 3.5rem;}
.user-order-comment .comment-goods-list .comment-goods-info .comment-goods-name { height: 1.5rem; margin-bottom: .1rem; font-size: .6rem; line-height: .75rem; color: #222; overflow: hidden;}
.user-order-comment .comment-goods-list .comment-goods-btn { position: absolute; right: 2.5%; bottom: .35rem; height:1.35rem; padding: 0 .2rem; font-size: .7rem; line-height: 1.35rem; color: #f23030; border: solid 1px #eee; border-radius: .15rem;}
.user-order-comment .comment-goods-list .comment-goods-btn i { display: inline-block; margin-right: .2rem; font-size: .6rem; color: #f23030;}
.comment-shop { width: 100%; margin-top: 10px; font-weight: 500; background: #fff;}
.comment-shop .comment-shop-title { position: relative; width: 95%; margin: auto; padding: .4rem 0; background: #fff; border-bottom: .05rem solid #f8f8f8;}
.comment-shop .comment-shop-title h2 { display: inline-block; height: 1rem; margin-left: .4rem; font-size: .7rem; font-weight: normal; line-height: 1rem; color: #222; vertical-align: top;}
.comment-shop .comment-shop-title .comment-shop-text { float: right; height: 1rem; font-size: .6rem; line-height: 1rem; color: #666;}
.comment-shop .comment-shop-info { width: 85%; padding: .4rem 0; margin: auto; overflow: hidden;}
.comment-shop .comment-shop-info dt { float: left; width: 30%; font-size: .7rem; line-height: 1rem; color: #666; text-align: right;}
.comment-shop .comment-shop-info dd { float: left; width: 70%; text-align: right;}
.comment-shop .comment-shop-info dd img { width: auto; height: 1rem;}
.comment-shop .comment-shop-info dd div { float: right;}
.comment-shop .comment-shop-btn { width: 95%; height: 2.35rem; margin: auto; text-align: right; border-top: .05rem solid #eee;}
.comment-shop .comment-shop-btn .comment-btn { display: inline-block; height: 1.35rem; padding: 0 .2rem; margin: .5rem 0 0 0; font-size: .7rem; line-height: 1.35rem; color: #f23030; border: 1px solid #eee; border-radius: .15rem;}
.comment-shop .comment-shop-btn .comment-btn i { display: inline-block; margin-right: .2rem; font-size: .6rem; font-weight: 500; color: #f23030;}

/*评价晒单--商品评价*/
.evaluate-box{ position:fixed; top: 0; right: 0; z-index: 10000; width: 100%; height: 100%; background:#f3f5f7; -ms-flex-direction: column; -webkit-box-orient: vertical; box-orient: vertical;-webkit-flex-direction: column; flex-direction: column; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);-webkit-transition: all .3s linear; transition: all .3s linear;}
.evaluate-box.show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s linear; transition: all .3s linear;}
.header-right .comment-submit { font-weight: 500; color: #f23030;}
.user-comment-goods { position: relative; height: auto; padding: 0 2.5%; background: #fff;}
.user-comment-goods .comment-goods-pic { position: absolute; top: .38rem; left: 2.5%; display:block; width:2.8rem; height:2.8rem;}
.user-comment-goods .comment-goods-pic img { width: 100%; height: 100%;}
.user-comment-goods .comment-goods { position: relative; display: block; height: 2.8rem; padding: .38rem 0; margin: 0 .25rem 0 3.1rem;}
.user-comment-goods .comment-goods .comment-goods-title { height: 1rem; margin-top: .2rem; font-size: .6rem; font-weight: 500; line-height: 1rem; color: #222;}
.user-comment-goods .comment-goods .comment-goods-box { width: auto; height: 1rem;}
.user-comment-goods .comment-goods .comment-goods-box .rank-star img { width: auto; height: 1rem;}
.user-comment-goods .comment-goods .comment-goods-box li { float: left; width: 1rem; height: 1rem; margin-right: .2rem; background: url(../images/user/star_rating.png) 0 0 no-repeat;background-size: auto 2rem;}
.user-comment-goods .comment-goods .comment-goods-box li:last-child { margin-right: 0;}
.user-comment-box { width: 100%; background: #fff;}
.user-comment-box .user-comment-text { width: 95%; padding: .5rem 0; margin: auto; border-top: 1px solid #f8f8f8;}
.user-comment-box .user-comment-text .comment-input { display: block; width: 100%; height: 4rem; font-size: 14px; line-height: 1.5; color: #666; border: none;}
.user-comment-box .user-comment-pic { width: 95%; margin: auto;}
.user-comment-box .user-comment-pic li { position: relative; display: inline-block; margin-right: .2rem; border: 1px solid #f8f8f8;}
.user-comment-box .user-comment-pic li img { width: 2.7rem; height: 2.7rem;}
.user-comment-box .user-comment-pic li .del-pic { position: absolute; top: 0; right: 0; width: .8rem; height: .8rem; cursor: pointer; background: url(../images/del-pic.png); background-size: .8rem;}
.user-comment-box .user-comment-pic li .del-pic>input { display: none;}
.user-comment-box .comment-pic-btn { width: 95%; height: 2rem; margin: auto; text-align: center; border-bottom: 1px solid #f8f8f8;}
.user-comment-box .comment-pic-btn .comment-btn { display: inline-block; height: 1rem; padding: 0 .2rem; margin: .35rem 0; font-size: .6rem; line-height: 1rem; color: #f23030; border: .05rem solid #eee; border-radius: .15rem;}
.user-comment-box .comment-pic-btn .comment-btn i { display: inline-block; margin-right: .2rem; font-size: .6rem; color: #f23030;}
.comment-person { float: left; height: 1.35rem; padding: .5rem 0 0 2.5%; background: #fff;}
.comment-person .person-checkbox { float: left; width: 20px; height: 20px; margin-right: .25rem; background: #fff url(../images/flow/flow_icon.png) no-repeat 0 0; border: none; border-radius: 50%;}
.comment-person .person-checkbox.checked,.comment-person .person-checkbox:checked { background-image: url(../images/flow/flow_icon.png); background-position: 0 -47px;}
.comment-person .agree-deal span { float: left; line-height: 1rem;}
.user-comment-footer { position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; height: 2rem; background: #fff; border-top: .05rem solid #eee;}
.user-comment-footer .comment-submit { float: right; width: 35%; height: 2rem; color: #fff; line-height: 2rem; font-size: .7rem; text-align: center; cursor: pointer; background-color: #f23030;}
.user-comment-footer .again-comment-submit { display: block; width: 100%; height: 2rem; font-size: .8rem; line-height: 2rem; color: #fff; text-align: center; letter-spacing: 1px; cursor: pointer;background: #f23030;}
.evaluate-con { padding:.25rem; background: #fff;}
.comment-time { line-height: 1.2rem; font-size: .6rem; color: #222;}
.comment-time span { color: #999;}
.comment-content { margin-top: .1rem; font-size: .6rem; line-height: 1rem; color: #666;}
.comment-pic-list { margin: .25rem 0;}
.comment-pic-list li { display: inline-block; padding: 3px; border: 1px solid #f8f8f8;}
.comment-pic-list li img { height: 40px; width: 40px;}

/*我的评价页面*/
.user-comment-content { width: 100%;}
.score-icon,.star-icon { background: url(../images/user/user_icon.png) no-repeat;}
.user-comment-type { width: 98%; height: 1.95rem; padding: 0 1%; margin: auto; background: #fff; border-bottom: .05rem solid #eee;}
.user-comment-type ul { display: block; white-space: nowrap; overflow: visible !important;}
.user-comment-type ul li { position: relative; float: left; width: 25%; height: 1.95rem; text-align: center;}
.user-comment-type ul li em { position: absolute; bottom: .1rem; display: block; width: 100%; height: .85rem; font-size: .55rem; line-height: .85rem; color: #222; text-align: center;background: #fff;}
.user-comment-type ul li a { display: inline-block; padding: .5rem .05rem; font-size: .7rem; line-height: 1rem; color: #222;}
.user-comment-type ul li.selected { border-bottom: .1rem solid #f23030;}
.user-comment-type ul li.selected a { padding: .5rem .05rem .45rem .05rem; color: #f23030;}
.user-comment-type ul li.selected em { color: #f23030;}
.user-comment-list { width: 100%; margin-top: .5rem; background: #fff;}
.user-comment-list .user-comment-title { width: 95%; padding: .4rem 0; margin: auto;}
.user-comment-list .user-comment-title h2 { display: inline-block; height: 1rem; font-size:.65rem; font-weight: normal; line-height: 1rem; color: #222;}
.user-comment-list .user-comment-title .rank-name { display: inline-block; height: 1rem; margin-left: .2rem; font-size: .65rem; color: #666;}
.user-comment-list .user-comment-title .rank-name .score-icon { display: inline-block; width: 20px; height: 20px; margin-right: .25rem; vertical-align: middle;}
.user-comment-list .user-comment-title .rank-name .icon-1 { background-position: -1px -31px;}
.user-comment-list .user-comment-title .rank-name .icon-2 { background-position: -22px -31px;}
.user-comment-list .user-comment-title .rank-name .icon-3 { background-position: -42px -31px;}
.user-comment-list .user-comment-title .comment-time { float: right; font-size: .55rem; line-height: 1rem; color: #666;}
.user-comment-list .user-comment-item { position: relative; width: 100%; border-top: .05rem solid #eee;}
.user-comment-list .user-comment-item .user-comment-pic {  position: absolute; top: .38rem; left: .38rem; width: 2.8rem; height: 2.8rem;}
.user-comment-list .user-comment-item .user-comment-pic img { width: 100%;}
.user-comment-list .user-comment-item .user-comment-info { position: relative; min-height: 2.8rem; padding: .38rem 0; margin: 0 .25rem 0 3.56rem;}
.user-comment-list .user-comment-item .user-comment-info .comment-goods-name { height: .75rem; margin-bottom: .2rem; font-size: .6rem; line-height: .75rem; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.user-comment-list .user-comment-item .user-comment-info .rank-star { position: relative; width: 85px; height: 15px; margin-top: .1rem; background-position: 0 -16px;overflow: hidden;}
.user-comment-list .user-comment-item .user-comment-info .rank-star .star-icon { position: absolute; top: 0; left: -84px; width: 85px; height: 15px; background-position: 0 0;}
.user-comment-list .user-comment-item .user-comment-info .rank-star .star-icon1 { left: -68px;}
.user-comment-list .user-comment-item .user-comment-info .rank-star .star-icon2 { left: -51px;}
.user-comment-list .user-comment-item .user-comment-info .rank-star .star-icon3 { left: -34px;}
.user-comment-list .user-comment-item .user-comment-info .rank-star .star-icon4 { left: -17px;}
.user-comment-list .user-comment-item .user-comment-info .rank-star .star-icon5 { left: 0;}
.user-comment-list .user-comment-item .user-comment-info .comment-content { margin-top: 8px; font-size: 14px; line-height: 18px; color: #222; word-break:break-all;}
.user-comment-list .user-comment-item .user-comment-info .comment-pic-list { margin-top: .2rem;}
.user-comment-list .user-comment-item .user-comment-info .comment-pic-list li { display: inline-block; padding: 3px; border: 1px solid #f8f8f8;}
.user-comment-list .user-comment-item .user-comment-info .comment-pic-list li img { width: 40px; height: 40px;}
/*评价样式修改*/
.user-comment-list .user-comment-item .user-comment-info .goods-comment-time { font-size: 14px; line-height: 18px; color: #999;}
.user-comment-list .user-comment-item .user-comment-info .goods-comment-other { padding-top: 10px; margin-top: 10px; border-top: 1px solid #f8f8f8;}
.user-comment-list .user-comment-item .user-comment-info .goods-comment-other .type { display: inline-block; margin-right: 5px; font-size: 13px; color: #222;text-indent: -4px;}
.user-comment-list .user-comment-item .user-comment-info .goods-comment-other .text { font-size: 13px; line-height: 18px; color: #666; word-break: break-all;}

/*收藏商品*/
.tabmenu { display: block; height: 1.95rem; padding: 0 1%; background: #fff; border-bottom: .05rem solid #eee;}
.tabmenu ul { display: block; font-size: 0; white-space: nowrap; overflow: visible !important;}
.tabmenu ul li { display: inline-block; width: 50%; height: 1.95rem; padding: 0 !important; text-align: center; vertical-align: top;}
.tabmenu ul li.cur { border-bottom: solid .1rem #f23030 !important;}
.tabmenu ul li a { display: inline-block; padding: .1rem .05rem; font-size: .7rem; line-height: 1.85rem; color: #222;}
.tabmenu ul li.cur a { padding: .1rem .05rem 0 .05rem; color: #f23030;}
.collect-goods-box { width: 100%; margin-top: 10px; margin-bottom: 45px;}
.collect-goods-box .collect-goods-list .goods-item { position: relative; display: block; background: #fff;}
.collect-goods-list .goods-item .good-pic { position: absolute; top: 0; left: 0; display: block; width: 4rem; height: 4rem; padding: .38rem;}
.collect-goods-list .goods-item .good-pic a { display: block; width: 100%; height: 100%;}
.collect-goods-list .goods-item .good-pic a img { display: block; width: 100%; height: 100%;}
.collect-goods-list .goods-item .good-info { display: block; height: 4.23rem; padding: .38rem .38rem 0 0; margin-left: 4.76rem; border-bottom: .05rem solid #eee;}
.collect-goods-list .goods-item:last-child .good-info { border-bottom: none;}
.collect-goods-list .goods-item .good-info .good-name { display: block; height: 2.4rem; line-height: 1.2rem; color: #222; overflow: hidden;}
.collect-goods-list .goods-item .good-info .good-name a { color: #222;}
.collect-goods-list .goods-item.item-invalid .good-info .good-name a { color: #ccc;}
.collect-goods-list .goods-item .good-info .good-sale { position: relative; display: block; height: 30px;overflow: hidden;}
.collect-goods-list .goods-item .good-info .good-sale .good-price { float: left; font-size: .6rem; line-height: 30px; color: #f23030;}
.collect-goods-list .goods-item.item-invalid  .good-info .good-sale .good-price { color: #ccc;}
.collect-goods-list .goods-item .good-info .good-sale .good-price em { display: inline-block; font-size: .8rem; line-height: 30px; vertical-align: top;}
.collect-goods-list .goods-item.item-invalid .good-info .good-sale .good-price em { color: #ccc;}
.cart-box { float: right; height:30px; width: 95px; margin-right: 8px; overflow: hidden;}
.decrease { float: left; width:30px; height: 30px; background: url(../images/btn_minus_normal.png) no-repeat; background-size: contain;}
.increase { float: right; width: 30px; height: 30px;background: url(../images/btn_plus_normal.png) no-repeat; background-size: contain; border: 0;}
.num { float: left; width: 35px; height: 30px; font-size: 18px; line-height: 30px; color: #666; text-align: center; border: 0 !important;}
.collect-goods-list .goods-item.item-invalid .increase,.collect-goods-list .goods-item .increase.disable { text-indent: -9999px;background: #fff url(../images/shop-cart.png) no-repeat -24px -54px; background-size: 60px;}
.collect-goods-list .agree-checkbox { position: absolute; top: 10px; left: 10px; z-index: 2; display: none; width: 20px; height: 20px; background: #fff url(../images/flow/flow_icon.png) no-repeat 0 0; border-radius: 50%;}
.collect-goods-list .agree-checkbox.checked { background-image: url(../images/flow/flow_icon.png); background-position: 0 -47px;}
.colect-goods-footer,.colect-shop-footer { position: fixed; bottom: 0; left: 0; z-index: 3; display: none; width: 100%; height: 45px; background: #fff; border-top:1px solid #eee;}
.colect-goods-footer .goods-check-all,.colect-shop-footer .shop-check-all { position: relative; display: inline-block; width: 18px; height: 18px; margin-left: 10px; vertical-align: middle; border: 1px solid #ccc; border-radius: 50%;}
.colect-goods-footer .goods-check-all.select,.colect-shop-footer .shop-check-all.select { background-color: #f23030; border-color: #f23030;}
.colect-goods-footer .goods-check-all.select:after,.colect-shop-footer .shop-check-all.select:after { content: ''; position: absolute; top: 3px; left: 2px; width: 12px; height: 6px; border-left: .065rem solid #fff; border-bottom: .065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.colect-goods-footer .goods-seleted,.colect-shop-footer .shop-seleted { display: inline-block; margin-left: 5px; font-size: 14px; line-height: 45px; color: #222; vertical-align: middle;}
.colect-goods-footer .goods-seleted em,.colect-shop-footer .shop-seleted em { color: #f23030;}
.colect-goods-footer .goods-delete,.colect-shop-footer .shop-delete { float: right; width: 100px; height: 46px; margin-top: -1px; line-height: 46px; color: #fff; text-align: center; background: #f23030;}

/*收藏店铺*/
.collect-shop-box { width: 100%; height: 100%; margin-top: 10px; margin-bottom: 50px;}
.collect-shop-box .collect-shop-list .shop-item { position: relative; display: block; height: 35px; padding: 10px; background: #fff; border-bottom: 1px solid #eee;}
.collect-shop-list .shop-item .shop-logo { width: 70px; height: 35px;}
.collect-shop-list .shop-item .shop-name { display: inline-block; margin-left: 10px; line-height: 35px; color: #222;}
.collect-shop-box .collect-shop-list .shop-item { position: relative; display: block; height: 52px; padding: 10px; border-bottom: 1px solid #eee;}
.collect-shop-box .collect-shop-list .shop-item a.shop_info { display: block; background: url(../images/iconleft.png) right center no-repeat; background-size: .9rem;}
.collect-shop-box .collect-shop-list .shop-item span { display: inline-block;}
.collect-shop-box .collect-shop-list .shop-item .shop-logo { display: inline-block; width: 100px; height: 50px;}
.collect-shop-box .collect-shop-list .shop-item .shop-logo img { display: block; width: 100%; height: 100%;}
.collect-shop-box .collect-shop-list .shop-item .shop-name { display:inline-block; width: 185px; margin-left: 10px; font-size: .7rem; line-height: 50px; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*店铺编辑*/
.collect-shop-box .collect-shop-list .shop-item .shop-info-eidt { background: none !important;}
.collect-shop-list .agree-checkbox { position: absolute; top: 26px; right: 10px; z-index: 2; display: none; width: 20px; height: 20px; background: #fff url(../images/flow/flow_icon.png) no-repeat 0 0; border-radius: 50%;}
.collect-shop-list .agree-checkbox.checked { background-image: url(../images/flow/flow_icon.png); background-position: 0 -47px;}

/*账户余额修改*/
.capital-top { position: relative; width: 100%; text-align: center; background-color: #f23030; background-image: url(../images/capital_top_bg.png); background-size: cover;}
.capital-top p { padding-top: 2.5rem; font-size: .85rem; color: #fff;}
.capital-top h2 { padding: .5rem 0; font-size: 1.5rem; font-weight: normal; color: #fff;}
.capital-top h3 { font-size: .65rem; font-weight: normal; color: #fff;}
.capital-top-nav { position: relative; z-index: 2; margin-top: 2.5rem; border-top: 1px solid rgba(250,250,250,0.1);}
.capital-top-nav .capital-nav-li { padding: .5rem 0;}
.capital-top-nav .capital-nav-li a { display: inline-block width: 49%;; font-size: .8rem; color: #fff; border-right: 1px solid rgba(250,250,250,0.1); box-sizing: border-box;}
.capital-top-nav .capital-nav-li a:last-child { border-right: none;}
.capital-top-nav .capital-nav-li a i { display: inline-block; padding-right: .3rem; font-size: .9rem;}
.capital-middle { margin-top: .5rem; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.capital-middle>a { display: block; height: 2.25rem; padding-left: .5rem; font-size: .7rem; line-height: 2.25rem; color: #222; border-bottom: .05rem solid #eee;}
.capital-middle>a:last-child { border: none;}
.capital-middle>a .right-arrow-flow { position: relative; float: right; width: 1.5rem; height: 2.25rem; background: url(../images/flow/shop_arrow.png) no-repeat center center; background-size: auto 15px;}

/*交易明细*/
.capital-detail-nav { height: 1.95rem; padding: 0 1%; background: #fff; border-bottom: .05rem solid #eee;}
.capital-detail-nav li { display: inline-block; width: 32%; height: 1.95rem; text-align: center;}
.capital-detail-nav li a { display: inline-block; padding: .1rem .05rem; font-size: .7rem; line-height: 1.85rem; color: #222;}
.capital-detail-nav li.selected a { padding: .1rem .05rem 0 .05rem; color: #f23030; border-bottom: solid .1rem #f23030;}
.capital-detail-box { width: 100%; margin-top: 10px;}
.capital-detail-box>.tablelist-append>dl { padding: .3rem .5rem; background: #fff; border-bottom: .05rem solid #eee;}
.capital-detail-box>.tablelist-append>dl:last-child { border-bottom: none;}
.capital-detail-box>.tablelist-append>dl>dt .capital-name { display: inline-block; width: 60%; height: 1rem; font-size: .7rem; line-height: 1rem; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.capital-detail-box>.tablelist-append>dl>dt .capital-money { float: right; font-size: .7rem; color: #f23030; text-align: right;}
.capital-detail-box>.tablelist-append>dl>dt .capital-money.get { color: #38b66e;}
.capital-detail-box>.tablelist-append>dl>dd { height: .75rem; clear: both;}
.capital-detail-box>.tablelist-append>dl>dd .capital-tip { float: left; height: .75rem; font-size: .6rem; line-height: .75rem; color: #999;}
.capital-detail-box>.tablelist-append>dl>dd .capital-time { float: right; height: .75rem; font-size: .6rem; line-height: .75rem; color: #999; text-align: right;}

/*在线充值*/
.account-deposit-box { position: relative; margin-top: .5rem; background: #fff; border-top: 1px solid #eee;}
.account-deposit-dl dt { float: left; width: 4rem; font-size: .7rem; color: #222;}
.account-deposit-dl dd { float: left;}
.account-deposit-dl dd input { width: 8.5rem; font-size: .8rem; color: #666; border: 0;}
.account-deposit-dl dd .tip-error { margin: .25rem 0 0;}
.account-deposit-dl .num-clear { position: absolute; top: .4rem; right: 1.5rem; width: 1rem; height: 1rem; background: #e5e5e5; border-radius: 50%;}
.account-deposit-dl .num-clear i { display: block; width: 1rem; font-size: .5rem; line-height: 1rem; color: #fff; text-align: center;}
.account-deposit-dl .num-clear.hide { display: none;}
.account-deposit-dl .num-clear.show { display: block;}
.pay-ways { width: 100%; margin-top: .5rem; background: #fff;}
.pay-ways .pay-way-list { position: relative; display: block; border-bottom: 1px solid #eee;}
.pay-ways .pay-way-list .pay-way-icon { position: absolute; top: 1rem; left: .8rem; height: 1rem;}
.pay-ways .pay-way-list .pay-way-icon i.weixin { font-size: 1.2rem; line-height: 1rem; color: #1cb277;}
.pay-ways .pay-way-list .pay-way-icon i.alipay { font-size: 1.2rem; line-height: 1rem; color: #00aaef;}
.pay-ways .pay-way-list .pay-way-icon i.union { font-size: 1.3rem; line-height: 1rem; color: #ff7e5e;}
.pay-ways .pay-way-list .pay-way-info { position: relative; display: block; height: 2rem; padding: .25rem 0; margin: 0 4rem 0 2.7rem;}
.pay-ways .pay-way-list .pay-way-info .pay-way-name { height: 2rem; line-height: 2rem; font-size: .7rem; color: #222;}
.pay-ways .pay-way-list .pay-way-info .pay-way-tip { height: 1rem; font-size: .55rem; line-height: 1rem; color: #999; overflow: hidden;}
.pay-ways .pay-way-list .pay-way-checkbox { position: absolute; top: 1rem; right: .8rem; width: 20px; height: 20px; background: #fff url(../images/flow/flow_icon.png) no-repeat 0 0; border: none; border-radius: 50%;}
.pay-ways .pay-way-list .pay-way-checkbox.checked { background-image: url(../images/flow/flow_icon.png); background-position: 0 -47px;}
.pay-btn { width: 95%; margin: 2.5rem auto 0;}
.pay-btn a { display: block; height: 1rem; padding: .5rem 0; font-size: .8rem; line-height: 1rem; color: #fff; text-align: center; background: #f23030; border-radius: .15rem;}
.pay-way-list .tip-error { margin-left: .8rem;}

/*交易明细*/
.recharge-nav { height: 1.95rem; padding: 0 1%; background: #fff; border-bottom: .05rem solid #eee;}
.recharge-nav li { display: inline-block; width: 32%; height: 1.95rem; text-align: center;}
.recharge-nav li a { display: inline-block; padding: .1rem .05rem; font-size: .7rem; line-height: 1.85rem; color: #222;}
.recharge-nav li.selected a { padding: .1rem .05rem 0 .05rem; color: #f23030; border-bottom: .1rem solid #f23030;}
.recharge-box { width: 100%; margin-top: 10px;}
.recharge-box>.tablelist-append>dl { padding: .3rem .5rem; background: #fff; border-bottom: .05rem solid #eee;}
.recharge-box>.tablelist-append>dl:last-child { border-bottom: none;}
.recharge-box>.tablelist-append>dl>dt .recharge-name { display: inline-block; width: 60%; height: 1rem; font-size: .7rem; line-height: 1rem; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.recharge-box>.tablelist-append>dl>dt .recharge-money { float: right; font-size: .7rem; color: #f23030; text-align: right;}
.recharge-box>.tablelist-append>dl>dt .recharge-money.get { color: #38b66e;}
.recharge-box>.tablelist-append>dl>dd { height: .75rem; clear: both;}
.recharge-box>.tablelist-append>dl>dd .recharge-tip { float: left; height: .75rem; font-size: .6rem; line-height: .75rem; color: #999;}
.recharge-box>.tablelist-append>dl>dd .recharge-time { float: right; height: .75rem; line-height: .75rem; font-size: .6rem; color: #999; text-align: right;}

/*在线充值成功*/
.pay-succeed { position: relative; width: 90%; margin: auto;}
.pay-succeed .pay-succeed-logo { height: 3rem; margin: 1.75rem 0 .5rem 0; text-align: center;}
.pay-succeed .pay-succeed-logo i { height: 3rem; font-size: 4rem; line-height: 3rem; color: #f23030;}
.pay-succeed .pay-succeed-tip { display: block; height: 2rem; font-size: .9rem; line-height: 2rem; color: #222; text-align: center;}
.pay-succeed .pay-num-dl { height: 1rem; padding: .5rem 0; margin-top: 1.75rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.pay-succeed .pay-num-dl dt { display: inline-block; height: 1rem; line-height: 1rem; color: #999; font-size: .65rem;}
.pay-succeed .pay-num-dl dd { float: right; height: 1rem; font-size: .65rem; line-height: 1rem; color: #222; text-align: right;}
.pay-succeed .pay-num-dl dd em { font-weight: 600;}
.pay-succeed .pay-numtotal { display: block; margin-top: 1rem; font-size: .65rem; line-height: 1rem; color: #f23030; text-align: right;}
.pay-succeed .pay-num-total em { font-weight: 600;}
.pay-succeed .pay-succeed-btn { margin-top: 2rem;}
.pay-succeed .pay-succeed-btn a { display: block; height: 1rem; padding: .5rem 0; font-size: .8rem; line-height: 1rem; color:#fff; text-align: center; background: #f23030; border-radius: .15rem;}

/*我的红包*/
.bonus-nav { width: 100%; height: 1.95rem; background: #fff; border-bottom: .05rem solid #eee;}
.bonus-nav li { float: left; width: 50%; height: 1.95rem; text-align: center;}
.bonus-nav li a { display: inline-block; padding: .1rem .05rem; font-size: .7rem; line-height: 1.85rem; color: #222;}
.bonus-nav li.selected { border-bottom: .1rem solid #f23030;}
.bonus-nav li.selected a { padding: .1rem .05rem 0 .05rem; color: #f23030;}
.bonus-box .coupon-upper { position: relative; width: 95%; height: 4.5rem; margin: .5rem auto 0; border: 1px solid #eee; background: url(../images/user/bonus.png) left top; background-repeat: repeat-x; background-size: 300px; background-color: #fff;}
.bonus-box .coupon-upper.item-invalid { background: url(../images/user/bonus1.png) left top; background-size: 300px; background-color: #fff;}
.bonus-box .coupon-upper .coupon-upper-left { position: relative; float: left; width: 7rem; height: 3rem; margin-top: .5rem;}
.bonus-box .coupon-upper .coupon-upper-left:after { content:''; position: absolute; top: .2rem; right: 0; bottom: -.2rem; width: 1px; border-right: 1px dashed #e7e7e7; box-sizing: border-box;}
.bonus-box .coupon-upper .coupon-upper-left>span { position: absolute; display: block;}
.bonus-box .coupon-upper .price-symbol { bottom: .4rem; left: .5rem; font-size: 1rem; color: #f23030;}
.bonus-box .coupon-upper.item-invalid .price-symbol { color: #ccc;}
.bonus-box .coupon-upper .amount { left: 1.5rem; bottom: .6rem; font-size: 1.2rem; color: #f23030;}
.bonus-box .coupon-upper.item-invalid .amount { color: #ccc;}
.bonus-box .coupon-upper .amount em { font-size: 1.8rem;}
.bonus-box .coupon-upper .coupon-upper-right { float: left; margin: .5rem 0 0 1rem;}
.bonus-box .coupon-upper .coupon-upper-right>span { display: block;}
.bonus-box .coupon-upper .coupon-upper-right .shop-name { display: block; height: 1.3rem; margin-bottom: .3rem; font-size: .7rem; line-height: 1.3rem; color: #222;}
.bonus-box .coupon-upper.item-invalid .coupon-upper-right .shop-name { color: #ccc;}
.bonus-box .coupon-upper .coupon-upper-right .user-ange { font-size: .65rem; font-weight: 500; line-height: 1rem; color: #f23030;}
.bonus-box .coupon-upper.item-invalid .coupon-upper-right .user-range { color: #ccc;}
.bonus-box .coupon-upper .coupon-upper-right .use-cond { font-size: .55rem; line-height: .9rem; color: #666; list-style: disc;}
.bonus-box .coupon-upper.item-invalid .coupon-upper-right .use-cond { color:#ccc;}
.bonus-box .coupon-upper .coupon-upper-right .used,.bonus-box .coupon-upper .coupon-upper-right .expired { position: absolute; top: .75rem; right: .5rem; display: inline-block; width: 3rem; height: 3rem; background: url(../images/user/bg_used.png); background-size: contain;}
.bonus-box .coupon-upper .coupon-upper-right .expired { background: url(../images/user/bg_out_of_date.png); background-size: contain;}

/*添加红包弹出层*/
.bouns-add-info .form-control { display: block; width: 90%; height: 30px; padding: .2rem .25rem; margin: .6rem auto; font-size: .6rem; line-height: 30px; border: 1px solid #eee;}
.bouns-add-info .mid { float: left; width: 110px; height: 30px; padding: .2rem  .25rem; margin-left: 4%; border: 1px solid #eee; line-height: 30px; font-size: .6rem;}
.captcha { height: 45px;}
.captcha-image { margin-top: 6px;}

/*悬浮购物车*/
.shopcar { position: fixed; bottom: 60px; left: 10px; z-index: 99; min-width: 42px; height: 42px; background: url(../images/cart.png) no-repeat center center;background-size: 25px; background-color: rgba(0,0,0 0.5);background-color: rgba(27,27,27,0.6); border-radius: 50%;}
.shopcar a { position: relative; display: block; padding: 11px 10px;}
.flow-cartnum { position: absolute; top: 6px; left: 24px; min-width: 14px; height: 14px; font-size: 9px; line-height: 14px; color: #fff; text-align: center; background-color: #f23030; border-radius: 7px;}
.region-chooser { width: 100%; padding: 0; font-size: .7rem; line-height: 2.25rem;}
.region-chooser .region-chooser-selected .region>font { display: block; width: 85%; height: 2.25rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.SZY-POSITION { position: absolute; top: .5rem; right: 0; z-index: 4; width: 25px; height: 25px; background: url(../images/user/gps_icon.png) no-repeat; background-size: auto 23px;}

/*增加取消订单样式*/
.prompt-choose { position: fixed; top: 50% !important; left: 50% !important; z-index: 999; width: 86%; height: 70%; margin: 25% 0 0 -43%; background: #fff; border-radius: .2rem;}
.prompt-choose-title{ display:block; height:2.25rem; padding-left:0.5rem; line-height:2.25rem; color:#f23030; border-bottom:0.07rem solid #f23030;font-size:0.8rem;}
.prompt-choose-reason{ min-height:200px; overflow-y:scroll;}
.prompt-choose-reason li{ position:relative;height:2rem; padding-left:0.5rem;line-height:2rem; border-bottom:0.05rem solid #eee; color:#222; font-size:0.7rem;}
.prompt-choose-reason li.seleted:after{content: '';position: absolute;right: 1.15rem;top: 0.7rem;width: 0.6rem;height: 0.3rem;border-left: 0.09rem solid #f23030;border-bottom: 0.09rem solid #f23030;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.prompt-choose-bottom { padding: 10px; height: 1.8rem;}
.prompt-choose-bottom button { position: relative; float: left; width: 44%; height: 1.8rem; margin-left: 3%; font-size: .7rem; line-height: 1.8rem; color: #333; text-align: center; background-color: #f1f1f1; border: none; border-radius: .15rem;}
.prompt-choose-bottom button:last-child { float: right; margin-right: 3%; color: #fff; background: #f23030;}

/*提现记录样式*/
.withdraw-list { width: 100%; margin-top: .5rem;}
.withdraw-list .withdraw-info { display: block; margin-bottom: .5rem; background: #fff;}
.withdraw-list .withdraw-info h2 { height: 2rem; padding: 0 2.5%; border-bottom: 1px solid #eee;}
.withdraw-list .withdraw-info h2 span { display: inline-block; height: 2rem; font-size: .65rem; font-weight: normal; line-height: 2rem; color: #222;}
.withdraw-list .withdraw-info h2 strong { float: right; font-size: .65rem; font-weight: normal; line-height: 2rem; color: #666;}
.withdraw-list .withdraw-info .item-content-withdraw { padding: .3rem 2.5%;}
.withdraw-list .withdraw-info .item-content-withdraw .item-info-box { display: inline-block;}
.withdraw-list .withdraw-info .item-content-withdraw .item-info-box .item-info { display: block; margin-bottom: 0; line-height: 20px; color: #666; text-align: left;}
.withdraw-list .withdraw-info .item-content-withdraw .withdraw-num { float: right; font-size: .65rem; color: #f23030;}
.withdraw-list .withdraw-info .withdraw-info-bottom { border-top: 1px solid #eee; padding: .45rem 2.5%;}
.withdraw-list .withdraw-info .withdraw-info-bottom .withdraw-time { display: inline-block; line-height: 1.35rem; color: #999;}
.withdraw-list .withdraw-info .withdraw-info-bottom .withdraw-handle { float: right; height: 1.35rem; padding-right: .75rem; padding-left: .75rem; font-size: .7rem; line-height: 1.35rem; color: #666; text-align: center; border: 1px solid #d7d7d7; border-radius: .15rem; box-sizing: border-box;}
/*申请提现*/
.withdraw-account-box { background:#fff; border-bottom: .05rem solid #eee;}
.withdraw-account { height: 2.25rem; line-height: 2.25rem; color: #222; font-size: .7rem; padding: 0 2.5%;}
.withdraw-account .right-arrow { position: relative; float: right; height: 2.25rem;}
.withdraw-account .right-arrow i { display: inline-block; margin-left: .1rem; font-size: .7rem; color: #666; transition: all .2s;}
.withdraw-account.active .right-arrow i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.withdraw-account-box ul { display: none; border-top: 1px solid #eee;}
.withdraw-account-box ul .withdraw-account-list { width: 93%; height: 2rem; margin: auto; font-size: .65rem; line-height: 2rem; color: #666; cursor: pointer; border-bottom: .05rem solid #eee;}
.withdraw-account-box ul .withdraw-account-list:last-child { border-bottom: none;}
.withdraw-account .withdraw-account-list .account-seleted { float: left; top: .5rem; margin-right: 8px;}
input[type="radio"].account-seleted { position: relative; width: .95rem; height: .95rem; margin-right: 8px; vertical-align: middle; border:1px solid #ccc; -webkit-border-radius: 50%; border-radius: 50%;}
input[type="radio"].account-seleted:checked { background-color: #f23030; border-color: #f23030;}
input[type="radio"].account-seleted:checked:after { content: ''; position: absolute; top: .14rem; left: .15rem; width: .6rem; height: .3rem; border-left: .065rem solid #fff; border-bottom: .065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.user-note-box { width: 100%; background: #fff; border-bottom: 1px solid #eee;}
.user-note-box .user-note-title { height: 2.25rem; padding: 0 2.5%; font-size: .7rem; line-height: 2.25rem; color: #222;}
.user-note-box .note-input { display: block; width: 95%; height: 2rem; margin: auto; font-size: 14px; line-height: 1.5; color: #666; border: none; resize: none;}
#depositmodel-amount-error,.withdraw-account-box .form-control-error { margin-left: 2.5%;}
#RechargeModel .form-control-error { margin-left: 2.5%;}

/*退换货功能*/
/*服务选择*/
.con { position: relative; margin: 0 auto;}
.con .back-select-box li { position: relative; padding: .75rem 3%; font-size: .8rem; background: #fff; border-bottom: 1px solid #f6f6f9;}
.con .back-select-box li:after { content: '\20'; position: absolute; top: 50%; right: .65rem; display: block; width: .8rem; height: .8rem; margin-top: -.4rem; border-top: .15rem solid #e4e4e4; border-right: .15rem solid #e4e4e4; -webkit-transform: rotate(45deg) scale(.5); transform: rotate(45deg) scale(.5);}
.con .back-select-box li .back-select-icon { width: 1.7rem;}
.con .back-select-box li .back-select-icon label { display: block; width: 1.3rem; height: 1.3rem; border-radius: 100%;}
.con .back-select-box li:first-child .back-select-icon label { background: #4dc2ee;}
.con .back-select-box li:nth-child(2) .back-select-icon label { background: #f07137;}
.con .back-select-box li .back-select-icon label i { display: block; font-size: .9rem; line-height: 1.3rem; color: #fff; text-align: center;}
.con .back-select-box li h4 { margin-top: .1rem; font-weight: normal; color: #222;}
.con .back-select-box li .back-select-tip { margin-top: .2rem; font-size: .65rem; color: #999;}

/*退换货提交页面*/
.back-box { position: relative; padding: 1rem 3% .75rem; background: #fff;}
.back-box li { position: relative; padding: .5rem; margin-bottom: 1rem; background: #f6f6f9; border-radius: .15rem;}
.back-box li .back-li-l { position: relative; font-size: .65rem; line-height: 1rem; color: #999;}
.back-box li .form-control-error { display: none;}
.back-box li .back-li-l em { margin-right: .15rem;}
.back-box li .back-li-r { padding: 0 .5rem; color: #222; line-height: 1rem;}
.logistics-qrcode { position: absolute; top: .1rem; right: .3rem; width: .8rem; height: .8rem; vertical-align: top; background: url(../images/dianpu/shop_qrcode_bg.png); background-size: .8rem;}
.back-box li .down-arrow:after { content: ''; position: absolute; top: .2rem; right: .5rem; width: .4rem; height: .4rem; border: 1px solid #9b9b9b; border-width: 0 1px 1px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.back-box li .back-li-r input, .back-box li .back-li-r textarea { width: 100%; line-height: 1rem; background: none; border: none; outline: none; resize: none;}
.back-box li.back-imgs { position: relative; height: 6rem; margin: 0; padding: 0; background: #fff;}
.image-container { height: 4rem; margin: 0; padding: 0;}
.img-uploading-list { position: relative; width: 4rem; height: 4rem; margin-right: .5rem; border: 1px solid #e4e4e4; border-radius: 4px; box-sizing: border-box;}
.img-uploading-list img { width: 3.5rem; height: 3.5rem; padding: .25rem;}
.img-uploading-list .img-del { position: absolute; top: -.3rem; right: -.3rem; width: .9rem; height: .9rem; background: url(../images/user/img_del.png) no-repeat; background-size: contain;}
.back-box li.back-imgs .img-uploading { width: 4rem; height: 4rem; border: 2px dashed #e4e4e4; border-radius: 4px;}
.back-box li.back-imgs .img-uploading h4 { margin-top: 14%; text-align: center;}
.back-box li.back-imgs .img-uploading h4 i { font-size: 1.5rem; color: #ddd;}
.back-box li.back-imgs .img-uploading p { font-size: 16px; line-height: 20px; text-align: center; color: #bbb;}
.back-box li.back-imgs .img-uploading p:last-child { font-size: 13px; line-height: 16px;}
.goods-info-img { float: left; width: 8rem; height: 8rem; padding-right: 1rem; overflow: hidden;}
.goods-info-img img { width: 100%;}

/*退换货详情*/
.back-info { height: 100%; background: #fff;}
.user-back-info { position: relative; padding-top: 1rem;}
.user-back-info:last-child { margin-bottom: 20px;}
.user-back-info .user-info-top { display: block; width: 26%; padding: 0 .3rem; margin: 0 auto .5rem; font-size: .6rem; line-height: 20px; color: #999; text-align: center; background: #ededed; border-radius: .4rem;}
.user-back-info .user-info-cont { position: relative; padding: .6rem; margin: 0 .65rem; border-radius: 0.25rem;}
.user-back-info .user-info-cont.user-bg { background: #ededed;}
.user-back-info .user-info-cont.shop-mid-bg { background: #43b3fb;}
.user-back-info .user-info-cont.shop-bg { background: #00c89b;}
.user-back-info .user-info-cont:after { content:''; position: absolute; top: .7rem; right: -.35rem; width: .7rem; height: .7rem; background: #ededed; -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.user-back-info .user-info-cont.shop-bg:after { left: -.35rem; background: #00c89b;}
.user-back-info .user-info-cont.shop-mid-bg:after { left: -.35rem; background: #43b3fb;}
.user-back-info .user-info-cont h4 { padding-bottom: .5rem; margin-bottom: .6rem; font-size: .8rem; font-weight: normal; color: #222; border-bottom: 1px solid #d8d8d8;}
.user-back-info .user-info-cont.shop-bg h4, .user-back-info .user-info-cont.shop-mid-bg h4 { border-bottom: 1px solid rgba(255,255,255,0.2);}
.user-back-info .user-info-cont p {; line-height: 18px; color: #666}
.user-back-info .user-info-cont p strong { font-weight: normal;}
.user-back-info .user-info-cont.shop-bg h4, .user-back-info .user-info-cont.shop-bg p, .user-back-info .user-info-cont.shop-mid-bg h4, .user-back-info .user-info-cont.shop-mid-bg p { color: #fff;}
.user-back-info .user-info-cont .info-cont-img { margin-top: .6rem;}
.user-back-info .user-info-cont .info-cont-img li { float: left; width: 26%; margin-right: .5rem; border: 1px solid #f6f6f9;}
.user-back-info .user-info-cont .info-cont-img li img { width: 100%; height: auto;}
.user-back-info .user-info-cont.shop-bg p.back-number { padding-top: .6rem; margin-top: .6rem; color: #fff; border-top: 1px solid rgba(255,255,255,0.2);}
.list-footer { height: 50px; text-align: right;}
.list-footer a { height: 40px; margin: 5px auto; line-height: 40px; letter-spacing: 1px;}
.list-footer a.return-apply,.list-footer a.btn-link { display: inline-block; width: auto; height: 34px; padding: 3px 15px; margin: 8px auto; margin-right: 5%; font-size: .7rem; line-height: 28px; color: #fff; text-align: center; background:#f23030; border-radius: 0.15rem; box-sizing: border-box;}
.list-footer a.return-apply { background: #ff9301;}

/*退换货详情修改*/
.bg-color { background: #f3f5f7;}
.content-status { padding: 20px 3%; background: #fff;}
.content-status .user-status-imfor { height: 20px;}
.user-status-imfor .imfor-icon { display: inline-block; width: 20px; height: 20px;}
.user-status-imfor .imfor-icon img { width: 20px; height: 20px; vertical-align: middle;}
.user-status-imfor .imfor-title { display: inline-block; margin-left: 5px; font-size: 13px; font-weight: bold; vertical-align: middle;}
.user-status-imfor .imfor-title h3 { color: #333; line-height: 20px;}
.user-status-prompt { margin: 20px auto 0;}
.user-status-prompt li { font-size: 14px; line-height: 20px; color: #999;}
.user-status-prompt li span { color: #222;}
.user-status-operate { margin: 10px auto 0;}
.user-status-operate a.return-apply { padding: 8px 10px; color: #222; border: 1px solid #eee; border-radius: 2px;}
.content-imfor { background: #f3f5f7;}
.content-imfor .imfor-title { height: 40px; line-height: 40px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.content-imfor .imfor-title h3 { width: 94%; margin: auto; font-weight: normal; line-height: 40px; color: #222;}
.content-imfor ul { width: 94%; margin: 10px auto 0; border: 1px solid #eee;}
.content-imfor ul li { padding: 10px; line-height: 20px; background: #fff; border-bottom: 1px solid #f6f6f9;}
.content-imfor ul li:last-child { border: none;}
.content-imfor ul li .imfor-dt { float: left; width: 62px; font-size: 14px; color: #999;}
.content-imfor ul li .imfor-dd { position: relative; margin-left: 62px; font-size: 14px; color: #222; word-wrap: break-word; word-break: break-all;}
.refund-img { margin-top: 5px;}
.refund-img img { display: inline-block; width: 50px; height: 50px; margin-right: 5px;}
.content-imfor ul.back-info-ul { margin-bottom: 10px;}
a.get-more-info { display:block; color: #222; text-align: center;}
a.get-more-info span { position: relative; display: inline-block; padding-right: 20px;}
a.get-more-info span:after { content: '\20'; position: absolute; top: -2px; right: 0; display: block; width: 15px; height: 15px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(135deg) scale(.5); transform: rotate(135deg) scale(.5);}

/*填写退货物流运单弹出层*/
.back-logistics-layer { position: relative; height: 100%; background: #fff;}

/*拼团*/
.together-order-list { border-bottom: none;}
.together-order-list .result { float: right;}
.together-order-list li .goods-info .goods-price { color: #999;}
.order-bottom-btn .status { float: left; font-size: .6rem; color: #f23030; border: none; height: 2.25rem; line-height: 2.25rem; margin: 0; padding: 0;}

/*红包修改*/
.coupon-items { width: 95%; margin: auto;}
.coupon-items .coupon-item { position: relative; display: -webkit-box !important; display: box !important; height: 4rem; margin-top: 10px; background: #fff;}
.coupon-item .expired-date { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 45px;height: 45px; overflow: hidden; background-image: url(../images/user-bonus.png); background-size: 45px;}
.coupon-items .coupon-item .coupon-item-right { position: relative; width: 5rem; height: 3.95rem; text-align: center; background: url(../images/user-bonus-bg.png); background-size: contain;}
.coupon-items .coupon-item.coupon-item-ed .coupon-item-right { background: url(../images/used_bonus_bg.png); background-size: contain;}
.coupon-item-right .coupon-num { margin-top: .5rem; font-size: 12px; line-height: 1.8rem; color: #fff;}
.coupon-item-right .coupon-num em { font-size: 1.2rem;}
.coupon-item-right .op-btns { font-size: 14px; line-height: 1.15rem; color: #fff;}
.coupon-item-right .op-btns a.btn { position: absolute; right: 10px; bottom: 10px; display: inline-block; width: 4rem; height: 1rem; line-height: 1rem; color: #fff; text-align: center; vertical-align: middle; overflow: hidden; border: 1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.coupon-items .coupon-item .coupon-item-left { position: relative; -webkit-box-flex: 1; box-flex: 1; padding: .15rem 10px 0 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #eee; box-sizing: border-box;}
.coupon-items .coupon-item .coupon-item-left .coupon-left-top h3 { font-size: 15px; color: #222; line-height: 1rem; font-weight: normal;}
.coupon-items .coupon-item .coupon-item-left .coupon-left-top .coupon-range { font-size: 13px; line-height: .8rem; color: #666;}
.coupon-items .coupon-item .coupon-item-left .coupon-left-top .coupon-range a { line-height: .8rem; font-size: 13px; color: #666;}
.coupon-items .coupon-item .coupon-item-left .coupon-left-bottom { margin-top: .15rem; font-size: 12px; line-height: 1rem; color: #999; border-top: 1px dashed #eee;}

/*会员中心修改 start*/
/*通用*/
body{ background: #eef2f3;}
.bg-orange { background: #ff8500 !important;}
/*头部*/
.header { background: #fff; border-bottom: 0;}
.header:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e2e3e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}

/*提示信息*/
.tips-box { padding: .3rem .5rem; font-size: 13px; line-height: 20px; color: #f98d16; background: #fffbde;}
.tips-box strong { font-weight: 300; color: rgba(249,141,22,.7);}

/*产品列表*/
.product-list { margin-top: .5rem;}
.product-title { padding: 0 .5rem; font-size: .7rem; line-height: 2rem; color: #333; background: #fff;}
.product-item { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; padding: .8rem .5rem; background: #fff;}
/*图标*/
.product-item .product-icon { width: 3rem; height: 3rem;}
.product-item .product-icon .iconfont { display: block; width: 3rem; height: 3rem; font-size: 2rem; line-height: 3rem; color: #fff; text-align: center; overflow: hidden; border-radius: 50%;}
/*信息*/
.product-item .product-info { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; padding-left: .5rem;}
.product-item .product-info .name { font-size: .7rem; font-weight: 300; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-item .product-info .name .tag-name { float: right; padding: 0 .2rem; margin-top: .15rem; font-size: .6rem; line-height: 1.6; color: #fff; background: #2eb738; border-radius: .2rem;}
.product-item .product-info .desc { font-size: .55rem; line-height: 1.4;}
/*开通状态*/
.product-item .product-info ul li { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; float: left; width: 50%; height: 1.1rem; cursor: pointer;}
.product-item .product-info ul li .circular { display: inline-block; width: 6px; height: 6px; vertical-align: middle; background: #2cb636; border: 3px solid #caedcd; border-radius: 50%;}
.product-item .product-info ul li .state { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1;}
.product-item .product-info ul li .state .state-name { font-size: .6rem; color: #333;}
.product-item .product-info ul li .state .num { float: none; width: auto; padding-left: .2rem; font-size: .6rem; font-weight: bold; color: #2cb636;}
.product-item .product-info ul li:hover .state { background: #e5e5e5;}
.product-item .product-info ul li.near .circular { background: #939393; border: 4px solid #e1e1e1;}
.product-item .product-info ul li.near .state .num { color: #999;}
.product-item .product-info ul li.expire .circular { background: #d92d33; border: 4px solid #f6cbcc;}
.product-item .product-info ul li.expire .state .num { color: #d92d33;}
/*按钮*/
.product-item .product-btn { width: 3.2rem; padding-left: .5rem; text-align: center;}
.product-item .product-btn .btn { display: inline-block; width: 100%; font-size: .6rem; line-height: 1.8; border: none; border-radius: .05rem;}
.product-item .product-btn .btn-primary { color: #fff; text-align: center; background: #f23030; border-radius: .2rem;}
.product-item .product-btn .btn-default { margin-top: .3rem; line-height: 1rem;}
/*已开通产品*/
.product-menu { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; margin-bottom: .5rem; line-height: 1.6rem; background: #fff;}
.product-menu a { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; text-align: center;}
.product-menu .iconfont { font-size: .9rem; vertical-align: middle;}

/*图标背景色*/
.iconfont-b2c { background-color: #ffbd3b;}
.iconfont-b2b2c { background-color: #f4536f;}
.iconfont-b2b2c_zs { background-color: #5785f4;}
.iconfont-b2b { background-color: #28c7c5;}
.iconfont-b2b2b2c { background-color: #ff6c22;}
.iconfont-szy_logistics { background-color: #d29550;}
.iconfont-szy_yunlogistics { background-color: #9863ef;}
.iconfont-szy_erp { background-color: #10cfaf;}
.iconfont-szy_yunerp { background-color: #5cabea;}
.iconfont-szy_yunmall { background-color: #8dc5ff;}
.iconfont-micro_shop { background-color: #ff75a2;}
/*过期状态*/
.product-item.end .product-info .name .tag-name { background: #f23030;}

/*开通产品表单*/
.create-product .form-group dl dt { position: relative; line-height: 2.1rem;}
.create-product .form-group dl dt span { padding-left: .6rem;}
.create-product .form-group dl dt .spark { position: absolute; top: .3rem; left: -.1rem; padding: 0; font-size: 1rem; color: #ff8500;}
.create-product .form-group dl dt { width: 5rem;}
.create-product .form-group dl dd { padding-left: 5rem;}
.create-product .form-group dl dd input { width: 100%;}
.create-product .region-chooser-selected .region i, .create-product .region-chooser-selected .active i { display: none;}
.form-group dl dd .select-info { display: inline-block; width: 100%; height: 1.25rem; padding: .5rem 0; font-size: .7rem; line-height: 1.25rem; color: #666; vertical-align: middle;}
.select-info:after { content: ''; position: absolute; top: .9rem; right: .5rem; width: .4rem; height: .4rem; border: 1px solid #9b9b9b; border-width: 0 1px 1px 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.form-group dl dd .select-info i { color: #aaa;}

/*选择弹框*/
.select-layer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,.4); -webkit-transform: translate3D(0,0,0); transform: translate3D(0,0,0);}
.select-layer .select-layer-con { position: absolute; top: 50% !important; left: 50%; width: 86%; margin: 0 auto; margin-left: -43%; background: #fff; border-radius: .2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.select-layer .select-layer-title { display: block; height: 2.25rem; padding-left: .8rem; font-size: .8rem; line-height: 2.25rem; color: #ff8500;}
.select-layer .select-layer-title.border-b:after { background: #ff8500;}
.select-layer .select-layer-info { overflow-y: auto;}
.select-layer .select-layer-info li { position: relative; height: 2rem; padding-left: .8rem; font-size: .7rem; line-height: 2rem; color: #222; cursor: pointer;}
.select-layer .select-layer-info li span { display: block;}
.select-layer .select-layer-info li:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e2e3e5; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.select-layer .select-layer-info li.selected span:after { content: ''; position: absolute; top: .7rem; right: 1.15rem; width: .6rem; height: .3rem; border-left: 2px solid #ff8500; border-bottom: 2px solid #ff8500; -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.select-layer .select-layer-btn { display: -webkit-box !important; display: box !important; text-align: center;}
.select-layer .select-layer-btn a { display: block; -webkit-box-flex: 1; box-flex: 1; height: 2rem; font-size: 0.7rem; line-height: 2rem; color: #222;}
.select-layer .select-layer-btn .confirm-select-layer { color: #fff; background: #ff8500;}
.select-layer .select-layer-info.multiselect span:before { content: ''; position: absolute; top: .45rem; right: 1.15rem; width: 1rem; height: 1rem; border: 1px solid #e2e2e2; border-radius: 50%;}
.select-layer .select-layer-info.multiselect li.selected span:before { border-color: #ff8500;}
.select-layer .select-layer-info.multiselect li.selected span:after { content: ''; position: absolute; top: .7rem; right: 1.25rem; width: .6rem; height: .3rem; border-left: 2px solid #ff8500; border-bottom: 2px solid #ff8500; -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

/*注册成功*/
.create-success { padding: 1.5rem 0 .5rem; margin-bottom: .5rem; text-align: center; background: #fff;}
.create-success .iconfont { display: block; margin-bottom: .5rem; font-size: 3.5rem; line-height: 1.2; color: #f90; text-align: center;}
.create-success h3 { padding-bottom: 1rem; font-size: 1rem; font-weight: 700; color: #333;}
.create-success h4 { padding: 1.5rem 0; font-size: .9rem; font-weight: 300; color: #333;}
.create-success h4 a { display: block; padding: .5rem; color: #38f;}
.create-success .btn { display: inline-block; padding: .2rem 2rem; margin-bottom: 1rem; color: #fff; background: #f90; background: #f90 linear-gradient(to right, #f90, #fd6b20); border-radius: 3rem;}

/*体验账号*/
.account-list li { position: relative; padding: .3rem .5rem 0; margin-bottom: .5rem; background: #fff;}
.account-list li .icon { position: absolute; left: .5rem; top: .5rem; display: block; width: 2.5rem; height: 2.5rem; overflow: hidden; background-color: #f6f7fc; border: 1px solid #e5e5e7; border-radius: 50%;}
.account-list li .icon i { display: block; width: 2rem; height: 2rem; margin: .25rem auto; background-image: url(../images/user/account-icon.png); background-repeat: no-repeat; background-size: auto 2rem;}
.account-list li .account-info { padding: 0 0 .5rem 3rem;}
.account-list li h3 { font-size: .7rem; font-weight: 300; color: #333;}
.account-list li p { font-size: .6rem; line-height: 1rem; color: #666;}
.account-list li .btn a { display: block; padding: .35rem .5rem; text-align: center;}
.account-list li.item1 .icon i { background-position: 0 0;}
.account-list li.item2 .icon i { background-position: -2rem 0;}
.account-list li.item3 .icon i { background-position: -4rem 0;}
.account-list li.item4 .icon i { background-position: -6rem 0;}
.account-list li.item5 .icon i { background-position: -8rem 0;}
.account-list li .account span { color: #aaa;}
.account-list li .account span i { color: #fa7a7a;}
.account-list .item1 .btn a { color: #fa7a7a;}
.account-list .item2 .btn a { color: #f1b478;}
.account-list .item3 .btn a { color: #82b9f5;}
.account-list .item4 .btn a { color: #55d953;}
.account-list .item5 .btn a { color: #e974f0;}
/*创建微小店*/
.shop-type-list { background: #fff;}
.shop-type-list li { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; padding: .8rem .5rem;}
.shop-type-list .type-icon .iconfont { display: block; width: 3rem; height: 3rem; font-size: 2rem; line-height: 3.2rem; color: #fff; text-align: center; background: #ff1b1b; border-radius: 50%;}
.shop-type-list .type-info { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; padding-left: .5rem;}
.shop-type-list .type-info h3 {  font-size: .7rem; font-weight: 300; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.shop-type-list .type-info p { height: 1.54rem; font-size: .55rem; line-height: 1.4; overflow: hidden;}
.shop-type-list .type-btn { width: 3.2rem; padding-left: .5rem; text-align: center;-webkit-display:flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; flex-direction:column}
.shop-type-list .type-btn .btn { display: inline-block; width: 100%; font-size: .6rem; line-height: 1.8; border: none; color: #fff; text-align: center; background: #f23030; border-radius: .2rem;}
.shop-type-list .type-btn .type-more { margin-top: .3rem; font-size: .6rem; line-height: 1rem;}
/*自助开通产品 2017-12-19 end*/
/*代理商*/
#AgentForm .region-chooser-selected .iconfont { display: none;}