@charset "UTF-8";
/*
@styleguide

# 个人中心

*/
.personal {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-top: 35px;
  margin-bottom: 35px;
  display: table;
  width: 100%;
}

.personal > div {
  display: table-cell;
  vertical-align: top;
}

.personal-c1 {
  width: 198px;
  text-align: center;
}

.personal-c1 h1 {
  height: 58px;
  line-height: 58px;
  color: #de3d3f;
  border-bottom: 1px solid #e5e5e5;
  font-size: 16px;
  font-weight: normal;
}

.personal-c1 li {
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
}

.personal-c1 li a {
  color: #777;
  display: block;
  height: 58px;
  line-height: 58px;
}

.personal-c1 li.active {
  position: relative;
  margin-left: -1px;
  box-sizing: border-box;
  padding-right: 4px;
  width: 200px;
  background: #fff;
}

.personal-c1 li.active:before {
  content: '';
  height: 100%;
  width: 4px;
  background: #db3f40;
  position: absolute;
  left: 0px;
}

.personal-c2 {
  padding: 0 39px 0 39px;
  border-left: 1px solid #e5e5e5;
}

.myorder-tab {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 27px;
  padding-left: 15px;
}

.myorder-tab li {
  display: inline-block;
  height: 68px;
  line-height: 80px;
  margin: 0 30px;
  box-sizing: border-box;
  font-size: 14px;
}

.myorder-tab li a {
  color: #777;
}

.myorder-tab li strong {
  color: #de3d3f;
  margin-left: 5px;
  font-weight: bold;
}

.myorder-tab li.active {
  border-bottom: 4px solid #db3f40;
  position: relative;
  top: 1px;
}

.myorder-tab li.active a {
  color: #de3d3f;
}

/*
@styleguide

# 收藏

*/
.collect ul {
  margin-left: -12px;
}

.collect-list li {
  float: left;
  width: 216px;
  padding: 10px;
  box-sizing: border-box;
  margin-left: 12px;
  border: 1px solid #E5E5E5;
  margin-bottom: 12px;
}

.collect-list .collect-r1:hover .icon-trash {
  display: block;
}

.collect-r1 {
  position: relative;
}

.collect-r1 .icon-trash {
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}

.collect-list h3 {
  margin-top: 16px;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 5px;
  height: 42px;
  overflow: hidden;
}

.collect-list strong {
  font-size: 18px;
  margin-right: 5px;
}

.collect-list del {
  font-size: 14px;
  color: #ccc;
}

.collect .text-orange {
  margin-top: 8px;
}

.collect-r2c1 {
  padding-top: 5px;
}

.mycoupon-tab {
  position: relative;
}

.mycoupon-rule {
  position: absolute;
  right: 7px;
  bottom: 28px;
  color: #0060cd;
}

.mycoupon-rule:hover {
  color: #0060cd;
}

.mycoupon {
  background: #fff;
  border-radius: 4px;
  position: relative;
}

.mycoupon-b {
  background: #fff;
  margin-right: -38px;
  padding-left: 24px;
  overflow: hidden;
  margin-top: -10px;
}

p.mycoupon-b {
  text-align: center;
  padding: 170px 0;
  margin-top: 0;
}

.mycoupon-b li {
  border-top: 1px dashed #e5e5e5;
  margin-top: -1px;
  padding-top: 10px;
  float: left;
}

.mycoupon.active {
  display: block;
}

.mycoupon {
  overflow: hidden;
  display: none;
}

.mycoupon-inner-b {
  margin: 12px 50px 20px 0px;
}

.mycoupon-inner-b h3 {
  margin-bottom: 10px;
  color: #666666;
  font-weight: 400;
  font-size: 12px;
  padding-left: 19px;
}

.mycoupon-b .icon51 {
  margin-right: 20px;
}

.mycoupon-r1 {
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/coupon3.png) no-repeat;
  width: 197px;
  height: 106px;
  padding: 7px 18px 10px 26px;
  color: #fff;
}

.mycoupon-r1 span {
  font-size: 20px;
}

.mycoupon-r1 strong {
  font-size: 42px;
  font-weight: normal;
  font-family: Arial;
  margin-right: 9px;
  vertical-align: -1px;
}

.mycoupon-r1 p {
  line-height: 16px;
  opacity: 0.7;
}

