html, body { letter-spacing: 0.5px; }

.display-wrapper { background: url(../images/bg.jpg) no-repeat center top; padding-bottom: 20px; padding-top: 50px; background-size: cover !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.display_content { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px auto 0px; text-align: center; letter-spacing: 1px; }

.display-title { margin: 10px auto 5px; padding: 0 10px; }
.display-title img { max-width: 100%; }

.display-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 960px; margin: 0 auto; -webkit-animation: fadeInDown 0.75s both; animation: fadeInDown 0.75s both; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
@media (max-width: 768px) { .display-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.online .online-tab { width: 72px; height: 24px; line-height: 28px; font-size: 15px; font-weight: normal; text-align: center; border-radius: 12px; background: #18b33b; background-image: linear-gradient(280deg, #29d859 0%, #00a50b 100%); background-image: -ms-linear-gradient(280deg, #29d859 0%, #00a50b 100%); -webkit-box-shadow: 0 4px 6px rgba(41, 216, 89, 0.35); box-shadow: 0 4px 6px rgba(41, 216, 89, 0.35); color: #fff; margin-right: 4px; display: inline-block; vertical-align: text-bottom; }
.online .online-num, .online .online-num span { font-weight: 400; font-size: 24px; color: #29C83B; line-height: 24px; display: inline-block; -webkit-text-shadow: 0 4px 6px rgba(41, 216, 89, 0.35); text-shadow: 0 4px 6px rgba(41, 216, 89, 0.35); }
@media (max-width: 768px) { .online { margin: 12px auto; } }

.notice .notice-title { color: #8687BB; font-size: 16px; margin-right: 6px; display: inline-block; line-height: 26px; vertical-align: super; }
.notice .slide-notice { height: 26px; line-height: 28px; padding: 0px 15px; border-radius: 14px; background: #fff; text-align: center; color: #FF8162; display: inline-block; font-size: 17px; position: relative; overflow: hidden; }
.notice .slide-notice li { -webkit-transition: all ease-in-out 0.8s; transition: all ease-in-out 0.8s; list-style: none; }
.notice .slide-notice img { width: 14px; height: auto; display: inline-block; }

.display-ladies { position: relative; }

.ladies-wrapper { position: relative; margin: 0px auto 20px; text-align: center; }

.ladies-title { font-size: 20px; width: 100%; text-align: center; padding: 10px 0 0; -webkit-animation: fadeInDown 0.5s both; animation: fadeInDown 0.5s both; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.ladies-list { margin: 0 auto; width: 100%; text-align: center; }

.ladies-item { position: relative; display: inline-block; margin: 12px; border-radius: 96px; max-width: 172px; max-height: 240px; -webkit-box-shadow: 0 6px 8px rgba(212, 176, 126, 0.25); box-shadow: 0 6px 8px rgba(212, 176, 126, 0.25); border: 2px solid #8687BB; overflow: hidden; }

@media (max-width: 1150px) { ul.ladies-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .ladies-item { width: 22%; margin: 12px 1%; max-width: 200px; overflow: hidden; }
  .ladies-item:nth-child(5) { display: none; } }
@media (max-width: 680px) { .notice .slide-notice { font-size: 3.5vw; } }
@media (max-width: 560px) { .ladies-wrapper { margin-top: 2px; }
  .notice .notice-title { display: none; }
  .reg_wrap { margin-top: 0; }
  .ques_text.strong { font-size: 7vw; } }
.lady-img img { max-width: 100%; max-height: 240px; display: block; -o-object-fit: cover; object-fit: cover; width: 100%; }

.lady-info { text-align: center; padding: 0; -webkit-box-sizing: border-box; position: absolute; bottom: 8px; left: 0; right: 0; box-sizing: border-box; }
.lady-info .lady-detail { margin: 0px auto 10px; }
.lady-info .lady-detail strong { font-size: 18px; font-weight: 600; color: #FDF3E5; display: inline-block; }
.lady-info .lady-detail span { font-size: 16px; font-weight: normal; display: inline-block; }
.lady-info .btn { max-width: 160px; width: 90%; height: 40px; font-size: 14px; margin-top: 12px; font-weight: normal; line-height: 40px; display: block; background: #FF8C61; border-radius: 12px; min-width: 130px; }

@media (max-width: 767px) { .ladies-item { max-height: 208px; } }
@media (max-width: 576px) { .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background: url(../images/mbg.jpg) no-repeat center top; background-size: cover !important; }
  .ladies-item { max-height: 200px; }
  ul.ladies-list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ladies-item { max-width: 180px; margin: 12px 2.5%; width: 40%; }
  .ladies-title { font-size: 4.2vw; }
  .display-wrapper { padding-top: 20px; background: none; } }
@media (max-width: 370px) { .ladies-item { max-height: 172px; } }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.flipInY { -webkit-animation: flipInY 0.75s both; animation: flipInY 0.75s both; }

.flipInX { -webkit-animation: flipInX 0.75s both; animation: flipInX 0.75s both; }

.ani { -webkit-animation: fadeInDown 0.75s both; animation: fadeInDown 0.75s both; }

/* animation  ladies item*/
.revealOnScroll { visibility: hidden; }

.revealOnScroll.animated { visibility: visible; }

.ladies-list { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.ladies-list .ladies-item { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.ladies-list .ladies-item:nth-child(2) { -webkit-animation-delay: 0.25s; animation-delay: 0.35s; }

.ladies-list .ladies-item:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.5s; }

.ladies-list .ladies-item:nth-child(4) { -webkit-animation-delay: 0.55s; animation-delay: 0.65s; }

.ladies-list .ladies-item:nth-child(5) { -webkit-animation-delay: 0.7s; animation-delay: 0.8s; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-60px) rotate(-5deg); }
  100% { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-60px) rotate(-5deg); transform: translateX(-60px) rotate(-5deg); }
  100% { opacity: 1; -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } }
/* animation */
@-webkit-keyframes bounceInCenter { 0% { opacity: 0; -webkit-transform: scale(0.3); }
  60% { opacity: 0.8; -webkit-transform: scale(1.05); }
  100% { opacity: 1; -webkit-transform: scale(1); } }
@keyframes bounceInCenter { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  60% { opacity: 0.8; -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes bounceOutCenter { 0% { opacity: 1; -webkit-transform: scale(1); }
  40% { opacity: 0.8; -webkit-transform: scale(1.05); }
  100% { opacity: 0; -webkit-transform: scale(0.3); } }
@keyframes bounceOutCenter { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  40% { opacity: 0.8; -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } }
@-webkit-keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.2, 0.2, 0.2); transform: scale3d(0.2, 0.2, 0.2); }
  to { opacity: 0; } }
@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0; -webkit-transform: scale3d(0.2, 0.2, 0.2); transform: scale3d(0.2, 0.2, 0.2); }
  to { opacity: 0; } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

/*# sourceMappingURL=main.css.map */