/* packageF/storeManagement/storeManagementIndex/storeManagementIndex.wxss */
page {
  text-align: center;
}

view,
text {
  box-sizing: border-box;
}

.top-info {
  display: flex;
  width: 100%;
  height: 20vh;
  padding: 32rpx;
  background-image: linear-gradient(135deg, #384556 0%, #2a2d39 100%);
}

.top-info .left-img {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
}

.top-info .left-img image {
  width: 100%;
  height: 100%;
}

.top-info .right-identity {
  flex: 1;
  width: 0;
  margin-left: 32rpx;
  text-align: left;
}

.top-info .right-identity .nick-name {
  font-size: 32rpx;
  color: #fff;
}

.top-info .right-identity .admin {
  display: inline-block;
  margin-top: 20rpx;
  background-image: linear-gradient(90deg, #ffe34a 0%, #ffd150 100%);
  border-radius: 10rpx;
  padding: 5rpx 32rpx;
}

.containe {
  position: absolute;
  width: 100%;
  top: 12vh;
  left: 50%;
  padding: 32rpx 32rpx 2rem 32rpx;
  transform: translateX(-50%);
}

.containe .tool-box {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  background-color: #fff;
  padding: 32rpx;
  border-radius: 16rpx;
}

.containe .tool-box .icon-font {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  width: 70rpx;
  height: 70rpx;
  margin-bottom: 16rpx;
  background-color: #fdf4e2;
  border-radius: 50%;
}

.containe .tool-box .icon-font .iconfont {
  font-size: 40rpx;
}

.containe .tool-box .yingyongshichang1 {
  color: #f78433;
  background-color: #fdf4e2;
}

.containe .tool-box .shangpindingdan {
  color: #5db2f5;
  background-color: #eef7fe;
}

.containe .tool-box .fx_haoyou {
  color: #f56c6d;
  background-color: #feedee;
}

.containe .tool-box .fufeijilu {
  color: #9b8cf2;
  background-color: #f1effb;
}

.containe .module-style {
  margin-top: 20rpx;
  background-color: #fff;
  padding: 26rpx;
  border-radius: 16rpx;
}

.containe .amount-statistics .top,
.containe .order-statistics .top {
  display: flex;
  align-items: center;
  margin-bottom: 48rpx;
}

.containe .amount-statistics .top .completion-amount,
.containe .order-statistics .top .completion-amount {
  flex: 1;
  color: #555;
  text-align: left;
}

.containe .amount-statistics .top .completion-amount .num,
.containe .order-statistics .top .completion-amount .num {
  margin-top: 20rpx;
  font-size: 30rpx;
  font-weight: bold;
  color: #232424;
  white-space: break-spaces;
  word-break: break-all;
}

.containe .amount-statistics .top .van-tabs__nav,
.containe .order-statistics .top .van-tabs__nav {
  width: 320rpx;
  margin: 0;
}

.containe .amount-statistics .statistics,
.containe .order-statistics .statistics {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  gap: 32rpx;
}

.containe .amount-statistics .statistics .statistical-name,
.containe .order-statistics .statistics .statistical-name {
  font-size: 22rpx;
  color: #3f3f3f;
}

.containe .amount-statistics .statistics .statistical-num,
.containe .order-statistics .statistics .statistical-num {
  margin-top: 26rpx;
  color: #232424;
  font-weight: bold;
  font-size: 30rpx;
  white-space: break-spaces;
  word-break: break-all;
}

.containe .order-statistics .title {
  margin-bottom: 32rpx;
  text-align: left;
  font-size: 32rpx;
  font-weight: bold;
  color: #1c1c1c;
}

.containe .manage-box .title {
  margin-bottom: 32rpx;
  text-align: left;
  font-size: 32rpx;
  font-weight: bold;
  color: #1c1c1c;
}

.containe .manage-box .manage-tool {
  display: grid;
  grid-template-columns: repeat(auto-fill, 208rpx);
}

.containe .manage-box .manage-tool .iconfont {
  display: inline-block;
  font-size: 40rpx;
  margin-bottom: 16rpx;
}

.containe .manage-box .manage-tool .icon-fontclass-yingyongzhongxin {
  color: #459df2;
}

.containe .manage-box .manage-tool .icon-ht_content_tixian {
  color: #f9bb3e;
}
