@charset "utf-8";

/*
主题绿 #559632 红：#e3393c
*/

input,
button {
  outline: none;
}

.cls {
  clear: both;
}

.h20 {
  height: 20px;
  display: block;
  overflow: hidden;
}

/*01认证*/

/*===============认证================*/

.gui-qyrz {
  display: block;
  overflow: hidden;
  position: relative;
  padding-top: 40px;
}

.gui-qyrz:before {
  content: "";
  display: block;
  overflow: hidden;
  margin: 0 auto;
  background: url(../img/icon/icon-qyrz.jpg) no-repeat;
  width: 280px;
  height: 100px;
}

.gui-qyrz.gui-pass:before {
  background-image: url(../img/icon/icon-qyrz-lv.jpg);
}

.gui-qyrz .rz-tag {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: 140px;
  background: url(../img/icon/icon-tag-red.png) no-repeat;
  display: block;
  overflow: hidden;
  height: 25px;
  line-height: 25px;
  width: 68px;
  color: #fff;
  padding: 0px 3px 3px 7px;
  text-align: center;
}

.gui-qyrz .rz-tag-green {
  background-image: url(../img/icon/icon-tag-green.png);
}

.gui-qyrz h6 {
  color: #559632;
  text-align: center;
  font-size: 15px;
}

.gui-qyrz h6 i {
  color: #e3393c;
}

.gui-qyrz h6:before,
.gui-qyrz h6:after {
  content: "";
  display: inline-block;
  width: 50px;
  border-bottom: 2px solid #cdcdcd;
  vertical-align: middle;
  margin: 0px 10px;
}

/*===============个人认证================*/

.gui-grrz {
  display: block;
  overflow: hidden;
  position: relative;
  padding-top: 40px;
}

.gui-grrz:before {
  content: "";
  display: block;
  overflow: hidden;
  margin: 0 auto;
  background: url(../img/icon/icon-grrz.png) no-repeat;
  width: 280px;
  height: 100px;
}

.gui-grrz.gui-pass:before {
  background-image: url(../img/icon/icon-grrz-lv.png);
}

.gui-grrz .rz-tag {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: 140px;
  background: url(../img/icon/icon-tag-red.png) no-repeat;
  display: block;
  overflow: hidden;
  height: 25px;
  line-height: 25px;
  width: 68px;
  color: #fff;
  padding: 0px 3px 3px 7px;
  text-align: center;
}

.gui-grrz .rz-tag-green {
  background-image: url(../img/icon/icon-tag-green.png);
}

.gui-grrz h6 {
  color: #559632;
  text-align: center;
  font-size: 15px;
}

.gui-grrz h6 i {
  color: #e3393c;
}

.gui-grrz h6:before,
.gui-grrz h6:after {
  content: "";
  display: inline-block;
  width: 50px;
  border-bottom: 2px solid #cdcdcd;
  vertical-align: middle;
  margin: 0px 10px;
}
.gui-grrz > a {
  display: block;
  width: 200px;
  background: #559632;
  color: #fff;
  height: 44px;
  line-height: 44px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
}

.gui-grrz a:hover {
  color: #fff;
}

.gui-grrz > div {
  background: #e8e8e8;
  padding: 30px;
  border-radius: 20px;
  display: block;
  overflow: hidden;
  width: 600px;
  margin: 0 auto;
}

.gui-grrz > div strong {
  color: #000;
}

.gui-grrz > div p {
  color: #666;
}

/*.gui-step { display: block; overflow: hidden; text-align: center; padding: 75px 0px;}
.gui-step li { display: inline-block; width: 160px; padding-left: 20px; background: url(../img/icon/icon-arrow.jpg) no-repeat; background-position: right center; }
.gui-step li:last-child { background: none; width: 100px;}
.gui-step li em { display: block; overflow: hidden; text-align: center; line-height: 100px; width: 100px; height: 100px;border:2px solid #CDCDCD; border-radius: 50%; color: #559632; font-size: 15px; background: url(../img/icon/icon-step.jpg) no-repeat;}
.gui-step li:nth-child(1) em { background-position: 12px 0px;}
.gui-step li:nth-child(2) em { background-position: 12px -100px;}
.gui-step li:nth-child(3) em { background-position: 12px -200px;}
.gui-step li:nth-child(4) em { background-position: 12px -300px;}*/

.gui-step {
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 75px 0px;
}

.gui-step li em {
  display: block;
  text-align: center;
  color: #666;
  font-weight: bold;
  line-height: 24px;
  font-style: normal;
}

.gui-step li i {
  display: block;
  overflow: hidden;
  line-height: 36px;
  text-align: center;
  color: #559632;
}

.gui-step li.fail i {
  color: #e3393c;
}

.gui-step li a {
  display: inline-block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  background: #559632;
  color: #fff;
  text-align: center;
  border-radius: 3px;
}

.gui-step li:before {
  content: "";
  display: block;
  overflow: hidden;
  height: 100px;
  width: 100px;
  margin: 0 auto;
  background: url(../img/icon/icon-step.jpg) no-repeat;
}

.gui-step li:nth-child(1):before {
  background-position: 0px 0px;
}

.gui-step li:nth-child(2):before {
  background-position: 0px -100px;
}

