@charset "UTF-8";
/* ellipsis，省略号，当超过宽度时，显示省略号 */
/* 兼容 inline-block */
/*清除浮动*/
/* 兼容最小高度 */
/*
可实现实虚三角
 */
/*栅格数量*/
.alert {
  padding: 8px 10px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-min {
  padding: 0 5px;
  margin-top: 5px;
  margin-bottom: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 8px 10px20; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger, .alert-fail {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr, .alert-fail hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link, .alert-fail .alert-link {
    color: #843534; }

@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #3e97eb; } }

#product-intro {
  margin-top: 10px;
  min-height: 460px;
  color: #878787;
  position: relative;
  position: relative; }
  #product-intro > .sub-1, #product-intro > .sub-2, #product-intro > .sub-3 {
    position: absolute;
    bottom: 0;
    top: 0; }
  #product-intro > .sub-1 {
    left: 0;
    width: 100px; }
  #product-intro > .sub-2 {
    left: 100px;
    width: 460px; }
  #product-intro > .sub-3 {
    position: relative;
    margin-left: 560px;
    margin-right: 0; }
  #product-intro .sub-1,
  #product-intro .sub-2 {
    z-index: 1; }
  #product-intro .sub-1 {
    overflow: hidden; }
  #product-intro .product-info li {
    padding: 5px 0; }
  #product-intro .product-info .product-title {
    color: #333;
    font-size: 28px;
    font-weight: bold;
    line-height: 38px; }
  #product-intro .product-info .product-no {
    text-align: right; }
  #product-intro .product-info .product-price {
    height: 66px;
    line-height: 66px;
    border-top: 1px solid #e0e0e0;
    color: #d42525;
    font-size: 30px; }
    #product-intro .product-info .product-price.markting-price {
      padding-left: 20px;
      border-top: none;
      background-color: #d42525;
      color: #FFF; }
      #product-intro .product-info .product-price.markting-price .btn {
        padding: 10px 30px;
        background-color: #fee97d;
        color: #d42525;
        font-size: 20px;
        border: none; }
      #product-intro .product-info .product-price.markting-price :before {
        position: absolute;
        right: 161px;
        top: 0;
        content: "";
        width: 0;
        height: 76px;
        font-size: 0;
        border-left: 2px dotted rgba(0, 0, 0, 0.25); }
      #product-intro .product-info .product-price.markting-price :after {
        position: absolute;
        left: 100%;
        top: 0;
        content: "";
        width: 5px;
        height: 0;
        font-size: 0;
        overflow: hidden;
        border-width: 38px 13px 38px 0;
        border-style: solid;
        border-color: #d42525 #FFF; }
      #product-intro .product-info .product-price.markting-price.end {
        background-color: #777; }
        #product-intro .product-info .product-price.markting-price.end .btn {
          background-color: #fff;
          color: #777; }
        #product-intro .product-info .product-price.markting-price.end :after {
          border-color: #777 #FFF; }

.product-main {
  position: relative;
  overflow: hidden; }
  .product-main > .sub-1 {
    float: left;
    width: 240px; }
  .product-main > .sub-2 {
    position: relative;
    margin-left: 240px;
    *margin-left: 0;
    margin-right: 0; }
  .product-main .item {
    width: auto; }

.goods-detail {
  margin-left: 20px; }

.bundling-list {
  position: relative;
  overflow: hidden; }
  .bundling-list > .sub-1 {
    float: left;
    width: 140px; }
  .bundling-list > .sub-2 {
    float: left;
    width: 900px; }
  .bundling-list > .sub-3 {
    position: relative;
    margin-left: 1040px;
    *margin-left: 0;
    margin-right: 0; }
  .bundling-list .item {
    position: relative; }
    .bundling-list .item .header {
      text-align: center; }
      .bundling-list .item .header i {
        position: absolute;
        left: -10px;
        top: 45px; }

.sub-list > .row-6 > .col-1, .sub-list > .row-6 > .col-2, .sub-list > .row-6 > .col-3, .sub-list > .row-6 > .col-4, .sub-list > .row-6 > .col-5, .sub-list > .row-6 > .col-6 {
  display: block;
  float: left;
  margin-right: 10px;
  margin-left: 10px; }

.sub-list > .row-6 {
  overflow: hidden;
  margin-right: -10px;
  margin-left: -10px; }

.sub-list .col {
  margin-right: 10px;
  margin-left: 10px; }

.sub-list > .row-6 > .col-1 {
  width: 133.33333px; }
  .sub-list > .row-6 > .col-1 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.sub-list > .row-6 > .col-2 {
  width: 286.66667px; }
  .sub-list > .row-6 > .col-2 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.sub-list > .row-6 > .col-3 {
  width: 440px; }
  .sub-list > .row-6 > .col-3 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.sub-list > .row-6 > .col-4 {
  width: 593.33333px; }
  .sub-list > .row-6 > .col-4 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.sub-list > .row-6 > .col-5 {
  width: 746.66667px; }
  .sub-list > .row-6 > .col-5 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.sub-list > .row-6 > .col-6 {
  width: 900px; }
  .sub-list > .row-6 > .col-6 .row {
    margin-right: -10px;
    margin-left: -10px;
    width: auto;
    overflow: hidden; }

