/* 头部椭圆 */
.head {
  width: 442px;
  height: 385px;
  background-color:#4b3ab0;
  border-radius: 50%;
  position: absolute;
  left: -34px;
  top: -252px;
  z-index: -1;
}
/* 头部个人信息 */
image.boy {
  width: 110px;
  height: 111px;
  position: absolute;
  left: 225px;
  top: 45px;
}

.user {
  width: 100%;
}
.user .up {
  width: 100%;
  height: 40px;
  margin-top: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
.user .up .left {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.user .up .left image {
  width: 40px;
  height: 40px;
  margin-left: 17px;
  margin-right: 8px;
}
.user .up .left view {
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.user .up .left view text:first-child{
  font-size: 15px;
  font-weight: bold;
}
.user .up .left view text:last-child{
  font-size: 13px;
}
.user .up .right {
  height: 40px;

}
.user .up .right image {
  width: 14px;
  height: 15px;
  vertical-align: middle;
  margin-right: 4px;
}
.user .up .right text {
  font-size: 12px;
  text-decoration: underline;
  margin-right: 10px;
}
.user .down {
  width: 100%;
  height: 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}
.user .down view:first-child{
  font-size: 45px;
  color: #FFD800;
  font-weight: bold;
}
.user .down view:last-child{
  font-size: 10px;
  color: #C7C4D8;
  margin-top: -5px;
}
/* 详细数据 */
.detail {
  width: 100%;
  height: 102px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.detail view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  color: #6C6C6C;
  font-size: 10px;
}
.detail view view:first-child {
  color: #000;
  font-size: 30px;
}
/* 小标题 */
.bar {
  width: 100%;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px;
  box-sizing: border-box;
  margin: 11px 0;
}

.bar view {
  display: flex;
  align-items: center;
  justify-content: start;
}
.conclution {
  width: 100%;
  padding: 5px 19px 20px;
  font-size: 10px;
  color: #6C6C6C;
  box-sizing: border-box;
}
.bar .line {
  width: 4px;
  height: 15px;
  background-color: #5D4DB8;
  margin-right: 7px;
}

.bar .title {
  color: #010101;
  font-size: 15px;
}
/* 图表 */
#mychart-dom-multi-line {
  width: 360px;
  height: 193px;
}
.chart {
  margin: 0 auto;
  width: 360px;
  height: 193px;
  background: #f3f3f3;
  opacity: 0.6;
  border-radius: 10px;
  box-shadow: 0px 6px 11px #dadada;
}

/* 核销详情 */
.sheet {
  color: #6D6D6D;
  font-size: 10px;
  display: flex;
  padding: 0 16px;
  box-sizing: border-box;
}
.sheet .left,
.sheet .right {
  height: 95px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.sheet .left {
  width: 195px;
}
