.ph-imager div {
  background-repeat: no-repeat;
  background-size: contain;
}
.ph-imager .imager-container {
  position: relative;
}
.ph-imager .imager-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
}

.ph-avatar {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.ph-avatar.is-pad {
  width: 19.04296875px;
  height: 19.04296875px;
}
.ph-avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 70%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@font-face {
  font-family: "FZY4JW";
  font-style: normal;
  font-weight: normal;
  src: url("https://cdn.llscdn.com/FZY4JW.TTF") format("truetype");
}
.font-primary {
  font-family: "FZY4JW" !important;
}

.ph-page-fail {
  text-align: center;
  padding-top: 112px;
  padding-bottom: 20px;
}
.ph-page-fail.is-pad {
  padding-top: 53.46679688px;
  padding-bottom: 7.32421875px;
}
.ph-page-fail.is-pad .fail-image {
  width: 76.171875px;
  margin: 0 auto;
}
.ph-page-fail.is-pad .fail-text {
  margin-top: 7.32421875px;
  font-size: 8.7890625px;
  line-height: 10.98632813px;
}
.ph-page-fail.is-pad .reload-btn {
  height: 24.16992188px;
  font-size: 10.25390625px;
  line-height: 24.16992188px;
  border-radius: 12.08496094px;
  margin: 65.18554688px auto 0;
  width: 80%;
}
.ph-page-fail .fail-image {
  width: 208px;
  margin: 0 auto;
}
.ph-page-fail .fail-text {
  margin-top: 10px;
  color: #b5b7bd;
  font-size: 16px;
  line-height: 30px;
}
.ph-page-fail .reload-btn {
  display: block;
  overflow: hidden;
  height: 56px;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 56px;
  text-align: center;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  background-color: #ffbb0a;
  border-radius: 28px;
  border: none;
  padding: 0 75px;
  margin: 14px auto 0;
  outline: 0;
  touch-action: manipulation;
}

.ph-page-loading {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background-color: #fff;
  text-align: center;
}
.ph-page-loading.is-pad .loading-image {
  width: 34.42382813px;
  margin: 89.72167969px auto 0;
}
.ph-page-loading.is-pad .loading-text {
  margin-top: 8.7890625px;
  font-size: 8.7890625px;
  line-height: 10.98632813px;
}
.ph-page-loading .loading-image {
  width: 86px;
  margin: 187px auto 0;
  -webkit-animation: 1.5s loading-plane infinite;
          animation: 1.5s loading-plane infinite;
}
.ph-page-loading .loading-text {
  margin-top: 17px;
  font-size: 16px;
  line-height: 30px;
  color: #b5b7bd;
  position: relative;
  display: inline-block;
}
.ph-page-loading .loading-text::after {
  content: '·';
  position: absolute;
  left: 100%;
  text-align: left;
  -webkit-animation: 2s loading-text infinite;
          animation: 2s loading-text infinite;
}
@-webkit-keyframes loading-plane {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes loading-plane {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes loading-text {
  0% {
    content: '';
  }
  30% {
    content: '·';
  }
  60% {
    content: '··';
  }
  100% {
    content: '···';
  }
}
@keyframes loading-text {
  0% {
    content: '';
  }
  30% {
    content: '·';
  }
  60% {
    content: '··';
  }
  100% {
    content: '···';
  }
}

.lls-ui-loading svg {
  -webkit-animation: loading 1.5s ease infinite, rotate 1.5s linear infinite;
          animation: loading 1.5s ease infinite, rotate 1.5s linear infinite;
  width: 36px;
  height: 36px;
  stroke-linecap: round;
  stroke: #4fcb19;
}
@-webkit-keyframes loading {
  0% {
    stroke-dasharray: 4, 100.48;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 75.36, 100.48;
    stroke-dashoffset: -25.12;
  }
  100% {
    stroke-dasharray: 75.36, 100.48;
    stroke-dashoffset: -96.48;
  }
}
@keyframes loading {
  0% {
    stroke-dasharray: 4, 100.48;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 75.36, 100.48;
    stroke-dashoffset: -25.12;
  }
  100% {
    stroke-dasharray: 75.36, 100.48;
    stroke-dashoffset: -96.48;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.lls-ui-loading__gd {
  width: 36px;
  height: 36px;
  border: 4px solid rgba(189, 189, 189, 0.25);
  box-sizing: border-box;
  border-radius: 50%;
  -webkit-animation: 0.7s lls-loading-gd linear infinite;
          animation: 0.7s lls-loading-gd linear infinite;
  border-left-color: #4fcb19;
  border-top-color: #4fcb19;
}
@-webkit-keyframes lls-loading-gd {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes lls-loading-gd {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.ph-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(181, 183, 188, 0.2);
}
.ph-loading.is-pad .loading-wrapper {
  width: 73.2421875px;
  padding: 7.32421875px 3.66210938px;
  border-radius: 2.9296875px;
}
.ph-loading.is-pad .loading-wrapper .lls-ui-loading__gd {
  width: 13.18359375px;
  height: 13.18359375px;
  border-width: 1.83105469px;
}
.ph-loading.is-pad .loading-wrapper .loading-text {
  margin-top: 5.49316406px;
  font-size: 6.59179688px;
}
.ph-loading.info-loading .loading-wrapper {
  background-color: #fff;
}
.ph-loading .loading-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  padding: 20px 10px;
  text-align: center;
  border-radius: 8px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ph-loading .loading-wrapper .lls-ui-loading__gd {
  margin: 0 auto;
}
.ph-loading .loading-wrapper .loading-text {
  margin-top: 15px;
  margin-bottom: 0;
  word-break: break-all;
}

.lls-ui-toast {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.lls-ui-toast:not(:last-of-type) {
  margin-bottom: 1em;
}
.lls-ui-toast-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  min-width: 100px;
  max-width: 200px;
  padding: 10px 20px;
  box-sizing: border-box;
  color: white;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.8);
}
.lls-ui-toast .lls-ui-icon {
  margin-bottom: 10px;
}
.lls-ui-toast p {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: inherit;
}

.ph-pad-body.ph-pad-body .lls-ui-toast-content {
  padding: 3.66210938px;
  font-size: 5.859375px;
  border-radius: 2.19726563px;
}
.lls-ui-toast.lls-ui-toast p {
  text-overflow: unset;
  white-space: normal;
}

.ph-empty-record {
  text-align: center;
  padding: 142px 0 20px;
}
.ph-empty-record.is-pad {
  padding: 66.28417969px 0 14.6484375px;
}
.ph-empty-record.is-pad .empty-image {
  width: 75.80566406px;
  margin: 0 auto 7.32421875px;
}
.ph-empty-record.is-pad .empty-text {
  font-size: 8.7890625px;
  line-height: 10.98632813px;
}
.ph-empty-record .empty-image {
  width: 188px;
  margin: 0 auto 10px;
}
.ph-empty-record .empty-text {
  font-size: 16px;
  line-height: 30px;
  color: #b5b7bd;
}

.ph-audio-horn {
  width: 35px;
  height: 28px;
  display: inline-block;
  background-size: contain;
  background-image: url('https://cdn.llscdn.com/sprout/assets/20190116/icSound3@2x.png');
  background-repeat: no-repeat;
}
.ph-audio-horn.is-pad {
  width: 12.81738281px;
  height: 10.25390625px;
}
.ph-audio-horn .audio-el {
  display: none;
}
.ph-audio-horn.on-play {
  -webkit-animation: 1s audio-horn-animation infinite;
          animation: 1s audio-horn-animation infinite;
}
@-webkit-keyframes audio-horn-animation {
  0% {
    background-image: url('https://cdn.llscdn.com/sprout/assets/20190116/icSound1@2x.png');
  }
  50% {
    background-image: url('https://cdn.llscdn.com/sprout/assets/20190116/icSound2@2x.png');
  }
  100% {
    background-image: url('https://cdn.llscdn.com/sprout/assets/20190116/icSound3@2x.png');
  }
}
@keyframes audio-horn-animation {
  0% {
    background-image: url('https://cdn.llscdn.com/sprout/assets/20190116/icSound1@2x.png');
  }
  50% {
    background-image: url('https://cdn.llscdn.com/sprout/assets/20190116/icSound2@2x.png');
  }
  100% {
    background-image: url('https://cdn.llscdn.com/sprout/assets/20190116/icSound3@2x.png');
  }
}

.ph-audio-block {
  position: relative;
  width: 100%;
  height: 42px;
  padding-left: 30px;
  margin-left: 8px;
  color: #fff;
  background-color: #ffc21e;
  border-radius: 6px;
}
.ph-audio-block.is-pad {
  height: 19.04296875px;
  padding-left: 10.98632813px;
  margin-left: 4.39453125px;
  border-radius: 2.19726563px;
}
.ph-audio-block.is-pad::before {
  width: 5.49316406px;
  height: 5.49316406px;
  border-radius: 1.09863281px;
  -webkit-transform: translate(-40%, -50%) rotate(45deg);
          transform: translate(-40%, -50%) rotate(45deg);
}
.ph-audio-block.is-pad .duration-text {
  height: 19.04296875px;
  margin-left: 2.9296875px;
  font-size: 7.32421875px;
  line-height: 19.04296875px;
}
.ph-audio-block.is-pad .animation-container {
  width: 7.32421875px;
  height: 8.05664063px;
  margin-left: 4.39453125px;
}
.ph-audio-block.is-pad .animation-container .animation-item {
  width: 0.73242188px;
  height: 5.12695313px;
  margin-top: 0.73242188px;
  margin-left: 0.73242188px;
  border-radius: 0.73242188px;
}
.ph-audio-block.on-play .animation-item {
  -webkit-animation: 0.5s audio-item-animation infinite;
          animation: 0.5s audio-item-animation infinite;
}
.ph-audio-block.on-play .animation-item:nth-child(1) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.ph-audio-block.on-play .animation-item:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.ph-audio-block.on-play .animation-item:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.ph-audio-block.on-play .animation-item:nth-child(4) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ph-audio-block::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  width: 10px;
  height: 10px;
  background-color: #ffc21e;
  border-radius: 3px;
  -webkit-transform: translate(-40%, -50%) rotate(45deg);
          transform: translate(-40%, -50%) rotate(45deg);
}
.ph-audio-block .animation-container {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ph-audio-block .animation-container .animation-item {
  display: inline-block;
  width: 2px;
  height: 14px;
  margin-top: 2px;
  margin-left: 2px;
  vertical-align: top;
  background-color: #fff;
  border-radius: 2px;
}
.ph-audio-block .animation-container .animation-item:nth-child(1) {
  -webkit-transform: scale(1, 0.4);
          transform: scale(1, 0.4);
}
.ph-audio-block .animation-container .animation-item:nth-child(2) {
  -webkit-transform: scale(1, 0.8);
          transform: scale(1, 0.8);
}
.ph-audio-block .animation-container .animation-item:nth-child(3) {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.ph-audio-block .animation-container .animation-item:nth-child(4) {
  -webkit-transform: scale(1, 0.6);
          transform: scale(1, 0.6);
}
.ph-audio-block .duration-text {
  display: inline-block;
  height: 42px;
  margin-left: 8px;
  font-size: 20px;
  line-height: 42px;
  vertical-align: top;
}
@-webkit-keyframes audio-item-animation {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(1, 0.75);
            transform: scale(1, 0.75);
  }
  50% {
    -webkit-transform: scale(1, 0.5);
            transform: scale(1, 0.5);
  }
  75% {
    -webkit-transform: scale(1, 0.25);
            transform: scale(1, 0.25);
  }
}
@keyframes audio-item-animation {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(1, 0.75);
            transform: scale(1, 0.75);
  }
  50% {
    -webkit-transform: scale(1, 0.5);
            transform: scale(1, 0.5);
  }
  75% {
    -webkit-transform: scale(1, 0.25);
            transform: scale(1, 0.25);
  }
}

.ph-click-anime {
  display: inline-block;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.ph-picture {
  display: block;
}
.ph-picture div {
  background-repeat: no-repeat;
  background-size: contain;
}
.ph-picture .imager-container {
  position: relative;
  background-size: 100% 100%;
}
.ph-picture .imager-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
}

.ph-subtitle {
  display: -webkit-box;
  display: flex;
  font-size: 12px;
  border-radius: 10000px;
}
.ph-subtitle.is-pad {
  font-size: 4.39453125px;
}
.ph-subtitle.is-pad .main-container {
  height: 14.6484375px;
  margin-left: 2.19726563px;
}
.ph-subtitle.is-pad .main-container .scroll-box {
  margin-right: 3.66210938px;
}
.ph-subtitle.is-pad .main-container .scroll-box.transiting {
  -webkit-transform: translateY(-14.6484375px);
          transform: translateY(-14.6484375px);
}
.ph-subtitle.is-pad .main-container .scroll-box .subtitle-column {
  height: 14.6484375px;
  line-height: 14.6484375px;
}
.ph-subtitle.is-pad .main-container .scroll-box .subtitle-column .ph-avatar {
  width: 10.98632813px;
  height: 10.98632813px;
  margin-top: 1.83105469px;
  margin-right: 3.66210938px;
}
.ph-subtitle.is-pad .right-container {
  margin-right: 7.32421875px;
  line-height: 14.6484375px;
}
.ph-subtitle .main-container {
  -webkit-box-flex: 1;
          flex: 1;
  overflow: hidden;
  height: 40px;
  margin-left: 6px;
}
.ph-subtitle .main-container .scroll-box {
  margin-right: 10px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  will-change: transform;
}
.ph-subtitle .main-container .scroll-box.transiting {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
}
.ph-subtitle .main-container .scroll-box .subtitle-column {
  display: -webkit-inline-box;
  display: inline-flex;
  max-width: 100%;
  height: 40px;
  color: #fff;
  line-height: 40px;
}
.ph-subtitle .main-container .scroll-box .subtitle-column .ph-avatar {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
}
.ph-subtitle .main-container .scroll-box .subtitle-column .subtitle-name {
  -webkit-box-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ph-subtitle .main-container .scroll-box .subtitle-column .subtitle-text {
  display: inline-block;
}
.ph-subtitle .right-container {
  display: inline-block;
  margin-right: 20px;
  line-height: 40px;
}
.ph-subtitle .right-container .right-num {
  color: #ffbb0b;
}
.ph-subtitle .right-container .right-text {
  color: #fff;
}

.ph-dialog-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  z-index: 9999;
}
.ph-dialog {
  width: 308px;
  min-height: 186px;
  border-radius: 24px;
  background: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.ph-dialog-confirm {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
          flex: 1;
}
.ph-dialog-confirm .ph-dialog-content {
  padding: 20px 32px;
  color: #202b43;
  font-size: 18px;
  line-height: 24px;
  word-break: break-all;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 1;
          flex: 1;
}
.ph-dialog-confirm .ph-dialog-btn-area {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 0 16px 14px;
}
.ph-dialog-confirm .ph-dialog-btn {
  width: 128px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  font-size: 20px;
  border-radius: 28px;
}
.ph-dialog-confirm .ph-dialog-cancelbtn {
  background: #f4f6f8;
  color: #788295;
}
.ph-dialog-confirm .ph-dialog-confirmbtn {
  background: #ffb400;
  color: #fff;
}
.ph-dialog-pad {
  width: 112.79296875px;
  min-height: 68.11523438px;
  border-radius: 8.7890625px;
}
.ph-dialog-pad .ph-dialog-confirm .ph-dialog-content {
  padding: 7.32421875px 11.71875px;
  font-size: 6.59179688px;
  line-height: 8.7890625px;
}
.ph-dialog-pad .ph-dialog-confirm .ph-dialog-btn-area {
  padding: 0 5.859375px 5.12695313px;
}
.ph-dialog-pad .ph-dialog-confirm .ph-dialog-btn {
  width: 46.875px;
  height: 19.77539063px;
  text-align: center;
  line-height: 19.77539063px;
  font-size: 7.32421875px;
  border-radius: 10.25390625px;
}

.ph-checkbox {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.ph-checkbox .ph-checkbox-img {
  width: 24px;
  height: 24px;
}
.ph-checkbox .ph-checkbox-img {
  background: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3C!-- Generator%3A Sketch 53.2 (72643) - https%3A%2F%2Fsketchapp.com --%3E    %3Ctitle%3EIcon%2FOtherIcon%2FCheckBoxSelected%3C%2Ftitle%3E    %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E    %3Cg id%3D%22%E9%A1%B5%E9%9D%A2-1%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22b.4-%E5%85%91%E6%8D%A2%E8%AF%BE%E7%A8%8B%22 transform%3D%22translate(-96.000000%2C -368.000000)%22 fill%3D%22%23FFFFFF%22 stroke%3D%22%23FFB400%22%3E            %3Cg id%3D%22Icon%2FOtherIcon%2FCheckBoxUnselected%22 transform%3D%22translate(96.000000%2C 368.000000)%22%3E                %3Cg id%3D%22Phone%2FIcon%2FOtherIcon%2FCheckBoxUnselected%22%3E                    %3Cg id%3D%22checkbox_checked_s%22 stroke-width%3D%223%22%3E                        %3Crect id%3D%22Rectangle-2%22 x%3D%221.5%22 y%3D%221.5%22 width%3D%2221%22 height%3D%2221%22 rx%3D%226.85714286%22%3E%3C%2Frect%3E                    %3C%2Fg%3E                %3C%2Fg%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
  touch-action: none;
  background-size: contain;
}
.ph-checkbox .ph-checkbox-checked {
  background: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3C!-- Generator%3A Sketch 53.2 (72643) - https%3A%2F%2Fsketchapp.com --%3E    %3Ctitle%3EIcon%2FOtherIcon%2FCheckBoxSelected%3C%2Ftitle%3E    %3Cdesc%3ECreated with Sketch.%3C%2Fdesc%3E    %3Cg id%3D%22%E9%A1%B5%E9%9D%A2-1%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22b.4-%E5%85%91%E6%8D%A2%E8%AF%BE%E7%A8%8B-%E8%BE%93%E5%85%A5%E7%8A%B6%E6%80%81%22 transform%3D%22translate(-96.000000%2C -368.000000)%22 stroke%3D%22%23FFB400%22%3E            %3Cg id%3D%22Icon%2FOtherIcon%2FCheckBoxSelected%22 transform%3D%22translate(96.000000%2C 368.000000)%22%3E                %3Cg id%3D%22Phone%2FIcon%2FOtherIcon%2FCheckBoxSelected%22%3E                    %3Cg id%3D%22App%2FBTN%2FPhoneBTN%2Fsignup%2FcheekBox%2FSelected%22 stroke-width%3D%223%22%3E                        %3Crect id%3D%22Rectangle-2%22 fill%3D%22%23FFFFFF%22 x%3D%221.5%22 y%3D%221.5%22 width%3D%2221%22 height%3D%2221%22 rx%3D%226.85714286%22%3E%3C%2Frect%3E                        %3Cpolyline id%3D%22%E8%B7%AF%E5%BE%84%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 points%3D%227 12.2091324 11.4428424 15.587039 17.3983276 8.99038021%22%3E%3C%2Fpolyline%3E                    %3C%2Fg%3E                %3C%2Fg%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
  background-size: contain;
}
.ph-checkbox .ph-checkbox-label {
  padding-left: 8px;
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 16px;
}
.ph-checkbox-pad .ph-checkbox-img {
  position: absolute;
  width: 8.7890625px;
  height: 8.7890625px;
}
.ph-checkbox-pad .ph-checkbox-label {
  padding-left: 2.9296875px;
  font-size: 5.859375px;
}