.mycoupon-inner-b .ellipsis2 {
  max-height: 36px;
  overflow: hidden;
  margin-top: 5px;
}

.mycoupon-line3 .ellipsis2 {
  margin-top: 0;
}

.mycoupon-r1r1 {
  padding-bottom: 3px;
  border-bottom: 1px dashed #fff;
  border-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 5px;
  font-size: 15px;
}

.mycoupon-p1 {
  text-align: right;
  padding-right: 60px;
}

.mycoupon-p1 a {
  color: #0060cd;
  margin-left: 5px;
}

.mycoupon .page {
  padding-top: 130px;
  padding-bottom: 30px;
  background: #fff;
}

.mycoupon-b2 .mycoupon-r1 {
  background-image: url(http://img0.fengqucdn.com/sfht/1.1.258/img/coupon3-r1-2.png);
}

.mycoupon-b3 .mycoupon-r1 {
  background-image: url(http://img0.fengqucdn.com/sfht/1.1.258/img/coupon3-r1-3.png);
}

.mycoupon-b4 .mycoupon-r1 {
  background-image: url(http://img0.fengqucdn.com/sfht/1.1.258/img/coupon-r1-4.png);
}

.mycoupon-line3 .mycoupon-r1r1 {
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.mycoupon-line3 p {
  line-height: 18px;
}

.mycoupon-gotohref {
  text-align: center;
  margin-top: 10px;
}

.mycoupon-inner-b .btn {
  height: 46px;
  line-height: 46px;
  border-color: #ccc;
  color: #999;
}

.mycoupon-gotohref .btn:hover,
.mycoupon-gotohref .btn:active {
  color: #696e79;
}

.mycoupon-gotohref .btn:active {
  background-color: #f9f9f9;
}

.mycouponunused {
  height: 235px;
}

.mycoupon-b2 .mycoupon-gotohref,
.mycoupon-b2 .mycoupon-inner-b h3,
.mycoupon-b3 .mycoupon-gotohref,
.mycoupon-b3 .mycoupon-inner-b h3 {
  display: none;
}

/*
@styleguide

# 礼包

*/
.gift {
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/gift.png) no-repeat;
  width: 211px;
  padding-left: 47px;
  height: 157px;
}

.gift .coupon-r1 {
  padding-top: 37px;
}

.address h2 {
  font-size: 14px;
  font-weight: normal;
  margin: 48px 0 22px;
}

.address-table {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}

.address table {
  width: 100%;
}

.address th {
  background: #f5f7f7;
  height: 38px;
}

.address td {
  line-height: 1.5;
  position: relative;
  border-top: 1px solid #e5e5e5;
  padding: 10px 0;
}

.address .col1 {
  padding-left: 20px;
  width: 99px;
}

.address .col2 {
  width: 220px;
}

.address .col3 {
  width: 199px;
  padding-right: 10px;
}

.address .col4 {
  width: 157px;
}

.address .text-link {
  margin-right: 10px;
}

.address .label-error {
  background: #dc3334;
  padding: 0 5px;
  margin-left: 18px;
  display: none;
}

.address td:hover .label-error {
  display: inline-block;
}

.address .label i {
  border-color: transparent transparent transparent #fff;
  border-width: 10px 5px;
  left: 0;
  margin-top: -10px;
}

.address .label-disabled {
  padding-right: 7px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  background: red;
    color: white;
}

.integral-table td {
  padding: 20px 0;
}

.integral-table .col1 {
  width: 270px;
  text-align: center;
}

.integral-table .col2 {
  width: 236px;
  text-align: center;
}

.integral-table .col3 {
  width: 236px;
  text-align: center;
}

.integral-table .text-disabled {
  color: #999;
}

.integral-table {
  margin-bottom: 20px;
}

.integral-table strong {
  font-weight: bold;
}

/*
@styleguide

# 邀请

*/
.invite-h2 {
  font-size: 14px;
  font-weight: normal;
  margin: 40px 0;
}

.invite-h3 {
  width: 140px;
  height: 38px;
  line-height: 38px;
  background: #E85254;
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  border-radius: 5px 5px 5px 0;
  margin-left: -10px;
  margin-top: -10px;
  position: relative;
}

.invite-h3:before {
  content: '';
  border-width: 5px;
  border-style: solid;
  border-color: #E85254 #E85254 transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 0px;
}

.invite-income {
  background: #F5F5F5;
  margin-bottom: 50px;
  border-radius: 5px;
  overflow: hidden;
}

.invite-income p {
  text-align: center;
  padding: 33px 0;
  font-size: 14px;
  color: #666;
}

.invite-income-icon {
  width: 53px;
  height: 65px;
  display: inline-block;
  vertical-align: middle;
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/invite-income-icon.png) no-repeat;
  margin-right: 17px;
}

.invite-income p .btn-success {
  margin-left: 22px;
}

.invite-income-c1 {
  border-right: 3px dotted #fff;
  width: 196px;
  text-align: center;
  padding-top: 38px;
  padding-bottom: 39px;
  margin-right: 48px;
}

.invite-income-c1 span {
  margin-right: 0;
  margin-bottom: 7px;
}

.invite-income h3 {
  font-weight: normal;
  margin-top: 10px;
}

.invite-income h4 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
}

.invite-income ul {
  padding-top: 38px;
}

.invite-income li {
  float: left;
  width: 200px;
}

.invite-income li .btn {
  position: absolute;
  margin-left: 14px;
  margin-top: -7px;
}

.invite-income .text-important {
  font-size: 28px;
}

.invite-income-alipay {
  margin-top: 15px;
  color: #999;
}

.invite-rule {
  border: 1px solid #E56466;
  margin-bottom: 49px;
  padding-bottom: 15px;
  text-align: center;
  border-radius: 5px;
}

.invite-rule-bg {
  background: url(http://img0.fengqucdn.com/cmsres/20151225/5f9344e5-38be-440b-8b42-617b858d57cd.png) no-repeat center 55px;
  height: 230px;
  border-bottom: 1px dashed #E5E5E5;
  margin-bottom: 15px;
}

.invite-rule .btn {
  background: #50E3C2;
  height: 38px;
  line-height: 38px;
  border-color: #50E3C2;
}

.invite-rule .btn:hover {
  background: #1ac199;
  border-color: #1ac199;
}

.invite-rule p {
  display: inline-block;
  color: #666;
  margin-left: 20px;
}

.invite-open {
  border: 1px solid #FF9E36;
  margin-bottom: 54px;
  border-radius: 5px;
}

.invite-open h3 {
  background: #FF9E36;
}

.invite-open h3:before {
  border-color: #FF9E36 #FF9E36 transparent transparent;
}

.invite-open li {
  float: left;
  width: 200px;
  height: 242px;
  padding: 24px 48px 0;
  border-right: 1px dashed #E5E5E5;
  margin-bottom: 50px;
}

.invite-open li:last-child {
  border: none;
}

.invite-open h4 {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: normal;
}

.invite-open h5 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
}

.invite-open p {
  line-height: 18px;
  color: #999;
  margin-bottom: 14px;
}

.invite-open-li1 h4 {
  color: #FF9E36;
}

.invite-open-li2 h4 {
  color: #8BC951;
}

.invite-open-li2 input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin-bottom: 14px;
  text-indent: 6px;
}

