.calcMenu{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 500;
  display: none;
  &.show{
    display: block;
  }
  &>div{
    width: 3.2rem;
    border-radius: .1rem;
    background: #fff;
    position: absolute;
    overflow: hidden;
    &>div{
      margin: 0 .2rem;
      &>div{
        width: 100%;
        position: relative;
        overflow: hidden;
        .top{
          width: 100%;
          position: relative;
          overflow: hidden;
          margin: .1rem auto 0;
          padding-bottom: .05rem;
          border-bottom: .01rem solid #eee;
          span{
            width: 100%;
            display: block;
            text-align: center;
            font-size: .11rem;
            color: #666;
            line-height: .22rem;
            &:first-child{
              line-height: .26rem;
              font-size: .15rem;
              color: #333;
            }
            em{
              color: #f1644b;
              font-size: .11rem;
            }
          }
        }
        .content{
          width: 100%;
          max-height: 2rem;
          position: relative;
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch;
          transform: translateZ(0);
          -webkit-transform: translateZ(0);
          border-bottom: .01rem solid #eee;
          padding-bottom: .1rem;
          &>span{
            width: 100%;
            display: block;
            line-height: .4rem;
            text-align: center;
            font-size: .15rem;
            color: #ccc;
          }
          ul{
            margin: .1rem auto 0;
            li{
              &>*{
                line-height: .34rem;
                font-size: .14rem;
                &:first-child{
                  width: 30%;
                  text-align: center;
                }
                &:nth-child(2){
                  font-size: .11rem;
                  color: #666;
                }
              }
              &>div{
                margin-right: .2rem;
                &>div{
                  width: 100%;
                  position: relative;
                  overflow: hidden;
                  span{
                    width: 100%;
                    display: block;
                    text-align: right;
                    font-size: .14rem;
                    color: #666;
                  }
                }
              }
            }
          }
        }
        .bottom{
          margin: .1rem auto 0;
          &>div.flex-h{
            align-items: flex-start;
            &>span{
              line-height: .2rem;
              font-size: .13rem;
              color: #666;
            }
            &>div{
              &>div{
                width: 100%;
                position: relative;
                overflow: hidden;
                textarea{
                  width: 100%;
                  line-height: .2rem;
                  font-size: .13rem;
                  color: #666;
                }
              }
            }
          }
          ul{
            width: 100%;
            position: relative;
            overflow: hidden;
            margin-bottom: .25rem;
            li{
              line-height: .36rem;
              border: .01rem solid #333;
              padding: 0 .15rem;
              font-size: .15rem;
              border-radius: .04rem;
              text-align: center;
              &:nth-child(1){
                margin-right: .1rem;
              }
              &:nth-child(2){
                margin-left: .1rem;
              }
            }
          }
        }
      }
    }
  }
}
