.take-photo-page {
  width: 100vw;
  height: 100vh;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.take-photo-page #camera-video {
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  object-fit: fill;
  width: auto;
  height: auto;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #323137;
}

.take-photo-page .position-title {
  position: absolute;
  top: 0.853333rem;
  left: 0.746667rem;
  z-index: 102;
}

.take-photo-page .position-title>div:first-child {
  width: 3.333333rem;
  height: 1.013333rem;
  font-size: 0.56rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.013333rem;
  text-align: center;
  background: #4CC499;
  border-radius: 0.186667rem;
}

.take-photo-page .position-title>div:first-child>span {
  color: #f98c00;
}

.take-photo-page .position-title .tips {
  width: 100%;
  font-size: 0.333333rem;
  line-height: 0.48rem;
  color: #FFFFFF;
  margin-top: 0.4rem;
}

.take-photo-page .position-title .tips>span {
  font-size: 0.333333rem;
  color: #f98c00;
}

.take-photo-page .position-img {
  width: 2.666667rem;
  height: 3.773333rem;
  position: absolute;
  top: 0.466667rem;
  right: 0.426667rem;
  z-index: 102;
}

.take-photo-page .foot-model {
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-size: auto 100%;
  background-position-x: center;
  background-position-y: 40%;
  position: relative;
  z-index: 101;
}

.take-photo-page .start-btn {
  position: fixed;
  bottom: 1.106667rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.253333rem;
  height: 2.253333rem;
  border-radius: 2.253333rem;
  background-image: url(/images/takePhoto-1706074e.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 102;
}
.edit-info-page {
  min-height: 100vh;
  padding: 0.746667rem 0;
  box-sizing: border-box;
}

.edit-info-page .mine-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.933333rem;
  box-sizing: border-box;
}

.edit-info-page .mine-header .avatar {
  width: 2.266667rem;
  height: 2.266667rem;
  border-radius: 2.266667rem;
  margin-right: 0.6rem;
}

.edit-info-page .mine-header .nick-name {
  font-size: 0.56rem;
  color: #333333;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.edit-info-page .info-form-list {
  padding: 1.333333rem 1.133333rem;
  box-sizing: border-box;
}

.edit-info-page .info-form-list.am-list>.am-list-body {
  background: transparent;
}

.edit-info-page .info-form-list.am-list>.am-list-body .am-list-line::after {
  display: none;
}

.edit-info-page .info-form-list.am-list>.am-list-body::before,
.edit-info-page .info-form-list.am-list .am-list-body::after {
  display: none;
}

.edit-info-page .info-form-list.am-list .am-list-item {
  height: 1.133333rem;
  padding-left: 0;
  background: transparent;
  margin-bottom: 0.44rem;
}

.edit-info-page .info-form-list.am-list .am-input-label,
.edit-info-page .info-form-list.am-list .am-list-content {
  flex: none;
  font-size: 0.373333rem;
  color: #666666;
  width: 1.2rem;
  margin-right: 0;
  text-align: left;
}

.edit-info-page .info-form-list.am-list .am-input-control>input {
  height: 1.133333rem;
  font-size: 0.373333rem;
  color: #333333;
  text-align: center;
  border: 0.013333rem solid #D2D2D2;
}

.edit-info-page .info-form-list.am-list .am-list-extra {
  width: 6.466667rem;
  height: 1.133333rem;
  flex-basis: 100%;
  line-height: 1.133333rem;
  font-size: 0.373333rem;
  color: #333333;
  text-align: center;
  border: 0.013333rem solid #D2D2D2;
  padding: 0;
  box-sizing: border-box;
}

.edit-info-page .info-form-list.am-list .am-list-arrow {
  position: absolute;
  top: 50%;
  right: 0.666667rem;
  width: 0.32rem;
  height: 0.32rem;
  transform: translateY(-50%) rotateZ(90deg);
}

.edit-info-page .operation-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.133333rem;
  box-sizing: border-box;
}