.invite-open-li3 h4 {
  color: #E85254;
}

.invite-open-li3 p {
  margin-bottom: 30px;
}

.invite-open-icon1 {
  display: inline-block;
  text-indent: -999em;
  vertical-align: 10px;
  margin-left: 10px;
  width: 50px;
  height: 43px;
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/invite-open-icon1.png) no-repeat;
}

.invite-open-icon2 {
  display: inline-block;
  text-indent: -999em;
  vertical-align: 10px;
  margin-left: 10px;
  width: 50px;
  height: 43px;
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/invite-open-icon2.png) no-repeat;
}

.invite-open-icon3 {
  display: inline-block;
  text-indent: -999em;
  vertical-align: 10px;
  margin-left: 10px;
  width: 50px;
  height: 43px;
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/invite-open-icon3.png) no-repeat;
}

.invite-open-way {
  margin-bottom: 32px;
}

.invite-open-way span {
  margin-left: 8px;
  border-width: 5px 10px;
}

.invite-account {
  position: relative;
  margin-bottom: 44px;
}

.invite-account h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 11px;
}

.invite-account .page {
  margin-top: 10px;
}

.invite-account .text-link {
  position: absolute;
  right: 0;
  top: 0;
}

.invite-account .address {
  margin-bottom: 0;
}

