@charset "utf-8";
*{padding: 0; margin: 0;}
body{font:12px/1.5 "Microsoft YaHei"; background-color: #fff;}
a{cursor: pointer; text-decoration: none;}
a:hover,a:focus{color: #0092d2; outline: none;}
ul,ol,li{list-style:none; }
address,cite,dfn,em,var,i{font-style:normal;}
input,button,textarea{ font-family: ROBOTO,Helvetica,Tahoma,Arial;}
body,div,p{word-wrap:break-word;}
small{font-size:12px;}
.normal{font-weight:400;}
.bold{font-weight:700;}
a{color:#2192d9; text-decoration:none; cursor:pointer; outline:none;}
a:hover{text-decoration:underline; color:#0092d2;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
td{word-wrap:break-word;word-break:break-all;}
input,select{ margin:0;}
select{padding:0; border:none;}
input[type="text"]{-webkit-appearance: none;}
.rel{position:relative;}
.abs{position:absolute;}
.dis{display: block;}
.undis{display: none;}
.bold{font-weight: 700;}
.normal{font-weight: 400;}
/*字体大小*/
.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;}
.pointer{cursor: pointer;}
/*字体颜色*/
.black{color: #000;}
.white{color: #fff;}
.red{color: #f00;}
.cl-c00{color: #c00;}
#0092d2{color: #0092d2;}
.cl-333{color: #333;}
.cl-454545{color: #454545;}
.cl-666{color: #666;}
.cl-7d7d7d{color: #7d7d7d;}
.cl-999{color: #999;}
.cl-b16a00{color: #b16a00;}
.cl-00ba00{color: #00ba00;}
.cl-2192d9{color: #2192d9;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.fl{float: left;}
.pull-left{float: left;}
.fr{float: right;}
.pull-right{float: right;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
/*margin padding值*/
.mt0{margin-top: 0px;}
.mt4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt13{margin-top: 13px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt26{margin-top: 26px;}
.mt30{margin-top: 30px;}
.mb0{margin-bottom: 0px;}
.mb4{margin-bottom: 4px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml25{margin-left: 25px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.plr10{padding-left: 10px; padding-right: 10px;}
.ptb100{ padding-top: 100px; padding-bottom: 100px;}
/*宽度 高度*/
.w50{width: 50px !important;}
.w100{width: 100px !important;}
.w125{width: 125px !important;}
.w160{width: 160px !important;}
.w200{width: 200px !important;}
.w300{width: 300px !important;}
.w350{width: 350px !important;}
.h30{height: 30px !important; line-height: 30px;}
.h35{height: 35px !important; line-height: 35px;}
.line-wrap{min-width: 1280px;}
.w1280{width: 1280px; margin-left: auto; margin-right: auto;}
.shadow-box{width: 100%; height: 5px; background: url('../img/member/shadow_bg.gif') repeat-x;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.underline{text-decoration: underline}
.linebox_staic{position: relative;}
.linebox_fixed{position: fixed; top: 0; z-index: 100;}
.v-middle{vertical-align: middle;}
.no-border{border: none !important;}
/*input select*/
.style-input{height: 20px; line-height: 20px; padding: 4px 6px; border: 1px solid #ddd;}
.style-select{height: 30px; line-height: 30px; padding: 4px 6px; border: 1px solid #ddd;}
.style-textarea{height:60px;line-height:20px;padding:4px 6px;border:1px solid #ddd;}
.search-input{padding: 5px 8px; -webkit-box-shadow: 3px 3px 3px #efefef inset; -moz-box-shadow: 3px 3px 3px #efefef inset; box-shadow: 3px 3px 3px #efefef inset; border: 1px solid #dadada;}
/*可通用激活状态*/
.current{color: #0092d2; font-weight: 700;}
.active-fff{background-color: #fff; -webkit-box-shadow: 0px 0 3px #999; -moz-box-shadow: 0px 0 3px #999; box-shadow: 0px 0 3px #999;}
.active-f90{background-color: #0092d2 !important; color: #fff !important;}
/*可通用图标*/
.jp-ico{background-image: url('../img/member/icons.png'); background-repeat: no-repeat; vertical-align: middle; display: inline-block;}
.pcbonline-ico{width: 17px; height: 21px; margin-right: 4px; background-position: 0 -12px;}
.cart-ico{width: 20px; height: 20px; background-position: -20px -12px; margin-right: 10px;}
.bigcart-ico{width: 26px; height: 26px; background-position: -82px -12px; margin-right: 10px;}
.optiontip-ico{width: 14px; height: 14px; background-position: -66px -12px; text-indent: -99999em; overflow: hidden;}
.subscript-ico{position: absolute; bottom: 0px; right: 0px; width: 10px; height: 10px; background-position: -40px 0;}
.quickness-ico{width: 40px; height: 40px; background-position: 1px -106px;}
.accurateness-ico{width: 40px; height: 40px; background-position: -39px -106px;}
.excellence-ico{width: 40px; height: 40px; background-position: -79px -106px;}
.tel-ico{width: 16px; height: 17px; background-position: -28px -40px;}
.qq-ico{width: 21px; height: 21px; background-position: -48px -40px;}
.tipscon{position:absolute;top:0px;right:20px;z-index:1000; display: none; width:250px;font-weight:400;line-height:16px;color:#000;background-color:#fff;border:1px solid #ccc;padding:10px;text-align:left;-webkit-box-shadow: 0 0 15px #999;-moz-box-shadow: 0 0 15px #999;box-shadow: 0 0 15px #999;}
.item-tips .jp-ico{width: 16px; height: 16px; background-position: -74px -40px;}
.user-ico{background-position: 0 -65px;}
.usertel-ico{background-position: -20px -65px;}
.address-ico{background-position: -40px -65px;}
.money-ico{width: 23px; height: 17px; background-position: 0 -40px; margin-right: 6px;}
/*可通用按钮*/
.btn-yellow{display: block; background-color: #0092d2; color: #fff; border: none;}
.btn-yellow:hover,.btn-yellow:focus{background-color: #00a2e9; color: #fff;}
.btn-bfbfbf{display: block; background-color: #bfbfbf; color: #fff; border: none;}
.btn-bfbfbf:hover,.btn-bfbfbf:focus{background-color: #aaa; color: #fff;}
.btn-gray{width:320px; padding: 0; border-color:#adb1b8 #a2a6ac #8d9096;border-style:solid;border-width:1px; background: #eff0f3;background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec); background: linear-gradient(to bottom,#f7f8fa,#e7e9ec); height:34px; line-height:34px; text-align:center;display:block;position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.6) inset;border-radius:2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#111;}
.btn-gray:hover,.btn-gray:focus{background:#e0e3e8;background:-webkit-linear-gradient(top,#e7eaf0,#d9dce1);background:linear-gradient(to bottom,#e7eaf0,#d9dce1); text-decoration:none;}
.btn-order{width: 100px; height: 26px; line-height: 26px; margin-top: 5px; margin-left: auto; margin-right: auto; display: block;}
.btn-confirm{background-color: #00ba00; color: #fff;}
.btn-confirm:hover,.btn-confirm:focus{background-color: #26c426; color: #fff;}
.btn-update{display: block; height: 32px; line-height: 32px;}
/*可通用圆角、边框线*/
.line-through{text-decoration: line-through;}
.b-bradius4{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
.b-bradius0{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; overflow: hidden;}
.b2-f90{border: 2px solid #0092d2;}
/*可通用的背景色*/
.bg-f90{background-color: #0092d2;}
.bg-f5f5f5{background-color: #f5f5f5;}
.bg-8a8a8a{background-color: #8a8a8a;}
.bg-f7f7f7{background-color: #f7f7f7;}

.option-size{width: 258px; height: 30px; background-color: #eee; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.option-size .form-control{width: 100px; height: 28px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-top: none; border-bottom: none; display: inline-block;}
/*头部提示*/
.head-tips{width:100%; height: 40px; line-height: 40px; background:#fff8d4;position:fixed;top:0;z-index:10000;}
.btntips-close {position:absolute;right:0px;top:0px;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:#837955;font-size:30px;}
/*顶部导航条*/
.site-nav{height: 29px; line-height: 29px; font-size: 12px; background-color: #f8f8f8; border-bottom: 1px solid #e9e9e9;}
.site-nav-r li{float: left; }
.site-nav-r .spacer{ width: 1px; height: 14px; background-color: #888; margin: 7px 5px 0; padding-left: 0px; padding-right: 0px; overflow: hidden;}
.member-centre .jp-ico{width: 8px; height: 4px; background-position: 0 0; margin-left: 4px;}
.sn-member-centre-con{position: absolute; top: 29px; right: 0px; z-index: 10; width: 260px; background-color: #fff; padding: 20px 0px 6px; -webkit-box-shadow:2px 5px  5px #888; -moz-box-shadow:2px 5px  5px #888; box-shadow:2px 5px  5px #888;}
.sn-member-centre-con .hd{padding-left: 20px; margin-bottom: 15px;}
.sn-member-centre-con .hd a{ background:#fff0e6; border:1px solid #00a2e9; color:#00a2e9; height:26px; line-height:26px; display:inline-block; padding:0 10px; border-radius:4px; text-decoration: none;}
.sn-member-centre-con .not-logged span{ padding:0 10px;}
.sn-member-centre-con .bd{margin: 0;}
.sn-member-centre-con .bd p{display:block; line-height:32px; background:#f2f3f7; border-top:1px solid #dae2ed; border-bottom:1px solid #dae2ed; text-indent: 20px; margin: 0;}
.sn-member-centre-con .bd a{display:block; line-height:32px; border-bottom:1px solid #f4f4f4; text-indent: 20px;}
/*头部主导航*/
.navigation{height: 84px; padding-top: 16px;}
.navigation .logo a:hover{text-decoration: none;}
.navigation .logo span{margin-top: 12px;}
.navigation .menu{margin-left: 48px;}
.navigation .menu li{float: left; margin-left: 10px; margin-right: 10px;}
.navigation .menu a{line-height: 48px; font-size: 16px;}
.navigation-r{width: 250px; height: 44px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; overflow: hidden;}
.navigation-r dd{float: left; width: 125px; text-align: center;}
.navigation-r dd a{font-weight: 700; line-height: 44px; color: #fff; display: block;}
.navigation-r dd a:hover{text-decoration: none;}
.navigation-r .entrance-pcbonline{background-color: #000;}
.navigation-r .entrance-pcbonline:hover,.navigation-r .entrance-cart:hover em{background-color: #333;}
.navigation-r .entrance-cart{ background-color: #0092d2;}
.navigation-r .entrance-cart em{position: absolute; top: 9px; left: 32px; min-width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 12px; background-color: #000; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.navigation-r .entrance-cart:hover{background-color: #00a2e9;}

/*user-hd*/
.user-hd{width: 100%; height: 101px; background: url('../img/member/hd_bg.jpg') repeat-x;}
.user-hd-l{margin-top: 16px; margin-left: 26px; width:320px; }
.user-hd-l .user_img{width: 70px; height: 70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-box-shadow: 0px 2px 5px #b6b6b6; -moz-box-shadow: 0px 2px 5px #b6b6b6; box-shadow: 0px 2px 5px #b6b6b6; overflow:hidden;}
.user-hd-l .user_img img{max-height: 70px;}
.user-hd-l h3{font-size: 18px; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.user-hd-l p{font-size: 14px; color: #936d51;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.user-hd-r{margin-top: 14px; }
.user-hd-r li{float: left; padding: 0 20px; border-left: 1px solid #d4d4d4;}
.user-hd-r .info-box{margin-top: 0;}
.user-hd-r .info-box .money-ico{margin-top: 9px;}
.user-hd-r .info-box i.ico02{background-position: -32px 0; height: 14px; margin-top: 10px;}
.user-hd-r .info-box i.ico03{background-position: -190px 0; height:16px;}
.user-hd-r .info-box span{color:#424242; font-size:24px; display: block;}
.user-hd-r .info-box #topRecharge,#recharge{width: 72px; height: 23px;text-align: center; line-height: 23px; font-size: 12px; margin-top: 7px; margin-left: 10px; color: #fff;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display: block;}
.customer-service img{width: 73px; height: 73px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border: 1px solid #e5e5e5;}
.customer-service-info{margin-left: 8px;}
.contact-info a{background: none; width: 21px;  height: 21px; display: block; overflow: hidden;}
.contact-info span{line-height: 17px;}
#p_msg font{display:block;padding:0 10px;background-color:#0092d2; border-radius:3px; font-size:14px; font-weight:700; color:#fff; text-align:center; }

.user-bd{margin-bottom: 80px;}
/*左侧导航*/
.left-navigation{width: 230px; background-color: #f9f9f9; border: 1px solid #ececec;}
.left-navigation dt{height: 46px; line-height: 46px; background-color: #f0f0f0; border-bottom: 1px solid #ececec; padding-left: 14px; padding-right: 14px;}
.left-navigation dd{height: 40px; line-height: 40px; }
.left-navigation a{padding-left: 14px; padding-right: 14px; display: block;}
.left-navigation a:hover{background-color: #00a2e9; color: #fff;}
/*user-content*/
.user-content{width: 1028px;}
.user-content .hd-title{height: 47px; line-height: 47px; border-bottom: 1px solid #ebebeb;}
.orderbox {background-color:#f9f9f9;border:1px solid #e7e7e7;padding:20px 0;}
.orderbox ul {overflow:hidden;width:100%;}
.orderbox ul li {border-right:1px solid #d4d4d4 ;float:left;text-align:center;width:145px;}
.orderbox ul li span {display:block;font-size:20px;width:100%;}
.orderbox ul li.nobd {border:0 none;}
.orderbox ul li a {display:block;}
.orderbox ul li a:hover {color:#666;text-decoration:none;}
.orderbox ul li a:hover span {color:#0092d2;}

.search .search-input{width: 260px; height: 18px; line-height: 18px;}
.search-btn{width: 80px; height: 30px; line-height: 30px;}
/*订单信息*/
.orders{margin-top: 30px;}
.orders dt{width: 1028px; background-color: #f5f5f5; margin-bottom: 20px; overflow: hidden;}
.orders dt span{display: block; float: left; height: 40px; line-height: 40px; font-weight: 700; color: #000; text-indent: 18px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.orders dt .w1{width: 32%;}
.orders dt .w2{width: 12%;}
.orders dt .w3{width: 16%;}
.orders dt .w4{width: 21%;}
.orders dt .w5{width: 12%; text-align: center; text-indent: 0;}
.orders dt .w6{width: 18%; text-align: center;}

.orders dd{margin-bottom: 30px;}
/*hd*/
.orders .hd{height: 40px; line-height: 40px; background-color: #d2ebff; padding-left: 18px; padding-right: 18px;}
.orders .hd span{color: #000;}
.orders .order-id{margin-right: 30px;}
.orders .order-id i{font-weight: 700;}
.orders .proforma-invoice .ico{width: 15px; height: 13px; background-position: -103px -3px; margin-right: 6px;}

/*bd*/
.orders  .bd{border: 1px solid #d2ebff;}
.order-info{width: 82%; position:relative;}
.order-info li{min-height: 160px; color: #000; border-right: 1px solid #d2ebff; border-bottom: 1px solid #d2ebff; padding-top: 5px; padding-bottom: 5px; overflow: hidden;}
.order-info li:last-child{border-bottom: 0;}
.order-info p span{color: #808080;}
.order-info .ww{text-indent: 18px;}
.order-info .ww1{width: 9%; text-align: center; text-indent: 0;}
.order-info .ww2{width: 30%; text-indent: 4px;}
.order-info .ww4{width: 20%;}
.order-info .ww5{width: 25%; text-indent: 0; margin-left: 12px;}
.order-info .ww6{width: 14%; text-align: center; text-indent: 0;}

.order-info .ww1 img{max-width: 100%; text-align: center;}
.order-no{margin-top: 3px; margin-bottom: 3px;}
.order-type{font-weight: 700;}

.order-operating{width: 18%;}
.order-status a{display:block; text-align: center; margin-left: auto; margin-right: auto;}
.order-status .pay-now{width: 85px;}
.order-totalprice{margin-top: 5px;}
.order-totalprice p{text-align: center;}
.order-operating .view-more{display: block; text-align: center;}

.order-info .uploadify-queue{position:absolute; right: 4px}
/*订单详情*/
.order-derail-list dt,.order-derail-list dd{overflow: hidden;}
.order-derail-list .w{display: block; float: left; height: 40px; line-height: 40px; font-weight: 700; color: #000; background-color: #f5f5f5; padding-left: 1%; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.order-derail-list .w1{width: 24%;}
.order-derail-list .w2{width: 15%;}
.order-derail-list .w3{width: 20%;}
.order-derail-list .w4{width: 16%; text-align: center;}
.order-derail-list .w5{width: 20%;}

.order-derail-list dd{border-bottom: 1px solid #ebebeb; padding-bottom: 15px;}
.order-derail-list .ww{padding-left: 1%;}
.order-derail-list .ww1{width: 4%;}
.order-derail-list .ww2{width: 20%; padding-left: 0;}
.order-derail-list .ww3{width: 15%;}
.order-derail-list .ww4{width: 20%;}
.order-derail-list .ww5{width: 16%; text-align: center;}
.order-derail-list .ww6{width: 19%;}

/*收货地址*/
.shipping-address{border-bottom: 1px solid #ebebeb; padding-bottom: 15px;}
.shipping-address li{position: relative; margin-bottom: 6px;}
.shipping-address .jp-ico{width: 16px; height: 20px; position: absolute; }
.shipping-address span{display: block; padding-left: 22px;}

/*开票信息*/
.invoice-info li{position: relative; margin-bottom: 2px;}
.invoice-info .title{position: absolute; width: 80px; text-align: right;}
.invoice-info .con{padding-left: 88px;}

/*订单价格详情*/
.orders-pay{padding: 30px 25px; background-color: #f8f8f8; border-bottom: 1px solid #ebebeb;}
.orders-pay ul{text-align: right;}
.orders-pay li{margin-bottom: 4px; overflow: hidden;}
.orders-pay .title{ width: 145px; margin-right: 6px; text-align: right; display: block;}

/*修改密码*/
.changepassword-con li{margin-bottom: 10px;}
.changepassword-con .title{width: 115px; margin-right: 5px; display: inline-block; text-align: right;}
.changepassword-con .btn-update{width: 90px; margin-left: 123px;}
/*收货地址*/
.address-item{border: 1px solid #e1e1e1; background-color: #fcfcfc; padding: 12px; cursor: pointer}
.address-item .jp-ico{width: 16px; height: 20px; margin-right: 6px;}
.address-item.active{border: 2px solid #efdec5; background-color: #fffbf6;}
.address-item p{line-height: 22px;}
.address-item p img{margin-right: 6px;}
.address-item li{float: left}
.address-item-l{width: 330px; border-right: 1px solid #e1e1e1;}
.address-item.active .address-item-l{border-right: 1px solid #ebddc9;}
.address-item-l p{color: #000;}
.address-item-l p em{font-size: 20px;}
.address-item.active p em { color:#8a5200; line-height:18px;}
.address-item-l span{color: #767676; line-height:16px;}
.address-item-c{width: 450px; padding: 0 30px;}
.address-item-c .img{width:26px; text-align:right; display:block;}
.address-item-c .img img{max-width:20px;}
.address-item-c .add-info{width:420px; display:block;}
.user-content .btn-hdadd{position: absolute; right: 0; bottom: 10px; width: 200px; display: block; height: 36px; line-height: 36px;}
/*修改/添加地址*/
.edit-address{width: 600px; height: 320px; padding: 20px; border: 1px solid #ddd;}
.edit-address li{margin-bottom: 10px;}
.edit-address .title{width: 150px; text-align: right; margin-right: 5px; display: inline-block; line-height: 30px;}
.edit-address .con{position: absolute; left: 158px; top: 0;}
.edit-address .style-textarea{width: 290px;}
/*基本信息*/
.info-hd{margin-left: 80px;}
.memberinfo .up-success{position: relative; margin-left:25px;}
.info-hd-l,.memberinfo .up-success {display:block; width: 70px; height: 70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-box-shadow: 0px 2px 5px #b6b6b6; -moz-box-shadow: 0px 2px 5px #b6b6b6; box-shadow: 0px 2px 5px #b6b6b6; overflow:hidden;}
.memberinfo .up-success img{max-height: 70px;}
.memberinfo .up-success a{display:block; position: absolute; width: 70px; margin-top: 10px; text-align:center;}
.memberinfo .uploadify-queue{margin-top: 65px;}
.memberinfo .uploadify{float: left;}
.info-hd-r{margin-left: 12px; margin-top: 15px;}
.info-hd-r a{width: 106px; height: 30px; background: url('../img/btn-select.gif') no-repeat; text-align: center; line-height: 30px; color: #000; font-size: 13px; font-weight: bold; display: block;}
.info-hd-r p{color: #848484; line-height: 22px;}
.memberinfo-list{height: 450px;}
.memberinfo-list li{margin-bottom: 15px;}
.memberinfo-list .title{width: 118px; text-align: right; margin-right: 5px; display: inline-block; line-height: 30px;}
.memberinfo-list .con{position: absolute; top: 0; left: 126px;}
.memberinfo-list .style-textarea{width: 290px;}

.memberinfo .info-hd{width: 120px;}
.memberinfo .memberinfo-list{width: 500px;}

/*账户信息*/
.accountinfo-hd{margin-top: 40px;}
.accountinfo-hd li{float: left; padding: 0 20px;border-left: 1px solid #e1e1e1; border-right: 0;}
.accountinfo-hd .money-ico{margin-top: 15px;}
.accountinfo-hd .info-box  span{font-size: 30px; font-weight: bold}
.accountinfo-hd span.credit{color: #936d51;}
.accountinfo-hd span.coupon{color: #cc0000;}
.accountinfo-hd .info-box02 .how a{background: none; width: 100%; height: 100%; color: #000; margin: 0; padding: 0; text-align: left}
.recharge-box{padding: 20px 50px 30px;}
.recharge-box h4{font-size: 16px; color: #000; font-weight: 400; padding: 20px 0 12px;}
.recharge-box label{width: 110px; color: #5d5d5d !important; font-size: 15px !important; display: inline-block; text-align: right;}
.recharge-box input.inp-price{border: 1px solid #c9c9c9; color: #936d51; font-size: 22px; width: 170px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight: 400; height: 20px; padding: 8px; background-color: #f0f0f0;}
.recharge-box span{color: #5b5b5b; font-size: 30px; font-weight: 400; margin-left: 4px;}
.btn-rech{margin-left: 115px;}
.tabBox dd{float: left; margin-right: 5px; margin-left: 11px; width:192px; height: 38px;}
.tabBox dd a{width:192px; height: 38px; font-size: 16px; position: relative; text-align: center; line-height: 38px; -webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #dedede; display: block;}
.on{background-color: #f2f2f2; z-index: 3; color: #0092d2;}
.tabCon{position: relative}
.tabCon table th{background-color: #f2f2f2;text-align: left; height: 40px; line-height: 40px; font-size: 13px; color: #000; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}
.tabCon table td{padding: 18px 0; border-bottom: 1px solid #e8e8e8; font-size: 14px; color: #000;}
.tabCon span.red{color: #cc0000;}
.tabCon span.green{color: #2dac00;}
.tabCon span.yellow{color: #00a2e9;}
.tabCon table p a{width: 100%; text-align: center; color: #676767; font-size: 16px; display: inline-block}
/*开票资料*/
.invoiceinfo-list dt,.invoiceinfo-list dd{overflow: hidden;}
.invoiceinfo-list dt{height: 38px; line-height: 38px; background-color: #f2f2f2; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}
.invoiceinfo-list dd{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ebebeb;}
.invoiceinfo-list .ww{display: block; min-height: 18px; padding-left: 1%; padding-right: 1%;}
.invoiceinfo-list .w1{width: 17%;}
.invoiceinfo-list .w2{width: 13%;}
.invoiceinfo-list .w3{width: 10%;}
.invoiceinfo-list .w4{width: 14%;}
.invoiceinfo-list .w5{width: 16%;}
.invoiceinfo-list .w6{width: 10%;}
.invoiceinfo-list .w7{width: 6%;}
/*发票编辑*/
.invoice-edit dl{margin-left: 100px;}
.invoice-edit dd{float: left; margin-left: 20px;}
.invoice-edit li{position: relative; margin-bottom: 10px;}
.invoice-edit .title{display: inline-block; width: 150px; margin-right: 5px; text-align: right;}
.invoice-edit .con{position: absolute; left: 158px; top: 0;}

/*底部*/
.footer{height: 70px; border-top: 2px solid #dae2ed; background-color: #f5f7fa; padding-top: 20px;}

/*bootstrap 分页*/
.pagination {display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li {display:inline}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {color:#2a6496;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span {padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span {padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-bottom-right-radius:3px;border-top-right-radius:3px}
.pager {padding-left:0;margin:20px 0;list-style:none;text-align:center}
.pager li {display:inline}
.pager li>a,.pager li>span {display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:hover,.pager li>a:focus {text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span {float:right}
.pager .previous>a,.pager .previous>span {float:left}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {color:#999;background-color:#fff;cursor:not-allowed}


/*重定义*/
.pagination>li>a, .pagination>li>span {color:#333;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #fff; background-color:#0092d2; border: 1px solid #0092d2;}


/*会员助手客服样式*/
.online-service-bd{padding: 0 13px;}
.online-service-bd p{margin-bottom: 5px;}
.online-service-bd a{background: none; width: 21px;  height: 21px; display: block; overflow: hidden;}

/*评价*/
.evaluate{width: 750px; padding: 18px; border: 4px solid #e2e2e2;float:left;}
.evaluate li{margin-bottom: 15px;}
.evaluate .list-item{width: 262px; padding: 10px 15px; background-color: #f8f8f8; border: 1px solid #e2e2e2;}
.evaluate .active .list-item{background-color: #fffaf2;}
.evaluate .order-status{position: absolute; right: 0; bottom: 0; width: 50px; height: 20px; color: #fff; text-align: center; line-height: 20px;}
.order-commented{background-color: #0092d2;}
.order-evaluated{background-color: #989898;}

.evaluate-con{width: 450px; padding-right: 20px;}
.evaluate-con .rating {height:19px;overflow:hidden;zoom:1;padding:2px 0px; margin-bottom: 4px; position:relative;z-index:999;}
.evaluate-con .rating span {height:19px;display:block;line-height:19px;float:left;}
.evaluate-con .rating span.title {margin-right:5px; color: #000; font-size: 14px;}
.evaluate-con .rating ul {float:left;margin:0;padding:0;}
.evaluate-con .rating .result {margin-left:40px;padding-top:2px;}
.evaluate-con .rating span.title .rating .result em {color:#f60;font-family:arial;font-weight:bold;}
.evaluate-con .rating .result strong {color:#666666;font-weight:normal;}
.evaluate-con .rating-level,.rating-level a {background:url('../img/star.png') no-repeat scroll 1000px 1000px;}
.evaluate-con .rating-level {background-position:0px 0px;width:120px;height:19px;position:relative;z-index:1000;}
.evaluate-con .rating-level li {display:inline;}
.evaluate-con .rating-level a {line-height:19px;height:19px;position:absolute;top:0px;left:0px;text-indent:-999em;*zoom:1;outline:none;}
.evaluate-con .rating-level a.one-star {width:20%;z-index:6;}
.evaluate-con .rating-level a.two-stars {width:40%;z-index:5;}
.evaluate-con .rating-level a.three-stars {width:60%;z-index:4;}
.evaluate-con .rating-level a.four-stars {width:80%;z-index:3;}
.evaluate-con .rating-level a.five-stars {width:100%;z-index:2;}
.evaluate-con .rating-level .current-rating,.rating-level a:hover{background-position:0 -30px;}

.evaluate-con .rating-level a span{ margin-left:130px; width: 20px; height: 20px; display: none; background:url('../img/star.png') no-repeat scroll 1000px 1000px;}
.evaluate-con .rating-level a.current-rating span,.evaluate-con .rating-level a:hover span{display: inline-block;}
.evaluate-con .rating-level a.one-star.current-rating span,.evaluate-con .rating-level a.one-star:hover span{background-position: 0 -60px;}
.evaluate-con .rating-level a.two-stars.current-rating span,.evaluate-con .rating-level a.two-stars:hover span{background-position: -23px -60px;}
.evaluate-con .rating-level a.three-stars.current-rating span,.evaluate-con .rating-level a.three-stars:hover span{background-position: -46px -60px;}
.evaluate-con .rating-level a.four-stars.current-rating span,.evaluate-con .rating-level a.four-stars:hover span{background-position: -69px -60px;}
.evaluate-con .rating-level a.five-stars.current-rating span,.evaluate-con .rating-level a.five-stars:hover span{background-position: -92px -60px;}

.evaluate-con .txt-tips{padding: 6px 8px; width: 100%;font-family: ROBOTO,Helvetica,Tahoma,Arial; color: #a9a9a9; font-size: 14px; border: 1px solid #ddd;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}


/*文件上传样式*/
.e-pic {width: 418px; background: url('../img/example.jpg') no-repeat;}
.c_upbtn,.c_upbtn:link{width:88px;height:0;padding:68px 0 0;line-height:24px;color:#333;background: url(../img/icon_add.png);border:1px solid #c7c7c7;float:left;overflow:hidden;}
.c_upbtn:hover{color:#000;}
.c_upbox{overflow:hidden;}
.c_upfileli{width:88px!important;height:68px!important;margin:0 12px 12px 0!important;border:1px solid #d2d2d2;float:left;overflow:hidden;border-radius:4px;}
.c_upfileli img{width:88px;height:68px;border:0;border-radius:4px;}
.c_upfileli span, .upfile .c_upfileli a{float:left;}
.c_upfileli .img{width:100%;height:100%;display:block;}
.c_upfileli .c_upimageclose{width:100%;height:0;padding:68px 0 0;text-align:center;background:#fff;float:left;border-radius:4px;opacity:0.01;filter:alpha(1);}
.c_upfileli .c_upimageclose:hover{color:#fff;background:url(../img/icon_del.png) no-repeat;opacity:1;filter:alpha(100);}
.c_upfileli .c_upimageedit{width:15px;height:15px;line-height:15px;padding:0;text-indent:0;text-align:center;background:#ccc;border-radius:4px;float:left;cursor:pointer;right:20px;top:0;position:absolute;}
.c_upfileli .c_upimageedit:hover{color:#fff;background:#999;}
.c_upfileli .c_upimagetitle{width:100%;border-radius:4px;float:left;display:none;resize: none;}
.c_upfileli .c_upimagetitlefocus{height:80px;margin-top:0;padding:0px;border:0;text-align:left;color:#333;background:#fff;display:block;left:0;top:0;position:absolute;opacity:0.85;filter:alpha(opacity=85);}
.c_upfileli .c_upimageview{width:100%;height:40px;line-height:16px;margin-top:5px;color:#333;overflow:auto;}

/*在线客服*/
.onlineservice{position: fixed; right: 10px; z-index: 102; width: 108px; text-align:right;}
.onlineserviceinfo{z-index: 101;}
.onlineservicename{position: absolute; bottom: 18px; right: 0; width: 108px;}
.onlineservicename .jp-ico{width: 13px; height: 19px; background-position: -69px -66px; vertical-align: text-bottom;}
.onlineservice-con{position: absolute; top: 54px; right: 54px; z-index: 100; width: 260px; border: 1px solid #0092d2; -webkit-box-shadow: 1px 1px 10px #aaa; -moz-box-shadow: 1px 1px 10px #aaa; box-shadow: 1px 1px 10px #aaa;}
.onlineservice-con .hd{height: 42px;}
.onlineservice-con h3{margin: 0; padding: 0 16px; color: #fff; line-height: 42px;}
.onlineservice-bd{padding: 13px; background-color: #fff;}
.onlineservice-bd p{margin-bottom: 5px;}
.onlineservice-bd a{background: none; width: 77px;  height: 22px; display: block; overflow: hidden;}
.onlineservice-bd .jp-ico{width: 77px; height: 22px; background-position: 0 -88px;}

.onlineservice-leftmost{text-align:left;}
.onlineservice-leftmost .onlineservicename{left: 0;}
.onlineservice-leftmost .onlineservice-con{left: 54px; right: 0;}
.onlineservice-leftmost .onlineservice-con h3{text-align:center;}



/*20170703 出货视图*/
.shipment-view li{float: left; width: 60px; height: 60px; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px;}
.shipment-view li img{width: 100%;}

/*20170715 查看进度*/
.view-progress a{display: block;}
.view-progress-con{position: absolute; left: 0; top: 18px; z-index:100; width:300px; max-height: 500px; overflow-y:scroll; padding: 15px 0 20px 30px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.view-progress-list .item{position: relative; border-left: 2px solid #ddd; padding-left: 10px; padding-bottom: 6px;}
.view-progress-list i{display:block; position: absolute; top: 2px; left:-8px; width: 14px; height: 14px; background-color: #ddd;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.view-progress-list .status-start{background-color: #008a00;}
.view-progress-list .status-success{background: url("/content/img/member/icon_statusok.png") no-repeat 0 0 #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.view-progress-list span{width: 46%; padding-left: 3%; min-height: 20px; display: block; text-align: left;}
.view-progress-list .title{border-left: 0;}
.view-progress-list .title span{font-size: 14px; font-weight: 700;}


/*20171214 订单回收站*/
.delete{padding-right: 0; font-size: 12px; color: hsl(0, 0%, 42%); display: inline-block; line-height: 1; padding: 0 20px 0;  float: right; margin-top:10px ;}
.delete1{vertical-align: middle; margin-right: 5px;}
.delete2{vertical-align: middle; color: hsl(0, 0%, 42%); }

.vfl{float: left;}
.vfr{float:right;}
.icon{background-image: url("/content/img/member/vf.png"); background-repeat:no-repeat ; display: inline-block; background-size:340px; vertical-align: middle;}
.ding{ width:32px ; height:32px ;  background-position:-260px -15px;}
.ding:hover{background-position:-92px -15px;}
.ding1{ width:32px ; height:32px ;  background-position:-178px -15px;}
.ding1:hover{background-position:-10px -15px;}
.ding2{ width:25px ; height:32px ;  background-position:-99px -52px;}

.back{overflow: hidden; }
.back a{color: #333;}

.vfr a:hover {text-decoration: none;}

.orange{color:#0092d2;}