.page {
  width: 10rem;
  /* padding-top: 0.4rem; */
}

.page .main-wrap .form-wrapper .form-wrap {
  /* height: calc(100vh - 7rem); */
  padding: 0 0.41rem;
}

.page .main-wrap .form-wrapper .form-wrap .item-wrap {
  display: flex;
  align-items: center;
/*  margin-bottom: 0.55rem;*/
  border-bottom: 0.03rem solid #f1f1f1;
/*  padding-bottom: 0.51rem;*/
  padding: .3rem 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.page .main-wrap .form-wrapper .form-wrap .item-wrap .title {
  /* width: 1.77rem;
  height: 0.45rem; */
  font-size: 0.45rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #434343;
  line-height: 0.93rem;
  min-width: 2rem;
}

.page .main-wrap .form-wrapper .form-wrap .item-wrap .title i {
  position: absolute;
  left: 0;
  top: 0.13333rem;
  color: red;
  line-height: 0.37333rem;
}

.page .main-wrap .form-wrapper .form-wrap .item-wrap .input-wrap {
  /* padding: 1px;
  flex: 1;
  height: 1.06667rem;
  display: flex;
  border: 1px solid #9a9a9a;
  border-radius: 0.06667rem;
  align-items: center; */
}

.page .main-wrap .form-wrapper .form-wrap .item-wrap .input-wrap input {

  height: 100%;
  border: none;
  padding: 0 0.13333rem;
  outline: none;
  font-size: 0.48rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #202020;
  line-height: 0.93rem;
  margin-left: 1.04rem;
  margin-left: 0.8rem;
  padding-right: 0;
  width: 100%;

}

.page .main-wrap .form-wrapper .form-wrap .checkbox-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.66667rem;
/*  margin-bottom: 0.55rem;*/
  padding-left: 0.4rem;
}

.page .main-wrap .form-wrapper .form-wrap .checkbox-wrap .switch-wrap {
  /* width: 1.46667rem;
  height: 0.66667rem;
  border-radius: 0.33333rem;
  margin-right: 0.26667rem;
  background-color: #ccc;
  border: 0.02667rem solid #ccc; */
  margin-right: 0.33rem;
}

.page .main-wrap .form-wrapper .form-wrap .checkbox-wrap .switch-wrap .switch {
  background: url(../img/check.png) no-repeat center center;
  background-size: cover;
  width: 0.42rem;
  height: 0.42rem;
}

.page .main-wrap .form-wrapper .form-wrap .checkbox-wrap .switch-wrap .switch.on {
  background: url(../img/checked.png) no-repeat center center;
  background-size: cover;
  width: 0.37rem;
  height: 0.37rem;
}

.page .main-wrap .form-wrapper .form-wrap .checkbox-wrap .txt {
  font-size: 0.37rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #202020;
}

.page .main-wrap .form-wrapper .form-wrap .checkbox-wrap .txt span {
  font-size: 0.37rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgb(0, 180, 226);
  line-height: 0.93rem;
}
.page .main-wrap .form-wrapper .form-wrap .checkbox-wrap+.txt-time{
  font-size: 0.37rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #202020;
  line-height: 0.93rem;
  text-align: center;
}

.foot-logo{
  text-align: center;
  margin-top: 1.6rem;
}
.foot-logo span{
  font-size: 0.32rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #202020;
  line-height: 0.93rem;
  opacity: 0.8;
  vertical-align: middle;
}
.foot-logo img{
  width: 2.49rem;
  height: 0.81rem;
  vertical-align: text-top;
}

.page .main-wrap .form-wrapper .page-btn-wrap {
  /* display: flex;
  justify-content: flex-end;
  padding: 0.4rem; */
  margin: 1rem 0 0.5rem;
}

.page .main-wrap .form-wrapper .page-btn-wrap .btn {
  /* width: 2.66667rem; */
  width: 90%;
  height: 1.33rem;
  background: #5b2f91;
  border-radius: 0.1666667rem;
  line-height: 1.33rem;
  font-size: 0.45rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #FEFEFE;
  margin: auto;
}

.page .treaty-box {
  width: 8.66667rem;
  height: 10.66667rem;
  box-sizing: border-box;
  padding: 0.4rem 0;
  border-radius: 0.2rem;
}

.page .treaty-box .scroll-wrap {
  height: 8.53333rem;
  padding: 0 0.4rem;
  overflow-x: hidden;
  overflow-y: scroll;
  line-height: 1.5;
}

.page .treaty-box .scroll-wrap .title {
  font-weight: 600;
  line-height: 2;
}

.page .treaty-box .btn {
	width: fit-content;
  padding: 0 0.4rem;
  margin: 0.4rem auto 0;
}

.bg-gray {
	background-color: #cccccc;
}


#privacy-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(153, 153, 153, 0.5);
}
#privacy-dialog .dialog-content {
  width: 100%;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  padding: .6666667rem;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.45rem;
}
#privacy-dialog .dialog-content .title {
  font-size: 0.6rem;
}
#privacy-dialog .dialog-content .content {
  height: 3rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
#privacy-dialog .dialog-content .choose-wrap {
  display: flex;
  align-items: center;
  font-size: .36rem;
}
#privacy-dialog .dialog-content .choose-wrap .choose {
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
  border: 2px solid #ccc;
  margin-right: .2rem;
}
#privacy-dialog .dialog-content .choose-wrap .choose.has-choose {
  border-color: #5b2f91;
  position: relative;
}
#privacy-dialog .dialog-content .choose-wrap .choose.has-choose::after {
  display: block;
  content: '';
  width: .24rem;
  height: .24rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #5b2f91;
}
#privacy-dialog .dialog-content .btn-wrap {
  margin-top: .5333333rem;
  display: flex;
  height: 1.2rem;
  line-height: 1.2rem;
  justify-content: space-around;
}
#privacy-dialog .dialog-content .btn-wrap .button {
  width: 3.3333rem;
  height: 1rem;
  line-height: 1rem;
  border-radius: 1rem;
  background-color: #cccccc;
  text-align: center;
  color: #fff;
}
#privacy-dialog .dialog-content .btn-wrap .button.agree {
  background-color: #5b2f91;
}