.invite-account-b {
  opacity: 0;
  position: absolute;
  width: 100%;
}

.canvasjs-chart-canvas {
  width: 100%;
}

.invite-account-b.active {
  opacity: 1;
  position: static;
}

.icon-change {
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/icon-change.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 13px;
  margin-right: 10px;
}

.invite-alipay {
  margin-bottom: 155px;
}

.invite-alipay-banner {
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/invite-alipay-banner.jpg) no-repeat center top;
  height: 308px;
  text-indent: -999em;
}

.invite-alipay-way {
  background: #fff url(http://img0.fengqucdn.com/sfht/1.1.258/img/invite-alipay-way.jpg) no-repeat center top;
  margin-bottom: 76px;
}

.invite-alipay-way ul {
  width: 986px;
  margin: 0 auto;
}

.invite-alipay-way h2 {
  color: #ff9d36;
  font-weight: normal;
  font-size: 32px;
  line-height: 50px;
}

.invite-alipay-way h3 {
  color: #ff9d36;
  font-weight: normal;
  font-size: 26px;
  margin-bottom: 15px;
}

.invite-alipay-way p {
  font-size: 22px;
  line-height: 32px;
  color: #727375;
}

.invite-alipay-way .li1 h2 {
  font-size: 46px;
  padding-top: 112px;
  margin-bottom: 20px;
}

.invite-alipay-way .li1 p {
  font-size: 28px;
}

.invite-alipay-way .li2 h2 {
  font-size: 54px;
  padding-top: 87px;
  margin-bottom: 16px;
}

.invite-alipay-way .li3 h2 {
  padding-top: 76px;
}

.invite-alipay-way .li4 h2 {
  padding-top: 98px;
  line-height: 42px;
}

.invite-alipay-way .btn {
  background: #40e378;
  border: none;
  border-bottom: 6px solid #00cd64;
  line-height: 54px;
  height: 60px;
  font-size: 24px;
  margin-top: 25px;
}

.invite-alipay-way .li1 {
  height: 318px;
  padding-left: 541px;
}

.invite-alipay-way .li2 {
  height: 331px;
  padding-left: 80px;
}

.invite-alipay-way .li3 {
  width: 390px;
  height: 333px;
  padding-left: 553px;
}

.invite-alipay-way .li4 {
  height: 301px;
  width: 382px;
  padding-left: 98px;
}

.invite-alipay .pm {
  width: 986px;
}

.invite-alipay .btn-big {
  font-size: 24px;
}

/*
@styleguide

# 消息

*/
.message {
  padding: 40px 0;
}

.message ul {
  margin-bottom: 20px;
}

.message li {
  padding: 20px 0 20px 110px;
  border-bottom: 1px solid #E5E5E5;
  overflow: hidden;
}

.message li:last-child {
  border: none;
}

.message img {
  float: left;
  margin-left: -110px;
  border: 1px solid #E5E5E5;
}

.message-r1 {
  overflow: hidden;
  margin-bottom: 13px;
  color: #999;
}

.message-r1 span {
  margin-right: 5px;
}

.message-r2 {
  line-height: 22px;
  margin-bottom: 13px;
}

.message-r3 {
  line-height: 22px;
  background: #F5F5F5;
  color: #666;
  padding: 5px 11px;
}

.message-none {
  text-align: center;
  padding: 110px 0;
  font-size: 14px;
  color: #666;
}

.message-icon {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 60px;
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/comment-icon.png) no-repeat;
  margin-right: 20px;
}

/*
@styleguide

# 商品列表

	<div class="product">
		<div class="mb">
		  <ul class="clearfix product-list">
		  	-for i in 1..8
			    <li>
			      <div class="product-r1">
			        <a href=""><img src="http://placehold.it/240x240" srcset="http://placehold.it/240x240 1x,../img/product.webp 1x" alt="" ></a><span></span>
			        <div class="product-new">新品</div>
			      </div>
			      <h3><a href="">白色恋人 巧克力夹心饼干12枚白色恋人 巧克力夹心饼干12枚</a></h3>
			      <p><img src="../img/icon-usa.png" alt="" width="22" height="14" />广州保税仓发货</p>
			      <div class="product-r2 clearfix">
			        <div class="product-r2c1 fl">
			          <span>￥</span><strong>129</strong><del>￥189</del>5折

			        </div>
		            <div class="product-r2c2 fr"><a href="javascript:" class="icon icon90">购买</a></div>
			      </div>
			    </li>
		  </ul>
		</div>
	</div>

*/
.product {
  margin-bottom: 20px;
}

