.login {
  height: 100%;
  padding: 0 1.6rem;
}
.login-back {
  padding: 1rem 1rem 2rem;
}
.login-back-icon {
  width: 1rem;
  height: 1rem;
}
.login-back-title {
  font-size: 1rem;
  color: #333;
  padding-left: .5rem;
}
.login-title {
  font-size: 1.2rem;
  padding: 3.2rem 0 2.3em;
}
.login-form {}
.login-form-item {
  padding-bottom: 1.2rem;
}
.login-form-item__label {
  line-height: 1;
  font-size: .8rem;
}
.login-form-item__content {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.login-country-code {
  font-size: .85rem;
  padding-right: 1em;
}
.login-code-button {
  padding: 0 1em;
  height: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  color: #666;
  font-size: .7rem;
  border-radius: .2rem;
  border: 1px solid #f0f0f0;
  white-space: nowrap;
  cursor: pointer;
}
.login-code-button.cur {
  border: 1px solid #3370FF;
  color: #3370FF;
}
.login-input {
  width: 100%;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 0 none;
  padding: 0;
  color: #333;
  height: 2.2rem;
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  font-size: .8rem;
}
.login-form-item-close {
  position: absolute;
  top: 50%;
  right: .5em;
  width: .8rem;
  height: .8rem;
  background: url("../images/ic_close.png") no-repeat center / contain;
  cursor: pointer;
  transform: translate(0, -50%);
  display: none;
}
.login-button {
  height: 2.3rem;
  line-height: 2.3rem;
  text-align: center;
  color: white;
  background: rgba(51, 112, 255, 1);
  border-radius: .3rem;
  font-size: .9rem;
  cursor: pointer;
}
.login-button-plain {
  text-align: center;
  font-size: .8rem;
}
.login-footer {
  padding: 2rem 0;
  text-align: center;
  font-size: .8rem;
}
.login-footer-line {
  width: 1px;
  height: .5rem;
  background: #ddd;
  margin: 0 .6rem;
}
.login-form-text {
  font-size: .7rem;
  color: #666;
}



.my {
  background: #f4f4f4;
  min-height: 100%;
}
.my-top {
  height: 8.3rem;
  background: #2f3038;
  position: relative;
  overflow-x: hidden;
}
.my-top::before, .my-top::after {
  content: '';
  width: 140%;
  height: 4rem;
  position: absolute;
  left: -20%;
  bottom: 0;
}
.my-top::before {
  background: #f4f4f4;
}
.my-top::after {
  border-radius: 0 0 50% 50%;
  background: #2f3038;
}
.my-top-calendar, .my-top-set {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: .7rem;
  z-index: 3;
  cursor: pointer;
}
.my-top-calendar {
  left: .7rem;
  background: url("../images/ic_sign_in.png") no-repeat center / contain;
}
.my-top-set {
  right: .7rem;
  background: url("../images/ic_set.png") no-repeat center / contain;
}
.my-top-cont {
  padding-top: 1.1rem;
  position: relative;
  z-index: 2;
  color: white;
}
.my-top-headPortrait {
  margin: 0 auto;
  width: 2.6rem;
  height: 2.6rem;
  position: relative;
}
.my-top-img {
  width: 2.6rem;
  height: 2.6rem;
  background: white;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  border: 2px solid #45464c;
  cursor: pointer;
}
.my-top-unauthorized {
  font-size: .4rem;
  border: 1px solid #999;
  background: rgba(51, 51, 51, .49);
  padding: 0 .2rem;
  border-radius: .4rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  white-space: nowrap;
}
.my-top-username {
  padding: .6rem 0 .5rem;
  line-height: .9rem;
  font-size: .9rem;
}
.my-top-button {
  height: 1.3rem;
  line-height: 1.3rem;
  background: #3370FF;
  border-radius: .65rem;
  font-size: .5rem;
  padding: 0 .7rem;
}

.my-card {
  padding-top: .8rem;
}
.my-card__item {
  margin: 0 .7rem .8rem;
  background: white;
  border-radius: .4rem;
}
.my-card__title {
  height: 2rem;
  line-height: 2rem;
  font-size: .8rem;
  padding-left: .6rem;
  border-bottom: 1px solid #F9F9F9;
}
.my-card__content {
  margin: 0 .7rem;
  padding: 1rem 0;
  line-height: 1;
}
.my-card__amount_title {
  color: #999;
  font-size: .7rem;
}
.my-card__amount_val {
  margin-top: .3rem;
  color: #3370ff;
  font-size: 1.1rem;
  font-weight: bold;
}
.my-card__order_icon {
  width: 2rem;
  height: 2rem;
  margin: 0 auto;
}
.my-card__order_icon.__order {
  background: url("../images/ic_Application.png") no-repeat center / contain;
}
.my-card__order_icon.__price {
  background: url("../images/ic_Installation.png") no-repeat center / contain;
}
.my-card__order_icon.__pending {
  background: url("../images/ic_Download.png") no-repeat center / contain;
}
.my-card__order_icon.__comment {
  background: url("../images/ic_Heart.png") no-repeat center / contain;
}
.my-card__order_title {
  text-align: center;
  margin-top: .3rem;
  font-size: .6rem;
  color: #333;
}

.footer {
  height: 2.4rem;
}
.footer-content {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2.4rem;
  background: white;
  box-shadow: 0 0 1rem #eee;
  overflow: hidden;
}
.footer-icon {
  margin: .4rem auto 0;
  width: .93rem;
  height: .93rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.footer__home {
  background-image: url("../images/ic_home.png");
}
.footer__job {
  background-image: url("../images/ic_search.png");
}
.footer__my {
  background-image: url("../images/ic_my.png");
}
.cur .footer__home {
  background-image: url("../images/ic_home_cur.png");
}
.cur .footer__job {
  background-image: url("../images/ic_search_cur.png");
}
.cur .footer__my {
  background-image: url("../images/ic_my_cur.png");
}
.footer__title {
  line-height: 1;
  margin-top: .2rem;
  text-align: center;
  font-size: .52rem;
  color: #9399a5;
}
.cur .footer__title {
  color: #3370ff;
}

.myTask {
  height: 100%;
  background: #f4f4f4;
}
.myTask-top {
  height: 5rem;
  background: white;
  box-shadow: 0 0 1rem #eee;
  position: relative;
  z-index: 2;
}
.myTask-top-title {
  padding-top: 1rem;
  text-align: center;
  font-size: 1rem;
}
.myTask-top-tab {
  height: 2.5rem;
  padding-top: 1.2rem;
  font-size: .7rem;
  line-height: 1;
  overflow-x: auto;
}
.myTask-top-tab-item {
  padding: 0 1em;
  text-align: center;
  position: relative;
  white-space: nowrap;
}
.myTask-top-tab-item:after {
  content: '';
  width: 1rem;
  height: .1rem;
  position: absolute;
  top: .9rem;
  left: 50%;
  margin-left: -.5rem;
}
.myTask-top-tab-item.cur {
  font-weight: bold;
}
.myTask-top-tab-item.cur:after {
  font-weight: bold;
  background: #3370ff;
}

.myTask-content {
  overflow: auto;

}
.myTask-card {
  margin: .7rem;
  background: white;
  padding: .6rem .5rem;
  border-radius: .4rem;
  overflow: auto;
}
.myTask-card-title {
  font-size: .8rem;
}
.myTask-card-describe {
  margin-top: .4rem;
  color: #666;
  font-size: .7rem;
}
.myTask-card-li {
  margin-top: .4rem;
  font-size: .7rem;
}
.myTask-card-li-label {
  color: #999;
}
.myTask-card-li-val {}
.myTask-card-button {
  margin-top: .4rem;
  float: right;
  line-height: 1.6rem;
  font-size: .6rem;
  padding: 0 1rem;
  border-radius: .8rem;
}
.myTask-card-button.blue {
  color: #3370ff;
  border: 1px solid #3370ff;
}
.myTask-card-button.orange {
  color: #ff6900;
  border: 1px solid #ff6900;
}



.task-details {
  padding: .7rem;
}
.task-details-item {
  padding: 1rem;
  margin-bottom: .7rem;
  font-size: .7rem;
}
.task-details-item-title {
  font-weight: bold;
  font-size: .8rem;
}
.task-details-row {
  margin-top: .4rem;
  line-height: 1.1rem;
  color: #666;
}
.task-details-item-label {
  width: 4.5rem;
}
.task-details-row .task-details-item-label {
  color: #999;
}
.task-details-button {
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: white;
  font-size: .8rem;
  border-radius: .2rem;
  cursor: pointer;
  background-color: #3370FF;
  background-image: linear-gradient(#3370FF, #5185FF);
  position: relative;
  overflow: hidden;
}
.task-details-button input {
  position: absolute;
  font-size: 2rem;
  right: 0;
  top: 0;
  opacity: 0;
  cursor: pointer
}
.task-details-tip {
  margin-top: .7rem;
  color: #999;
  font-size: .7rem;
}




.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: rgba(0,0,0,.59);
  display: none;
}
.mask-container {
  height: 100%;

}
.mask-box {
  width: 14rem;
  background: white;
  border-radius: 0.5rem;
  overflow: hidden;
}
.mask-top {
  padding: 1.2rem 1rem 3rem;
  color: white;
  background: linear-gradient(180deg, #70B2F7 0%, #3370FF 100%);
}
.mask-top-title {
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
}
.mask-top-text {
  margin-top: .8rem;
  font-size: .7rem;
}
.mask-cont {
  padding: 0 1rem 1rem;
  position: relative;
}
.mask-cont:after {
  content: '';
  width: 140%;
  height: 2rem;
  position: absolute;
  left: -20%;
  top: -2rem;
  border-radius: 50% 50% 0 0;
  background: white;
}
.mask-button {
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: white;
  font-size: .8rem;
  cursor: pointer;
  border-radius: 1rem;
  background-color: #3370FF;
  background-image: linear-gradient(#3370FF, #5185FF);
}
.mask-textarea {
  width: 100%;
  height: 4rem;
  border-radius: 0.2rem;
  border: 0.05rem solid #E6E6E6;
  resize: none;
  padding: .7rem;
}
.mask-input-box {
  padding: 1rem 0;
}
.mask-input-label {
  padding-right: 1em;
  color: #666;
  font-size: .7rem;
}
.mask-input {
  height: 1.6rem;
  border-radius: 0.2rem;
  border: 1px solid #e6e6e6;
  padding: 0 .5em;
}


.seting {
  padding-top: .4rem;
}
.seting-item {
  margin-bottom: .4rem;
  padding: 0 1rem;
  height: 2.85rem;
  background: white;
}
.seting-item-label {
  font-size: .8rem;
  color: #333;
}
.seting-item-more {
  width: .84rem;
  height: .84rem;
}
.seting-signOut {
  color: #ea2626;
  line-height: 2.85rem;
  text-align: center;
  cursor: pointer;
}



.passwordChange {
  padding: 1rem 1.6rem 2rem;
}
.passwordChange-item {
  height: 2.46rem;
}
.passwordChange-item__label {
  width: 4rem;
  font-size: .8rem;
}
.passwordChange-item__content {
}
.passwordChange-item__content input{
  width: 100%;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 0 none;
  padding: 0;
  color: #333;
  height: 2.46rem;
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  font-size: .8rem;
  border-bottom: 1px solid #f0f0f0;
}
.passwordChange-tip {
  padding-top: .7rem;
  color: #666;
  font-size: .7rem;
}
.passwordChange-button {
  margin-top: 1rem;
}



.selectLabel {
  padding: 0 3rem;
  font-size: .8rem;
}
.selectLabel-title {
  padding-top: 2.6rem;
  text-align: center;
  font-size: 1.2rem;
}
.selectLabel-radio-item {
  width: 50%;
  padding-top: 2rem;
}
.selectLabel-radio-item input {
  display: none;
}
.selectLabel-radio-item label {
  position: relative;
  padding-left: 1.7rem;
}
.selectLabel-radio-item label:before {
  content: ' ';
  position: absolute;
  width: .9rem;
  height: .9rem;
  left: 0;
  top: 0;
  border-radius: 50%;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.selectLabel-radio-item label:after {
  content: ' ';
  position: absolute;
  width: .6rem;
  height: .6rem;
  left: .15rem;
  top: .15rem;
  background: #3370ff;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.selectLabel-radio-item input[type="radio"]:checked + label:before {
  border: 1px solid #3370ff;
}
.selectLabel-radio-item input[type="radio"]:checked + label:after {
  transform: scale(1);
  opacity: 1;
}
.selectLabel-other {
  margin-top: 2rem;
  color: #666;
}
.selectLabel-other-label {
  padding-right: 1em;
  white-space: nowrap;
}
.selectLabel-other-input {
  height: 1.7rem;
  border-radius: 0.2rem;
  border: 1px solid #E6E6E6;
  padding: 0 .5em;
}

.selectLabel-button {
  padding: 3rem 0;
}



.personalInformation {
  overflow: auto;
}
.personalInformation-group {
  margin-top: .4rem;
  background: white;
  font-size: .8rem;
  padding-left: 1rem;
}
.personalInformation-group-item {
  height: 2.8rem;
  padding-right: 1rem;
}
.personalInformation-group-item + .personalInformation-group-item {
  border-top: 1px solid #f0f0f0;
}
.personalInformation-group__label {}
.personalInformation-group__content {
  color: #797F88;
  text-align: right;
  margin: 0 .65rem;
  overflow: hidden;
  white-space: nowrap;
}
.personalInformation-group__content input {
  width: 100%;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 0 none;
  padding: 0;
  color: #797F88;
  height: 2.7rem;
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  font-size: .8rem;
  text-align: right;
}
.personalInformation-group__arrow {
  width: .86rem;
  height: .86rem;
}
.personalInformation-button {
  padding: .7rem;
}
.personalInformation-tip {
  padding: .7rem .7rem 0;
  font-size: .7rem;
  color: #999;
}

.personalInformation-file {
  margin-top: .4rem;
  background: white;
  font-size: .8rem;
  padding: 1rem;
}
.personalInformation-file-list {}
.personalInformation-file-item {
  width: 3.6rem;
  height: 3.6rem;
  border: 1px solid #ccc;
  margin: .3rem .3rem 0 0;
  position: relative;
  overflow: hidden;
}
.personalInformation-file-item img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.personalInformation-file-item input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
}
.personalInformation-file-item-file {
  border: 1px dashed #ccc;
  background: url("../images/icon_add.svg") no-repeat center / auto 30%;
}



.findJob-top {
  padding: .7rem;
  font-size: .7rem;
}
.findJob-top-arrow {
  width: 2rem;
}
.findJob-top-arrow .arrow-left {
  width: 1rem;
  height: 1rem;
}
.findJob-top-box {
  padding: 0 .7rem;
  height: 2rem;
  background: white;
  border-radius: .17rem;
}
.findJob-top-box-icon {
  width: .7rem;
  height: .7rem;
  margin-right: .45rem;
  background: url("../images/ic_search@2x.png") no-repeat center / contain;
}
.findJob-top-box-input {
  width: 100%;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border: 0 none;
  color: #333;
  height: 2rem;
  font-size: .7rem;
}
.findJob-top-button {
  padding-left: 1rem;
}
.findJob-history {
  margin: 0 .7rem;
  background: white;
  border-radius: .34rem;
  padding: .7rem 1rem;
}
.findJob-history + .findJob-history {
  margin-top: .7rem;
}
.findJob-history-title {
  font-weight: bold;
  font-size: .8rem;
}
.findJob-history-info {
}
.findJob-history-info span {
  color: #999;
  font-size: .7rem;
  margin: .6em 1em 0 0;
}
.findJob-result {
  margin: .7rem;
  padding: 1rem .7rem;
  background: white;
  border-radius: .34rem;
  color: #666;
  font-size: .57rem;
  position: relative;
  overflow: hidden;
}
.findJob-result__flag {
  width: 1rem;
  height: 1rem;
  background: url("../images/icon_pai.svg") no-repeat center / contain;
  position: absolute;
  top: 0;
  right: 0;
}
.findJob-result-headPortrait {
  width: 1.74rem;
  height: 1.74rem;
  border-radius: 50%;
  margin-right: .56rem;
}
.findJob-result-title {}
.findJob-result-title_a {
  font-size: .7rem;
  color: #333;
}
.findJob-result-title_b {
  color: #FF6900;
  font-size: .8rem;
}
.findJob-result-partake {
  padding-top: .3rem;
}
.findJob-result-partake span {
  color: #5FA1E5;
  margin-left: 5px;
}
.findJob-result-partake i {
  width: 1px;
  height: .44rem;
  background: #ccc;
  margin: 0 .8rem;
}
.findJob-result-introduce {
  padding-top: .6rem;
}
.findJob-result-more {
  padding-top: .3rem;
}
.findJob-result-more a {
  color: #5FA1E5;
}
.findJob-result-time {
  padding-top: .3rem;
}
.findJob-result-time span {
  color: #999;
}
.findJob-result-img {
  padding-top: .3rem;
}
.findJob-result-img img {
  width: 2.2rem;
  height: 2.2rem;
  margin: 0 .2rem 0 0;
}



.passwordRetrieve-text {
  color: #666;
  font-size: .7rem;
  padding-bottom: 1rem;
}


.safetyInspection-a {
  font-size: 1.1rem;
  color: #333;
}
.safetyInspection-b {
  margin: .8rem 0 .5rem;
  font-size: .7rem;
  color: #666;
}

.signIn {
  padding: .7rem;
}
.signIn-task {
  padding: 0 1rem;
  height: 2.8rem;
  font-size: .8rem;
}
.signIn-task-label {}
.signIn-task-val {
  margin: 0 .8rem;
  color: #797F88;
  text-align: right;
}
.signIn-task .arrow-right {
  width: .8rem;
  height: .8rem;
}
.signIn-address {
  margin-top: .7rem;
  padding: 1rem;
}
.signIn-address .arrow-right {
  width: .8rem;
  height: .8rem;
  margin-left: 1rem;
}
.signIn-address-title {
  font-size: .8rem;
}
.signIn-address-text {
  margin-top: .5rem;
  font-size: .7rem;
  color: #666;
}
.signIn-button {
  margin-top: .7rem;
}

.signIn-popup {
  background: white;
}
.signIn-popup-item {
  height: 2.8rem;
  line-height: 2.8rem;
  font-size: .9rem;
  text-align: center;
}
.signIn-popup-item + .signIn-popup-item {
  border-top: 1px solid #f0f0f0;
}
.signIn-popup-item.cur {
  color: #3773FF;
}

.bill {
  padding-top: .7rem;
  overflow: hidden;
  font-size: .7rem;
}
.bill-tab-cont {
  margin: 0 .7rem;
  height: 100%;
}
.bill-tab-cont-top {
  padding: 1rem;
  border-bottom: 1px solid #f0f0f0;
}
.bill-tab-cont-top__title {
  font-weight: bold;
  font-size: .8rem;
}
.bill-tab-cont-top__row {
  margin-top: .5rem;
}
.bill-tab-cont-top__row__label {
  color: #999;
  width: 3.5rem;
}
.bill-tab-cont-top__row__val {}
.bill-tab-cont-list-t {
  margin: 1.15rem 1rem 0;
  color: #999;
}
.bill-tab-cont-list {
  margin: .7rem 1rem 0;
}
.bill-tab-cont-list__title {
  line-height: 1.1rem;
  color: #333;
  font-size: .73rem;
  margin-right: 1em;
}
.bill-tab-cont-list__time {
  color: #999;
  font-size: .6rem;
}
.bill-tab-cont-list__price {
  line-height: 1.1rem;
  color: #EA2626;
  font-size: 1rem;
  text-align: right;
}
.bill-tab-cont-list__status {
  color: #999;
  font-size: .6rem;
  text-align: right;
}
.bill-footer {
  line-height: 3.6rem;
  text-align: center;
  color: #999;
  font-size: .7rem;
}



.home-search {
  padding: .7rem;
}
.home-search-box {
  height: 2rem;
  background: #f5f5f5;
  border-radius: .17rem;
}
.home-search-box input {
  width: 100%;
  -webkit-appearance: none;
  background: #f5f5f5 url("../images/icon_search.svg") no-repeat .5rem center / 1rem 1rem;
  text-indent: 1.85rem;
  border: 0 none;
  padding: 0;
  color: #333;
  height: 2rem;
  transition: border-color .2s cubic-bezier(.645,.045,.355,1);
  font-size: .7rem;
}
.home-search-button {
  display: none;
  padding-left: .6rem;
  font-size: .8rem;
}
.icon_notification {
  margin-left: .6rem;
  width: 1.1rem;
  height: 1.1rem;
  background: url("../images/icon_notification.svg") no-repeat center / contain;
  position: relative;
}
.icon_notification span {
  height: .6rem;
  line-height: .6rem;
  background: #f00;
  color: white;
  font-size: .4rem;
  position: absolute;
  right: -.2rem;
  top: -.2rem;
  border-radius: .3rem;
  padding: 0 .2rem;
}
.banner-container {
  position: relative;
  margin: 0 .7rem;
  overflow: hidden;
}
.swiper-slide {
  padding-top: 34%;
  background-color: white;
  background-size: cover;
  background-position: center;
  border-radius: 0.33rem;
}
.banner-pagination {
  position: absolute;
  z-index: 8;
  text-align: center;
  bottom: 0!important;
}
.swiper-pagination-bullet {
  width: .63rem!important;
  height: 2px!important;
  background: white!important;
  border-radius: 0!important;
}

.home-task {
  margin: .7rem .7rem 0;
  padding: .7rem 0;
}
.home-task-top {
  padding: 0 .7rem;
}
.home-task-top__title {
  font-size: .8rem;
}
.home-task-top__more:hover,
.home-task-top__more {
  font-size: .6rem;
  color: #999;
  padding-right: 1rem;
  background: url("../images/arrow-right.png") no-repeat right center / auto 80%;
}
.home-task-cont {
  margin-top: .65rem;
  padding: 0 .7rem;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.home-task-item {
  width: 6.66rem;
  line-height: 1;
  margin-right: .4rem;
}
.home-task-cont__img {
  width: 3.66rem;
  height: 3.66rem;
  display: block;
}
.home-task-cont__title {
  margin-top: .55rem;
  font-size: .7rem;
}
.home-task-cont__info {
  margin-top: .25rem;
  color: #666;
  font-size: .53rem;
}
.home-task-cont__info span {
  color: #ff6900;
}
.home-task-cont__price {
  margin-top: .25rem;
  color: #ff6900;
  font-size: .63rem;
}


.home-nav {
  margin: 0 .7rem;
}
.home-nav-item {
  width: 25%;
  color: #666;
  line-height: 1;
  text-align: center;
}
.home-nav-item img {
  width: 1.6rem;
  height: 1.6rem;
  margin: .7rem auto 0;
}
.home-nav-item span {
  display: block;
  margin-top: .3rem;
  font-size: .6rem;
  color: #666;
}

.province-city-area {
  height: 60vh;
  font-size: .7rem;
}
.province-city-area-top {
  height: 2rem;
  line-height: 2rem;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 .7rem;
}
.province-city-area-body {}
.province-city-area-item {
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}

.notification {
  padding-bottom: 1rem;
}
.notification-item {
  line-height: 1rem;
  margin-top: .2rem;
  padding: .7rem;
  background: white;
}
.notification__title {
  font-size: .7rem;
  color: #333;
}
.notification__time {
  font-size: .6rem;
  color: #666;
  margin-left: 1rem;
}

.notification-details {
  padding: .7rem;
}
.notification-details__title {
  text-align: center;
  font-size: .8rem;
  font-weight: bold;
  padding-bottom: .5rem;
}
.notification-details__cont {
  font-size: .7rem;
}

.keyword-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
.keyword-form {
  padding: .8rem 0 .8rem .8rem;
  background: white;
}
.keyword-input {
  height: 1.6rem;
  border: 0 none;
  padding: 0 .5em;
  text-align: center;
  width: 100%;
  background: #ededed;
  border-radius: .2rem;
  font-size: .8rem;
  color: #727272;
}
.keyword-button {
  height: 1.6rem;
  border: 0 none;
  padding: 0 .8rem 0 .5rem;
  color: #5b6a91;
  background: white;
  font-size: .8rem;
}
.keyword-result {
  overflow: auto;
  text-align: center;
  font-size: .7rem;
  color: #767676;
}
.keyword-result ul {
  padding: 0 .8rem;
  text-align: left;
}
.keyword-result li {
  padding: .5rem 0;
  border-top: 1px solid #f1f1f1;
}
.keyword-result-title {
  font-size: .8rem;
  color: #333;
}
.keyword-result-address {
  margin-top: .1rem;
}

.agreement {
  font-size: .7rem;
  color: #aaa;
}
.agreement-input {
  display: none;
}
.agreement-label {
}
.agreement-label::before {
  content: '';
  display: block;
  width: .7rem;
  height: .7rem;
  line-height: .7rem;
  cursor: pointer;
  text-align: center;
  border: 1px solid #aaa;
  margin-right: .3rem;
}
.agreement-input:checked + .agreement-label::before {
  content: "\2714";
  font-size: .6rem;
  border-color: #3370ff;
  color: #3370ff;
}
.agreement-open {
  height: .7rem;
  width: .7rem;
  margin-left: .3rem;
}
.agreement-open:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: .25rem solid transparent;
  border-right: .25rem solid transparent;
  border-top: .4rem solid #b2b2b2;
  cursor: pointer;
}
.agreement-open.open:after {
  border-top: 0 none;
  border-bottom: .4rem solid #b2b2b2;
}
.agreement-list {
  margin-left: 1rem;
  display: none;
  padding: 5px 0;
  font-size: .7rem;
}
.agreement-list a {
  display: block;
  color: #359eff;
}
.agreement-details {
  padding: .7rem;
}
.agreement-details__title {
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}
.agreement-details__text {
  font-size: .8rem;
  white-space: pre-wrap;
  text-align: justify;
}

.platform-rules {
}
.platform-rules a {
  margin-top: 1px;
  display: block;
  padding: 0 1rem;
  height: 2.85rem;
  line-height: 2.85rem;
  background: white;
  font-size: .8rem;
  color: #333;
  position: relative;
}
.platform-rules a:after {
  position: absolute;
  right: 1rem;
  top: calc(50% - .3rem);
  content: '';
  width: .6rem;
  height: .6rem;
  background: url("../images/icon_arrow-right.svg") no-repeat center / cover;
  opacity: .6;
}

.gender {}
.gender-item {
  line-height: 2.8rem;
  padding: 0 1rem;
  font-size: .8rem;
  position: relative;
  cursor: pointer;
}
.gender-item:not(:first-child) {
  border-top: 1px solid #f0f0f0;
}
.gender-item.cur {
  color: #3370ff;
}
.gender-item.cur:after {
  content: '';
  width: .3rem;
  height: .6rem;
  border-color: #3370ff;
  border-style: solid;
  border-width: 0 .12rem .12rem 0;
  transform: rotate(45deg) translate(0, -50%);
  position: absolute;
  top: 40%;
  right: 1rem;
}
span.show_detail{
    cursor: pointer;
}