.edit-info-page .operation-btns>div {
  width: 42%;
  height: 0.96rem;
  font-size: 0.44rem;
  color: #fff;
  line-height: 0.96rem;
  text-align: center;
  background: #4CC499;
}
.report-page {
  background: linear-gradient(-73deg, #4D8AE9, #3BCCB9);
}

.report-page .report-container {
  background-image: url(/images/report-bg-c9c93779.jpg);
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
  padding: 0.933333rem 0.4rem 0.373333rem;
}

.report-page .report-container .attention {
  display: inline-block;
  width: 1.933333rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  background: #f98c00;
  border-radius: 0.186667rem;
  font-size: 0.28rem;
  color: #fff;
  position: absolute;
  top: 0.586667rem;
  right: 0.306667rem;
}

.report-page .report-container .report-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.333333rem;
  color: #fff;
}

.report-page .report-container .report-header .avatar {
  width: 1.386667rem;
  height: 1.386667rem;
  border-radius: 1.386667rem;
  margin-right: 0.266667rem;
}

.report-page .report-container .report-header .nick-name {
  min-width: 1.333333rem;
  font-size: 0.56rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 0.24rem;
}

.report-page .report-container .report-header .report-name {
  width: 2.666667rem;
}

.report-page .report-container .report-header .right-icon {
  width: 0.28rem;
  color: 0.28rem;
  margin-left: 0.266667rem;
}

.report-page .report-container .result-picture {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 8.213333rem;
  margin: 0 auto;
  padding-bottom: 0.4rem;
}

.report-page .report-container .result-picture>div {
  width: 3.826667rem;
}

.report-page .report-container .result-picture>div>canvas {
  width: 100%;
  height: 5.44rem;
  border: 0.08rem solid #3AD4E0;
  box-sizing: border-box;
  background: #ccc;
}

.report-page .report-container .result-picture>div>div {
  width: 3.826667rem;
  height: 0.92rem;
  font-size: 0.44rem;
  color: #fff;
  line-height: 0.92rem;
  text-align: center;
  background: #4CC499;
  margin-top: 0.36rem;
}

.report-page .report-container .left-foot-box {
  padding: 0.533333rem;
  box-sizing: border-box;
}

.report-page .report-container .left-foot-box .box-header {
  display: flex;
  align-items: center;
}

.report-page .report-container .left-foot-box .box-header .left-foot-img {
  width: 2.413333rem;
  height: 2.413333rem;
  padding: 0.106667rem;
  border: 0.013333rem solid #3AD4E0;
  box-sizing: border-box;
  margin-right: 0.4rem;
}

.report-page .report-container .left-foot-box .box-header .left-foot-img img {
  width: 100%;
  height: 100%;
}

.report-page .report-container .left-foot-box .box-header .header-right .foot-position {
  display: inline-block;
  font-size: 0.666667rem;
  color: #3BD5E0;
  border-bottom: 0.053333rem solid #3BD5E0;
  padding-bottom: 0.266667rem;
}

.report-page .report-container .left-foot-box .box-header .header-right .foot-status {
  display: flex;
  align-items: center;
  margin-top: 0.346667rem;
  font-size: 0.44rem;
  color: #fff;
  text-align: center;
  line-height: 0.92rem;
}

.report-page .report-container .left-foot-box .box-header .header-right .foot-status>div {
  width: 0.8rem;
  height: 0.92rem;
  margin-right: 0.04rem;
}

.report-page .report-container .left-foot-box .box-header .header-right .foot-status>div.current {
  width: 2.666667rem;
}

.report-page .report-container .left-foot-box .box-header .header-right .foot-status .normal {
  background: #4CC499;
}

.report-page .report-container .left-foot-box .box-header .header-right .foot-status .light {
  background: #FBBD03;
}

.report-page .report-container .left-foot-box .box-header .header-right .foot-status .medium {
  background: #F88D02;
}

.report-page .report-container .left-foot-box .box-header .header-right .foot-status .heavy {
  background: #F56901;
}

.report-page .report-container .left-foot-box .conclusion {
  width: 100%;
  height: 0.92rem;
  font-size: 0.333333rem;
  color: #000000;
  line-height: 0.92rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  background: #D0F9F9;
  margin: 0.44rem 0 0.573333rem;
}