.product .mh {
  line-height: 24px;
  margin-bottom: 37px;
  height: 31px;
  padding-left: 4px;
}

.product-list {
  margin-left: -22px;
}

.product-list li {
  float: left;
  width: 271px;
  margin-left: 23px;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #e5e5e5;
  padding-top: 10px;
  background: #fff;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}

.product-list li:hover {
  outline-color: #dd3e3f;
  border-color: #dd3e3f;
}

.product-list li .mask {
  position: absolute;
  background: #fff;
  z-index: 0;
}

.product-list li .icon24,
.product-list li .icon24-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -37px;
  margin-top: -37px;
  width: 75px;
  height: 0;
}

.product-list li .icon25 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -37px;
  margin-top: -37px;
  z-index: 3;
  width: 74px;
  height: 0;
}

.product-list li .icon115 {
  position: absolute;
  left: 0;
  top: 0;
}

.product-r1 {
  height: 240px;
  text-align: center;
  margin-bottom: 22px;
  position: relative;
  font-size: 0;
}

.product-r1 img {
  max-width: 240px;
  max-height: 240px;
}

.product-r1 a {
  display: inline-block;
  vertical-align: middle;
}

.product-r1 span {
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.product h3 {
  margin-bottom: 13px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
}

.product p {
  padding-left: 16px;
  padding-right: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #949494;
  margin-bottom: 12px;
  height: 15px;
}

.product p img {
  margin-right: 5px;
  vertical-align: middle;
}

.product-r2 {
  padding-left: 16px;
  padding-right: 16px;
}

.product-r2c1 {
  font-size: 14px;
  color: #dc3334;
  height: 41px;
  padding-top: 4px;
}

.product-r2c1 strong {
  font-size: 24px;
  margin-right: 7px;
}

.product-r2c1 del {
  color: #666;
  margin-right: 13px;
}

.product .mf {
  text-align: center;
  padding-top: 5px;
  *padding-top: 43px;
}

.product .btn-more {
  border-radius: 28px;
}

.product .label {
  position: absolute;
  left: 16px;
  top: -14px;
}

.product-new,
.product-hot {
  width: 49px;
  height: 49px;
  color: #fff;
  font-size: 14px;
  line-height: 49px;
  text-align: center;
  right: 12px;
  top: 2px;
  position: absolute;
}

.product-new {
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/product-new.png) no-repeat;
}

.product-hot {
  background: url(http://img0.fengqucdn.com/sfht/1.1.258/img/product-hot.png) no-repeat;
}

.product-r2c2 {
  width: 35px;
  height: 35px;
  position: relative;
}

.product .icon90 {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.5s left linear, 0.5s top ease-out, 0.1s visibility 0.5s linear;
}

.product .icon90:hover {
  transform: scale(1.05);
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.5));
}

/*
@styleguide

# 添加地址

*/

.address-add h2 {
  font-size: 14px;
  font-weight: normal;
  margin: 33px 0;
}

.address-add li {
  margin-bottom: 10px;
}

.address-add li label {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  width: 100px;
}

.address-add li .text-error {
  margin-left: 100px;
  margin-top: 10px;
}

.address-add li .icon {
  margin-right: 15px;
}

.address-add select {
  width: 138px;
  margin-right: 10px;
  height: 38px;
  line-height: 38px;
}

.address-add select.disabled {
  background: #eeeeee;
}

.address-add .input {
  width: 573px;
}

.address-add .input.disabled {
  background: #eeeeee;
}

.address-add-r1 {
  margin-left: 100px;
}

.address-add-r1 input {
  margin-left: 18px;
  margin-right: 13px;
}

.myorder-search {
  margin-bottom: 32px;
}

.myorder-search input {
  width: 326px;
  padding: 5px 10px;
  height: 49px;
  border: 1px solid #e5e5e5;
  border-radius: 3px 0 0 3px;
  vertical-align: middle;
  box-sizing: border-box;
}

.myorder-search button {
  width: 68px;
  height: 49px;
  line-height: 49px;
  margin-left: -1px;
  color: #a3a2a3;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 0 3px 3px 0;
  vertical-align: middle;
}

