@charset "UTF-8";
.nav_header {
  display: flex;
  align-items: center;
  font-size: 1rem; }
  .nav_header .btn-goBack:before {
    display: block;
    width: 12px;
    height: 12px;
    border-left: solid 2px #666;
    border-top: solid 2px #666;
    transform: rotate(-45deg);
    content: ""; }
  .nav_header > span {
    flex: 3;
    font-size: 1.2rem;
    font-weight: 700; }
  .nav_header > a {
    flex: 2;
    position: relative; }
  .nav_header .number {
    position: absolute;
    top: -.5rem;
    right: -.3rem;
    min-width: .2rem;
    height: 0.8rem;
    line-height: .8rem;
    padding: .1rem .2rem 0 .2rem;
    border-radius: .5rem;
    font-weight: 700;
    font-size: .7rem;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all .4s ease-out; }

/*颜色变量*/
/*字体*/
/*常用外包围盒子padding*/
/*设置全部border*/
/*设置阴影*/
/*设置块级*/
/*省略字体*/
.nav-bottom-btn {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff;
  width: 100%; }
  .nav-bottom-btn .top-menu {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    list-style: none; }
    .nav-bottom-btn .top-menu li {
      float: left;
      text-align: center; }
      .nav-bottom-btn .top-menu li img {
        width: 35px;
        height: 35px;
        display: block;
        margin: 0 auto;
        text-align: center; }
      .nav-bottom-btn .top-menu li .tag {
        margin: 5px 0; }
      .nav-bottom-btn .top-menu li a {
        text-decoration: none;
        color: #666;
        font-size: 14px;
        font-weight: 400; }
  .nav-bottom-btn .icon-bottom {
    width: 22px;
    height: 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: block;
    margin: 5px auto; }
    .nav-bottom-btn .icon-bottom.icon-bottom-home {
      background-image: url("../../../home/images/bottom_btn/home.png"); }
    .nav-bottom-btn .icon-bottom.icon-cy-center {
      background-image: url("../../../home/images/bottom_btn/cy-center.png"); }
    .nav-bottom-btn .icon-bottom.icon-life-school {
      background-image: url("../../../home/images/bottom_btn/life-school.png"); }
    .nav-bottom-btn .icon-bottom.icon-bottom-cart {
      background-image: url("../../../home/images/bottom_btn/cart.png"); }
    .nav-bottom-btn .icon-bottom.icon-bottom-member {
      background-image: url("../../../home/images/bottom_btn/member.png"); }
    .nav-bottom-btn .icon-bottom.icon-bottom-home-active {
      background-image: url("../../../home/images/bottom_btn/home-active.png"); }
    .nav-bottom-btn .icon-bottom.icon-cy-center-active {
      background-image: url("../../../home/images/bottom_btn/cy-center-active.png"); }
    .nav-bottom-btn .icon-bottom.icon-life-school-active {
      background-image: url("../../../home/images/bottom_btn/life-school-active.png"); }
    .nav-bottom-btn .icon-bottom.icon-bottom-cart-active {
      background-image: url("../../../home/images/bottom_btn/cart-active.png"); }
    .nav-bottom-btn .icon-bottom.icon-bottom-member-active {
      background-image: url("../../../home/images/bottom_btn/member-active.png"); }
  .nav-bottom-btn .icon-otherBottom {
    width: 40px;
    height: 30px;
    background-size: 1000%;
    background-image: url("../../images/another_bottomBtn.png");
    background-repeat: no-repeat;
    display: block;
    margin: 5px auto; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-home {
      background-position-x: 6px;
      background-position-y: -8px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-finance {
      background-position-x: -118px;
      background-position-y: -8px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-offices {
      background-position-x: -243px;
      background-position-y: -8px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-member {
      background-position-x: -364px;
      background-position-y: -8px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-home-active {
      background-position-x: 6px;
      background-position-y: -65px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-finance-active {
      background-position-x: -118px;
      background-position-y: -65px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-offices-active {
      background-position-x: -243px;
      background-position-y: -65px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-member-active {
      background-position-x: -364px;
      background-position-y: -65px; }
  .nav-bottom-btn .icon-otherBottom {
    width: 30px;
    height: 25px;
    background-size: 1412%;
    background-image: url("../../images/another_bottomBtn.png");
    background-repeat: no-repeat;
    display: block;
    margin: 5px auto; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-home {
      background-position-x: 4px;
      background-position-y: -4px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-finance {
      background-position-x: -98px;
      background-position-y: -4px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-offices {
      background-position-x: -201px;
      background-position-y: -3px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-book {
      background-position-x: -399px;
      background-position-y: -3px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-member {
      background-position-x: -300px;
      background-position-y: -4px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-home-active {
      background-position-x: 4px;
      background-position-y: -50px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-finance-active {
      background-position-x: -98px;
      background-position-y: -50px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-offices-active {
      background-position-x: -201px;
      background-position-y: -50px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-book-active {
      background-position-x: -399px;
      background-position-y: -50px; }
    .nav-bottom-btn .icon-otherBottom.icon-bottom-member-active {
      background-position-x: -302px;
      background-position-y: -50px; }

.nav_suspend {
  position: fixed;
  right: 10px;
  bottom: 110px;
  z-index: 100;
  width: 30px;
}
  .nav_suspend .suspend_logo {
    width: 30px;
    display: inline-block;
    margin-top: 10px; }
    .nav_suspend .suspend_logo img {
      width: 100%;
      display: block; }

.goods-off-out-status {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  .goods-off-out-status > span {
    position: absolute;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    width: 100px;
    height: 0px;
    line-height: 0;
    padding: 50px 0;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -50px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 1.3rem; }

.vertical-goods-off-out-status {
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  .vertical-goods-off-out-status > span {
    position: absolute;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    width: 65px;
    height: 0px;
    line-height: 0;
    padding: 32px 0;
    top: 71%;
    margin-top: -50px;
    left: 71%;
    margin-left: -50px;
    background: rgba(0, 0, 0, 0.5);
    font-size: 0.8rem;}