@import "../fonts/iconfont.min.css";
@import "header.css";
@import "left-menu.css";
@import "footer.css";
.textEellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clearF:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.userSelect {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}
@font-face {
  font-family: 'appfont';
  src: url('../fonts/ArialMT.woff') format('woff'), /* chrome、firefox */ url('../fonts/ArialMT.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/ArialMT.otf'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/ArialMT.svg#iconfont') format('svg'), /* iOS 4.1- */ url('../fonts/ArialMT.eot');
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-action: manipulation;
  -ms-touch-action: manipulation;
}
body {
  font-size: 14px;
  background-color: #e6e6e6;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  font-family: 'Helvetica';
}
body::-webkit-scrollbar {
  display: none;
}
.clear-float::after {
  display: block;
  content: '';
  width: 0;
  height: 0;
}
img {
  border: none;
}
ol,
ul {
  list-style: none;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
  color: #9b9b9b;
  display: inline-block;
}
input,
textarea {
  border: none;
  outline: none;
  -webkit-appearance: none;
  resize: none;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  font-size: 0.3rem;
}
select {
  border: solid 1px #000;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("../img/down.png") no-repeat scroll 98% center transparent;
}
/*阻止事件点透*/
.ovfHiden {
  overflow: hidden;
  height: 100%;
}
/*字体图标默认样式*/
[class^="iconfont"] {
  color: #d5d5d5;
}
.error-img {
  background: url("../img/bg-loading.gif") no-repeat center #fff;
}
/*logo部分*/
/*购物车部分*/
.car-num {
  background: #d0021b;
  border-radius: 0.2rem;
  text-align: center;
  min-width: 0.48rem;
  height: 0.36rem;
  font-size: 0.24rem;
  color: #ffffff;
  padding: 0 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.1rem;
}
/*用户盒子*/
.menu-box .user-box {
  width: 100%;
  height: 2rem;
  background-color: #735d5c;
  padding: 0.4rem 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.menu-box .user-box .user-img {
  width: 1.2rem;
  height: 1.2rem;
}
.menu-box .user-box .user-img img {
  width: 100%;
}
.menu-box .user-box .user-info {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.28rem;
  color: #ffffff;
  letter-spacing: 0;
}
.menu-box .user-box .user-info > span {
  margin: 0 0.3rem;
}
.menu-box .user-box .user-info > a {
  color: #ffffff;
  height: 0.4rem;
  line-height: 0.4rem;
}
.menu-box .user-box .logined-box {
  display: none;
}
.menu-box .user-box .logined {
  flex-direction: column;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: #ffffff;
  font-size: 0.24rem;
  width: 3rem;
}
.menu-box .main-menu li {
  width: 100%;
  height: 0.8rem;
  margin-bottom: 1px;
  background-color: #ffffff;
}
.menu-box .main-menu li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.28rem;
  color: #4a4a4a;
  letter-spacing: 0;
  height: 0.8rem;
  padding: 0 0.3rem;
}
.menu-box .main-menu li > a > .menu-text i {
  margin-right: 0.19rem;
  color: #e6e6e6;
}
.menu-box .main-menu li > a > .menu-num {
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-box .main-menu li > a > .menu-num .car-num {
  margin-right: 0.16rem;
}
.menu-box .sign-out {
  margin-top: 0.1rem;
  height: 0.8rem;
  background-color: #ffffff;
  display: none;
}
.menu-box .sign-out > i {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.3rem;
  text-align: center;
  color: #d0021b;
  height: 0.8rem;
}
/*登录之后*/
.link-btn {
  background: url("../img/link.png") no-repeat center;
  width: 0.36rem;
  height: 0.32rem;
  background-size: contain;
}
/*静态页面链接*/
.static-page {
  margin-top: 0.1rem;
}
.static-page li {
  margin-bottom: 1px;
  height: 0.8rem;
  background-color: #ffffff;
}
.static-page li > a {
  padding: 0 0.3rem;
  height: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.static-page li > a > span {
  font-size: 0.28rem;
  color: #4a4a4a;
  letter-spacing: 0;
  text-align: left;
}
/*左侧系统菜单弹窗*/
/*主体盒子*/
.main-box {
  padding: 0.88rem 0;
}
/*底部版权*/
.copyright {
  background-color: #231b1c;
  width: 100%;
  height: 1.51rem;
  font-size: 0.24rem;
  color: #735d5c;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*内部头部*/
.inner-header {
  width: 100%;
  height: 0.88rem;
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.inner-header .header-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.inner-header .header-left a {
  width: 0.66rem;
  height: 0.88rem;
}
.inner-header .header-left a > img {
  transform: scale(0.5);
}
.inner-header .header-left span {
  font-size: 0.36rem;
  color: #4a4a4a;
  letter-spacing: 0;
  text-align: left;
}
.inner-header .header-right {
  width: 0.8rem;
  height: 0.88rem;
}
/*内部通用底部*/
.inner-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.88rem;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.inner-footer .footer-left,
.inner-footer .footer-right {
  display: flex;
  justify-content: inherit;
  align-items: center;
  font-size: 0.36rem;
  height: 0.88rem;
}
.inner-footer .footer-left {
  width: 33%;
  background-color: #ffffff;
  color: #4a4a4a;
}
.inner-footer .footer-left i {
  margin-right: 0.1rem;
}
.inner-footer .footer-right {
  width: 67%;
  background-color: #d0021b;
  color: #ffffff;
}
.inner-footer .footer-right i {
  color: #ffffff;
  font-size: 0.45rem;
  margin-right: 0.1rem;
}
/*计价通用底部*/
.price-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0.88rem;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.price-footer .item-left,
.price-footer .item-right {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.36rem;
  height: 0.88rem;
}
.price-footer .item-left {
  width: 50%;
  background-color: #ffffff;
  font-size: 0.28rem;
  color: #9b9b9b;
}
.price-footer .item-left .price {
  font-size: 0.36rem;
  color: #d0021b;
  margin-left: 0.2rem;
}
.price-footer .item-right {
  width: 50%;
  background-color: #d0021b;
  font-size: 0.36rem;
  color: #ffffff;
}
/*购物车底部*/
.car-footer {
  width: 100%;
  height: 0.88rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
}
.car-footer .item-left {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 0.36rem;
  width: 60%;
  height: 0.88rem;
}
.car-footer .item-left .all-btn {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.car-footer .item-left .all-btn input {
  display: none;
}
.car-footer .item-left .all-btn .icon-yduizhengqueshixin {
  font-size: 0.4rem;
}
.car-footer .item-left .all-btn .all {
  font-size: 0.28rem;
  color: #4a4a4a;
  margin-left: 0.16rem;
}
.car-footer .item-left .active-btns .icon-yduizhengqueshixin {
  color: #735d5c;
}
.car-footer .item-left .total-price .total {
  color: #9b9b9b;
  font-size: 0.28rem;
}
.car-footer .item-left .total-price .price {
  font-size: 0.36rem;
  color: #d0021b;
}
.car-footer .item-right {
  width: 40%;
  background-color: #d0021b;
  color: #ffffff;
  height: 0.88rem;
  line-height: 0.88rem;
  text-align: center;
  font-size: 0.36rem;
}
/*激活全选按钮*/
/*空元素样式*/
.empty-state {
  display: none;
}
.empty-state a {
  width: 100%;
}
.empty-state .empty-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 4rem;
}
.empty-state .empty-info .empty-car {
  width: 1.28rem;
  height: 1.27rem;
}
.empty-state .empty-info .empty-car img {
  width: 100%;
}
.empty-state .empty-info .empty-text > p {
  color: #d0021b;
  margin-top: 0.2rem;
}
/*计价激活弹窗*/
.active-order {
  transform: translateY(0%);
  z-index: 998;
}
.active-order .popup-content {
  background-color: #e6e6e6;
  padding: 0;
  height: 100%;
}
.active-order .popup-content .order-content {
  overflow-y: auto;
  height: 95%;
  padding-bottom: 0.82rem;
}
.active-order .popup-content .price-footer {
  box-shadow: 0 0 6px 0 #e6e6e6;
}
.active-order .ok-btn {
  display: none;
}
/*水波纹开始*/
.ripple {
  position: relative;
  overflow: hidden;
}
.ripple:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.1s, opacity 0.2s;
}
.ripple:active:after {
  transform: scale(0, 0);
  opacity: 0.3;
  transition: 0s;
}
/*水波纹结束*/
/*# sourceMappingURL=global.css.map */