.myorder-search button:hover {
  color: #666;
}

/*
@styleguide

# 我的订单

*/
.myorder table {
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}

.myorder table table tr:last-child td {
  border-bottom: none;
}

.myorder table table tr:first-child td {
  border-top: none;
}

.myorder thead tr {
  margin-bottom: 20px;
}

.myorder thead th {
  color: #999;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.myorder thead span {
  font-size: 16px;
  position: absolute;
  right: 0;
  top: -2px;
  color: #e5e5e5;
}

.myorder .th1,
.myorder .td1 {
  width: 108px;
}

.myorder .th2,
.myorder .td2 {
  width: 309px;
}

.myorder .th3,
.myorder .td3 {
  width: 64px;
}

.myorder .th4,
.myorder .td4 {
  width: 92px;
}

.myorder .th5,
.myorder .td5 {
  width: 98px;
}

.myorder .th6,
.myorder .td6 {
  width: 99px;
}

.myorder .td6 span {
  margin: 10px 0;
}

.myorder .th7,
.myorder .td7 {
  width: 119px;
}

.myorder .td2 {
  text-align: left;
}

.myorder .td2,
.myorder .td3,
.myorder .td4 {
  border-right: none;
  border-left: none;
}

.myorder .td7 {
  padding: 18px 0;
}

.myorder h2 {
  height: 30px;
  line-height: 30px;
  background: #eee;
  margin-top: 20px;
  text-indent: 15px;
  color: #666;
  font-weight: normal;
  position: relative;
  border: 1px solid #eee;
  position: relative;
  width: 100%;
  margin-left: -1px;
}

.myorder h2 span {
  color: #999;
  margin-left: 50px;
}

.myorder h2 .icon {
  position: absolute;
  right: 10px;
  top: 7px;
}

.myorder td {
  border: 1px solid #e5e5e5;
  color: #777;
  text-align: center;
}

.myorder img {
  width: 78px;
  height: 78px;
  border: 1px solid #e5e5e5;
  margin: 18px 19px 18px 30px;
}

