jzlife_wx_servant/pages/servant/salary/detail/detail.wxss

page {
  height: 100%;
  width: 100%;
  background: #f4f4f4;
}

.container {
  padding: 0 20rpx;
}

.no-order {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top:20rpx;
}

.no-order .c {
  width: 100%;
  height: 120rpx;
  margin-top: 50rpx;
}

.no-order .c text {
  margin: 0 auto;
  display: block;
  width: 388rpx;
  height: 29rpx;
  line-height: 29rpx;
  text-align: center;
  font-size: 29rpx;
  color: #999;
}

.head {
  display: flex;
  justify-content: space-between;
  height: 76rpx;
  line-height: 76rpx;
  border-bottom: 0.5px dashed #999;
}

.head .title {
  color: #333;
  flex: 1;
  text-align: center;
  font-size: 36rpx;
  /* font-weight: 600; */
}

.arrow-show {
  height: 18rpx;
  width: 34rpx;
}

.arrow-hide { 
  height: 14rpx;
  border-top: 2rpx solid #666;
  border-right: 2rpx solid #666;
  transform: rotate(-45deg);
  width: 14rpx;
  margin-right: 20rpx;
  padding: 10rpx; 
}

.salary {
  display: flex;
  /* justify-content: space-between; 
  height: 76rpx;
  line-height: 76rpx;*/
  border-bottom: 0.5px dashed #d2cece;
  align-items: center;
  flex-direction: column;
}

.salary .total {
  display: flex;
  justify-content: space-between;
  height: 76rpx;
  line-height: 76rpx;
  width: 100%;
  align-items: center;
}

.salary .detail {
  display: flex; 
  width: 580rpx; 
  margin-left: 100rpx;
  margin-bottom: 20rpx;
  padding: 10rpx;
  /* border-bottom: 0.5px dashed #d2cece; */
  /* background-color: #c7c1c1; */
  /* border-radius: 15rpx; */
  flex-direction: column; 
} 

.salary .detail .item{
  flex: 1;
}
.salary .detail view{
  color: #999;
}

.salary .title {
  flex: 2;
  font-size: 32rpx;
  text-align: center;
}

.salary .num {
  color: rgba(255, 170, 0, 1);
  flex: 2;
  text-align: left;
  font-size: 32rpx;
  margin-left: 30rpx;
  text-align: center;
}
.salary .btn-show{ 
  flex: 1;
  text-align: center;
}

.main-module.amount-module {
  border-radius: 16rpx;
  background: #fff;
  height: 106rpx;
  margin: 28rpx 0 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}


/* 提现申请 */

.btn {
  height: 64rpx;
  /* width: 100%; */
  text-align: center;
  line-height: 64rpx;
  border: 1rpx solid #09AFFF;
  border-radius: 38rpx;
  margin-top: 22rpx;
  color: #09AFFF;
  font-size: 24rpx;
  background: #fff;
}

.btn.current-btn {
  background: #E0F5FC;
  margin-top: 30rpx;
}

.back {
  position: absolute;
  top: 0rpx;
  width: 100%;
  height: 100%;
  background-color: #999;
  z-index: 999;
  opacity: 0.8
}

.auth {
  position: absolute;
  top: 0rpx;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth .form {
  background-color: #fff;
  width: 590rpx;
  padding: 40rpx 44rpx 74rpx;
  border-radius: 10rpx;
}

.auth .title {
  text-align: center;
  font-size: 34rpx;
  line-height: 34rpx;
  font-weight: bold;
  margin-bottom: 60rpx;
}

.form-item {
  height: 84rpx;
  /* border-bottom: 1px solid #d9d9d9; */
  display: flex;
  align-items: center;
}

.form-item .label {
  width: 130rpx;
  font-size: 24rpx;
  color: #85868A
}

.form-item .username,
.form-item .address {
  top: 26rpx;
  left: 0;
  display: block;
  width: 100%;
  height: 44rpx;
  background: #fff;
  color: #333;
  font-size: 30rpx;
}

.warning {
  color: #09afff;
  margin-top: 20rpx;
  font-size: 22rpx;
  line-height: 28rpx;
}

.footer {
  display: flex;
  padding: 20rpx;
  text-align: center;
}

.fbtn {
  width: 202rpx;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  border-radius: 70rpx;
  border: 1rpx solid #09afff;
  font-size: 24rpx;
  margin: 0 28rpx;
}

.main-module .module-text {
  font-size: 24rpx;
}

.btnConfirm {
  background-color: #09afff;
  color: #fff;
}

.dialog-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  padding-top: 170rpx;
}

.dialog-block {
  width: 590rpx;
  height: 534rpx;
  border-radius: 10rpx;
  background-color: #fff;
  position: relative;
  font-size: 24rpx;
  padding: 100rpx 44rpx 0;
}

.close-icon {
  width: 60rpx;
  height: 60rpx;
  position: absolute;
  top: -30rpx;
  right: -30rpx;
}

.tips-text {
  color: #85868A;
  font-size: 24rpx;
  text-align: justify;
}

.tip-wrapper {
  display: flex;
  align-items: center;
}

.tip-img {
  width: 22rpx;
  height: 22rpx;
  margin: 0 0 0 8rpx;
}

.form-item>input {
  height: 50rpx;
  line-height: 50rpx;
  border: 1px solid #85868A;
  border-radius: 10rpx;
  width: 370rpx;
  font-size: 24rpx;
  color: #2a2a2a;
  padding-left: 20rpx;
}

.agree-terms {
  margin: 54rpx 0 44rpx;
  height: 26rpx;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.user-agree {
  color: #85868A;
  font-size: 22rpx;
  margin-left: 8rpx;
}

.user-terms {
  color: #CC4226;
  font-size: 24rpx;
}
.month-title{
  height: 48rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0 20rpx;
  margin-top:40rpx;
}
.month-title-left{
  height: 48rpx;
  display: flex;
  align-items: center;
}
.month-title-left view{
  font-size: 32rpx;
}
.month-title-left image{
  margin-left:12rpx;
  width:32rpx;
  height: 32rpx;
}
.month-title-right{
  display: flex;
  align-items: center;
  height: 48rpx;
}
.month-title-right image{
  width:28rpx;
  height: 28rpx;
  margin-left:4rpx;
}
.last-month{
  line-height: 48rpx;
  color:#333;
}
.next-month{
  line-height: 48rpx;
  margin-left:14rpx;
  color:#333;
}