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

.display_content { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 60px auto 30px; text-align: center; letter-spacing: 1px; }
@media (min-width: 1120px) and (min-height: 850px) { .display_content { position: absolute; left: 0; right: 0; bottom: 30px; } }

.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: 12px auto 20px; text-align: center; }

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

.ladies-item { display: inline-block; margin: 12px; border-radius: 16px; max-width: 200px; -webkit-box-shadow: 0 6px 8px rgba(212, 176, 126, 0.25); box-shadow: 0 6px 8px rgba(212, 176, 126, 0.25); background: #fff; cursor: pointer; -webkit-animation: fadeInRight 1s both; animation: fadeInRight 1s both; }

@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) { ul.ladies-list { display: inline-block; }
  .ladies-item { max-width: 100%; width: 45%; margin: 12px 2%; }
  .notice .slide-notice { font-size: 3.5vw; } }
@media (max-width: 560px) { .ladies-wrapper { margin-top: 2px; }
  .notice .notice-title { display: none; }
  .display_content { margin-top: 20px; }
  .reg_wrap { margin-top: 0; }
  .ques_text.strong { font-size: 7vw; } }
.lady-img img { max-width: 100%; max-height: 180px; display: block; -o-object-fit: cover; object-fit: cover; border-top-left-radius: 16px; border-top-right-radius: 16px; width: 100%; }

.lady-info { text-align: center; padding: 12px 12px 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.lady-info .lady-detail { margin: 0px auto 10px; }
.lady-info .lady-detail strong { font-size: 16px; font-weight: 600; color: #272847; 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; }

.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; }

.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: fadeInRight 0.75s both; animation: fadeInRight 0.75s both; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

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

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

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

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

@-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 */