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

# 个人中心

*/
.personal {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  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;
  -webkit-box-sizing: border-box;
  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; }

/*
@styleguide

# 我的订单

*/
.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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-sizing: border-box;
          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;
  -webkit-border-radius: 4px;
          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 {
  margin-bottom: 128px; }

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

.address-table {
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
          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: 114px; }

.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: #e5e5e5;
  color: #999; }

.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;
  -webkit-border-radius: 5px 5px 5px 0;
          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;
  -webkit-border-radius: 5px;
          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;
  -webkit-border-radius: 5px;
          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;
  -webkit-border-radius: 5px;
          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;
  -webkit-box-shadow: 0 0 0 1px #e5e5e5;
          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 {
  -webkit-border-radius: 28px;
          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;
  -webkit-transition: 0.5s left linear, 0.5s top ease-out, 0.1s visibility 0.5s linear;
          transition: 0.5s left linear, 0.5s top ease-out, 0.1s visibility 0.5s linear; }

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

/*
@styleguide

# 添加地址

*/
.address-add {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px; }

.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 .input {
  width: 573px; }

.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;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  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;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  vertical-align: middle; }

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


.myorder table {
  width: 100%;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
  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;
  -webkit-border-radius: 4px;
  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;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: '';
  position: absolute;
  left: -4px;
  top: 7px; }

.myorder-step .td1 {
  height: 30px;
  position: relative; }

.myorder-step .td1:before,
.myorder-step .td1:after {
  content: '';
  border-width: 5px 5px;
  border-style: solid;
  position: absolute;
  top: 10px; }

.myorder-step .td1:before {
  border-color: transparent transparent transparent #e5e5e5;
  right: -10px; }

.myorder-step .td1:after {
  border-color: transparent transparent transparent #fff;
  right: -9px; }

.myorder-step.active .td1 {
  background: #ff5b54;
  color: #fff; }

.myorder-step.active .td1:before {
  border-color: transparent transparent transparent #ff5b54; }

.myorder-step.active .td1:after {
  display: none; }

.myorder-step.active .myorder-step-pay {
  color: #ff5b54; }


.myorder .myorder-step-statue {
  text-align: left;
  padding-left: 33px; }

.myorder-step-pay {
  padding: 0 32px;
  border-left: 1px solid #e5e5e5;
}

.myorder-step-statue strong {
  display: inline-block;
  width: 430px;
  vertical-align: middle;
}
.order-step-shipment {
  color: #ff5b54;
  display: inline-block;
  width: 8em;}
.myorder-step-statue-c1 {
  display: inline-block;
  width: 215px;
}

.integral-tab-c1 li a {
  display: block;
  padding: 0 11px;
  height: 15px;
  line-height: 15px;
  -webkit-border-radius: 2px;
          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%;
  -webkit-border-radius: 5px;
          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; }

/*
@styleguide

# 商品列表

	<div class="product-1">
		<div class="mb pm">
		  <h2 class="index2-h2 pm"><i></i>限时秒杀<span class="text-error">每日10:00更新</span></h2>
		  <div class="tab tab2">
		  	<ul class="clearfix">
		  		<li class="active"><a href="">9月10日</a></li>
	  			<li><a href="">9月11日</a></li>
	  			<li><a href="">9月12日</a></li>
	  			<li><a href="">9月13日</a></li>
	  			<li><a href="">9月14日</a></li>
		  	</ul>
		  </div>
		  <div class="tab-time clearfix">
		  	<ul class="tab-time-c1 fl">
		  		<li class="active"><a href="">10 : 00</a></li>
		  		<li><a href="">12 : 00</a></li>
		  		<li><a href="">14 : 00</a></li>
		  		<li><a href="">16 : 00</a></li>
		  		<li><a href="">20 : 00</a></li>
		  	</ul>
		  	<div class="tab-time-c2 fr">距本场结束还剩：<span>02</span>时<span>21</span>分<span>29</span>秒</div>
		  </div>
		  <ul class="clearfix product-1-list">
		  	-for i in 1..4
			    <li>
			      <div class="product-1-r1">
			        <a href=""><img src="../img/index-makeup/product-imgi.png" alt="" ></a><span></span>
			        <div class="icon icon-soldout icon-soldout-big">已售光</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-1-r2 clearfix">
			        <div class="product-1-r2c1 fl">
			          <span>秒杀价：￥</span><strong>129</strong>
			          
			        </div>
		            <div class="product-1-r2c2 fr"><button class="btn btn-black btn-small">加入购物车<img src="../img/index-makeup/product-imgi.png" class="addtocart-img" alt=""></button></div>
			      </div>
			    </li>
		  </ul>
		</div>
	</div>
	
*/
.product-1 {
  margin-bottom: 20px; }

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

.product-1-list li {
  float: left;
  width: 239px;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 0 1px #e5e5e5;
          box-shadow: 0 0 0 1px #e5e5e5;
  padding: 27px;
  background: #fff;
  padding-bottom: 20px;
  position: relative; }

.product-1-list li:hover:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  border-bottom: 3px solid #E73736; }

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

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

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

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

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

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

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

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

.product-1 .icon-new,
.product-1 .icon-hot,
.product-1 .icon-sale {
  position: absolute;
  right: 20px;
  top: -3px; }

.product-1-r1 .icon-soldout1,
.product-1-r1 .icon-soldout2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -65px;
  margin-top: -65px; }

.product-1 h3 {
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
  font-weight: normal; }

.product-1 h3 a:hover {
  text-decoration: underline; }

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

.product-1 p img {
  margin-right: 5px;
  vertical-align: middle;
  width: 18px;
  height: 12px; }

.product-1-r2 {
  margin-bottom: 25px; }

.product-1-r2c1 {
  color: #dc3334;
  padding-top: 4px; }

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

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

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

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

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

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

.product-1-r2c1 img {
  width: 18px;
  height: 12px; }

.product-1 .btn {
  position: relative;
  overflow: visible; }

.addtocart-img {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  -webkit-transition: 0.5s left linear, 0.5s top cubic-bezier(0.18, 0.89, 0.32, 1.28), 0.1s visibility 0.5s linear;
          transition: 0.5s left linear, 0.5s top cubic-bezier(0.18, 0.89, 0.32, 1.28), 0.1s visibility 0.5s linear; }

.product-1-comment {
  margin-left: 26px; }

.product-1-comment span {
  color: #29BFD6; }

.product-1-r3 {
  color: #9B9B9B; }

.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; }

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

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

/*
@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;
  -webkit-border-radius: 2px;
  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%;
  -webkit-border-radius: 5px;
  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%; }

/*异常订单添加*/
.myorder-cancle {
    padding: 9px;
    color: #db3f40;
    border: 1px solid #db3f40;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 1.2;
    width: 5em;
    position: relative;
    text-align: left;
    display: inline-block;
    margin: 10px 0;
}
.myorder-cancle:before,
.myorder-cancle:after {
  content: '';
  border-width: 10px 5px;
  border-style: solid;
  border-color: #db3f40 transparent transparent transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -20px; }

.myorder-cancle:after {
  border-color: #fff transparent transparent transparent;
  bottom: -18px; }

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

.myorder .td6 span.icon{
  margin: 0 5px 0 0;
}

.tooltip-pos{
  display: block;
}