.report-page .report-container .left-foot-box .conclusion-tips {
  font-size: 0.333333rem;
  color: #666666;
  line-height: 0.56rem;
  margin-bottom: 0.533333rem;
}

.report-page .report-container .left-foot-box .conclusion-tips>span {
  color: #2184DC;
}

.report-page .report-container .danger-tips>.title {
  color: #fff;
  margin: 0.4rem 0;
}

.report-page .report-container .danger-tips>.report-accordion.am-accordion {
  border: none;
}

.report-page .report-container .danger-tips>.report-accordion.am-accordion .am-accordion-item {
  margin-bottom: 0.4rem;
  border-radius: 0.106667rem;
  overflow: hidden;
}

.report-page .report-container .danger-tips>.report-accordion.am-accordion .am-accordion-item .am-accordion-header {
  border: none;
  background: #d0f9f9;
  font-size: 0.44rem;
  font-weight: bold;
  color: #000000;
}

.report-page .report-container .danger-tips>.report-accordion.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~="true"] i {
  transform: rotate(-90deg);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAApNJREFUaEPtms1u00AUhc91ws8LIIQEpasm6Yq/h6CpnZQ27YbfhygtQoKGOmpjxxXvwoYnal07LRVLSOOLxiFRFKXEkPF4LJFtrMn55pw7904SQs5flHP9+A+QtoOW2zWJo9KX3dtH0z5LWwfWPl8sXvZ+tAj0nBjbuQIw3dN3BLIBFMWu5wbAck9NBtkEPBiPi/YAa4f+Yr9giB1/MTXnOkfIcsJdItgMvnbVgaClA7WOv8owbDAezjrJtAKoehf3C/xTCH85S/jwfW0Aam6ww0ALwJVx0bIGTDesEnMLNDsuWgGY7W8LRD0hPHFctAEwXX9n0IzoetKsa3EKma5fJXG6AI/mFa60iM328YJhFG0GXskSrgzAdIK3ohkBuCFbfKqzkNUOVyCEEz9OQ3hqDtSPju9FUVE0o9dpCk8FwHKDbSCOy00V4qVFqOaGTzkWzk9UCZfiwLpzfrdHfSH8jWrhcwNkERdpnbjmdEsR9W0CbWa183M7IBaw3GAD8UjAlaxApIzTZifYI0YzCwgpALEbBydlKhRsJjRUgkgDGIoexIpbAJVVgEgHGIpWFavUAOJYeWdl4r7NnF6sUgUYueGEjcFEytJjpQRgCFJzgiYT9mTWhlIAIXzVOakYVBAD34YMEOUAQ9F1L2xEkTitUJoHJDOAUaw6QZP532OVOcAgVmcVgyJR5H8dKy0ARm644ebve0XiWGkFMNbNPwH4mKQ2tAQQwuuevxxx/A31+p9AtAUYudH2t5gMmwhL0i40SayV/Yzl+Psg48Pkuto7MC647p0v96PLFgHPpNzIZO9y0vWsTrhFgM3MS7lyYBLQcoJ9Ar7n6nfiSYiVA//W1/d3ulMLPKmluj6n7V8Nkm7YL1qqOUA2r/XbAAAAAElFTkSuQmCC);
}

.report-page .report-container .danger-tips>.report-accordion.am-accordion .am-accordion-item .am-accordion-header i {
  transform: rotate(0);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAb9JREFUaEPtmTdOBEEQRf9KuAuQ4SJchDsELgEWEuwhcAmelJMScQP0pWpptOpZejTV1dUSHY9m35v6VbW7M0DlZ1A5P/4FDCp4CGAFwFfsszxXYAnAJ4BzALe1CTwC+AAwIU+9GgHGheAbI3FxL8C4EPyipadcCzwI/OSYgeBS4EDANxMmmSuBRQG/TAAPl7gRuJfROC4uMa/iAvsCnhIXVwILAt4lLm4EGBeOxqkOWW+71DRCjAvBtxTATZuYcSH4lSK4mcCdwE9ngOcts0VoT8C3M4Fnq8C8gF9nBs8iwHIy6zNG8GoR2hXwHUNwlQrMCfhNAfDeAiXioraJ+UOaWT8t+OR7V4A3OBGRtYIiKnvgBcBrIQkVAbKvSjWGxiJqAoGbseJ/NhSyOOoCAdoqVtkErGKVVSBUg33BsZsjViYCQYSTitHSPKYCBOfOYDXY7BrHXKAZK04rbvU+p5iAVqyKC/SNlQuBUA1+OWR/dImVK4Eg8gbgObExXAqQfV2qcfyHiFuBwH0mIsstIu4FAvc7gKeIRDUCIVbcHUcNkaoEYrGqUqAZq5/a3hOPtsEsgO9Yg3t+U5+0IqoX+AVpSVQxFxyOLQAAAABJRU5ErkJggg==);
}

