h5-cli/build/pages/vaccine.css

hello

.vaccine .vaccine-item {
  position: relative;
  margin: 0 25px 0 29px;
  padding-left: 30px;
  width: auto;
  height: 80px;
  border-left: 2px solid #daf0ff;
}
.vaccine .vaccine-item .vaccine-details {
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-top: 27px;
}
.vaccine .vaccine-item .vaccine-details .vaccine-name {
  font-size: 15px;
  line-height: 26px;
  color: #000;
}
.vaccine .vaccine-item .vaccine-details .vaccine-state {
  font-size: 12px;
  line-height: 26px;
  color: #00b2f7;
}
.vaccine .vaccine-item .vaccine-message .message-anyagent,
.vaccine .vaccine-item .vaccine-message .message-time {
  background: url(//image.yuantutech.com/user/39a4793379374e2b547784b8c6afb409-12-12.png) no-repeat;
  background-position: left;
  font-size: 12px;
  line-height: 28px;
  text-indent: 20px;
  padding-right: 20px;
  color: #a3a3a3;
}
.vaccine .vaccine-item .vaccine-message .message-time {
  background: url(//image.yuantutech.com/user/652a94518cd08379684d2b3003794d9f-12-12.png) no-repeat;
  background-position: left;
}
.vaccine .vaccine-item .vaccine-icon {
  width: 10px;
  height: 10px;
  position: absolute;
  background: url(//image.yuantutech.com/user/ef1a77b26a5b305a7517a8439ea3406f-10-10.png) no-repeat;
  top: 50%;
  left: -6px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vaccine .vaccine-no .vaccine-details .vaccine-state {
  color: #f7a300;
}
.vaccine .vaccine-no .vaccine-icon {
  background: url(//image.yuantutech.com/user/34fbbc513060cf1aedfc50ecb860d070-10-10.png) no-repeat;
}
.no-child .add-child {
  margin-top: 33.33333333%;
  text-align: center;
}
.no-child .add-child .add-child-imge {
  margin: 0 auto;
  width: 30.66666667%;
  padding-top: 29.86666667%;
  background: url(//image.yuantutech.com/user/a8d8ff45f359eeff55751450051b5cf0-115-112.png) no-repeat;
  background-size: 100% 100%;
}
.no-child .add-child .add-child-notice {
  margin-top: 9.6%;
  font-size: 15px;
  line-height: 15px;
  color: #000;
}
.no-child .add-child .add-child-prompt {
  margin-top: 4%;
  font-size: 12px;
  line-height: 12px;
  color: #999;
}
.no-child .add-child .btn-add {
  margin-top: 14.93333333%;
  width: 34.93333333%;
  background-color: #55d0ff;
  font-size: 15px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
}
.no-child .add-child .btn-add:before,
.no-child .add-child .btn-add:after {
  border: 0;
}
.vaccine-manage .user-message {
  display: block;
  height: 134px;
  position: relative;
  background: url(//image.yuantutech.com/user/d7d55cf5ddbeaf333722b4f02e7ca884-375-134.png);
  background-size: 100% 100%;
  padding-left: 24px;
}
.vaccine-manage .user-message .user-name {
  padding-top: 32px;
  font-size: 26px;
  line-height: 44px;
  color: #fff;
}
.vaccine-manage .user-message .hospital-address {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  background: url(//image.yuantutech.com/user/33dff11b10d5ef7cdb643045892f5c70-11-15.png) no-repeat;
  background-position: left;
  text-indent: 20px;
}
.vaccine-manage .user-message .jump-corner {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 40%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(//image.yuantutech.com/user/ef21c9319c21c2a6b9e6bcfbdd65d617-8-14.png) no-repeat;
  background-position: left;
}
.vaccine-manage .vaccine-plan-list {
  border-left: 5px solid #e8e8e9;
  padding-left: 17px;
  background: #fff;
}
.vaccine-manage .vaccine-plan-list .vaccine-plan-title {
  border-bottom: 1px solid #f3f3f4;
  font-size: 12px;
  line-height: 54px;
  color: #00b2f7;
}
.vaccine-manage .vaccine-plan-inner {
  border-left: 5px solid  #55d0ff;
  padding-left: 17px;
  background: #fff;
  margin-bottom: 70px;
}
.vaccine-manage .vaccine-plan-inner .vaccine-item {
  border-bottom: 1px solid #f3f3f4;
  height: 95px;
}
.vaccine-manage .vaccine-plan-inner .vaccine-item .vaccine-name {
  padding-top: 20px;
  font-size: 15px;
  line-height: 26px;
  color: #000;
}
.vaccine-manage .vaccine-plan-inner .vaccine-message .message-anyagent,
.vaccine-manage .vaccine-plan-inner .vaccine-message .message-time {
  background: url(//image.yuantutech.com/user/39a4793379374e2b547784b8c6afb409-12-12.png) no-repeat;
  background-position: left;
  font-size: 12px;
  line-height: 28px;
  text-indent: 20px;
  padding-right: 20px;
  color: #a3a3a3;
}
.vaccine-manage .vaccine-plan-inner .vaccine-message .message-time {
  background: url(//image.yuantutech.com/user/652a94518cd08379684d2b3003794d9f-12-12.png) no-repeat;
  background-position: left;
}
.vaccine-manage .btn-check {
  background-color: #fff;
  border: 0px;
  background-image: none;
  padding: 10px;
  height: 65px;
}
.nobinding-card {
  position: relative;
}
.nobinding-card .hide {
  display: none;
}
.nobinding-card .user-message {
  height: 134px;
  position: relative;
  background: url(//image.yuantutech.com/user/d7d55cf5ddbeaf333722b4f02e7ca884-375-134.png);
  background-size: 100% 100%;
  padding-left: 24px;
}
.nobinding-card .user-message .user-name {
  padding-top: 32px;
  font-size: 26px;
  line-height: 44px;
  color: #fff;
}
.nobinding-card .user-message .hospital-address {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  background: url(//image.yuantutech.com/user/33dff11b10d5ef7cdb643045892f5c70-11-15.png) no-repeat;
  background-position: left;
  text-indent: 20px;
}
.nobinding-card .user-message .jump-corner {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 40%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(//image.yuantutech.com/user/ef21c9319c21c2a6b9e6bcfbdd65d617-8-14.png) no-repeat;
  background-position: left;
}
.nobinding-card .nobinding-inner {
  margin-top: 28.26666667%;
  text-align: center;
}
.nobinding-card .nobinding-inner .nobinding-imge {
  margin: 0 auto;
  width: 30.13333333%;
  padding-top: 21.06666667%;
  background: url(//image.yuantutech.com/user/8b5b2afd8f5bfb822f118024f7d8d144-113-79.png) no-repeat;
  background-size: 100% 100%;
}
.nobinding-card .nobinding-inner .nobinding-notice {
  margin-top: 9.6%;
  font-size: 15px;
  line-height: 15px;
  color: #000;
}
.nobinding-card .nobinding-inner .nobinding-prompt {
  margin-top: 4%;
  font-size: 12px;
  line-height: 12px;
  color: #999;
}
.nobinding-card .nobinding-inner .btn-nobinding {
  margin-top: 9.6%;
  width: 34.93333333%;
  height: 36px;
  line-height: 36px;
  background-color: #55d0ff;
  border-radius: 5px;
}
.nobinding-card .nobinding-inner .btn-nobinding:before,
.nobinding-card .nobinding-inner .btn-nobinding:after {
  border: 0;
}