.myorder h3 {
  color: #888;
  line-height: 20px;
  display: inline-block;
  width: 142px;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

.myorder del {
  color: #aaa;
  margin-bottom: 5px;
  display: block;
}

.myorder .text-error {
  margin: 10px 0;
}

.myorder .btn {
  display: block;
  margin: 10px auto;
}

.myorder-link {
  display: block;
  color: #3b86c4;
  margin: 10px 0;
}

.myorder-address {
  font-size: 10px;
  color: #aaa;
  margin-top: 10px;
}

.myorder .label-error {
  margin-bottom: 14px;
  background: #ff9999;
  padding: 0 8px;
  border-radius: 4px;
  letter-spacing: 1px;
}

.myorder .icon {
  margin-right: 5px;
}

.myorder .icon79 {
  vertical-align: -2px;
}

.myorder .page {
  margin: 30px 0;
  text-align: center;
}

.myorder .tooltip {
  width: 220px;
  color: #999;
}

.myorder .tooltip-h {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

.myorder .tooltip li {
  margin-bottom: 10px;
  list-style: inside;
  text-align: left;
}

.myorder .tooltip .active {
  color: #db3f40;
}

.myorder .tooltip .time {
  display: block;
}

.myorder .tooltip a {
  color: #999;
}

.myorder .icon88 {
  margin-left: 20px;
  margin-right: 5px;
}

.godds-type {
  width: 50px;
  margin-left: 8px;
  position: relative;
  color: #fff;
  background: #FFC208;
  height: 14px;
  line-height: 14px;
  padding: 2px;
}

.godds-type:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 9px 9px;
  left: -18px;
  top: 0;
  border-color: transparent #FFC208 transparent transparent;
}

.godds-type:after {
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
  content: '';
  position: absolute;
  left: -4px;
  top: 7px;
}

.myorder-none {
  text-align: center;
  margin-bottom: 48px;
}

.myorder-none a {
  margin-top: 10px;
  display: inline-block;
}

.myorder-none p {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  text-align: left;
  color: #666;
}

/*
@styleguide

# 账号管理

*/
.account-manage-wp {
  position: relative;
}

.account-manage {
  min-height: 313px;
  padding-bottom: 40px;
  display: none;
  padding-left: 45px;
  margin-top: 43px;
}

.account-manage.active {
  display: block;
}

.account-manage1 .btn {
  margin-left: 90px;
}

.account-manage2 .btn {
  height: 30px;
  line-height: 30px;
  border: 0 none;
  font-size: 12px;
  margin-right: 10px;
}

.account-manage2 .btn-canel {
  color: #666;
  font-size: 12px;
}

.account-manage2 .btn-canel:hover,
.account-manage2 .btn-input-reset:hover {
  color: #333;
}

.account-manage input {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 247px;
}

.account-manage li {
  margin-left: 90px;
  margin-bottom: 16px;
  position: relative;
  color: #666;
  font-size: 14px;
  line-height: 28px;
  min-height: 28px;
}

.account-manage li a {
  color: #4E9BDF;
  font-size: 14px;
}

.account-manage label {
  font-size: 14px;
  margin-right: 20px;
  position: absolute;
  width: 5em;
  left: -90px;
}

.account-manage-fix {
  margin-left: 20px;
}

.account-manage-input-box {
  margin-top: 10px;
}

.account-manage .input {
  width: 170px;
  height: 28px;
  line-height: 28px;
  color: #666;
  font-size: 12px;
  padding: 0 10px;
  border: 1px solid #979797;
  border-radius: 0;
}

.account-manage-input-box .btn-vcode {
  margin-left: 8px;
}

.account-manage-input-box .input-vcode {
  width: 58px;
}

.account-manage-input-box .input-tips,
.account-manage .input-error {
  margin-left: 10px;
}

.account-manage-input-box .input-tips {
  font-size: 12px;
  color: #B2B2B2;
}

.account-manage2 .input-pw-tips {
  margin-left: 20px;
}

.account-manage-input-box .input-tips-strong {
  font-size: 12px;
  font-weight: 400;
  color: #666;
}

.account-manage .input-error {
  color: #EE5151;
  font-size: 12px;
}

.icon-wechat,
.icon-alipay {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.account-manage-sns {
  margin-right: 30px;
}

.account-manage-sns .tips {
  color: #B2B2B2;
}

.account-manage-tips {
  color: #B2B2B2;
  line-height: 20px;
  margin-top: 40px;
}

.input-pw-brtips {
  position: relative;
  display: inline-block;
  color: #666;
  background-color: #F2F2F2;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 4px;
  margin-left: 18px;
  font-size: 12px;
}

.input-pw-brtips:before {
  position: absolute;
  content: "";
  border: 7px dashed transparent;
  border-right: 10px dashed #F2F2F2;
  border-radius: 4px;
  left: -15px;
  top: 7px;
}

.account-dialog {
  position: absolute;
  font-size: 14px;
  color: #666;
  background-color: #F2F2F2;
  background-color: rgba(242, 242, 242, 0.9);
  text-align: center;
  left: 50%;
  top: 50%;
}

.account-dialog-success {
  width: 180px;
  height: 60px;
  line-height: 60px;
  margin-left: -90px;
  margin-top: -30px;
}

.account-dialog-close {
  width: 360px;
  height: 120px;
  line-height: 120px;
  margin-top: -60px;
  margin-left: -180px;
}

.account-dialog-iclose {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  color: #979797;
  background: url(http://img0.fengqucdn.com/cmsres/20151231/42d2fd51-e7e5-4a37-94a2-f2e10c532868.png) 0 0 no-repeat;
}

.account-dialog-iclose:hover {
  /*color: #EE5151;*/
  background: url(http://img0.fengqucdn.com/cmsres/20151231/1a2033d8-edbe-4b9a-8eed-362e9cf221ca.png) 0 0 no-repeat;
}

/*.account-dialog-iclose i,
.account-dialog-iclose i:before{
	position: absolute;
	width: 20px;
	height: 20px;
}
.account-dialog-iclose i{
	top: 7px;
	left: 7px;
	line-height: 1;
	transform: rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
	border-left: 1px solid;
}
.account-dialog-iclose i:before{
	content: "";
	border-top: 1px solid;
	top: 10px;
	right: 10px;
}*/
.account-dialog-btn {
  width: 480px;
  height: 135px;
  padding-top: 65px;
  margin-left: -240px;
  margin-top: -100px;
}

.account-dialog-btn {
  padding-top: 65px;
}

.account-dialog-btn-box {
  margin-top: 30px;
}

.account-dialog-btn-box .btn {
  margin: 0 20px;
  font-size: 12px;
  width: 90px;
}

.account-dialog-btn-box .btn-disable {
  background-color: #999;
  color: #fff !important;
}

/*
@styleguide

# 邀请

*/
.integral h2 {
  font-size: 18px;
  font-weight: normal;
  padding: 43px 0 20px;
  border-bottom: 1px dashed #ccc;
}

.integral-r1 {
  padding: 20px 0;
  border-bottom: 1px dashed #ccc;
}

.integral-r1 .text-important {
  font-size: 26px;
}

.integral-r1 .text-important:first-child {
  margin-right: 120px;
}

.integral-tab {
  padding-top: 26px;
  padding-bottom: 15px;
  height: 18px;
}

.integral-tab-c1 {
  overflow: hidden;
}

.integral-tab-c1 ul {
  margin-left: -11px;
}

.integral-tab-c1 li {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #bbb;
}

.integral-tab-c1 li a {
  display: block;
  padding: 0 11px;
  height: 15px;
  line-height: 15px;
  border-radius: 2px;
}

.integral-tab-c1 li a:hover {
  background: #eee;
}

.integral-tab-c1 li.active a {
  color: #DD322D;
}

.integral-tab-c2 a {
  margin-left: 16px;
}

.integral .tooltip {
  left: -90%;
  border-radius: 5px;
}

.integral .tooltip li {
  margin-bottom: 24px;
  padding-left: 20px;
}

.integral .tooltip li:last-child {
  margin-bottom: 0;
}

.integral .tooltip li span {
  font-size: 16px;
  color: #F5A623;
  font-weight: bold;
  float: left;
  margin-left: -20px;
}

.integral .tooltip .icon16-3 {
  left: 92%;
}

.sale-management table {
  table-layout: auto;
}

.sale-management h1 {
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 10px;
}

.sale-management .td2, .sale-management .td3, .sale-management .td4 {
  border-left: 1px solid #e5e5e5;
}

.sale-management .tooltip .icon16-3 {
  top: -36px;
}

.product h2 {
  color: #666;
  font-size: 14px;
  font-weight: normal;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 26px;
}

.product-list li {
  margin-left: 22px;
}

/*收货地址修改新加和对上面地址修改 2016/2/29*/
.address-h {
  position: relative;
}

.address-h-poa {
    position: absolute;
    right: 0;
    top: -14px;
    font-size: 0;
}

.address .col0 {
  padding-left: 15px;
  width: 20px;
}

.address {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 35px;
}

.address-h-poa .btn {
    margin-left: 10px;
}

.address-add {
    padding-bottom: 20px;
    margin-bottom: 128px;
}

.address .col5 {
    min-height: 21px;
    line-height: 21px;
}

/*
* 身份证
*/
.address-add-btn input{
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.address-add-btn {
  vertical-align: middle;
  border: 1px solid #ccc;
  display: inline-block;
  width: 200px;
  height: 112px;
  border-radius: 4px;
  text-align: center;
  background: #ffffff;
  color: #aaaaaa;
  position: relative;
  cursor: pointer;
}
.address-add-btn img {
  max-width: 200px;
  max-height: 112px;
  transform: translate(-50%,-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.address-add-btn-left {
  margin-right: 5px;
}
.address-add-icon {
  font-size: 70px;
}
.address-add-btn-right {
  margin-left: 5px;
}
.address-add-bg {
  background: url(../img/btn-add-grey.jpg) no-repeat;
  background-position-x: center;
  background-position-y: 27px;
  height: 114px;
  position: relative;
}
.address-add-bg span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 27px;
}
.address-add-scan {
  display: inline-block;
}
.qrcode-hint {
  position: relative;
}
#qrcode-wrapper {
  width: 110px;
  position: absolute;
  height: 110px;
  background: #ffffff;
  top: -115px;
  left: -35px;
  border: 1px solid #ccc;
  display: none;
}
#qrcode-item {
  padding: 5px;
}
.id-error-msg {
  display: none;
  position: absolute;
  right: -110px;
  top: 13px;
  width: 158px;
  color: red;
}
#qrcode-item canvas{
  width: 100px;
}