.report-page .report-container .danger-tips>.report-accordion.am-accordion .am-accordion-item .am-accordion-content {
  padding: 0.4rem 0.533333rem;
  text-align: justify;
  box-sizing: border-box;
}

.report-page .report-container .danger-tips>.report-accordion.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
  font-size: 0.373333rem;
  line-height: 0.56rem;
  color: #666666;
  border: none;
}

.report-page .report-container .danger-tips>.report-accordion.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after {
  border: none;
  height: 0;
}

.report-page .report-container .common-box {
  width: 100%;
  background: #fff;
  border-radius: 0.093333rem;
  margin-top: 0.32rem;
}

.report-page .suggestion-box {
  width: 100%;
  background: #fff;
  padding: 0.666667rem 0 0.133333rem;
}

.report-page .suggestion-box .title {
  width: 5.44rem;
  height: 1rem;
  font-size: 0.56rem;
  color: #fff;
  line-height: 1rem;
  text-align: center;
  margin: 0 auto 0.666667rem;
  background: linear-gradient(-73deg, #4e8ae9, #3dccb9);
  border-radius: 1rem;
}

.report-page .suggestion-box .suggestion-list {
  padding: 0 0.36rem;
  box-sizing: border-box;
}

.report-page .suggestion-box .suggestion-list .suggestion-item {
  border-radius: 0.093333rem;
  background: linear-gradient(67deg, #CCEFF5 0%, #E4F9FC 100%);
  padding: 0.266667rem 0.373333rem;
  box-sizing: border-box;
  margin-bottom: 0.32rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.report-page .suggestion-box .suggestion-list .suggestion-item>img {
  width: 2.24rem;
  height: 2.24rem;
  margin-right: 0.373333rem;
}

.report-page .suggestion-box .suggestion-list .suggestion-item>div.intro {
  flex: 1;
  align-self: flex-start;
}

.report-page .suggestion-box .suggestion-list .suggestion-item>div.intro>div:nth-child(1) {
  font-size: 0.373333rem;
  color: #212829;
  line-height: 0.933333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 5.866667rem;
}

.report-page .suggestion-box .suggestion-list .suggestion-item>div.intro>.suggestion-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.report-page .suggestion-box .suggestion-list .suggestion-item>div.intro>.suggestion-bottom>div:nth-child(1) {
  font-size: 0.28rem;
  color: #212829;
  line-height: 0.44rem;
  flex: 1;
}

.report-page .suggestion-box .suggestion-list .suggestion-item>div.intro>.suggestion-bottom>div.operation {
  width: 1.76rem;
  text-align: center;
  margin-left: 0.133333rem;
}

.report-page .suggestion-box .suggestion-list .suggestion-item>div.intro>.suggestion-bottom>div.operation>div {
  width: 100%;
  height: 0.6rem;
  background: linear-gradient(90deg, #2184DC, #3CD8E0);
  border: 0.013333rem solid #92D2C2;
  border-radius: 0.28rem;
  box-sizing: border-box;
  font-size: 0.28rem;
  color: #fff;
  line-height: 0.6rem;
}
.right-foot-page .example-img-box {
  position: relative;
  background: #323137;
  display: flex;
  align-items: center;
  justify-content: center;
}

.right-foot-page .example-img-box>img {
  width: auto;
  height: 6.4rem;
}

.right-foot-page .camera-tips {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.48rem;
  padding: 0.666667rem 0.533333rem;
  box-sizing: border-box;
}

.right-foot-page .camera-tips>span {
  font-size: 0.333333rem;
  color: #f98c00;
}

.right-foot-page .camera-tips>span>span {
  font-size: 0.4rem;
  font-weight: bold;
}

.right-foot-page .operation-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.533333rem 0.333333rem;
  box-sizing: border-box;
}

.right-foot-page .operation-btns>div {
  width: 48%;
  height: 1.013333rem;
  font-size: 0.56rem;
  color: #fff;
  line-height: 1.013333rem;
  text-align: center;
  border-radius: 0.053333rem;
  background: #4CC499;
}

.right-foot-page .example-video {
  width: 1.613333rem;
  height: 1.613333rem;
  background: #3bccb9;
  font-size: 0.44rem;
  color: #fff;
  text-align: center;
  padding: 0.32rem;
  border-radius: 1.333333rem;
  box-sizing: border-box;
  position: fixed;
  top: 1.066667rem;
  right: 0.16rem;
}

.example-box {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.example-box .common-container {
  margin-top: 1.333333rem;
  padding-bottom: 0.4rem;
}

.example-box #example-video {
  width: 8.2rem;
  height: 4.56rem;
  border-radius: 0.133333rem;
  background: #323137;
  margin: 0.133333rem 0.44rem 0.533333rem;
}

.example-box .example-tips {
  margin: 0 0.44rem 0.573333rem;
  background: #E9FFFF;
  padding: 0.466667rem 0;
  box-sizing: border-box;
}

.example-box .example-tips ul {
  padding: 0 0.2rem;
  margin: 0;
  box-sizing: border-box;
  font-size: 0.333333rem;
  color: #333333;
  line-height: 0.56rem;
}

.example-box .example-tips ul li::marker {
  font-size: 0.466667rem;
  color: #3AD4E0;
}

.example-box .ok-btn {
  width: 8.133333rem;
  height: 1.533333rem;
  font-size: 0.56rem;
  color: #fff;
  line-height: 1.533333rem;
  text-align: center;
  border-radius: 0.186667rem;
  background: #4CC499;
  margin: 0 auto;
}
.left-foot-page .example-img-box {
  position: relative;
  background: #323137;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-foot-page .example-img-box>img {
  width: auto;
  height: 6.4rem;
}

.left-foot-page .camera-tips {
  font-size: 0.28rem;
  color: #666666;
  line-height: 0.48rem;
  padding: 0.666667rem 0.533333rem;
  box-sizing: border-box;
}

.left-foot-page .camera-tips>span {
  font-size: 0.333333rem;
  color: #f98c00;
}

.left-foot-page .camera-tips>span>span {
  font-size: 0.4rem;
  font-weight: bold;
}

.left-foot-page .operation-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.533333rem 0.333333rem;
  box-sizing: border-box;
}

.left-foot-page .operation-btns>div {
  width: 48%;
  height: 1.013333rem;
  font-size: 0.56rem;
  color: #fff;
  line-height: 1.013333rem;
  text-align: center;
  border-radius: 0.053333rem;
  background: #4CC499;
}

.left-foot-page .example-video {
  width: 1.613333rem;
  height: 1.613333rem;
  background: #3bccb9;
  font-size: 0.44rem;
  color: #fff;
  text-align: center;
  padding: 0.32rem;
  border-radius: 1.333333rem;
  box-sizing: border-box;
  position: fixed;
  top: 1.066667rem;
  right: 0.16rem;
}

.example-box {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.example-box .common-container {
  margin-top: 1.333333rem;
  padding-bottom: 0.4rem;
}

.example-box #example-video {
  width: 8.2rem;
  height: 4.56rem;
  border-radius: 0.133333rem;
  background: #323137;
  margin: 0.133333rem 0.44rem 0.533333rem;
}

.example-box .example-tips {
  margin: 0 0.44rem 0.573333rem;
  background: #E9FFFF;
  padding: 0.466667rem 0;
  box-sizing: border-box;
}

.example-box .example-tips ul {
  padding: 0 0.2rem;
  margin: 0;
  box-sizing: border-box;
  font-size: 0.333333rem;
  color: #333333;
  line-height: 0.56rem;
}

.example-box .example-tips ul li::marker {
  font-size: 0.466667rem;
  color: #3AD4E0;
}

.example-box .ok-btn {
  width: 8.133333rem;
  height: 1.533333rem;
  font-size: 0.56rem;
  color: #fff;
  line-height: 1.533333rem;
  text-align: center;
  border-radius: 0.186667rem;
  background: #4CC499;
  margin: 0 auto;
}

.info-form-box {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.info-form-box .common-container {
  margin-top: 1.6rem;
  padding-bottom: 0.773333rem;
}

.info-form-box .submit-btn {
  width: 7.733333rem;
  height: 1.333333rem;
  font-size: 0.56rem;
  color: #fff;
  text-align: center;
  line-height: 1.333333rem;
  background: #4CC499;
  border-radius: 0.186667rem;
  margin: 0.893333rem auto 0;
}

.info-form-box .info-form-list {
  padding: 0 0.533333rem;
  box-sizing: border-box;
}

.info-form-box .info-form-list.am-list>.am-list-body:nth-child(1)::before {
  display: none;
}

.info-form-box .info-form-list.am-list .am-list-item {
  height: 1.333333rem;
  padding-left: 0;
}

.info-form-box .info-form-list.am-list .am-input-label,
.info-form-box .info-form-list.am-list .am-list-content {
  font-size: 0.373333rem;
  color: #666666;
}

.info-form-box .info-form-list.am-list .am-input-control>input {
  font-size: 0.373333rem;
  color: #333333;
  text-align: right;
}

.info-form-box .info-form-list.am-list .am-list-extra {
  font-size: 0.373333rem;
  color: #333333;
}

.info-form-box .info-form-list.am-list .am-list-arrow {
  width: 0.32rem;
  height: 0.32rem;
}
.home-page {
  width: 100%;
  min-height: 100%;
  background: url(/images/home-bg-4920dbdf.png) center top no-repeat;
  background-size: 100% auto;
  background-position-y: -0.8rem;
  padding: 0.666667rem 0 0.853333rem;
  box-sizing: border-box;
}

.home-page .home-logo {
  width: 4.666667rem;
  height: 0.533333rem;
  background: url(/images/logo-aa2c1e43.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.44rem;
}

.home-page .home-title {
  font-size: 0.826667rem;
  color: #fff;
  margin-bottom: 0.306667rem;
  text-align: center;
}

.home-page .home-title-sec {
  font-size: 0.346667rem;
  color: #F7FCFD;
  margin-bottom: 1.066667rem;
  text-align: center;
}

.home-page .foot-compare {
  width: 8rem;
  margin: 0 auto;
}

.home-page .foot-compare .compare-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home-page .foot-compare .compare-text>div {
  width: 1.493333rem;
  height: 0.693333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/images/bt-bg-12642ab6.png) no-repeat;
  background-size: 100% 100%;
  font-size: 0.4rem;
  color: #fff;
}

.home-page .foot-compare .compare-img {
  width: 90%;
  height: 5.6rem;
  background: url(/images/foot-6a6c7d9b.png) no-repeat;
  background-size: 100% 100%;
  margin: -0.8rem auto 0;
}

.home-page .start-detector {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto;
  background: url(/images/start-25111cc8.png) no-repeat;
  background-size: 100% 100%;
}

.home-page .home-tips {
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #fff;
  width: 8rem;
  margin: 0 auto 0.533333rem;
}
.mine-page {
  min-height: 100%;
  background: #fff;
  padding: 0.666667rem;
  box-sizing: border-box;
}

.mine-page .mine-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mine-page .mine-header .avatar {
  width: 2.266667rem;
  height: 2.266667rem;
  border-radius: 2.266667rem;
  margin-right: 0.453333rem;
}

.mine-page .mine-header .nick-name {
  font-size: 0.56rem;
  color: #333333;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mine-page .mine-header .edit {
  width: 0.56rem;
  height: 0.56rem;
}

.mine-page .view-report {
  width: 100%;
  height: 1.066667rem;
  font-size: 0.44rem;
  color: #fff;
  line-height: 1.066667rem;
  text-align: center;
  border-radius: 0.186667rem;
  background: #4CC499;
  margin: 0.666667rem 0 0.44rem;
}

.mine-page .report-list .report-item {
  width: 100%;
  height: 1.733333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #eaf8f8;
  box-shadow: 0.066667rem 0.066667rem 0.133333rem #f0f1f1;
  margin-bottom: 0.266667rem;
  border-radius: 0.16rem;
}

.mine-page .report-list .report-item .left-box {
  flex: 1;
  padding-left: 0.4rem;
}

.mine-page .report-list .report-item .left-box .left-top-box {
  display: flex;
  align-items: center;
  margin-bottom: 0.266667rem;
}

.mine-page .report-list .report-item .left-box .left-top-box>div {
  font-size: 0.373333rem;
  color: #111111;
  margin-right: 0.106667rem;
}

.mine-page .report-list .report-item .left-box .left-top-box>img {
  width: 0.32rem;
  height: 0.32rem;
}

.mine-page .report-list .report-item .left-box .left-bottom-box {
  font-size: 0.28rem;
  color: #666666;
}

.mine-page .report-list .report-item .right-box {
  width: 2rem;
  font-size: 0.333333rem;
  color: #4CC499;
  text-align: center;
}

.mine-page .public-account {
  margin-top: 2rem;
  text-align: center;
}

.mine-page .public-account .qr-code {
  width: 2.84rem;
  height: 2.84rem;
  padding: 0.106667rem;
  border: 0.013333rem solid #4CC499;
  box-sizing: border-box;
  margin: 0 auto;
}

.mine-page .public-account .qr-code>img {
  width: 100%;
  height: 100%;
}

.mine-page .public-account .account-name {
  font-size: 0.44rem;
  color: #4CC499;
  margin: 0.4rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mine-page .public-account .account-name>span:nth-child(2) {
  display: inline-block;
  width: 1.253333rem;
  height: 0.52rem;
  line-height: 0.52rem;
  background: linear-gradient(-73deg, #4D8AE9, #3BCCB9);
  border-radius: 0.186667rem;
  font-size: 0.293333rem;
  color: #fff;
  margin-left: 0.266667rem;
}

.mine-page .public-account .account-tips {
  font-size: 0.28rem;
  color: #333333;
  line-height: 0.533333rem;
}
.home-icon {
  width: 0.586667rem;
  height: 0.586667rem;
  background: url(/images/home-42d9fa14.png) center center/0.56rem 0.56rem no-repeat;
}

.home-selected-icon {
  width: 0.586667rem;
  height: 0.586667rem;
  background: url(/images/home-selected-0b6ffbce.png) center center/0.56rem 0.56rem no-repeat;
}

.mine-icon {
  width: 0.586667rem;
  height: 0.586667rem;
  background: url(/images/mine-618ebb9d.png) center center/0.56rem 0.56rem no-repeat;
}

.mine-selected-icon {
  width: 0.586667rem;
  height: 0.586667rem;
  background: url(/images/mine-selected-d04c7ae4.png) center center/0.56rem 0.56rem no-repeat;
}
.reset {
  width: 100%;
  height: 100vh;
  background: #fff;
}

.common-page {
  min-height: 100vh;
  background: linear-gradient(-73deg, #4D8AE9, #3BCCB9);
  padding: 0.533333rem 0;
  box-sizing: border-box;
}

.common-container {
  width: 8.96rem;
  height: auto;
  background: #fff;
  border-radius: 0.186667rem;
  margin: 0 auto;
}

.common-title {
  width: 100%;
  height: 1.386667rem;
  font-size: 0.56rem;
  color: #3BCCB9;
  font-weight: bold;
  text-align: center;
  line-height: 1.386667rem;
}

.no-data {
  font-size: 0.4rem;
  color: #888;
  line-height: 0.8rem;
  text-align: center;
}