material_applet/unpackage/dist/dev/mp-weixin/pagesMy/order/detail.wxss

@charset "UTF-8";
/* 水平间距 */
/* 水平间距 */
.content {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  background-color: var(--f9Color);
}
.content .one {
  margin: 2vw 2vw 0 2vw;
  padding: 0 2vw;
  border-radius: 10px;
  background-color: var(--mainColor);
}
.content .one .one_1 {
  display: flex;
  justify-content: space-between;
  padding: 2vw 0;
  font-size: var(--font16Size);
  border-bottom: 1px solid var(--f9Color);
}
.content .one .one_1 .status {
  font-size: var(--font14Size);
  color: var(--fF0Color);
}
.content .one .one_2 {
  display: flex;
  padding: 2vw 0;
}
.content .one .one_2 .left .image {
  width: 25vw;
  height: 25vw;
  border-radius: 5px;
  border: 1px solid var(--f9Color);
}
.content .one .one_2 .right {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 65vw;
  margin: 0 0 0 2vw;
}
.content .one .one_2 .right .name {
  padding: 1vw 0 0 0;
  font-size: var(--font14Size);
}
.content .one .one_2 .right .name text:first-child {
  font-size: var(--font12Size);
  color: var(--mainColor);
  background-color: var(--f3CColor);
  border-radius: 5px;
  padding: 2px 5px;
}
.content .one .one_2 .right .spec {
  font-size: var(--font12Size);
}
.content .one .one_2 .right .num {
  font-size: var(--font12Size);
  color: var(--f85Color);
}
.content .one .one_2 .right .money {
  font-size: var(--font14Size);
  font-weight: bold;
  color: var(--fF0Color);
}
.content .two {
  margin: 2vw 2vw 0 2vw;
  padding: 2vw;
  border-radius: 10px;
  background-color: var(--mainColor);
}
.content .two .two_1 {
  padding: 2vw 0;
  font-size: var(--font14Size);
}
.content .two .two_1 text:first-child {
  color: var(--f85Color);
}
.content .thr {
  margin: 2vw 2vw 0 2vw;
  padding: 0 2vw;
  border-radius: 10px;
  background-color: var(--mainColor);
}
.content .thr .thr_1 {
  padding: 2vw 0;
  font-size: var(--font14Size);
}
.content .thr .thr_1 text:first-child {
  color: var(--f85Color);
}
.content .four {
  display: flex;
  justify-content: space-between;
  margin: 2vw 2vw 0 2vw;
  padding: 2vw;
  border-radius: 10px;
  background-color: var(--mainColor);
  font-size: var(--font14Size);
}
.content .four .left {
  color: var(--f85Color);
}