/*layer*/
/* line 7, ../sass/dialog1.scss */
.layermbtn span, .layermchild {
  display: inline-block;
  position: relative;
}

/* line 12, ../sass/dialog1.scss */
.layermchild {
  text-align: left;
  background-color: #fff;
  font-size: 15px;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .18s;
  animation-duration: .18s;
  border-radius: 8px;
}

/* line 25, ../sass/dialog1.scss */
.layermanim {
  animation-name: bounceIn;
  -webkit-animation-name: bounceIn;
}

/* line 30, ../sass/dialog1.scss */
.layermcont {
  text-align: center;
  padding: 34px 10px;
  line-height: 22px;
  font-size: 15px;
}

/* line 37, ../sass/dialog1.scss */
.layermbtn {
  position: relative;
  font-size: 0;
  text-align: center;
  border-top: 1px solid #EBEBEB;
  height: 44px;
  line-height: 44px;
}
/* line 44, ../sass/dialog1.scss */
.layermbtn .hidden {
  display: none;
}

/* line 49, ../sass/dialog1.scss */
.layermbtn span {
  display: inline-block;
  width: 49.8%;
  text-align: center;
  cursor: pointer;
  border-radius: 0 3px 0 0;
  font-size: 15px;
  color: #3ca6fe;
}

/* line 59, ../sass/dialog1.scss */
.layermbtn span:first-child {
  background-color: #fff;
  border-radius: 0 0 0 6px;
  height: 39px;
}

/* line 65, ../sass/dialog1.scss */
.layermbtn:before {
  content: '\20';
  position: absolute;
  width: 1px;
  left: 50%;
  top: 0;
  height: 39px;
  background-color: #EBEBEB;
}

/* line 74, ../sass/dialog1.scss */
.layermbtn1:before {
  width: 0;
}

/*dialog*/
/* line 79, ../sass/dialog1.scss */
.dialog,
.dialog__overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* line 87, ../sass/dialog1.scss */
.dialog {
  position: fixed;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  pointer-events: none;
  z-index: 998;
}

/* line 99, ../sass/dialog1.scss */
.dialog__overlay {
  position: absolute;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
}

/* line 109, ../sass/dialog1.scss */
.dialog--open .dialog__overlay {
  opacity: 1;
  pointer-events: auto;
}

/* line 114, ../sass/dialog1.scss */
.dialog__content {
  max-width: 90%;
  /* background: #fff;*/
  text-align: center;
  /* position: relative;*/
  z-index: 9999;
  opacity: 0;
  /*height: 100%;*/
  margin: auto;
  position: absolute;
  top: 35%;
  left: 0;
  bottom: 65%;
  right: 0;
}

/* line 127, ../sass/dialog1.scss */
.dialog--open .dialog__content {
  pointer-events: auto;
}

/* Content */
/* line 132, ../sass/dialog1.scss */
.dialog h2 {
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  padding: 0 0 2em;
  margin: 0;
}

/*sally*/
/* line 141, ../sass/dialog1.scss */
.dialog__overlay {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

/* line 146, ../sass/dialog1.scss */
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* line 154, ../sass/dialog1.scss */
.dialog.dialog--open .dialog__content {
  -webkit-animation-name: anim-open;
  animation-name: anim-open;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

/* line 161, ../sass/dialog1.scss */
.dialog.dialog--close .dialog__content {
  -webkit-animation-name: anim-close;
  animation-name: anim-close;
}

@-webkit-keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes anim-close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
  }
}
@keyframes anim-close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
  }
}
/* line 210, ../sass/dialog1.scss */
.book_buy_tips {
  width: 250px;
}
