shyaf-artist-platform-miniapp/pages/invoice/myInvoice/myInvoice.wxss

.page-myInvoice{
  display: flex;
  height: 100%;
  padding:0;
  box-sizing: border-box;
  flex-direction: column;
}
.page-myInvoice .myInvoice-top{
  display: flex;
}
.page-myInvoice .myInvoice-top .item{
  flex:1;
  text-align: center;
  height: 188rpx;
  border:1px solid #EFEFEF;
  border-left:none;
}
.page-myInvoice .myInvoice-top .active{
  background:#1FB597;
}
.page-myInvoice .myInvoice-top .last{
  border-right:none;
}
.page-myInvoice .myInvoice-top .icon{
  width:48rpx;
  height: 48rpx;
  margin:40rpx auto 10rpx auto;
}
.page-myInvoice .myInvoice-top .icon01{
  background: url('https://resource.artouchstone.com/miniapp/artist/images/invoice/index/icon-qb-default.png') no-repeat;
  background-size: 100% 100%;
}
.page-myInvoice .myInvoice-top .active .icon01{
  background: url('https://resource.artouchstone.com/miniapp/artist/images/invoice/index/icon-qb-active.png') no-repeat;
  background-size: 100% 100%;
}
.page-myInvoice .myInvoice-top .icon02{
  background: url('https://resource.artouchstone.com/miniapp/artist/images/invoice/index/icon-tj-default.png') no-repeat;
  background-size: 100% 100%;
}
.page-myInvoice .myInvoice-top .active .icon02{
  background: url('https://resource.artouchstone.com/miniapp/artist/images/invoice/index/icon-tj-active.png') no-repeat;
  background-size: 100% 100%;
}

.page-myInvoice .myInvoice-top .icon03{
  background: url('https://resource.artouchstone.com/miniapp/artist/images/invoice/index/icon-ing-default.png') no-repeat;
  background-size: 100% 100%;
}
.page-myInvoice .myInvoice-top .active .icon03{
  background: url('https://resource.artouchstone.com/miniapp/artist/images/invoice/index/icon-ing-active.png') no-repeat;
  background-size: 100% 100%;
}

.page-myInvoice .myInvoice-top .icon04{
  background: url('https://resource.artouchstone.com/miniapp/artist/images/invoice/index/icon-over-default.png') no-repeat;
  background-size: 100% 100%;
}
.page-myInvoice .myInvoice-top .active .icon04{
  background: url('https://resource.artouchstone.com/miniapp/artist/images/invoice/index/icon-over-active.png') no-repeat;
  background-size: 100% 100%;
}

/* .page-myInvoice .myInvoice-top .icon image{
  margin:0 auto;
}
.page-myInvoice .myInvoice-top .icon01 image{
  width: 40rpx;
  height: 8rpx;
  padding-top:55rpx;
}
.page-myInvoice .myInvoice-top .icon02 image{
  width: 88rpx;
  height: 88rpx;
  padding-top:10rpx;
}
.page-myInvoice .myInvoice-top .icon03 image{
  width: 42rpx;
  height: 48rpx;
  padding-top:30rpx;
}
.page-myInvoice .myInvoice-top .icon04 image{
  width: 64rpx;
  height: 64rpx;
  padding-top:20rpx;
} */
.page-myInvoice .myInvoice-top text{
  font-size:28rpx;
  color:#161616
}
.page-myInvoice .myInvoice-top .active text{
  color:#E2F1F8
}
.page-myInvoice .main{
  padding-bottom: 20rpx;
}
.page-myInvoice .main .item-box{
  padding:0 60rpx;
  position: relative;
}
.page-myInvoice .main .item-box .warning-icon{
  position: absolute;
  left: 18rpx;
  top: 50%;
  margin-top: -18rpx;
}
.page-myInvoice .main .item-box .warning-icon image{
  width: 36rpx;
  height: 36rpx;
}
.page-myInvoice .main .item-box .item{
  border:1px solid #ECEEF3;
  padding: 14rpx 34rpx 26rpx 36rpx;
  margin-top: 32rpx;
}
.page-myInvoice .main .item-box .item:hover{
  border:none;
  box-shadow:0px 0px 16px 0px rgba(206,208,220,1)
}
.page-myInvoice .main .item-box .invoice-name{
  font-size:24rpx;
  color:#9B9B9B;
  margin-top: 14rpx;
}
.page-myInvoice .main .item-box .price-box{
  display: flex;
  justify-content: space-between;
  border-bottom:2rpx solid #ECEEF3;
  font-size:24rpx;
  margin-top: 12rpx;
}
.page-myInvoice .main .item-box .price-box .price{
  color:#161616;
  font-size:36rpx;
  height: 50rpx;
  line-height: 50rpx;
}
.page-myInvoice .main .item-box .price-box .state{
  height: 50rpx;
  line-height: 50rpx;
  margin-right: 2rpx;
}
.page-myInvoice .main .item-box .company-box{
  display: flex;
  justify-content: space-between;
}
.page-myInvoice .main .item-box .confirm-box{
  width: 164rpx;
  height: 56rpx;
  background:#161616;
  margin-top: 12rpx;
  color:#fff;
  font-size:24rpx;
  display: flex;
  justify-content: center;
}
.page-myInvoice .main .item-box .serve-box{
  width: 188rpx;
  height: 54rpx;
  border:2rpx solid #ECEEF3;
  background:none;
  margin-top: 12rpx;
  color:#fff;
  font-size:24rpx;
  display: flex;
  justify-content: center;
}
.page-myInvoice .main .item-box .serve-box view{
  margin-top: 13rpx;
  color:#9B9B9B;
}
.page-myInvoice .main .item-box .serve-box image{
  width: 26rpx;
  height: 28rpx;
  margin-right: 10rpx;
  margin-top: 12rpx;
}
.page-myInvoice .main .item-box .confirm-box image{
  width: 26rpx;
  height: 28rpx;
  margin-right: 10rpx;
  margin-top: 12rpx;
}
.page-myInvoice .main .item-box .confirm-box view{
  margin-top: 10rpx;
}
.page-myInvoice .main .item-box .company{
  color:#9B9B9B;
  font-size:24rpx;
  margin-top: 28rpx;
}
.page-myInvoice .main .item-box .tip{
  color:#161616;
  font-size:24rpx;
  margin-top: 10rpx;
}
.page-myInvoice .pop-sure{
  margin-top: -160rpx;
}
.page-myInvoice .pop-sure .pop-inner{
  padding: 0;
  border-radius: 10rpx;
}
.page-myInvoice .pop-sure .planer-box{
  border-radius: 10rpx;
}
.page-myInvoice .pop-sure .labe-text{
  color: #707377;
  font-size: 24rpx;
}
.page-myInvoice .pop-sure .value-text{
  color: #161616;
  font-size: 28rpx;
  height: 80rpx;
  line-height: 80rpx;
}
.page-myInvoice .pop-sure .input-text{
  color: #161616;
  font-size: 28rpx;
  height: 80rpx;
  line-height: 80rpx;
  border-bottom: 1rpx solid #ECEEF3;
}
.page-myInvoice .pop-sure .default-btn{
  margin-top: 50rpx;
  margin-bottom: 30rpx;
}