.gui-step li:nth-child(3):before {
  background-position: 0px -200px;
}

.gui-step li:nth-child(4):before {
  background-position: 0px -300px;
}

.gui-step li {
  display: inline-block;
  width: 180px;
}

.gui-qyrz > a {
  display: block;
  width: 200px;
  background: #559632;
  color: #fff;
  height: 44px;
  line-height: 44px;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 3px;
  text-align: center;
  font-size: 18px;
}

.gui-qyrz a:hover {
  color: #fff;
}

.gui-qyrz > div {
  background: #e8e8e8;
  padding: 30px;
  border-radius: 20px;
  display: block;
  overflow: hidden;
  width: 600px;
  margin: 0 auto;
}

.gui-qyrz > div strong {
  color: #000;
}

.gui-qyrz > div p {
  color: #666;
}

/*===============弹窗================*/

.modal {
  display: none;
}

.rzmodal {
  width: 300px;
  padding: 10px 20px 10px;
}

.rzmodal h3 {
  color: #559632;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 70px;
}

.rzmodal p {
  color: #e3393c;
  font-size: 13px;
}

.rzmodal a {
  display: block;
  overflow: hidden;
  margin: 30px auto;
  width: 182px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #559632;
  color: #ffffff;
  font-size: 16px;
  border-radius: 3px;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.rzmodal a:hover {
  color: #fff;
}

.rzmodal i {
  color: #a7a7a7;
  font-size: 15px;
  display: block;
  text-align: center;
}

/*===============面包屑================*/

.gui-bread {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 5px 0px;
  background: url(../img/dingwei_iocn.png) 5px 7px no-repeat;
  padding-left: 18px;
}

.gui-bread em {
  color: #999;
  padding-right: 3px;
  padding-left: 5px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
}

.gui-bread > a {
  color: #333;
  padding: 0px 3px;
  line-height: 20px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
.gui-bread .ico {
  font-family: "SimSun";
  margin: 0;
}

.gui-search-result {
  display: block;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 0px 0px;
  height: 32px;
  line-height: 32px;
  border: solid #ddd;
  border-width: 1px 0px;
  background: #f0f0f0;
}

.gui-search-result b {
  color: #666;
  padding: 0px 5px;
  font-size: 14px;
}

.gui-search-result b:nth-child(1) {
  color: #559632;
}

/*===============菜单================*/

.gui-menu > li {
  display: block;
  overflow: hidden;
}

.gui-menu > li em {
  display: block;
  position: relative;
  height: 45px;
  cursor: pointer;
  user-select: none;
  color: #fff;
  background: #959595;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  line-height: 45px;
  transition: all 0.3s;
}

.gui-menu > li em:before {
  content: "";
  display: block;
  overflow: hidden;
  float: left;
  width: 50px;
  height: 24px;
  margin-top: 9px;
  background-image: url(../img/ico1.png);
  background-repeat: no-repeat;
}

.gui-ico1:before {
  background-position: 15px 4px;
}

.gui-ico2:before {
  background-position: 15px -18px;
}

.gui-ico3:before {
  background-position: 15px -38px;
}

.gui-ico4:before {
  background-position: 15px -58px;
}

.gui-ico5:before {
  background-position: 15px -80px;
}

.gui-ico6:before {
  background-position: 15px -103px;
}

.gui-ico7:before {
  background-position: 15px -126px;
}

.gui-ico8:before {
  background-position: 15px -153px;
}

.gui-menu > li em:after {
  content: "";
  display: block;
  overflow: hidden;
  width: 20px;
  height: 15px;
  background-image: url(../img/arrow.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 20px;
  top: 15px;
}

.gui-menu > li.active em:after {
  background-position: 0px -15px;
  top: 18px;
  right: 22px;
}

.gui-menu > li.active em,
.gui-menu > li:hover em {
  background: #559632;
}

.gui-menu > li.active ul {
  height: auto;
}

.gui-menu > li.current em {
  background: #559632;
}

.gui-menu ul {
  display: block;
  overflow: hidden;
  height: 0;
}

.gui-menu ul li {
  display: block;
  overflow: hidden;
  height: 45px;
}

.gui-menu ul li a {
  display: block;
  overflow: hidden;
  line-height: 45px;
  padding-left: 45px;
  color: #555;
  font-size: 14px;
  background: #ddd url(../img/caigou_zhongxin_dian_iocn.png) 32px 20px no-repeat;
  transition: all 0.3s;
}

.gui-menu ul li a:hover {
  background-color: #ccc;
}

.gui-menu ul li.on a {
  color: #559632;
  font-weight: bold;
}

/*================轮播===============*/

.gui-channel-slider {
  position: relative;
  display: block;
  width: 1200px;
  height: 400px;
  clear: both;
  overflow: hidden;
  margin: 0 auto;
}

.gui-channel-slider .owl-carousel {
  position: absolute;
  width: 100%;
  height: 100%;
}
.gui-channel-slider .owl-carousel .owl-dot span {
  display: none !important;
}

/*================搜索联想=============*/

.gui-search-top {
  display: block;
  overflow: hidden;
}

.gui-search-top li {
  display: block;
  width: 60px;
  cursor: pointer;
  float: left;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: #f0f0f0;
  border-radius: 5px 5px 0px 0px;
  margin-right: 2px;
}

.gui-search-top li.active {
  background: #559632;
  color: #fff;
}

.gui-search-box {
  display: block;
  height: 37px;
  border: 2px solid #559632;
  border-radius: 0px 5px 5px 5px;
  position: relative;
  padding-left: 40px;
  background: url(../img/soso_iocn.png) 10px 10px no-repeat;
  box-sizing: content-box;
}

.gui-search-box input {
  border: none;
  width: 500px;
  height: 35px;
  line-height: 35px;
  float: left;
}

.gui-search-box button {
  position: absolute;
  right: 0;

  cursor: pointer;
  background: #559632;
  color: #ffffff;
  border: none;
  height: 37px;
  line-height: 37px;
  width: 100px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.gui-search-think {
  position: absolute;
  display: none;
  background: #f7f7f7;
  overflow: hidden;
  z-index: 99;
  top: 39px;
  left: -1px;
  width: 100%;
  border: 1px solid #e0e0e0;
}

.gui-search-think:before {
  content: "";
  display: block;
  overflow: hidden;
  background: #fff;
  left: 0;
  right: 180px;
  position: absolute;
  height: 100%;
  border-right: 1px dashed #e0e0e0;
}

.gui-search-name {
  display: block;
  width: 365px;
  float: left;
  position: relative;
  z-index: 2;
  max-height: 305px;
  overflow: auto;
}

.gui-search-name li {
  display: block;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  color: #999;
  font-size: 12px;
  background: #fff;
}

.gui-search-name li:hover,
.gui-search-name li.active {
  background: #f7f7f7;
}

.gui-search-name li a {
  color: #666;
  font-size: 12px;
  display: block;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}

.gui-search-name li i {
  color: #333;
  font-size: 14px;
}

.gui-search-guige {
  display: block;
  width: 170px;
  float: right;
  padding-top: 10px;
  max-height: 305px;
  overflow: auto;
}

.gui-search-guige ul {
  display: none;
}

.gui-search-guige li {
  display: block;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  margin: 0px 5px 5px 0px;
}

.gui-search-guige li a {
  display: inline-block;
  overflow: hidden;
  background: #fff;
  line-height: 26px;
  color: #888;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 0px 3px;
}

.gui-search-guige li a:hover {
  color: #559632;
}

/*=======首页广告========*/

#topDialog .jBox-container {
  background: none;
  box-shadow: none;
}

#topDialog .jBox-closeButton {
  top: -28px;
  bottom: auto;
  height: 40px;
  width: 40px;
  /*border: 2px solid #FFF;*/
  background-color: #fff;
  left: auto;
  right: -28px;
  margin-left: -22px;
}

#topDialog .jBox-closeButton path {
  fill: rgba(0, 0, 0, 0.9);
}

#topDialog .jBox-closeButton svg {
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-right: -12px;
}

