#app .container {
  margin-top: 2.15rem; }
  #app .container .menuList ul {
    display: flex;
    justify-content: space-between;
    border-bottom: .02rem solid #e2e2e2;
    background: #fff;
    font-size: .6rem;
    font-family: "Microsoft YaHei"; }
    #app .container .menuList ul li {
      display: block;
      width: 50%;
      height: 1.5rem;
      line-height: 1.5rem;
      text-align: center; }
    #app .container .menuList ul .active {
      border-bottom: .1rem solid #F33E3C; }
  #app .container .tabCon {
    display: block;
    width: 100%;
    min-height: 5rem;
    background: #fff;
    padding: .5rem; }
    #app .container .tabCon .coupon {
      width: 100%;
      height: 3rem;
      border: .02rem solid #e2e2e2;
      box-shadow: #e2e2e2;
      display: flex;
      justify-content: space-between;
      margin-bottom: .5rem; }
      #app .container .tabCon .coupon .thumb {
        width: 30%;
        height: 100%;
        color: #fff;
        text-align: center; }
        #app .container .tabCon .coupon .thumb .arrive {
          height: 1.8rem;
          line-height: 1.8rem;
          font-size: 1rem; }
      #app .container .tabCon .coupon .thumb0 {
        background: #EA5151; }
      #app .container .tabCon .coupon .thumb1 {
        background: #CACACA; }
      #app .container .tabCon .coupon .thumb2 {
        background: #CACACA; }
      #app .container .tabCon .coupon .content {
        display: flex;
        justify-content: space-between;
        align-content: space-between;
        width: 70%;
        position: relative; }
        #app .container .tabCon .coupon .content .cont-area {
          width: 60%;
          padding-left: 1rem; }
          #app .container .tabCon .coupon .content .cont-area .title {
            height: 1rem;
            line-height: 1rem;
            color: #000; }
          #app .container .tabCon .coupon .content .cont-area .title1 {
            height: 1.8rem;
            line-height: 1.8rem;
            color: #000; }
          #app .container .tabCon .coupon .content .cont-area .time {
            line-height: .8rem;
            color: #666; }
        #app .container .tabCon .coupon .content .canuse {
          width: 2rem;
          height: 1rem;
          margin: 1rem 1rem 0 0;
          text-align: center;
          line-height: 1rem;
          color: #5293D4;
          background: url("../images/btn_03.png") no-repeat;
          background-size: 95% 95%;
          background-position: center; }
        #app .container .tabCon .coupon .content .status2 {
          position: absolute;
          background: url("../images/used_04.png") no-repeat;
          background-size: 95% 95%;
          background-position: center;
          width: 2rem;
          height: 2rem;
          top: 0;
          right: 0; }
        #app .container .tabCon .coupon .content .status1 {
          position: absolute;
          background: url("../images/used_03.png") no-repeat;
          background-size: 95% 95%;
          background-position: center;
          width: 2rem;
          height: 2rem;
          top: 0;
          right: 0; }

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