.dia-close {
  width: 1.66667vw;
  height: 1.66667vw;
  background: url(../images/close.png)
    no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  right: -2.08333vw;
  transition: all 0.4s;
}
.dia-close:hover {
  transform: rotate(180deg);
}
.dia-login .login-content {
  width: 27.08333vw;
  height: 17.08333vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg1.png)
    no-repeat center/100% 100%;
}
.dia-login .login-content .login-title {
  width: 23.85417vw;
  height: 1.61458vw;
  display: block;
  margin: 0 auto;
  margin-top: 2.08333vw;
}
.dia-login .login-content .login-form {
  width: 15.52083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 1.19792vw;
}
.dia-login .login-content .login-form .btn-qq-login {
  width: 6.77083vw;
  height: 8.90625vw;
  display: block;
  margin: 0 auto;
  background: url(../images/btn-qq.png)
    no-repeat center/100% 100%;
}
.dia-login .login-content .login-form .btn-wx-login {
  width: 6.77083vw;
  height: 8.75vw;
  display: block;
  margin: 0 auto;
  background: url(../images/btn-wx.png)
    no-repeat center/100% 100%;
}
.dia-wx .wx-content {
  width: 27.08333vw;
  height: 13.4375vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg2.png)
    no-repeat center/100% 100%;
}
.dia-wx .wx-content .wx-title {
  width: 16.04167vw;
  height: 1.5625vw;
  display: block;
  margin: 0 auto;
  margin-top: 2.08333vw;
}
.dia-wx .wx-content .text {
  text-align: center;
  color: #664400;
  font-size: 1.04167vw;
  margin-top: 1.25vw;
}
.dia-wx .wx-content .textlink {
  width: 20.83333vw;
  height: 2.08333vw;
  border: 1px solid #dbaa54;
  background: #fff;
  margin: 0 auto;
  line-height: 2.08333vw;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.9375vw;
  font-size: 0.9375vw;
}
.dia-wx .wx-content .btn-copy {
  display: block;
  margin: 0 auto;
  font-size: 1.25vw;
  color: #ff2a00;
  text-decoration: underline;
  text-align: center;
  margin-top: 0.9375vw;
}
.dia-bind .bind-content {
  width: 27.08333vw;
  height: 28.02083vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg3.png)
    no-repeat center/100% 100%;
}
.dia-bind .bind-content p {
  width: 22.55208vw;
  margin: 0 auto;
  text-align: center;
  font-size: 0.88542vw;
  color: #664400;
  line-height: 1.30208vw;
  text-align: center;
  margin-top: 1.5625vw;
}
.dia-bind .bind-content .bind-title {
  width: 22.29167vw;
  height: 1.5625vw;
  display: block;
  margin: 2.08333vw auto 1.5625vw;
}
.dia-bind .bind-content .telephone {
  width: 22.96875vw;
  height: 2.08333vw;
  border: 1px solid #dbaa54;
  background: #fff;
  margin: 0 auto;
  display: block;
  line-height: 2.08333vw;
  margin-top: 1.19792vw;
  text-indent: 1.19792vw;
  font-size: 0.83333vw;
}
.dia-bind .bind-content .code {
  width: 22.96875vw;
  height: 2.08333vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 0.57292vw;
}
.dia-bind .bind-content .code .code-input {
  width: 13.54167vw;
  height: 2.08333vw;
  border: 1px solid #dbaa54;
  background: #fff;
  display: block;
  line-height: 2.08333vw;
  text-indent: 1.19792vw;
  font-size: 0.83333vw;
}
.dia-bind .bind-content .code .btn-get-code {
  width: 8.95833vw;
  height: 2.29167vw;
  display: block;
  background: url(../images/btn-get-code.png)
    no-repeat center/100% 100%;
  font-size: 1.04167vw;
  color: #664400;
}
.dia-bind .bind-content .btn-sure {
  width: 10.20833vw;
  height: 2.44792vw;
  background: url(../images/btn-sure.png)
    no-repeat center/100% 100%;
  display: block;
  margin: 1.5625vw auto 0;
}
.dia-join .join-content {
  width: 27.08333vw;
  height: 13.4375vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg2.png)
    no-repeat center/100% 100%;
}
.dia-join .join-content .join-title {
  width: 16.5625vw;
  height: 1.51042vw;
  display: block;
  margin: 0 auto;
  margin-top: 2.08333vw;
}
.dia-join .join-content .join-form {
  width: 19.79167vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 1.19792vw;
}
.dia-join .join-content .join-form div {
  width: 6.77083vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.dia-join .join-content .join-form div img {
  width: 4.16667vw;
  height: 4.16667vw;
  display: block;
}
.dia-join .join-content .join-form div span {
  width: 4.16667vw;
  height: 1.97917vw;
  display: block;
  font-size: 0.83333vw;
  color: #664400;
  margin-top: 0.52083vw;
  text-align: center;
}
.dia-join .join-content .join-group {
  width: 7.1875vw;
  height: 1.97917vw;
  display: block;
  margin-top: 0.52083vw;
  background: url(../images/btn-join-group.png)
    no-repeat center/100% 100%;
}
.dia-fill {
  width: 27.08333vw;
  height: 19.6875vw;
  background: url(../images/dia-fill-bg.png)
    no-repeat center/100% 100%;
  background-size: 100% 100%;
  font-size: 0.98958vw;
  color: #640;
}
.dia-fill .fill-content {
  padding: 2.08333vw 1.04167vw 0;
}
.dia-fill .fill-title {
  display: block;
  height: 1.5625vw;
  margin: 0 auto;
}
.dia-fill .fill-list {
  width: 22.91667vw;
  margin: 1.30208vw auto 0;
}
.dia-fill .fill-list .fill-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625vw;
}
.dia-fill .fill-list .tit {
  width: 6.25vw;
  height: 2.08333vw;
  line-height: 2.08333vw;
}
.dia-fill .fill-list .inp-txt {
  width: 17.29167vw;
  height: 2.08333vw;
  line-height: 2.08333vw;
  background: #fff4e3;
  padding: 0 0.52083vw;
  font-size: 0.83333vw;
  color: #9b9b9b;
  border: 1px solid #dcc8a5;
}
.dia-fill .fill-list .area-txt {
  width: 17.29167vw;
  height: 3.54167vw;
  background: #fff4e3;
  padding: 0.52083vw;
  font-size: 0.83333vw;
  color: #9b9b9b;
  border: 1px solid #dcc8a5;
  box-sizing: border-box;
  resize: none;
}
.dia-fill .fill-tips {
  font-size: 0.83333vw;
  text-align: center;
  margin-top: 1.82292vw;
}
.dia-fill .btn-submit {
  width: 10.20833vw;
  height: 2.44792vw;
  background: url(../images/btn-submit.png)
    no-repeat center/100% 100%;
  display: block;
  margin: 1.04167vw auto 0;
}
.dia-prompt .prompt-content {
  width: 27.08333vw;
  height: 13.4375vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg2.png)
    no-repeat center/100% 100%;
}
.dia-prompt .prompt-content .prompt-title {
  width: 16.5625vw;
  height: 1.51042vw;
  display: block;
  margin: 0 auto;
  margin-top: 2.08333vw;
}
.dia-prompt .prompt-content .text {
  width: 22.13542vw;
  height: 5.88542vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 1.04167vw;
}
.dia-prompt .prompt-content span {
  display: block;
  text-align: left;
  font-size: 0.9375vw;
  color: #664400;
  line-height: 1.14583vw;
}
.dia-prompt .prompt-content .btn-gotobind {
  width: 10.20833vw;
  height: 2.44792vw;
  background: url(../images/btn-gotobind.png)
    no-repeat center/100% 100%;
  display: block;
  margin: 0.52083vw auto 0;
}
.dia-rule .rule-content {
  width: 27.08333vw;
  height: 28.02083vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg3.png)
    no-repeat center/100% 100%;
}
.dia-rule .rule-content .rule-title {
  width: 16.5625vw;
  height: 1.51042vw;
  display: block;
  margin: 0 auto;
  margin-top: 2.08333vw;
}
.dia-rule .rule-content .text {
  width: 22.55208vw;
  height: 20.72917vw;
  margin: 0 auto;
  margin-top: 1.30208vw;
  overflow-y: auto;
}
.dia-rule .rule-content .text p {
  display: block;
  font-size: 0.9375vw;
  color: #664400;
  line-height: 1.45833vw;
}
.dia-rule .rule-content .text span {
  font-size: 0.9375vw;
  color: #664400;
  line-height: 1.45833vw;
  font-weight: 900;
}
.dia-rule .rule-content .text div {
  text-align: center;
  display: block;
  font-size: 0.9375vw;
  color: #664400;
  line-height: 1.45833vw;
  font-weight: 900;
}
.dia-rule .rule-content .text img {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-top: 0.52083vw;
  margin-bottom: 0.52083vw;
}
.dia-congrats .congrats-content {
  width: 27.08333vw;
  height: 18.125vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg1.png)
    no-repeat center/100% 100%;
}
.dia-congrats .congrats-content .congrats-title {
  width: 16.5625vw;
  height: 1.51042vw;
  display: block;
  margin: 0 auto;
  margin-top: 2.08333vw;
}
.dia-congrats .congrats-content .text {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 1.04167vw;
  color: #664400;
  line-height: 1.45833vw;
  margin-top: 1.04167vw;
}
.dia-congrats .congrats-content img {
  display: block;
  margin: 0 auto;
  margin-top: 0.52083vw;
  width: 6.97917vw;
}
.dia-congrats .congrats-content .btn-fillin {
  width: 10.20833vw;
  height: 2.44792vw;
  display: block;
  margin: 0 auto;
  margin-top: 0.52083vw;
  background: url(../images/btn-fillin.png)
    no-repeat center/100% 100%;
}
.dia-my-reward {
  width: 32.29167vw;
  height: 22.8125vw;
  padding-top: 2.08333vw;
  background: url(../images/dia-bg4.png)
    no-repeat center/100% 100%;
}
.dia-my-reward .dia-title {
  width: 17.60417vw;
  display: block;
  margin: 0 auto;
}
.dia-my-reward .table-box {
  width: 27.08333vw;
  height: 14.0625vw;
  margin: 1.04167vw auto 0.52083vw;
  border: 1px solid #b2945f;
}
.dia-my-reward .table-box .table-header {
  display: flex;
  align-items: center;
  height: 1.5625vw;
  line-height: 1.5625vw;
  font-size: 0.9375vw;
  color: #99804c;
  font-weight: bold;
  text-align: center;
  background: #fff;
}
.dia-my-reward .table-box .time {
  width: 11.45833vw;
}
.dia-my-reward .table-box .name {
  width: 8.85417vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dia-my-reward .table-box .desc {
  width: 6.77083vw;
}
.dia-my-reward .table-box .table-row {
  display: flex;
  font-size: 0.9375vw;
  height: 2.08333vw;
  line-height: 2.08333vw;
  color: #664400;
  text-align: center;
  border-bottom: 1px solid #b2945f;
}
.dia-my-reward .table-box .table-row .btn-edit {
  color: #ff0000;
  font-size: 0.9375vw;
  text-decoration: underline;
}
.dia-my-reward .page-change {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375vw;
  color: #664400;
  margin-top: 0.52083vw;
}
.dia-my-reward .page-change .btn-prev,
.dia-my-reward .page-change .btn-next {
  font-size: 0.9375vw;
  color: #664400;
}
.dia-my-reward .page-change .page-num {
  margin: 0 1.5625vw;
}
.dia-share .wx-content {
  width: 27.08333vw;
  height: 13.4375vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg2.png)
    no-repeat center/100% 100%;
}
.dia-share .wx-content .wx-title {
  width: 16.04167vw;
  height: 1.5625vw;
  display: block;
  margin: 0 auto;
  margin-top: 2.08333vw;
}
.dia-share .wx-content .text {
  text-align: center;
  color: #664400;
  font-size: 1.04167vw;
  margin-top: 1.25vw;
}
.dia-share .wx-content .textlink {
  width: 20.83333vw;
  height: 2.08333vw;
  border: 1px solid #dbaa54;
  background: #fff;
  margin: 0 auto;
  line-height: 2.08333vw;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1.97917vw;
  font-size: 0.9375vw;
}
.dia-share .wx-content .btn-copy {
  display: block;
  width: 10.20833vw;
  height: 2.44792vw;
  background: url(../images/btn-copy-link.png)
    no-repeat center/100% 100%;
  margin: 0 auto;
  font-size: 0vw;
  text-decoration: underline;
  text-align: center;
  margin-top: 0.9375vw;
}
.dia-share-appointment .btn-shareAppointment {
  width: 10.20833vw;
  height: 2.44792vw;
  background: url(../images/btn-share-order.png)
    no-repeat center/100% 100%;
  display: block;
  margin: 0 auto;
}
.dia-appointment-succ {
  width: 27.08333vw;
  height: 17.08333vw;
  padding-top: 2.08333vw;
  background: url(../images/dia-bg1.png)
    no-repeat center/100% 100%;
  color: #640;
}
.dia-appointment-succ .dia-content {
  width: 24.47917vw;
  margin: 0 auto;
  text-align: center;
}
.dia-appointment-succ .dia-title {
  font-size: 1.5625vw;
}
.dia-appointment-succ .dia-gift-img {
  display: block;
  width: 23.64583vw;
  height: 5.78125vw;
  margin: 1.30208vw auto 0;
}
.dia-appointment-succ .notice {
  font-size: 0.88542vw;
  margin-top: 1.5625vw;
}
.dia-download {
  width: 27.08333vw;
  height: 13.4375vw;
  padding-top: 1.04167vw;
  background: url(../images/dia-bg2.png)
    no-repeat center/100% 100%;
}
.dia-download .download-content {
  width: 21.5625vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 0.83333vw;
}
.dia-download .download-content img {
  height: 6.61458vw;
}
.dia-download .download-content .btn-mnq {
  width: 5.9375vw;
  height: 6.40625vw;
  display: block;
  background: url(../images/qrcode3.png)
    no-repeat center/100% 100%;
}
.dia-download .download-content .btn-download-android {
  width: 9.63542vw;
  height: 2.39583vw;
  display: block;
  background: url(../images/btn-andorid.png)
    no-repeat center/100% 100%;
}
.dia-download .download-content .btn-download-ios {
  width: 9.63542vw;
  height: 2.39583vw;
  display: block;
  background: url(../images/btn-appstore.png)
    no-repeat center/100% 100%;
}
.dia-offlinereminder .prompt-content {
  width: 27.08333vw;
  height: 28.02083vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg3.png)
    no-repeat center/100% 100%;
}
.dia-offlinereminder .prompt-content .title {
  font-size: 1.25vw;
  color: #664400;
  line-height: 1.5625vw;
  text-align: center;
  margin-top: 4.16667vw;
}
.dia-offlinereminder .prompt-content .text {
  width: 20.98958vw;
  margin: 0 auto;
  text-align: center;
  font-size: 0.72917vw;
  color: #66583d;
  line-height: 1.5625vw;
  text-align: left;
  margin-top: 0.52083vw;
}
.dia-offlinereminder .prompt-content .text a {
  font-size: 0.72917vw;
  color: #ca0000;
}
.dia-clientReminder .prompt-content {
  width: 27.08333vw;
  height: 17.08333vw;
  padding-top: 0.05208vw;
  background: url(../images/dia-bg1.png)
    no-repeat center/100% 100%;
}
.dia-clientReminder .prompt-content .title {
  width: 16.5625vw;
  height: 1.51042vw;
  display: block;
  margin: 0 auto;
  margin-top: 2.08333vw;
}
.dia-clientReminder .prompt-content .text {
  width: 22.55208vw;
  margin: 0 auto;
  text-align: center;
  font-size: 0.88542vw;
  color: #664400;
  line-height: 1.30208vw;
  text-align: center;
  margin-top: 1.5625vw;
}
.dia-clientReminder .prompt-content .hint {
  width: 22.55208vw;
  margin: 0 auto;
  text-align: center;
  font-size: 0.88542vw;
  color: #664400;
  line-height: 1.30208vw;
  text-align: center;
  margin-top: 1.5625vw;
  min-height: 1.30208vw;
}
.dia-clientReminder .prompt-content .a-hint {
  width: 22.55208vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 0.52083vw;
}
.dia-clientReminder .prompt-content .a-hint a {
  width: 10.20833vw;
  height: 2.44792vw;
  display: block;
  font-size: 1.25vw;
  color: #fff;
  text-align: center;
  line-height: 2.39583vw;
}
.dia-clientReminder .prompt-content .a-hint .btn-again {
  background: url(../images/btn-again.png)
    no-repeat center/100% 100%;
}
.dia-clientReminder .prompt-content .a-hint .btn-join {
  background: url(../images/btn-join.png)
    no-repeat center/100% 100%;
}
.dia-clientReminder .prompt-content .a-hint .btn-sure {
  background: url(../images/btn-sure.png)
    no-repeat center/100% 100%;
}
.dia-clientReminder .prompt-content .a-hint .btn-cancel {
  background: url(../images/btn-cancel.png)
    no-repeat center/100% 100%;
}