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

# 详情页

*/
/*
@styleguide

# 面包屑

  <div class="crumbs">
      <a href="http://www.sfht.com/index.html">首页</a><span>&gt;</span>2014秋冬新款UGG羊皮毛一体短筒蝴蝶结保暖雪地靴
  </div>

*/
.crumbs {
  margin: 20px 0;
  color: #585758;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.crumbs a {
  color: #585758; }

.crumbs span {
  margin: 0 20px; }

.goods {
  background: #fff;
  padding: 30px 20px;
  position: relative;
  border: 1px solid #f1f1f1;
  overflow: hidden; }

.goods-c1 {
  width: 420px;
  margin-right: 30px; }

.goods-c1r1 {
  height: 420px;
  position: relative; }

.goods-c1r1 li {
  position: absolute;
  border: 1px solid #eee;
  text-align: center;
  height: 418px;
  width: 418px;
  font-size: 0; }

.goods-c1r1 li:hover {
  border-color: #eee; }

.goods-c1r1 .active {
  opacity: 1;
  filter: alpha(opacity=100); }

.goods-c1r1 img {
  max-width: 418px;
  max-height: 418px;
  vertical-align: middle; }

.goods-c3 {
  width: 76px;
  margin-right: 10px; }

.goods-c3 a {
  outline: none; }

.goods-c3 img {
  max-width: 74px;
  max-height: 74px;
  vertical-align: middle; }

.goods-c1r1 span,
.goods-c3 span {
  height: 100%;
  width: 0;
  vertical-align: middle;
  display: inline-block; }

.goods-c3 li {
  border: 1px solid #eee;
  outline: 1px solid #fff;
  float: left;
  width: 74px;
  height: 74px;
  text-align: center;
  font-size: 0;
  margin-bottom: 10px; }

.goods-c3 li:hover,
.goods-c3 li.active {
  border: 1px solid #dc3334;
  outline: 1px solid #dc3334; }

.goods-c2 {
  width: 584px;
  float: left;
  font-size: 14px;
  color: #272541;
  position: relative;
  padding-right: 20px; }

.goods h1 {
  font-size: 18px;
  margin-bottom: 17px; }

.goods p {
  color: #686675;
  margin-bottom: 10px;
  line-height: 1.5; }

.goods-c2r1 {
  margin-bottom: 20px;
  color: #666666; }

.goods-c2r1 img {
  margin-right: 8px; }

.goods-c2r1-from {
  margin-left: 20px; }

.goods-price {
  background: #fff6f6;
  border: 1px solid #fddcdc;
  padding: 10px 0; }

.goods-price-r1 {
  margin-bottom: 10px;
  font-size: 14px;
  padding-left: 14px;
  color: #666;
  position: relative; }

.goods-price-r1 em {
  display: inline-block;
  background-color: #E73736;
  color: #fff;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  vertical-align: middle; }

.goods-price-r1 span {
  color: #dc3334;
  font-family: Arial;
  margin-left: 10px; }

.goods-price-r1 strong {
  color: #dc3334;
  font-size: 36px;
  font-family: Arial; }

.goods-price-r1 a {
  color: #F78E57;
  margin-left: 10px; }

.goods-price-r1 b {
  color: #999;
  margin-left: 10px;
  font-weight: normal; }

.goods-price-r1 a:hover {
  text-decoration: underline; }

.goods-price-r2 {
  color: #999; }

.goods-price-r2 span {
  margin-right: 22px; }

.goods-price-r1 b {
  margin-left: 20px; }

.goods-price-c2 {
  position: relative;
  color: #666;
  padding: 14px 10px 0;
  border-top: 1px solid #fbe3e3; }

.goods-price-c2 b {
  color: #999;
  margin-left: 23px;
  margin-right: -5px;
  font-weight: normal; }

.goods-price-c2 strong {
  display: inline-block;
  margin: 0 5px;
  color: #fff;
  background-color: #3E3A39;
  width: 20px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  font-size: 14px;
  font-weight: 400; }

.goods-c2 ul {
  margin-top: 20px; }

.goods-c2 li {
  margin-bottom: 18px;
  line-height: 10px; }

.goods-c2 label {
  font-size: 14px;
  color: #999;
  margin-right: 24px;
  min-width: 4em;
  display: inline-block;
  text-align: justify;
  height: 14px; }

.goods-c2 label:after {
  content: '';
  width: 100%;
  height: 0;
  display: inline-block; }

.goods-c2 .tips {
  color: #999;
  margin-left: 20px; }

.goods-c2 a.tips:hover {
  color: #333; }

.goods-c2 .btn-goods {
  margin-right: 6px; }

.goods-c2 select {
  margin-right: 5px; }

.goods-c2 .icon62 {
  margin-left: 15px;
  margin-right: 5px; }

.goods-c2r2 {
  position: relative; }

.goods-c2r2 img {
  width: 44px;
  height: 44px;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  -webkit-transition: 0.5s -webkit-transform ease-in-out, 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 transform ease-in-out, 0.5s left linear, 0.5s top cubic-bezier(0.18, 0.89, 0.32, 1.28), 0.1s visibility 0.5s linear; }

.goods-c2r2 .icon {
  margin-left: 10px; }

.btn-buy.disable {
  border: 0 none;
  -webkit-border-radius: 0;
          border-radius: 0; }

.goods-c2r2 .btn {
  width: 134px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  margin-right: 10px;
  position: relative; }

.goods-c2r3 {
  position: relative;
  margin-top: 20px; }

.goods-c2r3 svg {
  fill: #E73736;
  stroke: #E73736;
  margin-right: 3px; }

.goods-c2r3 .icon-star02 {
  fill: #fff; }

.goods-c2r3 .text-important {
  font-size: 18px;
  margin-left: 10px;
  margin-right: 5px; }

.goods-share {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #666; }

.goods-activity {
  border: 1px solid #fddcdc;
  padding: 0 13px;
  height: 30px;
  line-height: 30px;
  color: #666;
  margin-top: -1px;
  position: relative; }

.goods-activity .label {
  margin-right: 11px;
  vertical-align: middle; }

.goods-activity b {
  color: #999;
  font-weight: normal; }

.goods-activity .icon67 {
  margin-left: 6px; }

.goods-activity-c1 {
  position: absolute;
  right: 17px;
  top: 0; }

.goods-activity-c1 a {
  color: #666; }

.goods-activity-detail {
  line-height: 24px;
  border: 1px solid #ffc3c3;
  background: #fff;
  position: absolute;
  left: 0;
  border-top: none;
  display: none;
  width: 100%;
  margin-left: -1px;
  z-index: 1; }

.goods-activity.active {
  border-style: solid;
  border-bottom-color: #fff; }

.goods-activity.active .goods-activity-detail {
  display: block; }

.goods-activity.active .icon67 {
  background-position: -132px -204px; }

.goods-activity-link {
  color: #3b86c4;
  margin-left: 10px; }

.goods-activity ul {
  margin-top: 0; }

.goods-activity li {
  height: 30px;
  line-height: 30px;
  margin-bottom: 0;
  border-top: 1px dotted #fedcdc;
  padding-left: 95px; }

.goods-nataral {
  color: #666;
  margin-bottom: 10px;
  line-height: 23px; }

.goods-nataral a {
  color: #B87C00;
  background: #FFD62C;
  height: 23px;
  line-height: 23px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  padding: 0 10px;
  display: inline-block;
  margin-left: 18px; }

.nataral-product-price2 {
  padding: 5px 5px 0;
  height: 30px;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  right: 658px;
  top: 410px;
  font-size: 12px;
  line-height: 15px;
  color: #999;
  text-align: center; }

.goods-collect {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  vertical-align: -3px;
  color: #666; }

.goods-collect svg {
  margin-right: 5px;
  vertical-align: middle;
  fill: #fff;
  stroke: #666;
  margin-top: -4px; }

.goods-collect.active svg {
  fill: #FF8134;
  stroke: none; }

.goods-tooltip {
  width: 195px;
  background: url(http://img0.sfht.com/cmsres/20151124/1c32a283-6474-4076-af6d-8143ca423681.png) no-repeat;
  height: 37px;
  line-height: 26px;
  text-align: center;
  position: absolute;
  font-size: 12px;
  left: -60px;
  top: -50px; }

.goods-tooltip a {
  color: #29BFD6; }

.goods-c2r2 .goods-collect .startCollection {
  position: relative;
  z-index: auto;
  width: 18px;
  height: 18px;
  vertical-align: text-top;
  margin-top: -2px;
  margin-right: 2px; }

.presell-money {
  margin-top: 15px; }

.presell-money span {
  font-size: 20px;
  margin-right: 20px;
  margin-left: 0; }

.goods-price-r1 .goods-activity-c1 {
  top: 20px; }

.presell-rules-box {
  position: absolute;
  background-color: #fff;
  font-size: 12px;
  z-index: 1;
  padding: 20px 30px;
  width: 350px;
  line-height: 1.5;
  border: 1px solid #E9E0D7;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  right: 10px;
  top: 45px; }

.presell-rules-bg {
  position: absolute;
  background: url(http://img0.sfht.com/cmsres/20160125/95a5fdfd-38ba-4ae4-9c24-c38c0709a4f4.png) 0 0 no-repeat;
  right: 40px;
  top: -9px;
  width: 20px;
  height: 12px;
  z-index: 1; }

.presell-rules-box h2 {
  color: #E73736; }

.presell-rules-box li {
  color: #666;
  margin-bottom: 0;
  line-height: 1.5; }

.goods-price-r1 .goods-activity-c1 span {
  font-size: 14px;
  color: #666; }

.presell-btn-buy {
  border: 0 none;
  background-color: #E73736;
  -webkit-border-radius: 0;
          border-radius: 0; }

.goods-c2r2 .btn-normal {
  border: 1px solid #E5E5E5;
  height: 43px;
  line-height: 43px;
  color: #666; }

.goods-over,
.goods-steal {
  width: 76px;
  height: 63px;
  text-indent: -999em;
  position: absolute;
  left: 339px;
  top: -10px; }

.goods-over {
  background: url(http://img0.fengqucdn.com/cmsres/20160217/3a32bb25-4915-4c34-99d2-db6d15830694.png) no-repeat; }

.goods-steal {
  background: url(http://img0.fengqucdn.com/cmsres/20160217/7a3ca683-582d-42f6-a929-7e33a879bce5.png) no-repeat; }

.presell-steps-icon {
  font-size: 10px; }

.presell-steps-icon:before {
  content: ' ';
  vertical-align: middle;
  display: inline-block;
  background-image: url("../svg/presell-steps.svg");
  background-repeat: no-repeat;
  background-size: 7.5em 27.5em; }

.no-svg .presell-steps-icon:before {
  background-image: url("../svg/presell-steps.png"); }

.presell-steps-icon.icon-presell01:before {
  background-position: -1em -1em;
  width: 4.7em;
  height: 4.7em; }

.presell-steps-icon.icon-presell02:before {
  background-position: -1em -7.7em;
  width: 5.5em;
  height: 5.4em; }

.presell-steps-icon.icon-presell03:before {
  background-position: -1em -15.1em;
  width: 4.7em;
  height: 4.7em; }

.presell-steps-icon.icon-presell04:before {
  background-position: -1em -21.8em;
  width: 4.7em;
  height: 4.7em; }

.presell-steps {
  background-color: #fff;
  margin-bottom: 20px;
  border: 1px dashed #979797; }

.presell-steps li {
  float: left;
  color: #969696;
  width: 287px;
  padding-right: 7px;
  text-align: center;
  height: 70px;
  padding-top: 18px;
  background: url(http://img0.sfht.com/cmsres/20160122/d95b5535-c629-4f62-a2ec-563c69f8cccf.png) right 0 no-repeat; }

.presell-steps .presell-steps-last {
  background: none; }

.presell-steps-inner {
  position: relative;
  display: inline-block;
  padding-left: 65px;
  text-align: left;
  height: 52px;
  line-height: 1.3; }

.presell-steps-icon {
  position: absolute;
  left: 0px;
  top: 0;
  width: 45px;
  height: 45px; }

.presell-steps h2 {
  font-size: 14px; }

.presell-steps p {
  color: #969696;
  font-size: 12px;
  margin-bottom: 0; }

.presell-steps02 h2 {
  margin-top: 20px; }

.match {
  background: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px 0; }

.match h2 {
  display: inline-block;
  font-size: 18px;
  padding: 0 14px 9px;
  border-bottom: 2px solid #dc3334;
  margin-bottom: -2px; }

.match-h {
  border-bottom: 2px solid #eee;
  margin: 0 50px; }

.match-c1 {
  width: 805px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: 225px;
  font-size: 0;
  letter-spacing: -0.5em; }

.match-c1 li:first-child {
  margin-left: 0; }

.match-c1 li {
  display: inline-block;
  font-size: 12px;
  letter-spacing: normal;
  white-space: normal;
  width: 140px;
  margin-left: 80px;
  position: relative; }

.match-c1 li a {
  display: inline-block;
  position: relative; }

.match-icon {
  font-size: 48px;
  color: #ccc;
  position: absolute;
  top: 50px;
  right: -54px; }

.match-c1 h3 {
  font-weight: normal;
  line-height: 19px;
  margin: 5px 0;
  height: 38px;
  overflow: hidden; }

.match-c1 img {
  border: 1px solid #e5e5e5; }

.match-c1 input {
  margin-right: 18px; }

.match-b {
  padding: 25px 50px; }

.match-r1 {
  margin-bottom: 30px; }

.match-c2 {
  position: relative; }

.match-c2 label {
  width: 3em;
  color: #a9a9a9; }

.match-c2 del {
  color: #a9a9a9; }

.match-c2 li {
  margin-bottom: 10px; }

.match-c2 ul {
  margin-bottom: 23px; }

.match-c2 .text-important {
  font-size: 14px;
  font-weight: bold;
  margin-right: 13px; }

.match-r2 .btn-danger {
  margin-right: 10px; }

.match-c2 .match-icon {
  right: auto;
  left: -54px; }

.match-none .match-r2 {
  position: relative; }

.match-none .match-r2:before {
  position: absolute;
  content: "";
  background: #FFFFFF;
  background: rgba(255, 255, 255, 0.5);
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  cursor: not-allowed; }

/*.match-c2 .tag-black{
  display: inline-block;
  background: #525252;
  color: #fff;
  position: relative;
  height: 22px;
  line-height: 22px;
  padding-left: 9px;
  padding-right: 4px;
}
.match-c2 .tag-black:before,
.match-c2 .tag-black:after{
  position: absolute;
  content: "";
  font-size: 0;
}
.match-c2 .tag-black:before{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  left: 0;
  top: 9px;

}
.match-c2 .tag-black:after{
  left: -22px;
  top: 0;
  border: 11px dashed transparent;
  border-right: 11px solid #525252;
}*/
.recommend {
  background: #fff;
  padding: 25px 50px;
  margin-bottom: 20px; }

.recommend h2 {
  font-size: 16px;
  color: #666;
  font-weight: normal;
  margin-bottom: 15px; }

.recommend h3 {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  margin-bottom: 10px;
  height: 28px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all; }

.recommend ul {
  margin-left: -15px; }

.recommend li {
  float: left;
  padding: 5px;
  width: 246px;
  margin-left: 15px;
  border: 1px solid #efefef;
  margin-bottom: 16px; }

.recommend li:hover {
  border-color: #ccc; }

.recommend img {
  max-width: 120px;
  max-height: 120px; }

.recommend-c1 {
  display: inline-block;
  vertical-align: middle;
  width: 93px; }

.recommend-r1 {
  font-size: 14px;
  color: #dc3334; }

.recommend-c2 {
  display: inline-block;
  width: 120px;
  height: 120px;
  text-align: center;
  vertical-align: middle;
  margin-right: 5px; }

.recommend-c2:after {
  content: '';
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

/*
@styleguide

# 小编推荐

  <div class="recommend2 clearfix">
      <h2 class="fl">小编推荐</h2>
      <p>新百伦这款夹克, New balance 新百伦女士放风立领软壳到评价普遍时质量好，价格很合理。但是衣服偏小。采用92%涤纶＋8%弹性纤维混合而成，防风且防水。插肩袖设计胸前有nb的logo。适合秋季a运动a穿着。</p>
  </div>

*/
.recommend2 {
  padding: 25px 50px 25px 44px;
  background: #fff;
  margin-bottom: 20px; }

.recommend2 h2 {
  font-size: 18px;
  line-height: 22px;
  width: 2em;
  color: #999;
  font-weight: normal;
  padding-right: 36px;
  padding-top: 19px;
  padding-bottom: 19px;
  border-right: 1px solid #eee; }

.recommend2 p {
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  padding: 20px 0 20px 38px;
  color: #666; }

.comment {
  padding: 20px 0; }

.comment-num {
  font-size: 18px;
  margin-right: 5px; }

.comment h3 {
  font-size: 14px;
  font-weight: normal; }

.comment-img {
  font-size: 0;
  height: 95px; }

.comment-img li {
  display: inline-block;
  border: 1px solid #ccc;
  margin-right: 10px;
  cursor: -webkit-zoom-in;
  position: relative;
  width: 80px;
  height: 80px;
  vertical-align: middle;
  text-align: center; }

.comment-img li img {
  max-width: 78px;
  max-height: 78px; }

.comment-img li span {
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.comment-img li.active {
  cursor: -webkit-zoom-out; }

.comment-img li.active:before {
  content: '';
  position: absolute;
  left: -4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  border: 1px solid #E13B3A;
  -webkit-border-radius: 3px;
          border-radius: 3px; }

.comment-img li.active:after {
  content: '';
  border-style: solid;
  border-width: 6px 5px;
  border-color: #E13B3A transparent transparent transparent;
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -5px; }

.comment-img-big {
  position: relative;
  text-align: center;
  margin-right: 35px; }

.comment-img-big-inner {
  position: relative; }

.comment-img-big li {
  display: none;
  cursor: -webkit-zoom-out;
  background: #fff;
  padding: 10px 0;
  margin-top: 15px; }

.comment-img-big li.active {
  display: block; }

.comment-img-big-prev,
.comment-img-big-next {
  width: 30px;
  height: 60px;
  z-index: 2;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  display: none; }

.comment-img-big-prev {
  background: url(//img0.fengqucdn.com/sfht/1.1.258/img/comment-img-prev.png) no-repeat;
  left: 19px; }

.comment-img-big-next {
  background: url(//img0.fengqucdn.com/sfht/1.1.258/img/comment-img-next.png) no-repeat;
  right: 19px; }

.comment-img-del {
  display: inline-block;
  vertical-align: top; }

.comment-img-del > li:hover {
  border-color: #E13B3A; }

.comment-add-img-del {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  background: #E13B3A;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  font-size: 12px; }

.comment-add-img-del:hover {
  color: #fff; }

.comment-img-del > li:hover .comment-add-img-del {
  display: block; }

.comment-img {
  font-size: 0;
  height: 95px; }

.comment-img li {
  display: inline-block;
  border: 1px solid #ccc;
  margin-right: 10px;
  cursor: -webkit-zoom-in;
  position: relative;
  width: 80px;
  height: 80px;
  vertical-align: middle;
  text-align: center; }

.comment-img li img {
  max-width: 78px;
  max-height: 78px; }

.comment-img li span {
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.comment-img li.active {
  cursor: -webkit-zoom-out; }

.comment-img li.active:before {
  content: '';
  position: absolute;
  left: -4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  border: 1px solid #E13B3A;
  -webkit-border-radius: 3px;
          border-radius: 3px; }

.comment-img li.active:after {
  content: '';
  border-style: solid;
  border-width: 6px 5px;
  border-color: #E13B3A transparent transparent transparent;
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -5px; }

.comment-img-big {
  position: relative;
  text-align: center;
  margin-right: 35px; }

.comment-img-big-inner {
  position: relative; }

.comment-img-big li {
  display: none;
  cursor: -webkit-zoom-out;
  background: #fff;
  padding: 10px 0;
  margin-top: 15px; }

.comment-img-big li.active {
  display: block; }

.comment-img-big-prev,
.comment-img-big-next {
  width: 30px;
  height: 60px;
  z-index: 2;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  display: none; }

.comment-img-big-prev {
  background: url(//img0.fengqucdn.com/sfht/1.1.258/img/comment-img-prev.png) no-repeat;
  left: 19px; }

.comment-img-big-next {
  background: url(//img0.fengqucdn.com/sfht/1.1.258/img/comment-img-next.png) no-repeat;
  right: 19px; }

.comment-img-del {
  display: inline-block;
  vertical-align: top; }

.comment-img-del > li:hover {
  border-color: #E13B3A; }

.comment-add-img-del {
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  color: #fff;
  background: #E13B3A;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  font-size: 12px; }

.comment-add-img-del:hover {
  color: #fff; }

.comment-img-del > li:hover .comment-add-img-del {
  display: block; }

.comment-additional {
  padding: 15px 10px 11px;
  margin-bottom: 10px;
  background: #F5F5F5;
  position: relative; }

.comment-additional:before {
  border-width: 9px 7px;
  border-style: solid;
  border-color: transparent transparent #F5F5F5 transparent;
  content: '';
  position: absolute;
  left: 24px;
  top: -17px; }

.comment-additional h4 {
  color: #999;
  font-weight: normal;
  margin-bottom: 8px; }

.comment-additional p {
  color: #666;
  line-height: 16px;
  margin-bottom: 5px; }

.comment-label {
  font-size: 0;
  overflow: hidden; }

.comment-label li {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #666;
  height: 27px;
  line-height: 27px;
  padding: 0 10px;
  background: #FFF4F4;
  margin-right: 10px; }

.comment-label li span {
  color: #aaa; }

.comment-list table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 32px; }

.comment-list th {
  height: 38px;
  line-height: 38px;
  background: #F5F5F5;
  color: #666; }

.comment-list thead tr {
  border: 1px solid #F5F5F5; }

.comment-list tbody tr {
  border: 1px solid #E5E5E5;
  border-top: none; }

.comment-list td {
  color: #999;
  padding: 32px 0;
  vertical-align: top; }

.comment-list .col1 {
  padding-left: 30px;
  width: 520px; }

.comment-list .col2 {
  width: 148px;
  padding-left: 80px; }

.comment-list .col3 {
  width: 140px; }

.comment-list .col4 {
  position: relative; }

.comment-list .col4 p {
  margin-bottom: 14px;
  line-height: 1.5; }

.comment-list .col4 a {
  color: #999; }

.comment-list .col4 a:hover {
  text-decoration: underline; }

.comment-list .p1 {
  margin-bottom: 10px;
  line-height: 20px;
  color: #333; }

.comment-list .p2 {
  color: #666;
  line-height: 20px; }

.comment-list .p3 {
  color: #666; }

.comment-list .p4 {
  text-align: center; }

.comment-list-expose {
  background: #FFFAFA; }

.comment-list-tag {
  background: #FF3465;
  height: 20px;
  line-height: 20px;
  color: #fff;
  padding-left: 18px;
  padding-right: 8px;
  position: absolute;
  right: 0;
  top: 24px; }

.comment-list-tag:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  border-style: solid;
  border-color: transparent transparent transparent #FFFAFA;
  border-width: 10px 8px; }

.comment-tab ul {
  font-size: 0;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 20px; }

.comment-tab li {
  display: inline-block;
  width: 154px;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.comment-tab li.active {
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  position: relative; }

.comment-tab li.active:before {
  content: '';
  height: 2px;
  background: #DB3437;
  position: absolute;
  left: 0;
  right: 0;
  top: 0; }

.comment-tab li span {
  color: #999; }

.comment-additional {
  padding: 15px 10px 11px;
  margin-bottom: 10px;
  background: #F5F5F5;
  position: relative; }

.comment-additional:before {
  border-width: 9px 7px;
  border-style: solid;
  border-color: transparent transparent #F5F5F5 transparent;
  content: '';
  position: absolute;
  left: 24px;
  top: -17px; }

.comment-additional h4 {
  color: #999;
  font-weight: normal;
  margin-bottom: 8px; }

.comment-additional p {
  color: #666;
  line-height: 16px;
  margin-bottom: 5px; }

.comment-label {
  font-size: 0;
  overflow: hidden; }

.comment-label li {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #666;
  height: 27px;
  line-height: 27px;
  padding: 0 10px;
  background: #FFF4F4;
  margin-right: 10px; }

.comment-label li span {
  color: #aaa; }

.comment-progress {
  width: 100px;
  background: #ccc;
  display: inline-block;
  margin-right: 21px; }

.comment-progress > div {
  height: 8px;
  background: #DB3437; }

/*
@styleguide

# 流程

<ul class="flow clearfix">
  <li><div class="flow-r1"><div class="flow-icon1"></div></div><h3>海外正品采买</h3><div class="flow-arrow flow-arrow-1"></div><div class="flow-arrow flow-arrow-2"></div></li>
  <li><div class="flow-r1"><div class="flow-icon2"></div></div><h3>海外&保税仓库备货</h3><div class="flow-arrow flow-arrow-1"></div><div class="flow-arrow flow-arrow-2"></div></li>
  <li><div class="flow-r1"><div class="flow-icon3"></div></div><h3>海关检验检疫</h3><div class="flow-arrow flow-arrow-1"></div><div class="flow-arrow flow-arrow-2"></div></li>
  <li><div class="flow-r1"><div class="flow-icon4"></div></div><h3>客户订单支付</h3><div class="flow-arrow flow-arrow-1"></div><div class="flow-arrow flow-arrow-2"></div></li>
  <li><div class="flow-r1"><div class="flow-icon5"></div></div><h3>快速清关</h3><div class="flow-arrow flow-arrow-1"></div><div class="flow-arrow flow-arrow-2"></div></li>
  <li><div class="flow-r1"><div class="flow-icon6"></div></div><h3>顶尖物流配送</h3></li>
</ul>
*/
.flow {
  background: url(//img0.fengqucdn.com/sfht/1.1.258/img/flow.png) no-repeat;
  height: 164px;
  text-indent: -999em;
  margin: 13px 0 30px; }

/*
@styleguide

# 详情页

*/
.detail-tab-b {
  display: none; }

.detail-tab-b.active {
  display: block; }

.detail-tab-h li {
  display: inline-block;
  font-size: 18px;
  padding: 0 14px;
  font-weight: normal;
  margin-bottom: -2px;
  margin-right: 10px; }

.detail-tab-h li a {
  color: #666; }

.detail-tab-h li.active {
  border-bottom: 2px solid #1abd6c; }

.detail-tab-h li.active a {
  color: #333; }

.detail-tab-h span {
  font-size: 14px; }

.detail-h ul {
  padding-top: 30px;
  margin: -2px 50px 0; }

.detail-h li {
  margin-bottom: 17px;
  width: 33.3%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.detail-tab-box {
 line-height: 48px;
    border-bottom: 2px solid #eee;
    margin: 10px 20px;
    background-color: #fff; }

.detail-tab-r {
  position: absolute;
  right: 30px;
  top: 0px;
  display: none; }

.detail-tab-box .btn {
  width: 110px;
  height: 48px;
  -webkit-border-radius: 0;
          border-radius: 0;
  border: 0 none;
  margin-left: 16px;
  vertical-align: top;
  background-color: #E73736; }

.detail-tab-r .text-important {
  font-size: 20px; }

.detail-tab-r .text-important em {
  font-size: 14px;
  font-weight: 400;
  margin-right: 3px; }

.detail-tab-r {
  color: #999;
  font-size: 12px; }

.detail-tab-cart {
  margin-left: 25px;
  position: relative; }

.detail-tab-cart .icon-cart {
  width: 23px;
  height: 20px; }

.detail-tab-dot {
  position: absolute;
  background-color: #E73736;
  color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  right: -10px;
  top: -10px; }

.detail-tab-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0px;
  z-index: 1;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }

.detail-tab-box.detail-tab-fixed {
  border-bottom: 0 none; }

.detail-tab-box-inner {
  margin: 0 auto;
  position: relative; }

.detail-tab-fixed .detail-tab-r {
  display: block; }

.detail-tab-fixed .detail-tab-h li.active {
  height: 45px;
  border-bottom: 3px solid #E73736; }

.detail-tab-fixed .detail-tab-h li {
  padding: 0;
  font-size: 14px;
  margin-right: 40px; }

.detail-tab-fixed .detail-tab-h {
  padding-left: 20px; }

.detail-tab-fixed .detail-tab-h li.active a {
  color: #E73736; }

.detail-tab-fixed .detail-tab-h li a {
  color: #333; }

/*
@styleguide

# 秒杀商品

*/
.goods-price {
  position: relative; }

.goods-seckill {
  position: absolute;
  top: -46px;
  left: 0;
  background: url(http://img0.sfht.com/img/7ea6babae43d09a44538c74ab58fd05b.jpg) no-repeat;
  width: 584px;
  height: 45px; }

.goods-seckill-c1 {
  margin: 11px 0 0 15px;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #007C84;
  display: inline-block;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  background: #fff;
  opacity: 0.7; }

.goods-seckill-c2 {
  display: inline-block;
  color: #fff;
  margin-left: 20px;
  font-size: 14px; }

.goods-seckill-c2 .text-important {
  color: #fff;
  font-size: 14px; }

.goods-seckill-c2 .text-important strong {
  font-size: 20px;
  padding: 0 2px; }

.text-gray, .text-gray span, .text-gray strong {
  color: #999; }

/*暂时未找到哪里有引用*/
.comment-progress {
  width: 100px;
  background: #ccc;
  display: inline-block;
  margin-right: 21px; }

.comment-progress > div {
  height: 8px;
  background: #DB3437; }

.comment-label {
  font-size: 0;
  overflow: hidden; }

.comment-label li {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 12px;
  color: #666;
  height: 27px;
  line-height: 27px;
  padding: 0 10px;
  background: #FFF4F4;
  margin-right: 10px; }

.comment-label li span {
  color: #aaa; }

.comment-h {
  border: 1px solid #E5E5E5;
  font-size: 0;
  padding: 24px 0;
  margin-bottom: 19px;
  overflow: hidden; }

.comment-h > div {
  font-size: 12px;
  float: left;
  vertical-align: middle;
  height: 92px;
  padding-top: 8px;
  padding-left: 40px; }

.comment-hc1 {
  border-right: 1px solid #E5E5E5;
  width: 228px; }

.comment-hc2 {
  border-right: 1px solid #E5E5E5;
  width: 539px;
  overflow: hidden; }

.comment-hc2 .comment-label {
  height: 74px; }

.comment-hc3 {
  width: 150px; }

.comment-hc1 h3 {
  margin-bottom: 15px; }

.comment-hc1 p {
  color: #999;
  margin-top: 15px; }

.comment h3 {
  font-size: 14px;
  font-weight: normal; }

.comment-hc2 h3 {
  margin-bottom: 8px; }

.comment-hc3 p {
  margin-top: 8px;
  margin-bottom: 16px;
  color: #666;
  line-height: 20px; }

/*
@styleguide

# faq

*/
.faq-icon1, .faq-icon2 {
  background: url(//img0.fengqucdn.com/sfht/1.1.258/img/faq.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px; }

.faq-icon1 {
  width: 24px;
  height: 25px; }

.faq-icon2 {
  width: 24px;
  height: 25px;
  background-position: -24px 0;
  margin-left: -40px; }

.faq {
  padding: 0 30px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px; }

.faq h3 {
  font-size: 28px;
  margin-bottom: 24px; }

.faq h4 {
  font-size: 18px;
  margin-bottom: 21px;
  font-weight: normal; }

.faq p {
  padding-left: 40px;
  margin-bottom: 40px;
  font-size: 14px;
  color: #666;
  line-height: 24px; }

/*
@styleguide

# 海淘对比

*/
.comparison-icon1, .comparison-icon2 {
  background: url(//img0.fengqucdn.com/sfht/1.1.258/img/comparison.png) no-repeat;
  display: inline-block;
  vertical-align: middle; }

.comparison {
  padding: 48px 27px;
  text-align: left;
  margin-top: 48px;
  margin-bottom: 48px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }

.comparison li {
  font-size: 14px;
  line-height: 2; }

.comparison h3 {
  padding-bottom: 6px;
  font-size: 24px; }

.comparison-c1 {
  padding-left: 70px;
  width: 440px; }

.comparison-c1 h3 {
  color: #dc3434;
  font-weight: normal; }

.comparison-c2 {
  overflow: hidden;
  padding-left: 44px;
  padding-left: 70px; }

.comparison-icon1 {
  width: 54px;
  height: 54px;
  margin-left: -70px;
  margin-right: 18px; }

.comparison-icon2 {
  width: 54px;
  height: 54px;
  margin-right: 18px;
  margin-left: -70px;
  background-position: -54px 0; }

/*
@styleguide

# 流程

*/
.notify {
  padding: 48px 30px; }

.notify h3 {
  color: #b5856d;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: normal; }

.notify h4 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal; }

.notify p,
.notify li {
  font-size: 14px;
  color: #666;
  line-height: 28px; }

.notify ul {
  padding-left: 15px; }

.notify li {
  list-style: inherit; }

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

.detail-h {
  font-size: 14px; }

.detail-h ul {
  padding-top: 30px;
  margin: -2px 50px 0; }

.detail-h li {
  margin-bottom: 17px;
  width: 33.3%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.detail-content {
  width: 990px;
  margin: 0 auto; 
  text-align:center;}

.detail-content strong{
  font-weight: bold; }

.detail-content h2 {
  background: url(http://img0.fengqucdn.com/cmsres/20160406/be035ab7-4cb8-4334-9d2c-b736bf9828a4.jpeg) no-repeat;
  font-size: 28px;
  color: #fff;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-weight: normal; }

.detail-content-parameter {
  padding-top: 4px;
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 23px; }

.detail-content-parameter img {
  float: left;
  margin-right: 71px; }

.detail-content-parameter dl {
  margin-bottom: 10px;
  line-height: 20px;
  overflow: hidden; }

.detail-content-parameter dt {
  color: #9B9B9B;
  float: left; }

.detail-content-parameter dt span {
  display: inline-block;
  width: 4em;
  text-align: justify;
  vertical-align: middle; }

.detail-content-parameter dt span:after {
  width: 100%;
  height: 0;
  display: inline-block;
  content: ''; }

.detail-content-parameter dd {
  overflow: hidden; }

.detail-content-parameter p {
  color: #FF6963;
  margin-top: 41px;
  line-height: 21px; }

.detail-content-parameter-c2 {
  overflow: hidden;
  padding-top: 4px; }

.detail-content-text {
  font-size: 14px;
  line-height: 24px;
  margin: 10px 0; }

.detail-content-img {
  width: 100%; }

.detail {
	border:1px solid #f1f1f1;
	margin-top:25px;
  background: #fff;
  margin-bottom: 20px;
  padding: 0 0 30px; }

.detail-b {
  padding: 0 50px; }

.register{width:562px;background:#fff;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-265px;border-radius:3px;z-index:3}.register.register-top{top:0;left:0;margin:0px;width:100%}.register h2{font-size:14px;height:52px;line-height:52px;padding-left:20px;background:url(http://img0.fengqucdn.com/sfht/1.1.258/img/register-h2.png) repeat-x;border-bottom:1px solid #E4E3E3;border-radius:3px 3px 0 0}.register-h{position:relative}.register-h .btn-close{position:absolute;right:16px;top:17px}.register-h .icon35{position:absolute;left:228px;top:-9px}.register-h .icon34{position:absolute;left:239px;top:-76px;z-index:-1}.register-h ul{background:#32363f;text-align:center;position:relative}.register-h li{display:inline-block;*display:inline;*zoom:1;height:46px;line-height:46px;margin:0 16px;position:relative}.register-h li a{display:block;color:#ccc}.register-h li span{position:absolute;bottom:0;left:50%;margin-left:-8px;display:none}.register-h .active span{display:block}.register-h .active a{color:#fff}.register-b{padding:40px 130px 40px;margin:0 16px;border-bottom:1px solid #EEE;display:none;background:#fff;position:relative}.register-b h3{margin-bottom:10px}.register-b.active{display:block}.register-b li{margin-bottom:9px}.register-b li p{font-size:12px;color:#949494;margin-top:12px}.register-b li .btn{width:112px;text-align:center;padding:0}.register-b .a1{color:#A3A2A3}.register-b .a1:hover{color:#333}.register-b .icon26{margin-top:5px;display:none}.register li{position:relative}.register li label{position:absolute;left:17px;top:13px;color:#999}.register li input{vertical-align:middle;width:253px;padding:12px 0 12px 16px;border:1px solid #CCCCCC;border-radius:3px;color:#999}.register li input:focus{color:#333}.register .input1{width:135px}.register .input2{width:126px}.register input:focus{box-shadow:0 0 10px rgba(102,175,233,0.5);border-color:#66afe9}.register-br1{margin-bottom:10px}.register-br2{text-align:right}.register-br2 a{color:#a3a2a3}.register-br2 a:hover{color:#333}.register-br2c1 input{margin-right:6px;vertical-align:middle}.register-fr2{border-top:1px solid #E4E4E4;height:65px;line-height:65px;text-align:center;color:#a3a2a3;background:#F7F7F7}.register-fr2 a{margin-left:12px;height:30px;line-height:30px;padding:0 30px}.register-f h3,.register-f p{margin-left:32px}.register-f h3{margin-bottom:5px}.register-b1{padding-top:121px;padding-bottom:142px;text-align:center}.register-b1 h3{margin-top:31px;font-size:14px}.register-b1 p{margin-top:20px;color:#a3a2a3}.register-b2{padding:125px 121px 179px}.register-b2r1{margin-bottom:16px}.register-b2r1 span{color:#67b222}.register-b2r2{margin-bottom:29px}.register-b2r3{margin-bottom:54px}.register-b2r4{text-align:center;margin-bottom:10px}.register-b2r4 a{color:#2a4dff;text-decoration:underline}.register-b2r5{text-align:center}.register-b3{padding-top:32px;padding-bottom:32px}.register-b4{padding-top:53px;padding-bottom:51px}.register-main{height:246px}.register-b-main{height:290px}.register-other{text-align:center}.register-other h3{color:#999;margin-bottom:26px;margin-top:25px;font-weight:normal;position:relative}.register-other h3:before,.register-other h3:after{content:'';position:absolute;width:52px;top:5px;border-bottom:1px solid #ededed}.register-other h3:before{left:0}.register-other h3:after{right:0}.register-other .icon{margin:0 13px}