.consult-q,
.consult-a,
.comment {
  position: relative;
  padding: 10px 0; }

.consult-q {
  border-top: 1px dashed #f0f0f0; }

.consult-footer {
  margin-top: 10px;
  height: 60px; }
  .consult-footer input {
    vertical-align: top; }

.comment {
  padding: 10px 0; }

.consult-item,
.comment-item {
  border-bottom: #eee 1px solid;
  margin-top: 20px; }

.consult-item .head,
.comment-item .head {
  width: 80px;
  text-align: center;
  position: absolute; }

.consult-item .head .arrow,
.comment-item .head .arrow {
  border-color: transparent #d5d5d5;
  color: #d5d5d5;
  border-width: 8px 12px 8px 0;
  left: 105px;
  margin-top: 20px;
  top: 0;
  z-index: 1000; }

.consult-item .head .arrow b,
.comment-item .head .arrow b {
  border-color: transparent #f6f5fb;
  color: #f6f5fb;
  border-width: 8px 12px 8px 0;
  margin-top: -8px;
  left: 2px; }

.consult-item .head .arrow b,
.consult-item .head .arrow,
.comment-item .head .arrow b,
.comment-item .head .arrow {
  border-style: dashed solid dashed dashed;
  font-size: 0;
  line-height: 0;
  position: absolute; }

.consult-item .head img,
.comment-item .head img {
  border-radius: 100%;
  border: #ccc 1px solid;
  display: block; }

.consult-content,
.comment-content {
  padding: 10px;
  margin-left: 117px;
  top: 0;
  background: #f6f5fb;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  position: relative;
  min-height: 100px; }
  .consult-content .goods-img,
  .comment-content .goods-img {
    display: block;
    float: left;
    margin-right: 10px; }
  .consult-content .title,
  .comment-content .title {
    border-bottom: 1px solid #dedede;
    padding-bottom: 5px;
    margin-bottom: 5px; }

.comment-content img {
  width: 60px;
  height: 60px;
  border: 1px solid #f1f1f1;
  margin-right: 10px; }

.comment-content .top {
  border-bottom: dotted 1px #ccc;
  text-align: right;
  padding: 5px 0;
  margin-bottom: 10px;
  height: 20px; }

.consult-a {
  margin-top: 20px; }

.consult-a .consult-content {
  right: 107px;
  top: 0;
  left: auto;
  margin-left: 224px; }

.consult-q .consult-content {
  margin-right: 107px; }

.consult-a .head {
  margin-left: auto;
  margin-right: 0;
  text-align: center;
  right: 0; }

.consult-a .head img {
  margin-left: auto;
  margin-right: 0; }

.consult-a .head .arrow {
  border-color: transparent #d5d5d5;
  color: #d5d5d5;
  border-width: 8px 0 8px 12px;
  left: auto;
  right: 95px;
  margin-top: 20px;
  top: 0;
  z-index: 1000; }

.consult-a .head .arrow b {
  border-color: transparent #fae6e6;
  color: #259bfd;
  border-width: 8px 0 8px 12px;
  margin-top: -8px;
  right: 2px;
  left: auto; }

.consult-a .head .arrow b,
.consult-a .head .arrow {
  border-style: dashed dashed dashed solid;
  font-size: 0;
  line-height: 0;
  position: absolute; }

.consult-a .consult-content {
  background: #fae6e6;
  color: #666;
  text-align: right; }

.comment-score {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 1px #999 dashed;
  background: #FFF7EE;
  text-align: center; }

.comment-score .circle {
  padding-left: 10px;
  height: 52px;
  font-size: 40px;
  color: #548325;
  display: block;
  font-style: normal;
  font-family: Arial;
  line-height: 50px;
  padding-top: 10px;
  border-bottom: 1px #ccc solid;
  margin-bottom: 15px; }

.comment-list .comment-top {
  position: relative;
  height: 160px;
  overflow: hidden; }

.comment-list .comment-top li {
  float: left; }

.comment-list .comment-top li.comment-grade {
  margin-left: 20px;
  width: 210px;
  padding: 10px 15px;
  border-right: dotted 1px #999; }

.comment-list .comment-top li.comment-action {
  float: right;
  padding-top: 20px; }

.comment-percent dt {
  float: left;
  width: 30px;
  line-height: 26px;
  display: block; }

.comment-percent dd.bar {
  float: left;
  width: 135px;
  background: #ccc;
  text-align: left;
  display: block;
  margin-top: 6px;
  height: 13px; }

.comment-percent dd.bar i {
  display: block;
  height: 13px;
  background: #d42525; }

.comment-percent dd.percent {
  float: left;
  width: 40px;
  line-height: 26px;
  text-align: right; }

.product_show li {
  width: 300px;
  margin-left: 13px;
  margin-top: 13px;
  float: left; }
  .product_show li .product {
    padding: 10px 0; }

.markting-info {
  width: auto;
  color: #999;
  border-top: #e5e5e5 1px dotted;
  border-bottom: #e5e5e5 1px dotted;
  height: 50px;
  padding-top: 10px; }
  .markting-info li {
    float: left;
    width: 33%;
    border-right: 1px solid #e5e5e5;
    text-align: center; }
    .markting-info li.end {
      border-right: none; }

.product-btns .btn {
  padding: 8px 56px; }
