@charset "UTF-8";
/*订单状态*/
span[data-order-status="1"] {
  color: blue;
}

span[data-order-status="2"] {
  color: orange;
}

span[data-order-status="21"] {
  color: skyblue;
}

span[data-order-status="3"] {
  color: purple;
}

span[data-order-status="4"] {
  color: darkblue;
}

span[data-order-status="5"] {
  color: green;
}

span[data-order-status="9"] {
  color: gray;
}

span[data-order-refund-status="1"] {
  color: orange;
}

span[data-order-refund-status="2"] {
  color: darkgreen;
}

span[data-order-refund-status="3"] {
  color: darkorange;
}

span[data-order-refund-status="11"] {
  color: darkgreen;
}

span[data-order-refund-status="1000"] {
  color: green;
}

span[data-order-refund-status="11"] {
  color: red;
}

/* 头部工具栏 */
#heading_toolbar #btn_query, #heading_toolbar #btn_add {
  height: inputHeigh;
  width: 70px;
  margin-left: 20px;
  margin-top: -3px;
}

#filter_form, form.filter_form {
  display: inline-block;
}
#filter_form span.form_item, form.filter_form span.form_item {
  display: inline-block;
  margin-bottom: 0.5rem;
}
#filter_form select, #filter_form input, form.filter_form select, form.filter_form input {
  height: inputHeigh;
  width: auto;
  margin-bottom: 0.5rem;
  margin-right: 10px;
  border-radius: 6px;
  border: 1px #cccccc solid;
}
#filter_form input.long, form.filter_form input.long {
  width: auto;
}
#filter_form input.medium, form.filter_form input.medium {
  width: 10rem;
}
#filter_form input.short, form.filter_form input.short {
  width: 5rem;
}

.select2-container .select2-selection--single {
  height: inputHeigh;
}

div.toolbar button {
  height: inputHeigh;
  margin-left: 20px;
  margin-top: -3px;
}

form.edit .form-group {
  margin-top: 1rem;
}
form.edit .form-group label {
  width: 6rem;
  text-align: justify;
  text-align-last: justify;
}
form.edit .form-group .form-control {
  width: 300px;
  padding: 0;
}
form.edit .form-group input[type=text], form.edit .form-group select, form.edit .form-group textarea {
  border-radius: 3px;
  border: 1px #cccccc solid;
  outline: none;
}
form.edit .form-group input[type=text], form.edit .form-group select {
  height: 2.5rem;
}

body {
  font-size: 1rem !important;
}

.clearfix:after {
  content: "";
  display: block;
  line-height: 0;
  clear: both;
}

#page_container {
  margin: 0 auto;
  max-width: 960px;
}

div#footer {
  z-index: 100000;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  background-color: white;
}
div#footer div.container {
  max-width: 960px;
}
div#footer div.footer_nav {
  width: 100%;
  margin: 0 auto;
}

div.page_title {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2rem;
}

#header_logo a {
  line-height: 56px;
  display: inline-block;
  margin: 0 10px;
  font-size: 1rem;
}

.swiper-container {
  /* height:$swiper_container_height;*/
  text-align: center;
}
.swiper-container img {
  max-width: 100%;
  /* width: 100%;
   height:$swiper_container_height;*/
}

#page_carousel.swiper-container {
  height: 360px;
}
#page_carousel.swiper-container img {
  width: 100%;
  height: 360px;
}

/*客服*/
.right_toolbar {
  position: fixed;
  right: 0px;
  top: 200px;
  z-index: 9999;
  width: 52px;
  background-color: #100556;
  border-radius: 5px;
  /* .toolbar-item,.toolbar-layer {
       background: url(/static/images/toolbar.png) no-repeat;
   }*/
}
.right_toolbar div.toolbar-item {
  display: block;
  width: 52px;
  height: 52px;
  margin-top: 1px;
  position: relative;
  /* transition: background-position 1s;*/
}
.right_toolbar div.toolbar-item div.main {
  border-radius: 5px;
  text-align: center;
  background-color: #f5f6f7;
}
.right_toolbar div.toolbar-item div.main .iconfont {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 3rem;
}
.right_toolbar div.toolbar-item:hover div.pop {
  transform: scale(1);
}
.right_toolbar div.toolbar-item.phone .main .iconfont {
  font-size: 1.6rem;
  color: chocolate;
}
.right_toolbar div.toolbar-item.qq .main .iconfont {
  font-size: 2rem;
  color: blue;
}
.right_toolbar div.toolbar-item.weixin .main .iconfont {
  font-size: 2rem;
  color: green;
}
.right_toolbar div.toolbar-item div.pop {
  position: absolute;
  right: 52px;
  top: 0px;
  width: 160px;
  background-color: #eceae0;
  border-radius: 5px;
  text-align: center;
  box-shadow: 2px 2px 5px #666666;
  transform-origin: 100% 0;
  transform: scale(0.01);
  transition: all 1s;
  color: black;
}
.right_toolbar div.toolbar-item div.pop div {
  line-height: 2rem;
}
.right_toolbar div.toolbar-item div.pop a {
  width: 100%;
  color: black;
}
.right_toolbar div.toolbar-item.weixin div.pop {
  bottom: 0;
  top: auto;
  transform-origin: 100% 100%;
  background-color: white;
  border: 1px solid #f0f0f0;
  color: gray;
  width: 110px;
}
.right_toolbar div.toolbar-item.weixin div.pop canvas {
  width: 100px !important;
  height: 100px !important;
}

div.layer_dialog {
  display: none;
  padding: 1rem;
}
div.layer_dialog div.form-group input[type=text] {
  width: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  #page_container {
    width: auto;
  }
  #page_container div#footer {
    width: 100%;
  }
  .swiper-container {
    /* height:calc(100vw *360/960);*/
    text-align: center;
  }
  .swiper-container img {
    width: 100%;
    /*  width: 100vw;
      height:calc(100vw *360/960);*/
  }
  #page_carousel.swiper-container {
    height: 37.5vw;
  }
  #page_carousel.swiper-container img {
    width: 100vw;
    height: 37.5vw;
  }
  .right_toolbar {
    opacity: 50%;
    background: none;
  }
  .right_toolbar:hover {
    opacity: 100%;
  }
  .right_toolbar div.toolbar-item div.main {
    background: none;
  }
}
/* 尾部*/
/* 友情链接*/
div#friend_links a {
  color: gray;
  text-decoration: none;
  margin: 1rem;
  font-size: 0.7rem;
}

/*站点信息*/
span.site_info {
  margin-left: 1rem;
  display: inline-block;
  color: #888;
}

/*尾部菜单*/
.weui-tabbar__icon_on {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-bottom: 2px;
  font-size: 23px;
  color: green;
}

/*购物车*/
.cart_items_num {
  height: 20px;
  font-size: 10px;
  color: red;
  position: absolute;
  top: 0;
  right: 6rem;
  font-weight: bold;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .cart_items_num {
    right: 2rem;
  }
}

/*# sourceMappingURL=common.css.map */