body{ font-size:14px;}
li,ul,ol,dl,dt,dd{ list-style-type:none; padding:0; margin:0;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}
.f36{ font-size:36px;}
.f40{ font-size:40px;}
.f50{ font-size:50px;}
.f60{ font-size:60px;}
.f80{ font-size:80px;}
.f100{ font-size:100px;}
.f120{ font-size:120px;}
.mt0{ margin-top:0 !important;}

.display-block {display: block;}

.text-gray-light{ color:#c5c5c5;}
.bg-gray-light{ background-color:#e3e3e3;}

.button-select select{ padding:5px;}

.list-block{ margin:15px 0; background:#fff; border-bottom:1px solid #ededed; border-top:1px solid #ededed;}
.list-block li{ border-bottom:1px solid #ededed; padding:0 20px;}
.list-block li:last-child{ border-bottom:none;}
.list-block .item-content {display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center; align-items: center;}
.list-block .item-title { width: 30%;}
.list-block .item-inner {position: relative;width: 100%; min-height:46px; padding-top: .4rem;padding-bottom: .35rem;overflow: hidden; box-sizing: border-box;display: -webkit-box;display: -webkit-flex; display: flex; -webkit-box-flex: 1; -ms-flex: 1; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.list-block input[type=text], .list-block input[type=password], .list-block input[type=email], .list-block input[type=tel], .list-block input[type=url], .list-block input[type=date], .list-block input[type=datetime-local], .list-block input[type=time], .list-block input[type=number], .list-block input[type=search], .list-block select, .list-block textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; box-sizing: border-box; border: none; background: 0 0; border-radius: 0; box-shadow: none; display: block; padding: 0 0 0 .25rem; margin: 0; width: 100%; height: 2.15rem; font-family: inherit;}

/*标题栏*/
.doc-header{ min-height:41px;}
.doc-header a{position: relative;z-index: 20;}
.doc-header h4{ position: absolute; left:0; display: block;width: 100%; padding: 0; text-align: center;white-space: nowrap;}

/*导航栏*/
.insert{ height:51px; margin-top:10px;}
.doc-footer{ background:rgba(255,255,255,.85); border-top:1px solid #e7e7e7; padding:2px;}
.doc-footer a { position: relative;display: table-cell; width: 1%; color: #929292;text-align: center; vertical-align: middle;}
.doc-footer .iconfont{ font-size:27px;}
.doc-footer div{ }

/*提示*/
#poptip { position: fixed; top:40%;left:50%;width:200px;margin-left:-100px;height: 30px; background:#000; opacity: 0.7;filter:alpha(opacity=0.7); color:#fff;z-index: 999;  border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
#poptip_content { position: fixed; top:40%;left:50%;width:200px;margin-left:-100px; height: 30px; line-height:30px; color:#fff;text-align:center; z-index: 9909}

/*个人中心*/
.fans-header{ background:url(../img/head-bg.png) center; background-size:100% auto; color:#fff; padding:20px; text-align:center;}
.fans-header .avatar{ width:80px; height:80px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.fans-header .avatar img{ width:100%; height:100%;}

.order li{ padding-top:8px; padding-bottom:8px; line-height:30px;}
.order li a{ display:block;}
.order-icon{ width:30px; height:30px; line-height:30px; text-align:center; margin-right:10px; font-size:20px;}
.order_all{ box-sizing: border-box;display: -webkit-box;display: -webkit-flex; display: flex; -webkit-box-flex: 1; -ms-flex: 1; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;-webkit-box-align: center; -webkit-align-items: center; text-align:center; padding-top:10px; padding-bottom:10px;}
.order_all .big-icon{ display:inline-block; background:#f7f7f7; border:1px solid #e1e1e1; font-size:36px; width:60px; height:60px; line-height:60px; border-radius:50%; color:#9e9e9e;}

.ico-bg0{ background:#f7f7f7;}
.ico-bg1{ background:#c30d23;}
.ico-bg2{ background:#5bb7f7;}
.ico-bg3{ background:#ed64b5;}
.ico-bg4{ background:#ffae00;}
.ico-bg5{ background:#9ac81c;}
.ico-bg6{ background:#f68d53;}
.ico-bg7{ background:#b597f9;}
.ico-bg8{ background:#f87070;}
.ico-bg9{ background:#40e0d0;}


/*收藏夹*/
.hasdel{ position:relative;}
.hasdel a{ display:block;}
.hasdel a,.hasdel p{opacity:0.3; }
.hasdel .del{ position:absolute; left:0;top:0; width:100%; background:rgba(255,0,4,0.6); color:#fff;}
a.hasmove{ display:block; opacity:1; background:#008cd7; border-radius:5px; color:#fff; text-align:center;}

/*收货地址*/
.myaddress{}
.address_item{ margin-bottom:10px;border:1px solid #e7e7e7;}
.address_item .wrap{ background:#fff;}
.other_add{ background:#fff; }
.default_add{ background:url(../img/rept.png);}

/*我的订单TAB*/
.orderNav ul{display:box;display:-ms-box;display:-webkit-box;display:flex;display:-ms-flexbox;display:-webkit-flex; overflow:hidden; width:100%;background:#efefef;}
.orderNav li{display:block;flex:1;-ms-flex:1;-webkit-flex:1;box-flex:1;-ms-box-flex:1;-webkit-box-flex:1; background:#fff;}
.orderNav a{position:relative;display:block;height:43px;line-height:45px;text-align:center;border-bottom:1px solid #ddd;padding-bottom:2px;}
.orderNav a:before{display:block; content:'\20'; width:1px;height:20px;position:absolute;left:-1px;top:50%;margin-top:-10px;background:#ddd}
.orderNav li.cur a{padding-bottom:0;border-bottom:3px solid #c30d23;color:#c30d23}

.orderlist{}
.orderlist .order-intro{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#fff; margin-top:10px; margin-bottom:10px;}
.order-hd{ padding:10px 15px; border-bottom:1px solid #f2f2f2;}
.order-total,.order-hx{ padding:5px 15px; border-top:1px solid #f2f2f2; line-height:30px;}
.orderlist .order-detail{ margin:10px 15px;;}
.orderlist .button{ margin-left:5px;}

.ordershow{}
.detail_topbar{ border-bottom:1px solid #f2f2f2;}
.detail_user{ border-bottom:1px solid #e7e7e7;}
.ordershow .order_intro{ margin:15px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#fff;}
.ordershow .order_goods{ margin:10px 15px;}
.ordershow .order_info{ border-top:1px solid #f2f2f2; padding:10px 15px;}
.ordershow .order_pay .button{ margin-left:5px;}
.ordershow .btns{ margin:10px 15px;}

/*退货退款*/
.returnbox .item-title{ width:17%;}
.returnbox textarea{ height:100px; border:1px solid #ddd; border-radius:5px; padding:6px; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}


/*购物车*/
.shopcart-list{ background:#fff;  margin-bottom:60px;}
.shopcart-item{ border-bottom:1px solid #e7e7e7; background:#fff;}
.shopcart-info,.shopcart-panel{ padding:10px 15px;}
.shopcart-panel{ background:#fcfcfc; border-top:1px solid #f2f2f2;}

#cartfooter{ bottom:50px; background:#e0e0e0; width:100%;}
#cartfooter .text{ line-height:17px;}

/*订单确认*/
.payment *{ vertical-align:middle;}
.payment .icon{ display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; background-size:100% 100%;}
.pay-weixin{ background:url(../img/pay_weixin.png);}
.pay-alipay{ background:url(../img/pay_alipay.png);}
.pay-gold{ background:url(../img/pay_gold.png);}
.pay-delivery{ background:url(../img/pay_delivery.png);}


.list-block .diy-radio{ display:block; line-height:34px;}
.diy-radio *{ vertical-align:middle;}
.diy-radio input{ display:none;}
.remark textarea{height:100px; border:1px solid #ddd; border-radius:5px; padding:6px; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset; transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;}

.carFoot{ width:100%; background-color:#fff; border-top:1px solid #e7e7e7; z-index: 999;}
.carFoot .text{ line-height:17px;}


/*优惠券*/
.bonuslist li{ margin-top:15px; padding:10px 20px; height:100px; position:relative; overflow:hidden;}
.bonuslist li .status{ position:absolute; top:0; right:0; width:70px; text-align:center; line-height:100px; height:100px; background:rgba(255,255,255,.2); border-left:1px dashed #f8f8f8;}
.bonus_price{ width:80px; height:80px; line-height:80px; text-align:center; background:#fff; border-radius:50%;}
.bonus_zs:after{font-family: "FontAwesome"; position:absolute; top:0; width:12px; line-height:20px; height:100px; content:"\f111\A\f111\A\f111\A\f111\A\f111\A\f111\A\f111\A\f111"; color:#f8f8f8;}
.bonus_pl:after{ left:-7px;}
.bonus_pr:after{ right:-7px;}