@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.top-cont {
  width: 100%;
  height: 494rpx;
  position: relative;
  background-image: url(data:image/png;base64,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);
  background-repeat: repeat-x;
  background-size: 40rpx 100%;
}
.top-cont .top-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.top-cont .top-inner .user-info {
  padding: 88rpx 30rpx 0 30rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-cont .top-inner .user-info .left {
  position: relative;
  display: flex;
}
.top-cont .top-inner .user-info .left .head-img {
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 30rpx;
  border: 4rpx solid #FFFFFF;
  box-shadow: 0px 5px 15px 2px rgba(0, 0, 0, 0.1);
}
.top-cont .top-inner .user-info .left .head-img image {
  width: 100%;
  height: 100%;
}
.top-cont .top-inner .user-info .left .name-phone {
  padding-top: 15rpx;
}
.top-cont .top-inner .user-info .left .name-phone .name {
  font-size: 40rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #111111;
  line-height: 1;
}
.top-cont .top-inner .user-info .left .name-phone .phone {
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  line-height: 1;
  margin-top: 30rpx;
}
.top-cont .top-inner .user-info .right {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-cont .top-inner .user-info .right .msg-box {
  margin-left: 10rpx;
  width: 44rpx;
  height: 44rpx;
}
.top-cont .top-inner .user-info .right .msg-box image {
  width: 100%;
  height: 100%;
}
.top-cont .top-inner .user-info .right .set {
  width: 44rpx;
  height: 44rpx;
}
.top-cont .top-inner .user-info .right .set image {
  width: 100%;
  height: 100%;
}
.top-cont .top-inner .my-order {
  padding: 50rpx 20rpx 0;
}
.top-cont .top-inner .my-order .inner {
  box-sizing: border-box;
  height: 245rpx;
  background: #FFFFFF;
  border-radius: 16rpx;
  padding: 40rpx 30rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.top-cont .top-inner .my-order .inner .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-cont .top-inner .my-order .inner .title-box .title {
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
  line-height: 1;
}
.top-cont .top-inner .my-order .inner .title-box .all-order {
  display: flex;
  align-items: center;
}
.top-cont .top-inner .my-order .inner .title-box .all-order .text {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #999999;
  line-height: 1;
  margin-right: 8rpx;
}
.top-cont .top-inner .my-order .inner .title-box .all-order image {
  width: 14rpx;
  height: 24rpx;
}
.top-cont .top-inner .my-order .inner .status-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10rpx;
}
.top-cont .top-inner .my-order .inner .status-box .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top-cont .top-inner .my-order .inner .status-box .item image {
  width: 40rpx;
  height: 40rpx;
  margin-bottom: 18rpx;
}
.top-cont .top-inner .my-order .inner .status-box .item .text {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #111111;
  line-height: 1;
}
.content {
  margin-top: 20rpx;
  padding: 0 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content .used-tools {
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 16rpx;
  padding: 40rpx 30rpx;
}
.content .used-tools .title {
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #222222;
  line-height: 1;
}
.content .used-tools .tools-list {
  margin-top: 50rpx;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.content .used-tools .tools-list .item {
  box-sizing: border-box;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 50rpx;
  position: relative;
}
.content .used-tools .tools-list .item image {
  width: 44rpx;
  height: 44rpx;
}
.content .used-tools .tools-list .item .text {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #111111;
  line-height: 1;
  margin-top: 20rpx;
}
.content .used-tools .tools-list .item .contact-btn {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.sub-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.like-product {
  padding: 0 20rpx;
}
.banner {
  padding: 20rpx 20rpx 0rpx 20rpx;
  height: 200rpx;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner image {
  width: 100%;
  height: 100%;
}
.banner .tel_btn {
  width: 100%;
  height: 100%;
  top: 0rpx;
  position: absolute;
  opacity: 0;
}
.log-out {
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  background: #FFFFFF;
  border-radius: 16rpx;
  margin-top: 20rpx;
}
