/*===========================================通用样式========================================*/body,p,ul,ol,dl,dd,hr,h1,h2,h3,h4,h5,h6,figure,ul,ol,th,td,button,input,fieldset,legend,textarea,option {margin:0;padding:0;}
table {border-collapse:collapse;}
html,body {color:#3e3a39;}
input,button {border:0;outline:none;}
i,em,strong,b {font-style:normal;font-weight:normal;}
body {font-family:"微软雅黑" !important;}
a {text-decoration:none;}
li {list-style:none}
img {border:0;vertical-align:top;}
input::-webkit-input-placeholder {font-size:18px;text-align:center;}
input::-moz-placeholder {/* Mozilla Firefox 19+ */  font-size:18px;text-align:center;}
input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */  font-size:18px;text-align:center;}
input:-ms-input-placeholder {/* Internet Explorer 10-11 */  font-size:18px;text-align:center;}
.container {width:83.33%;max-width:1400px;margin:0 auto;}
@font-face {font-family:"CenturyGothic";src:url("../font/CenturyGothic.TTF") format("woff");font-weight:normal;font-style:normal;}
.text-white {color:#ffffff;}
.text-blue {color:#25cad2;}
.text-black {color:#3e3a39;}
.text-gray {color:#898989;}
.bg-white {background-color:#ffffff;}
.bg-gray {background-color:#f0f0f0;}
.bg-blue {background-color:#25cad2;}
.bg-blue2 {background-color:#3f96b4;}
.bg-blue3 {background-color:#bbcf57;}
.bg-blue4 {background-color:#5fc3cf;}
.bg-blue5 {background-color:#3a9cd7;}
.bg-black {background-color:#000000;}
.border1 {border-color:#25cad2;}
.border2 {border-color:#3f96b4;}
.border3 {border-color:#bbcf57;}
.border4 {border-color:#5fc3cf;}
.border5 {border-color:#3a9cd7;}
.text1 {font-size:65px;}
.text2 {font-size:12px;}
.text3 {font-size:18px;}
.text4 {font-size:16px;}
.text5 {font-size:14px;}
.text6 {font-size:36px;}
.text7 {font-size:28px;}
.font1 {font-family:'CenturyGothic';letter-spacing: 5px;}
.font2 {font-family:'MicrosoftYaHei';}
.font3 {font-family:'MicrosoftYaHei';}
.font4 {font-family:'MicrosoftYaHei';}
.font5 {font-family:'MicrosoftYaHei';}
.d-block {display:block;}
.d-flex {display:flex;}
.d-none {display:none;}
.w-100 {width:100%;}
.ml-auto {margin-left:auto;}
.mr-auto {margin-right:auto;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.font-blod {font-weight:bold;}
.nav1 .nav1-item:hover .nav1-item2 a:first-of-type {animation:menu3 0.3s ease-in-out forwards;animation-delay:0.2s;}
.nav1 .nav1-item:hover .nav1-item2 a:nth-of-type(2) {animation:menu3 0.3s ease-in-out forwards;animation-delay:0.4s;}
.nav1 .nav1-item:hover .nav1-item2 a:nth-of-type(3) {animation:menu3 0.3s ease-in-out forwards;animation-delay:0.6s;}
.nav1 .nav1-item:hover .nav1-item2 a:last-of-type {animation:menu3 0.3s ease-in-out forwards;animation-delay:0.8s;}
@keyframes menu3 {0% {opacity:0;transform:translateX(120px);}
100% {opacity:1;transform:translateX(0);}
}
/* header */
.header {position:absolute;width:100%;z-index:2;transition: all .5s ease;top: 0;}
.header.active {background-color:black;position:fixed !important;width: 100%;}
.header.active2 {background-color:black;position:relative;}
.header .nav1 {width:100%;display:flex;justify-content:center;align-items:center;border-bottom:solid 1px #2f2725;}
.nav1 .nav1-item {width:12%;padding:5px 0 10px;text-align:center;position:relative;transition: all .5s ease;}
.nav1 .nav1-item::before {content:"";width:49px;height:1px;display:block;opacity:0;margin:0 auto 4px;background-color:#25cad2;transition:all .5s ease;}
.nav1 .nav1-item.active::before,.nav1 .nav1-item:hover::before {opacity:1;}
.nav1 .nav1-item:hover .nav1-item2 {opacity:1;}
.nav1-item2 {width:auto;display:block;position:absolute;top:37px;left:0;right:0;transition:all .5s ease-out;z-index:50;opacity:0;overflow:hidden;}
.nav1-item2 a {padding:9px 7px;border-bottom:1px solid #fff;transform-origin:top center;}
.nav1-item2 a:hover {background-color:#3e3a39;}
.nav1-item2 a:last-child {border-bottom:none;}
.header .nav2 {padding:16px 0;display:flex;align-items:center;justify-content:space-between;}
.nav2 .logo img {width:auto;height:26px;}
.mobile-menu {display: none;}
.mobile-menu span{outline: none;width: 35px;height: 3px;background-color: rgb(255, 255, 255);margin: 6px 0px 6px auto;display: block;transition: transform 0.4s ease 0s;}
.mobile-menu.close {z-index: 900;}
.mobile-menu.close span:nth-child(1){-webkit-transform: rotate(-45deg) translate(-7px,6px);transform: rotate(-45deg) translate(-7px,6px);}
.mobile-menu.close span:nth-child(2){opacity: 0;}
.mobile-menu.close span:nth-child(3){-webkit-transform: rotate(45deg) translate(-7px,-6px);transform: rotate(45deg) translate(-7px,-6px);}
.layer {width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;display: none;}

/* footer */
.footer {padding:39px 0 46px;}
.footer span:first-child {padding-right:20px;}
.footer .logo img {width:auto;height:34px;margin-top:26px;}

/* fixed-mobile */
.fixed-mobile {position:fixed;bottom:137px;right:79px;z-index:3;}
.mobile-logo {width:56px;height:56px;border-radius:50px;background-color:#25cad2;display:flex;align-items:center;justify-content:center;margin-left:auto;}
.message {width:269px;height:92px;background-color:#ffffff;border-radius:15px;margin-bottom:20px;display:none;align-items:center;justify-content:center;position:relative;}
.message img {width:40px;margin-right:15px;}
.message::after {content:"";width:17px;height:10px;position:absolute;bottom:-7px;right:18px;background:#fff;border-radius:4px;z-index:-1;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.fixed-mobile:hover .message {display:flex;}

/* banner */
.banner {width:100%;height:720px;background-position:center;background-size:cover;background-repeat:no-repeat;}
.banner-text {width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);}

/* main */
.main {padding:44px 0;background:url(../img/yesskin_clinic_bg.jpg) top no-repeat;background-size:cover;}
.main2 {padding-bottom:250px;}
.left-container {width:90%;display:inline-block;}
.right-container {margin-left:98px;display:inline-block;}
.appointment {width:515px;padding:35px 25px;background-color:#000;box-sizing:border-box;}
.appointment input {width:100%;height:50px;margin-bottom:20px;padding:20px;box-sizing:border-box;}
.appointment .appointment-title {margin-bottom:30px;}
.btn {height:55px;line-height:55px;border-radius:5px;border:solid 1px #ffffff;cursor:pointer;}
.btn2 {width:153px;height:45px;line-height:45px;cursor:pointer;}
.descr {line-height:32px;margin-bottom:64px;font-weight:600;}
.descr2 {line-height:32px;margin-bottom:35px;}
.descr2 img {width: 100%;}
.descr3 {line-height:32px;margin-bottom:24px;}
.descr4 {line-height:32px;margin-bottom:77px;}
.border {padding:32px;border:solid 1px #0a0204;}
ul.descr li {list-style-type:disc;margin-left:40px;}
.clinic {margin-bottom:43px;}
.clinic img {width:100%;}
.title2 {width:338px;height:70px;line-height:70px;margin-bottom:64px;}
.pagination {width:100%;text-align:center;margin-top:33px;}
.pagination a,.pagination p {width:35px;height:35px;line-height:35px;border-radius:50%;text-align:center;display:inline-block;border:solid 1px #dcdcdc;color:#595757;font-size:18px;}
.pagination .cur,.pagination a:hover {color:#ffffff;background-color:#25cad2;border:solid 1px #ffffff;}
.honner-container {position:relative;width:100%;padding:0 8.335%;box-sizing:border-box;}
.honner-container .swiper-container {overflow:hidden;width:100%;max-width:1400px;margin: 0 auto;}
.honner-container .swiper-slide {height:236px;padding:30px;box-sizing:border-box;background-color:#ffffff;display:flex;align-items:center;justify-content:center;}
.honner-container .swiper-slide img {width:auto;height:auto;max-width:100%;max-height:100%;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:url(../img/right-btn.png);right:5%;outline: none;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {background-image:url(../img/left-btn.png);left:5%;outline: none;}
.swiper-button-next,.swiper-button-prev {width:44px;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;}
.swiper-button-next:after,.swiper-button-prev:after {content:"";}
.yesskin_medical_group_container {position:relative;width:100%;padding:0 5.64%;box-sizing:border-box;}
.yesskin_medical_group_container .swiper-container {width:100%;height:410px;padding:10px 0;overflow:hidden;box-sizing:border-box;width:100%;max-width:1400px;margin: 0 auto;}
.yesskin_medical_group_container .swiper-slide {display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;border-width:3px;border-style:solid;border-radius:8px;box-sizing:border-box;}
.yesskin_medical_group_container .slide-item {width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);z-index:700;box-sizing:border-box;overflow:hidden;padding:2px 0;}
.yesskin_medical_group_container .swiper-slide-active .slide-item img {width:auto;height:auto;max-width:100%;max-height:100%;box-sizing:border-box;}
.slide-item2 {width:92px;height:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;writing-mode: vertical-rl;letter-spacing: 10px;}
.yesskin_medical_group_container .swiper-slide-active .slide-item2 {display:none;}

/* index */
.index_banner {background-image:url(../img/index_banner1.jpg?a=2);}
.index-appointment {padding:20px;background-color:#231f20;text-align:center;}
.index-appointment-container {display:flex;justify-content:center;margin-top:10px;}
.index-appointment-container input {margin-right:18px;padding-left: 10px;}
.index-appointment-container .btn {width:120px;}
.index-video,.index-doctor {padding:48px 0;}
.index-video {display:flex;justify-content:space-between;align-items:center;position:relative;}
.video-item {position:relative;}
.video-item1 {width: 55%;}
.video-item2 {width: 18%;}
.icon-video {position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.index_yesskin_medical_group {position:relative;margin-top:-250px;margin-bottom:48px;}
.group-container {background-color:#231f20;width:100%;left:0;right:0;margin:0 auto;text-align:center;padding-top:48px;box-sizing:border-box;}
.group-container .descr2 {padding-left:64px;padding-right:64px;}
.index_yesskin_medical_group .btn2 {padding:0 20px;height:47px;line-height:47px;margin-bottom:20px;}
.logo-container {display:flex;border:1px solid #231f20;}
.logo-item {width:20%;display:flex;align-items:center;justify-content:center;}
.logo-item img {width:auto;height:auto;max-height:40%;max-width: 80%;}
.index-doctor-container .swiper-button-next {background-image:url(../img/right-btn2.png);right:5%;}
.index-doctor-container .swiper-button-prev {background-image:url(../img/left-btn2.png);left:5%;}
.index-doctor-container {position:relative;width:100%;padding:0 5.64%;box-sizing:border-box;}
.index-doctor-container .swiper-container {width:100%;height:600px;padding:10px 0;overflow:hidden;max-width:1400px;margin: 0 auto;}
.index-doctor-container .swiper-slide {display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;border-width:1px;border-style:solid;border-color:#000000;position:relative;box-sizing:border-box;}
.index-doctor-container .slide-item {width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5);z-index:700;box-sizing:border-box;overflow:hidden;padding:2px 0;}
.index-doctor-container .swiper-slide-active .slide-item {display:none;}
.index-doctor-container .swiper-slide-active .index-doctor-descr {display:block;}
.index-doctor-container .swiper-slide-active {border-color:#25cad2;border-width:3px;}
.index-doctor-descr {width: 100%;background-color:#25cad2;padding:15px;position:absolute;bottom:0;display:none;box-sizing: border-box;}
.descr-content {line-height:30px;}
.prodcut-container {display:flex;align-items:flex-start;justify-content:space-between;}
.left-product {padding-right:44px;width: 100%;}
.right-product {width: 100%;}
.right-product img {width: 100%;}
.index5 {background:url(../img/index5.jpg) center no-repeat;height:930px;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.index5-title {font-size:280px;margin-bottom:20px;}
.index5-title2 {font-size:30px;font-stretch:normal;line-height:36px;letter-spacing:8px;color:#ffffff;text-align:center;}

.number-container {display: flex;}
.number-item {width: 25%;text-align: center;padding: 60px 0;}

.index6 {background:url(../img/index6.jpg) right no-repeat;height:820px;background-size:cover;display:flex;flex-direction:column;justify-content:center;position: relative;}
.text-container {padding-left: 15%;}
.text-container img{display: block;}
.text-container img:nth-child(2){padding-top: 1%;}
.text-container img:nth-child(3){padding-top: 1%;padding-left: 10%;}
.text-container img:nth-child(4){padding-top: 1%;padding-left: 10%;}
.index6-btn {width: 198px;height: 48px;line-height: 48px;background: rgba(37, 202, 210, 0.7);border-radius: 10px;position: absolute;right: 10%;bottom: 60px;}
.index7 {padding: 86px 0;background:url(../img/yesskin_clinic_bg.jpg) bottom no-repeat;}
.index-prodct {display: flex;justify-content: space-between;align-items: center;}
.index-prodct-left {width: 40%;}
.index-prodct-right {width: 60%;}
/* .index-prodct-left, .index-prodct-right {width: 100%;} */

.index8 {background:url(../img/index8.jpg) center no-repeat;height:590px;background-size:cover;position: relative;padding: 86px 0;border-top: 5px solid #25cad2;border-bottom: 5px solid #25cad2;}
.index-clinic {display: flex;justify-content: space-between;width: 100%;max-width:1400px;margin: 0 auto;}
.index-clinic-left, .index-clinic-right {width: auto;background-color: rgba(0,0,0,0.5);padding: 44px 68px;line-height: 50px;}
.index-prodct img {width: 100%;height: auto;}
.index-clinic .clinics_item {display:flex;align-items:center;cursor:pointer;}
.index-clinic .clinics_item.active,.index-clinic .clinics_item:hover {color:#25cad2;}
.icon-location {width:18px;height:21px;margin-right:12px;background:url(../img/icon-location2.png) center no-repeat;}
.index-clinic .clinics_item.active .icon-location,.index-clinic .clinics_item:hover .icon-location {background:url(../img/icon-location.png) center no-repeat;}

/* join_us */
.join_us_banner {background-image:url(../img/join_us.jpg);}

/* yesskin_clinic */
.yesskin_clinic_banner {background-image:url(../img/yesskin_clinic.jpg);}
.milestone-container {position:relative;}
.milestone-container img {width:100%;}
.milestone-container .title2 {position:absolute;top:0;left:0;}

/* yesskin_medical_group */
.yesskin_medical_group {background-image:url(../img/yesskin_medical_group.jpg);}

/* medical_dermatology_banner */
.medical_dermatology_banner {background-image:url(../img/medical_dermatology.jpg);}

/* laser_rejuvenation_banner */
.laser_rejuvenation_banner {background-image:url(../img/laser&rejuvenation.jpg);}

/* advanced_aesthetics_banner */
.advanced_aesthetics_banner {background-image:url(../img/charactetistic_project.jpg);}

/* yeslady_club_banner */.yeslady_club_banner {background-image:url(../img/yeslady_club.jpg);}
.yeslady_club_container .vip {display:flex;justify-content:space-between;margin-top:165px;}
.yeslady_club_container .vip .vip-item {width:30%;}
.yeslady_club_container .vip .vip-img {width:100%;margin-bottom:63px;}
.yeslady_club_container .vip-icon-container {display:flex;justify-content:space-around;margin-top:110px;}
.yeslady_club_container .vip-icon-container .icon-item {width:275px;height:275px;border:solid 1px #3e3a39;border-radius:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;transition:all .5s ease;}
.yeslady_club_container .vip-icon-container .icon-item img {margin-bottom:28px;}
.yeslady_club_container .vip-icon-container .icon-item:hover {transform:rotate(360deg);background:#25cad2;color:#fff;border-color:transparent;}

/* doctor_banner */.doctor-main {padding:65px 0;}
.doctor_banner {background-image:url(../img/doctors.jpg);}
.doctor-container {display:flex;flex-wrap:wrap;}
.doctor-item {width:18%;text-align:center;margin-bottom:32px;padding-left:1%;padding-right:1%;}
.doctor-item .doctor-img {width:100%;height:auto;max-height: 320px; overflow: hidden;margin-bottom:23px;}
.doctor-item .doctor-img img {width:100%;}
.doctor-item p {line-height:21px;}
.doctor-title1 {padding-top:24px;padding-bottom:18px;}
.doctor-title2 {padding-bottom:22px;}
.doctor-title3 {line-height:46px;padding-top:26px;}
.doctor-border {border:solid 1px #dcdcdc;}
.doctor-descr {line-height:46px;margin-bottom:65px;}
.doctor-border .doctor-img {width: 470px;}
/* clinics_banner */
.clinics_banner {background-image:url(../img/clinics.jpg);}
.clinics_container {line-height:40px;background:url(../img/clinics2.jpg) center no-repeat;padding:0;background-size:cover;}
.clinics_right {width:100%;height:100%;padding:39px 42px;background-color:rgba(35,31,32,0.9);box-sizing:border-box;}
.clinics_container .clinics_item {display:flex;align-items:center;cursor:pointer;}
.clinics_container .clinics_item.active,.clinics_container .clinics_item:hover {color:#25cad2;}
.icon-location {width:18px;height:21px;margin-right:12px;background:url(../img/icon-location.png) center no-repeat;}
.clinics_container .clinics_item.active .icon-location,.clinics_container .clinics_item:hover .icon-location {background:url(../img/icon-location.png) center no-repeat;}
#clinics-map {overflow:hidden;width:100%;height:558px;margin:0;font-family:"微软雅黑";}
.BMap_bubble_pop {top:70px;}

@media only screen and (max-width:1400px) {
/* public */
input::-webkit-input-placeholder {font-size:16px;}
input::-moz-placeholder {font-size:16px;}
input:-moz-placeholder {font-size:16px;}
input:-ms-input-placeholder {font-size:16px;}
.text1 {font-size:48px;}
.text3 {font-size:14px;}
.text6 {font-size:24px;}
.text7 {font-size:24px;}
.banner {height:600px;}
.descr {line-height:28px;margin-bottom:44px;}
.descr2 {line-height:28px;margin-bottom:25px;}
.descr3 {line-height:28px;margin-bottom:18px;}
.descr4 {line-height:28px;margin-bottom:55px;}
.right-container {margin-left:48px;}
.appointment {width:415px;}
.main2 {padding-bottom:180px;}
/* header */
.nav1 .nav1-item {width:14%;}
.nav1-item2 {width:120%;}
.doctor-item p {font-size:12px;}

/* vip */
.yeslady_club_container .vip {margin-top:120px;}
.yeslady_club_container .vip .vip-img {margin-bottom:48px;}
.yeslady_club_container .vip-icon-container .icon-item {width:200px;height:200px;}
.yeslady_club_container .vip-icon-container .icon-item img {width:60px;}
.yeslady_club_container .vip-icon-container {margin-top:80px;}

/* index */
.index-video .video-item:nth-child(2) {width:60%;margin:0 50px;}
.video-cener-img {width:100%;}

.doctor-item .doctor-img {max-height: 260px;}
}
@media only screen and (max-width:1200px) {
/* public */
.container {width:87%;}
.nav1 .nav1-item {width:18%;}
.text1 {font-size:32px;}
.text3 {font-size:14px;}
.text6 {font-size:18px;}
.text7 {font-size:24px;}
.doctor-main .text6 {font-size:24px;}
.banner {height:400px;}
.descr {line-height:24px;margin-bottom:34px;}
.descr2 {line-height:24px;margin-bottom:20px;}
.descr3 {line-height:24px;margin-bottom:18px;}
.descr4 {line-height:24px;margin-bottom:45px;}
.doctor-descr {line-height:36px;margin-bottom:35px;}
.title2 {width:238px;height:60px;line-height:60px;margin-bottom:34px;}
.index5-title {font-size:140px;}
.index5-title2 {font-size:24px;}
.main .d-flex {flex-direction:column;}
.left-container {width:100%;}
.right-container {width:100%;margin-left:0;margin-top:20px;margin-bottom:20px;}
.appointment {width:100%;margin:0 auto;}
.doctor-item {width:23%;}
.main2 {padding-bottom:120px;}
.doctor-main {padding:45px 0;}

/* yeslady_club */
.yeslady_club_container .vip {margin-top:60px;}
.yeslady_club_container .vip .vip-img {margin-bottom:24px;}
.yeslady_club_container .vip-icon-container {margin-top:40px;}
.yeslady_club_container .vip-icon-container .icon-item {width:150px;height:150px;}
.yeslady_club_container .vip-icon-container .icon-item img {width:40px;margin-bottom:14px;}

/* footer */
.footer {padding:20px 0;}
.footer1 {display:flex;flex-direction:column;line-height:28px;}
.footer .logo img {height:24px;margin-top:13px;}
.yesskin_medical_group_container .swiper-container {height:210px;}

/* index */
.index-appointment-container {flex-wrap:wrap;justify-content:space-between;}
.index-appointment-container input {width:48%;height:55px;margin-right:1%;margin-bottom:15px;}
.index-appointment-container input:nth-child(1),.index-appointment-container input:nth-child(2),.index-appointment-container input:nth-child(3) {width:31%;}
.index-appointment-container .btn {width:99%;}
.index5 {height:530px;}

.doctor-item .doctor-img {max-height: 200px;}

}
@media only screen and (max-width:997px) {
/* header */
.tel {display:none;}
.mobile-menu {display: block;}
.header .nav1 {
  position: fixed;
  left: -100%;
  width: 300px;
  height: 100%;
  z-index: 999;
  background: #231f20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  transition: all .5s ease;
}
.nav1 .nav1-item .text4 {padding: 15px 0;}
.nav1-item a {width: 100%;height: 100%;display: block;padding: 15px 8px;}
.nav1 .nav1-item {width: 100%;border-bottom: 1px solid #25cad2;padding: 0;}
.nav1 .nav1-item.active::before, .nav1 .nav1-item:hover::before {opacity: 0;}
.nav1 .nav1-item.active {background-color: #25cad2;}
.nav1-item2 {width: 100%;position: relative;opacity: 1;top: 0;display: none;}
.nav1 .nav1-item:hover .nav1-item2, .nav1 .nav1-item.active .nav1-item2 {display: block;}

/* index */
.index-video .video-item:nth-child(2) {width:100%;}
.icon-video img {width:60px;}
.index_yesskin_medical_group {margin-top:-150px;}
.index-doctor-container .swiper-container {height:400px;}
.prodcut-container {flex-direction:column;}
.left-product,.right-product,.right-product img {width:100%;}
.right-product {margin-top:15px;}
.index6 {height: 420px;}
.text-container {padding-left: 7.5%;}
.text-container img {height: 50px;}
.index-prodct-left img, .index-prodct-right img{width: 80%;}
.index8 {height: 390px;}
.index-clinic-left, .index-clinic-right {padding: 10px;}
}
@media only screen and (max-width:749px) {
.text1 {font-size:24px;}
.text7 {font-size:18px;}
.banner {height:300px;}
.main2 {padding-bottom:60px;}
.clinic {margin-bottom:15px;}
.appointment {padding:15px;}
.appointment .appointment-title {margin-bottom:15px;}
.left-product {padding-right:0;}

/* index */
.index5 {height: 330px;}
.index5-title {font-size:60px;}
.index_yesskin_medical_group {margin-top:-100px;}
.index_banner {background-position:right;}
.index-appointment-container input,.index-appointment-container input:nth-child(1),.index-appointment-container input:nth-child(2),.index-appointment-container input:nth-child(3) {width:100%;}
.index-video .video-item:nth-child(1) .video-cener-img,.index-video .video-item:nth-child(3) .video-cener-img {display:none;}
.group-container {width:100%;}
.group-container .descr2 {padding-left:10px;padding-right:10px;}
.logo-container {flex-direction:column;}
.logo-item {width:100%;height:70px;}
.index-doctor-container,.yesskin_medical_group_container,.honner-container {padding:0 60px;}
.milestone-container .title2,.title2 {position:relative;margin-left:auto;margin-right:auto;}
.number-container {flex-wrap: wrap;}
.number-item {width: 50%;padding:15px 0;}
.index6 {background: url(../img/index6-mobile.jpg) bottom no-repeat;height: 850px;justify-content: flex-start;}
.text-container {padding-left: 0;margin: 45px auto 0;}
.text-container img:nth-child(3){padding-left: 15%;}
.text-container img:nth-child(4){padding-left: 15%;}
.index7, .index8 {padding: 45px 0;}
.index7 .descr {width: 55%;max-width: 220px;margin: 0 auto;}
.index-prodct,.index-clinic {flex-direction: column;}
.index8 {height: auto;}
.index-prodct-left {width: 100%;}
.index-prodct-right {width: 100%;}

/* yeslady_club */
.honner-container .swiper-slide {padding:0 30px;border:1px solid #f0f0f0;}
.yeslady_club_container .vip {margin-top:0;flex-direction:column;}
.yeslady_club_container .vip .vip-item {width:100%;}
.yeslady_club_container .vip .vip-img {margin-bottom:0;}
.yeslady_club_container .vip .text6 {margin:15px 0;}
.yeslady_club_container .vip-icon-container {flex-wrap:wrap;}
.yeslady_club_container .vip-icon-container .icon-item {margin-bottom:15px;}
/* doctor */  .doctor-item {width:48%;}
.doctor-img,.doctor-border .doctor-img {width:100%;}

/* clinics */  .clinics_container {padding:0;}
ul.descr li {text-align:left;}
#clinics-map {height:300px;}
.clinics_right {padding:15px;}
}