MeiRiYiCheng_1_old/YBDevice.NWeb/wwwroot/css/print.css

.container {
    position: absolute;
    left: 0;
    top: 0;
    width: 1050px;
    background-color: #fff;
}

.container>.title {
  width: 100%;
  height: 100px;
  line-height: 100px;
  background-color: #0e4e90;
  font-size: 60px;
  font-weight:600;
  color: #fff;
}

.main {
    display: flex;
    justify-content: space-between;
    padding: 15px 0px 0px 0px;
}

.human-component-analysis,
.obesity-analysis,
.torso-analysis {
  width: 650px;
  margin-top: 10px;
}

.human-component-analysis .title,
.obesity-analysis .title,
.torso-analysis .title {
  font-size: 28px;
  font-weight: 700;
  color: #0e4e90;
}

.analysis-table {
  margin-top: 10px;
}

.analysis-table-title {
  display: flex;
  justify-content: space-between;
}

.analysis-table-title .title-row {
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}

.analysis-table-body {
  display: flex;
}

.analysis-table-body .line-name {
  display: flex;
  flex-direction: column;
  width: 140px;
  font-size: 20px;
  color: #3f3b3a;
  background-color: #fff;
}

.analysis-table-body .line-name span {
  height: 46px;
  margin-top: 2px;
  line-height: 46px;
  text-align: center;
  background-color: #d5ebfa;
}

.analysis-table-body .line-val {
  display: flex;
  flex-direction: column;
  width: 426px;
  background-color: #d5ebfa;
}

.analysis-table-body .line-val .item-val {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 2px;
  width: 100%;
  height: 46px;
  background-color: #fff;
}

.analysis-table-body .line-val .item-val .item-val-top {
  display: flex;
  justify-content: space-between;
  width: 386px;
  font-size: 8px;
  margin-left: 0px;
  height:16px;
}
.analysis-table-body .line-val .item-val .item-val-bottom {
  display: flex;
  align-items: center;
  margin-top: 6px;
  width: 95%;
  height: 16px;
  margin-left: 0px;
}
.analysis-table-body .line-val .item-val .item-val-bottom .progress {
  width: 360px;
  height: 8px;
}
.analysis-table-body .line-val .item-val .item-val-bottom .progress .inner {
  position: relative;
  height: 100%;
  background-color: #3f3b3a;
}
.analysis-table-body .line-val .item-val .item-val-bottom .val {
  position: absolute;
  top: -6px;
  right: -46px;
  font-size: 12px;
}

.analysis-table-body .line-range {
  display: flex;
  flex-direction: column;
  width: 140px;
  font-size: 18px;
  background-color: #fff;
}

.analysis-table-body .line-range .item-range {
  margin-top: 2px;
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  background-color: #d5ebfa;
}

/* 躯干分析 */
.torso-analysis .torso-analysis-body {
  position: relative;
  width: 650px;
  height: 392px;
  margin-top: 10px;
}
.torso-analysis .torso-analysis-body img {
  width: 100%;
  height: 100%;
}
.torso-analysis .torso-analysis-body .torso-analysis-item {
  position: absolute;
  font-size: 10px;
  width: 24px;
  text-align: center;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(1) {
  left: 52px;
  top: 120px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(2) {
  left: 283px;
  top: 120px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(3) {
  left: 64px;
  top: 218px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(4) {
  left: 68px;
  top: 316px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(5) {
  left: 268px;
  top: 316px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(6) {
  left: 396px;
  top: 120px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(7) {
  left: 627px;
  top: 120px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(8) {
  left: 408px;
  top: 218px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(9) {
  left: 412px;
  top: 316px;
}
.torso-analysis .torso-analysis-body .torso-analysis-item:nth-of-type(10) {
  left: 612px;
  top: 316px;
}

.main-right {
  width: 365px;
}
.body-type {
  background-color: #fff;
}
.body-type .body-type-title {
  height: 46px;
  line-height: 46px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  background-color: #0e4e90;
  color: #fff;
}
.body-type .body-type-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.body-type .body-type-content .body-type-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 85px;
  margin-top: 3px;
  font-size: 20px;
  text-align: center;
  background-color: #d5ebfa;
}
/* 营养分析 */
.nutrition-analysis, .weight-control, .suggest {
  margin-top: 10px;
  background-color: #fff;
}
.nutrition-analysis .nutrition-analysis-title, .weight-control .weight-control-title, .suggest .suggest-title {
  height: 46px;
  line-height: 46px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  background-color: #0e4e90;
  color: #fff;
}
.nutrition-analysis .nutrition-analysis-table, .weight-control .weight-control-table {
  width: 100%;
  font-size: 20px;
}
.suggest .content {
  width: 365px;
  height: 234px;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #cdcece;
}
.qrcode {
  width: 365px;
  height: 215px;
  margin-top: 15px;
  background: url('../images/print/qrcode.png') no-repeat;
  background-size: 100% 100%;
}
.text-wrap {
  padding: 0 30px;
  box-sizing: border-box;
}

table,
table tr th,
table tr td {
  border: 1px solid #c9cacb;
}

table {
  width: 650px;
  min-height: 46px;
  line-height: 46px;
  text-align: center;
  border-collapse: collapse;
  padding: 2px;
}