/*================404 502==============*/

@media (max-width: 780px) {
  .gui-error-page {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .gui-error-page .header,
  .gui-error-page .renzheng_wangzhan,
  .gui-error-page .bangzu_nr,
  .gui-error-page .footer,
  .gui-error-page #right-sidebar,
  .gui-error-page .footer_bai {
    display: none;
  }
  .gui-error-page .sls {
    position: absolute;
    height: auto;
    left: 50%;
    top: 40%;
    margin: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .gui-error-page .sls img {
    width: 300px;
    display: block;
    margin: 0 auto;
  }
  .gui-error-page .sls b {
    font-size: 20px;
  }
  .gui-error-page .sls p {
    font-size: 14px;
    margin-top: 10px;
  }
  .gui-error-page .sls a {
    font-size: 15px;
    margin-top: 20px;
    height: 40px;
    line-height: 40px;
  }
  .gui-error-page .sls_500 {
    position: absolute;
    height: auto;
    left: 50%;
    top: 40%;
    margin: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .gui-error-page .sls_500 div img {
    width: 420px;
    display: block;
    margin: 0 auto;
  }
  .gui-error-page .sls_500 p {
    font-size: 15px;
  }
  .gui-error-page .sls_500 p img {
    width: 24px;
  }
  .gui-error-page .sls_500 a,
  .gui-error-page .sls_500 a.fhsyb {
    height: 40px;
    line-height: 36px;
    border: 2px solid #559632;
    font-size: 14px;
    margin: 20px 10px;
    vertical-align: middle;
    box-sizing: border-box;
  }
  .gui-error-page .sls_500 .zxkf {
    font-size: 14px;
  }
}

/*-------------------购物车---------------------*/

#cart {
  display: none;
}

.mb10 {
  margin-bottom: 10px;
}

.gui-table {
  display: block;
  clear: both;
  width: 100%;
  box-sizing: border-box;
}

.gui-table > li {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

.gui-table > li > span,
.gui-table > li > div {
  display: table-cell;
  width: 12%;
  padding: 10px 5px;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  border-left: 1px solid #e5e5e5;
}

.gui-table > li > span:nth-child(1) {
  width: 6%;
  border: none;
}

.gui-table li .gui-price {
  width: 17%;
  text-align: center;
}

.gui-table li > div {
  width: auto;
  text-align: left;
}

.gui-table li div.gui-num {
  width: 10%;
}

.gui-table li.th,
.gui-table li.th:hover {
  background: #559632;
  color: #fff;
  border-color: #559632;
}

.gui-table li.tname,
.gui-table li.tname:hover {
  background: #f3f3f3;
  overflow: visible;
  border: 1px solid #e7e7e7;
  border-bottom: 2px solid #559632;
}

.gui-table li.tname > span,
.gui-table li.tname > div {
  border-color: #f3f3f3;
}

.gui-table li.tname em {
  float: left;
  padding-right: 10px;
}

.gui-table li.th span,
.gui-table li.th div {
  border-color: #559632;
}

.gui-table li.th span a {
  background: #2a4b19;
  color: #fff;
  font-size: 12px;
  float: right;
  width: 30px;
  line-height: 17px;
  margin: -10px -6px -10px 0px;
  padding: 5px 5px;
  height: 34px;
}

.gui-table li span.gui-table-world {
  width: 47%;
  font-size: 12px;
}

.gui-btn-sq:after {
  content: "全部展开";
}

.gui-btn-sq.gui-active:after {
  content: "全部收起";
}

.gui-cart-zd {
  background: #559632;
  padding: 4px 16px;
  border-radius: 3px;
  cursor: pointer;
}

.gui-cart-zd:hover {
  background: #488527;
}

.gui-cart-zd:after {
  content: "收缩";
  color: #fff;
}

.gui-active .gui-cart-zd:after {
  content: "展开";
}

.gui-table li span.gui-table-world i {
  margin: 0px 0px;
}

.gui-table li dl dt {
  display: block;
  overflow: hidden;
  float: left;
  width: 100px;
  height: 100px;
}

.gui-table li dl dt img {
  width: 100px;
  height: 100px;
}

.gui-table li dl dd {
  margin-left: 110px;
  line-height: 25px;
}

.gui-table li dl dd span.wp-2 {
  display: inline-block;
  width: 24px;
}

.gui-table li:hover {
  background: #fafafa;
}

.gui-item-state {
  position: relative;
}

.gui-item-state:before {
  content: "";
  display: block;
  overflow: hidden;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: center center no-repeat;
  background-size: 120px 120px;
}

.gui-icon-zx {
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 8px;
  display: block;
  overflow: hidden;
  height: 25px;
  width: 25px;
  background: url(../img/huiyuan_zhuanxiang.png) no-repeat;
  background-size: 25px 25px;
}

.gui-item-state .gui-icon-tm {
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 2px;
  display: block;
  overflow: hidden;
  height: 50px;
  width: 50px;
  background: url(../img/temai.png) no-repeat;
  background-size: 100% 100%;
}
.gui-item-state .gui-icon-mj {
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 2px;
  display: block;
  overflow: hidden;
  height: 50px;
  width: 50px;
  background: url(../img/manjian.png) no-repeat;
  background-size: 100% 100%;
}
.gui-item-state .gui-icon-ms {
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 2px;
  display: block;
  overflow: hidden;
  height: 50px;
  width: 50px;
  background: url(../img/miaosha.png) no-repeat;
  background-size: 100% 100%;
}
.gui-item-state.gui-item-state1:before {
  background-image: url(../img/cart001.png);
}

.gui-item-state.gui-item-state2:before {
  background-image: url(../img/cart002.png);
}

.gui-item-state.gui-item-state3:before {
  background-image: url(../img/cart003.png);
}

.gui-item-state.gui-item-state4:before {
  background-image: url(../img/cart004.png);
}

.gui-item-state.gui-item-state5:before {
  background-image: url(../img/cart005.png);
}

.gui-item-state.gui-item-state6:before {
  background-image: url(../img/cart006.png);
}

.gui-item-state.gui-item-store4:before {
  background-image: url(../img/cart007.png);
  background-repeat: no-repeat;
  background-size: 84px 84px;
}
.gui-item-state.gui-item-store5:before {
  background-image: url(../img/cart008.png);
  background-repeat: no-repeat;
  background-size: 84px 84px;
}

.gui-item-state.gui-item-store21:before {
  background-image: url(../img/cart009.png);
  background-repeat: no-repeat;
  background-size: 84px 84px;
}

.gui-item-state.gui-item-store22:before {
  background-image: url(../img/cart010.png);
  background-repeat: no-repeat;
  background-size: 84px 84px;
}

.gui-table-border {
  border-left: 1px solid #e5e5e5;
}

.gui-table-border li {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.gui-num div {
  width: 100px;
  height: 30px;
  box-sizing: border-box;
  position: relative;
  padding: 0px 30px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.gui-num button {
  display: block;
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border: none;
  background: #e5e5e5;
}

.gui-num button:nth-child(3) {
  left: auto;
  right: 0;
}

.gui-num input {
  width: 38px;
  display: block;
  text-align: center;
  height: 28px;
  line-height: 28px;
  border: solid #e5e5e5;
  border-width: 0px 1px;
  float: left;
}

.gui-table li span.gui-ctrl a {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 28px;
  line-height: 28px;
  margin: 3px 0px;
  border-radius: 3px;
  color: #666;
}

.gui-table li span.gui-ctrl a:hover {
  color: #559632;
}

.gui-table li span.gui-ctrl a.btn-green {
  background: #559632;
  color: #fff;
}

.gui-table li span.gui-ctrl a.btn-green:hover {
  background: #448621;
  color: #fff;
}

.gui-table li span.gui-ctrl a.btn-grey {
  background: #e5e5e5;
  color: #fff;
}

.gui-table li span.gui-ctrl a.btn-red {
  background: #e3393c;
  color: #fff;
}

.gui-table li span.gui-ctrl a.btn-red:hover {
  background: #c72023;
  color: #fff;
}

.gui-table li div.gui-price {
  line-height: 24px;
}

.gui-table li div.gui-price i {
  display: block;
  overflow: hidden;
  text-align: center;
}

.font-red {
  color: #e3393c;
}

.gui-ticket {
}

.gui-ticket {
  display: block;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  text-align: center;
  z-index: 99;
  background: url(../img/icon/cart-coupon-icons02.png) no-repeat;
  width: 80px;
  height: 24px;
  line-height: 24px;
}

.gui-ticket:hover {
  position: relative;
  background-position: 0px -34px;
}

.gui-ticket:hover .gui-ticket-box {
  display: block;
}

.gui-ticket .gui-ticket-box {
  position: absolute;
  z-index: 100;
  display: none;
  top: 24px;
  left: 0px;
  background: #fff;
  border: 1px solid #e4393c;
  border-radius: 3px;
  width: 300px;
  padding: 5px 10px;
}

.gui-ticket .gui-ticket-box li,
.gui-ticket ul li:hover {
  text-align: left;
  background: none;
  height: 24px;
  line-height: 24px;
  padding: 3px 0px;
}

.gui-ticket .gui-ticket-box li a {
  float: right;
  display: block;
  height: 24px;
  line-height: 24px;
  width: 60px;
  text-align: center;
  background: #e3393c;
  color: #fff;
  border-radius: 3px;
}

.gui-ticket .gui-ticket-box li a.btn-grey {
  background: #c5c5c5;
}

/*.gui-ticket ul:before { content: ''; position: absolute; top: -8px; left: 34px; box-sizing: border-box; display: block; height: 8px; width: 8px; border:4px solid transparent; border-bottom-color: #e4393c;}*/

.gui-table .tresult:hover {
  background: #fff;
}

.gui-table .tresult span {
  text-align: right;
  width: auto !important;
  line-height: 32px;
  padding: 30px 0px;
  border: none;
}

.gui-table .tresult span:nth-child(2) {
  width: 20% !important;
  padding: 30px 5px;
  text-align: left;
}

.gui-table .tresult span strong {
  font-weight: bold;
}

.gui-cart {
  display: block;
  position: relative;
  margin-bottom: 15px;
}

.gui-cart > a {
  position: absolute;
  cursor: pointer;
  transition: all 0.3s;
  right: -14px;
  top: 0px;
  border-radius: 0px 3px 3px 0px;
  display: block;
  height: 35px;
  text-align: center;
  padding: 6px 0px;
  width: 15px;
  background: #559632;
  color: #fff;
  font-size: 12px;
}

.gui-cart > a:hover {
  color: #fff;
  background: #448621;
}

.gui-cart > a:before {
  content: "折叠";
}

.gui-cart.gui-active > a:before {
  content: "展开";
}

.gui-cart.gui-active .gui-table-border {
  display: none;
}

.gui-cart-result {
  display: block;
  height: 50px;
  padding-top: 25px;
}

.gui-cart-result.gui-fixed > div {
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 99;
}

#cartTname.gui-fixed ul {
  position: fixed;
  z-index: 100;
  width: 1160px;
  top: 0;
}

.gui-cart-result > div {
  display: block;
  position: relative;
  height: 50px;
  width: 1160px;
  box-sizing: border-box;
  margin: 0 auto;
  background: #f3f3f3;
  border: 1px solid #cdcdcd;
  color: #559632;
  line-height: 50px;
  text-align: right;
}

.gui-cart-result a {
  float: left;
  display: block;
  width: 90px;
  line-height: 50px;
  text-align: center;
}

.gui-cart-result a.gui-submit {
  float: right;
  width: auto;
  padding: 0px 35px;
  height: 50px;
  background: #cdcdcd;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-left: 15px;
}

.gui-cart-result a.gui-submit.gui-submit-green {
  background: #559632;
  color: #fff;
}

.gui-cart-result span.gui-message {
  position: absolute;
  top: -30px;
  right: 0px;
  font-size: 12px;
  background: #e3393c;
  color: #fff;
  padding: 0px 5px;
  border-radius: 3px;
  line-height: 24px;
  height: 24px;
}

.gui-cart-result span.gui-message:after {
  content: "";
  position: absolute;
  display: block;
  top: 24px;
  right: 56px;
  height: 8px;
  width: 8px;
  box-sizing: border-box;
  border: 4px solid transparent;
  border-top-color: #e3393c;
}
.gui-cart-result span.gui-ticket {
  position: relative;
  top: 12px;
  z-index: 98;
  background-image: url(../img/icon/cart-coupon-icons03.png);
}
.gui-cart-result span.gui-ticket div {
  top: auto;
  bottom: 25px;
}
.gui-hd,
.gui-hd > span {
  position: relative;
  overflow: visible !important;
  position: relative;
}

.gui-hd > span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #ff344a;
  background-size: 20px 20px;
  color: #fff;
  border-radius: 3px;
}

.gui-hd .gui-hd1:before {
  content: "特";
}

.gui-hd .gui-hd2:before {
  content: "秒";
}

.gui-hd .gui-hd3:before {
  content: "满";
}

.gui-hd ul {
  position: absolute;
  display: none;
  width: 180px;
  left: 0%;
  top: 20px;
  border: 1px solid #e3393c;
  background: #fff;
  z-index: 7;
  border-radius: 3px;
  padding: 2px 3px;
}

.gui-hd ul li {
  display: block;
  overflow: hidden;
  border: none;
  color: #666;
  font-size: 13px;
  cursor: inherit;
  text-align: left;
}

.gui-hd ul li:hover {
  background: none;
}

.gui-hd > span:hover ul {
  display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.gui-loading-block {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gui-loading-block:before {
  content: "";
  z-index: 2;
  position: absolute;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  margin-left: -40px;
  margin-top: -40px;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.3);
}

.gui-loading-block span {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: 1px #fff solid;
  border-radius: 50%;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  -webkit-animation: rotation 1s ease-in-out infinite;
  -moz-animation: rotation 1s ease-in-out infinite;
  animation: rotation 1s ease-in-out infinite;
}

.gui-loading-block span:after {
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes rotation {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*双十二弹窗*/

.gui-do-game-fixed {
  position: fixed;
  right: 30px;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
  z-index: 999998;
}

.gui-do-game-fixed:before {
  content: "";
  display: block;
  width: 200px;
  height: 200px;
  background: url(../img/doubletwelve/do-rbag.png) no-repeat;
  background-size: 100% 100%;
  animation: bounce2 0.6s 1s infinite;
}

.gui-do-popover {
  position: fixed;
  overflow: hidden;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
}

.gui-do-popover img {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 410px;
  height: 603px;
  transform: translate(-50%, -60%);
  -webkit-transform: translate(-50%, -60%);
}

.gui-do-popover .gui-do-close {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  transform: translate(-15px, 280px);
  -webkit-transform: translate(-15px, 280px);
  display: block;
  overflow: hidden;
  font-size: 16px;
  line-height: 26px;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background: #df172e;
}

#rbdialog i {
  position: absolute;
  z-index: 1;
  opacity: 1;
  background: url(../img/doubletwelve/do-eb-img.png) no-repeat;
  width: 80px;
  height: 103px;
  display: block;
}

/*animate*/

@keyframes bounce2 {
  0%,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}

/*逛商铺*/
.gui-mall {
  display: block;
  overflow: hidden;
  background: #f5f5f5 url(../img/mall/bg.png) top center no-repeat;
}
.gui-wrap1200 {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 1200px;
}
.gui-mall-title {
  display: block;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
  padding-left: 150px;
  color: #000;
}
.gui-mall-title a {
  display: block;
  float: right;
  width: 100px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #ff344a;
  border-radius: 3px;
}
.gui-mall-title a:hover {
  color: #fff;
  background: #f12238;
}
.gui-mall-title01 {
  background: url(../img/mall/mall-title01.png) left center no-repeat;
}
.gui-mall-title02 {
  background: url(../img/mall/mall-title02.png) left center no-repeat;
}

.gui-mall-list {
  display: block;
  overflow: hidden;
  background: #fff;
  position: relative;
  height: 280px;
  border-bottom: 3px solid #f5f5f5;
  margin-bottom: 10px;
  transition: all 0.5s;
}
.gui-mall-list:hover {
  border-bottom-color: #559632;
}
.gui-mall-list dt {
  display: block;
  float: left;
  width: 490px;
  height: 260px;
  position: relative;
  padding-top: 20px;
  border-right: 1px solid #e7e7e7;
}
.gui-mall-list dt:after {
  content: "";
  position: absolute;
  top: 100px;
  right: -2px;
  background: url(../img/mall/line-bg.png) no-repeat;
  display: block;
  width: 4px;
  height: 80px;
}
.gui-mall-list dd {
  float: right;
  display: block;
  overflow: hidden;
  padding-right: 60px;
  padding-top: 20px;
  width: 620px;
  height: 260px;
  position: relative;
}

.gui-mall-list dt span {
  display: inline-block;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 30px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  background: #ededed;
  color: #666;
  position: relative;
}
.gui-mall-list dt span:after {
  content: "";
  display: block;
  position: absolute;
  right: -20px;
  top: 0px;
  width: 30px;
  height: 30px;
  background: #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.gui-mall-list dt img {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  height: 80px;
}
.gui-mall-list dt h3 {
  display: block;
  text-align: center;
  padding: 5px 30px;
  color: #000;
  font-weight: bold;
}
.gui-mall-list dt h3 i {
  background: #ff344a;
  color: #fff;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.gui-mall-list dt h3:after {
  content: "";
  display: block;
  margin-top: 15px;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background: #ccdfc1;
}
.gui-mall-list dt ul {
  display: table;
  width: 100%;
  padding: 10px 0px;
}
.gui-mall-list dt ul li {
  display: table-cell;
  width: 1%;
  vertical-align: middle;
  padding: 5px 0px;
  text-align: center;
  border-left: 1px solid #e7e7e7;
}
.gui-mall-list dt ul li em {
  display: block;
  text-align: center;
  height: 26px;
  line-height: 26px;
  color: #000;
}
.gui-mall-list dt ul li em:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
  background: no-repeat;
  width: 26px;
  height: 26px;
}
.gui-mall-list dt ul li:nth-child(1) {
  border: none;
}
.gui-mall-list dt ul li:nth-child(1) em:before {
  background-image: url(../img/mall/mall-icon01.png);
}
.gui-mall-list dt ul li:nth-child(2) em:before {
  background-image: url(../img/mall/mall-icon02.png);
}
.gui-mall-list dt ul li:nth-child(3) em:before {
  background-image: url(../img/mall/mall-icon03.png);
}
.gui-mall-list dt ul li i {
  color: #559632;
  margin: 0;
}

.gui-mall-list dd em {
  display: block;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.gui-mall-list dd em i {
  background: #ff344a;
  color: #fff;
  display: inline-block;
  padding: 0px 6px;
  margin-right: 3px;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
}
.gui-mall-list dd ul {
  display: block;
  overflow: hidden;
  padding-top: 25px;
}
.gui-mall-list dd ul li {
  width: 33.33%;
  display: block;
  float: left;
}
.gui-mall-list dd ul li img {
  display: block;
  margin: 0 auto;
  height: 160px;
}
.gui-mall-list dd ul li i {
  color: #ff344a;
  display: block;
  line-height: 30px;
  text-align: center;
  margin: 0;
}
.gui-mall-list dd ul li i a {
  color: #ff344a;
}
.gui-mall-list dd ul li i a:hover {
  color: #ff344a;
  text-decoration: underline;
}
.gui-mall-list dd > a {
  display: block;
  position: absolute;
  background: #559632;
  width: 20px;
  padding: 20px 10px;
  height: 80px;
  text-align: center;
  color: #fff;
  right: 0;
  top: 80px;
  border-radius: 5px 0px 0px 5px;
}
.gui-mall-list dd > a:hover {
  background: #468324;
}

.gui-mall-qrcode {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/mall/mall-qrcode.png) no-repeat;
  background-size: 40px 40px;
}
.gui-mall-qrcode div {
  display: none;
  position: absolute;
  z-index: 3;
  background: #fff;
  top: 0;
  right: 0;
  padding: 15px;
  width: 160px;
  height: 160px;
  border-radius: 0px 0px 0px 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.gui-mall-qrcode:hover div {
  display: block;
}

/*个人中心-订单备注*/
.order-remark {
  float: right;
  width: 420px;
  height: 40px;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 40px;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
}

/* 优惠券改版 */
.gui-coupon-list {
  display: block;
  overflow: visible;
  margin: 0px -10px;
  padding-top: 10px;
}
.gui-coupon-list li {
  display: block;
  position: relative;
  width: 100%;
  float: left;
  padding: 10px;
  box-sizing: border-box;
}
.gui-coupon-list-gray .gui-coupon-box:before,
.gui-coupon-list-gray .gui-coupon-box:after {
  background: #f5f5f5;
}
.gui-coupon-list-slide {
  padding-bottom: 40px;
}
.gui-coupon-list.gui-coupon-list-3 li {
  width: 33.33%;
}
.gui-coupon-list.gui-coupon-list-2 li {
  width: 50%;
}

.gui-coupon-list li:before {
  content: "";
  display: block;
  width: 104px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 6;
}
.gui-coupon-list li.tag-new-customer:before {
  background: url(../img/coupon/tag01.png) no-repeat;
  background-size: 100% 100%;
}
.gui-coupon-list li.tag-old-customer:before {
  background: url(../img/coupon/tag02.png) no-repeat;
  background-size: 100% 100%;
}
.gui-coupon-list li:after {
  content: "";
  display: block;
  width: 55px;
  height: 43px;
  position: absolute;
  top: 10px;
  left: 65%;
  z-index: 6;
}
.gui-coupon-list li.tag-received:after {
  background: url(../img/coupon/receive.png) no-repeat;
  background-size: 100% 100%;
}
.gui-coupon-list li.tag-received-store:after {
  background: url(../img/coupon/receive.png) no-repeat;
  background-size: 100% 100%;
}
.gui-coupon-list li.tag-used:after {
  background: url(../img/coupon/used.png) no-repeat;
  background-size: 100% 100%;
}
.gui-coupon-list li.tag-due:after {
  background: url(../img/coupon/due.png) no-repeat;
  background-size: 100% 100%;
}
.gui-coupon-list li.tag-empty:after {
  background: url(../img/coupon/empty.png) no-repeat;
  background-size: 100% 100%;
}

.gui-coupon-list li > p {
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  display: none;
  overflow: hidden;
  position: absolute;
  left: 145px;
  right: 10px;
  border-radius: 6px;
  padding: 15px 25px;
  color: #3c3c3c;
  line-height: 22px;
  z-index: 77;
  word-break: break-all;
}
.gui-coupon-box {
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
}
.gui-coupon-box:before,
.gui-coupon-box:after {
  content: "";
  display: block;
  position: absolute;
  background: #f5f5f5;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border: 1px solid #e0e0e0;
  top: -7px;
  left: 124px;
  z-index: 66;
}
.gui-coupon-box:after {
  bottom: -7px;
  top: auto;
}
/* .gui-coupon-box:before,.gui-coupon-box:after { content:''; position: absolute; display: block; width: 8px; height: 8px; border-radius: 4px; background:#f7f7f7; left:96px; top:-4px;}
.gui-coupon-box:after { bottom:-4px; top:auto;} */
.gui-coupon-box div:nth-child(1) {
  flex: 0 0 130px;
  border: 1px solid #e0e0e0;
  background: #fff;
  border-width: 1px 0px 1px 1px;
  height: 112px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  line-height: 115px;
  color: #559632;
}
.gui-coupon-box div:nth-child(1) big {
  font-size: 30px;
}
.gui-coupon-box div:nth-child(2) {
  flex: auto;
  padding: 25px 8px 15px 15px;
  height: 72px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-width: 1px 0px 1px 1px;
  border-left: 1px dashed #e0e0e0;
}
.gui-coupon-box div:nth-child(2) em {
  display: block;
  overflow: hidden;
  font-size: 18px;
  margin-bottom: 6px;
  font-weight: bold;
  color: #000;
}
.gui-coupon-box div:nth-child(2) em span {
  color: #559632;
  font-size: 18px;
  padding: 0px 3px;
}
.gui-coupon-box div:nth-child(2) small {
  display: block;
  overflow: hidden;
  color: #999;
  margin-bottom: 8px;
}
.gui-coupon-box div:nth-child(2) p {
  font-size: 14px;
  display: block;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  word-break: break-all;
}
.des-show {
  position: relative;
  padding-right: 14px;
  cursor: pointer;
}
.des-show:after {
  content: "";
  position: absolute;
  transition: all 0.3s;
  transform: rotate(180deg);
  right: 0;
  top: 8px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../img/coupon/arrow.png) no-repeat;
  background-size: 14px 14px;
}
.gui-coupon-list li.des-open .des-show:after {
  transform: rotate(0deg);
}
.gui-coupon-list li.des-open > p {
  display: block;
}

.gui-coupon-box div:nth-child(3) {
  flex: 0 0 55px;
  position: relative;
  height: 114px;
}
.gui-coupon-box div:nth-child(3) a {
  display: block;
  cursor: pointer;
  position: absolute;
  left: -2px;
  top: 0;
  width: 57px;
  height: 114px;
  background-image: url(../img/coupon/btn01.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.gui-coupon-list li.tag-received .gui-coupon-box div:nth-child(3) a {
  background-image: url(../img/coupon/btn02_all.png);
}
.gui-coupon-list li.tag-received-store .gui-coupon-box div:nth-child(3) a {
  background-image: url(../img/coupon/btn02_store.png);
}
.gui-coupon-list li.tag-used .gui-coupon-box div:nth-child(3) a {
  background-image: url(../img/coupon/btn04.png);
}
.gui-coupon-list li.tag-due .gui-coupon-box div:nth-child(3) a {
  background-image: url(../img/coupon/btn03.png);
}
.gui-coupon-list li.tag-empty .gui-coupon-box div:nth-child(3) a {
  background-image: url(../img/coupon/btn05.png);
}
.gui-coupon-list li.tag-due .gui-coupon-box div:nth-child(1),
.gui-coupon-list li.tag-due .gui-coupon-box div:nth-child(2) em,
.gui-coupon-list li.tag-due .gui-coupon-box div:nth-child(2) em span {
  color: #aaa;
}

.gui-coupon-list .owl-carousel .owl-nav button {
  text-align: center;
  display: inline-block;
}
.gui-coupon-list .owl-carousel .owl-nav button span {
  display: block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 22px;
}
.gui-coupon-list .owl-carousel .owl-nav {
  position: absolute;
  right: 10px;
  bottom: -30px;
  z-index: 200;
}
.gui-coupon-list .owl-carousel .owl-nav .owl-prev {
  font-size: 40px;
  color: #559632;
  width: 30px;
  height: 30px;
  line-height: 30px;
  z-index: 200;
}
.gui-coupon-list .owl-carousel .owl-nav .owl-next {
  font-size: 40px;
  color: #559632;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.gui-coupon-list .owl-carousel .owl-nav .owl-prev:hover {
  height: 30px;
  line-height: 30px;
}
.shangjia_lq_cen .owl-carousel .owl-nav .owl-next:hover {
  height: 30px;
  line-height: 30px;
}


/* 聊天系统路口 */
.btn-kefu{
  padding: 0 10px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: #498FF7;
  border-radius: 15px;
  cursor: pointer;
}
.btn-kefu .icon{
  float: left;
  width: 30px;
  height: 30px;
  background: url(../img/icon_kefu_white.png) no-repeat;
  background-size: 20px 20px;
  background-position: center;
  vertical-align: -4px;
  margin: 0;
}
.btn-kefu a,.btn-kefu:hover{
  color: #fff;
}