.header-logo{text-align:center;}
.header-search{height:42px; width:228px; display:flex; border:1px solid #000; border-radius:20px;}
.header-search-text{width:80%;}
.header-search-text input{width:100%; height:42px; line-height:42px; background:none; border:none; outline:none; box-sizing:border-box; padding-left:10px;
font-size:16px; font-family:"Objectivity"; font-weight:normal;}
.header-search-btn{width:20%; text-align:center; font-size:28px;}

@media screen and (max-width:576px){
    .header-bottom{min-height: 60px;}
    .b-za,.pink-za{width: 100%; text-align:center}
    .b-za img,.pink-za img{width: 100%;}
    .header-actions .header-action-btn{line-height: 60px;}
	
.header-search{height:42px; width:228px; display:flex; border:1px solid #000; border-radius:20px; margin-top:10px; padding-right:10px}
.header-search-text{width:80%;}
.header-search-text input{width:100%; height:42px; line-height:42px; background:none; border:none; outline:none; box-sizing:border-box; padding-left:10px;
font-size:16px; font-family:"Objectivity"; font-weight:normal;}
.header-search-btn{width:20%; text-align:center; font-size:28px; margin-top:-5px}
    
.btn-primary {
    border-color: #ffc1cc;
    background-color: #ffc1cc;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Objectivity';
}
}

.Skincare-menu {
    display: flex;
    justify-content: center;
}
.Skincare-menu-li{padding: 0 15px;}
.Skincare-menu-li-pic{max-width: 290px; border-radius: 10px;}
.Skincare-menu-li-tit{font-size: 18px; font-family: 'Objectivity'; color: #000; text-align: center; margin-top: 5px;}
.Skincare-menu-li:hover .Skincare-menu-li-tit a{color: #fdd95f;}
.Cosmetics-menu-li-txt{font-size: 14px; color: #333; line-height: 1.8; text-align: center;}

.black-line{width: 100%; height: 10px; background: #000;}

.responsive-ban{position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-skin-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%;}
.responsive-skin-tit{font-size: 35px; color: #f5f5f5; margin-bottom: 0.2rem; line-height: 1.8; font-family: "Montserrat", sans-serif;
color: #010101; text-transform: uppercase; font-weight: bold;}
.responsive-skin-dis{font-size: 20px; font-family: "Objectivity", sans-serif; color: #fff; line-height: 1.8; color: #010101;}
.responsive-skin-btn{width: 270px; height: 50px; background: #fff2c5; font-size: 25px;
    margin-bottom: 0.2rem; font-family: 'Objectivity';
    color: #010101; text-transform: uppercase; font-weight: bold; text-align: center; margin-top: 30px;}
    .responsive-skin-btn{background: #fdd95f; transition: 0.5s;}
.responsive-skin-btn:hover{background: #000; transition: 0.5s;}
.responsive-skin-btn:hover a{color: #fff;}

.footer-box{background: #fff2c5; padding: 85px 0; width: 100%; clear: both;}
.footer{width: 1000px; margin: 0 auto;}
.footer-logo{text-align: center;}
.footer-content{display: flex; justify-content: space-around; margin: 60px auto 30px;}
.footer-li{width:33.3%; box-sizing:border-box; padding-left:13%;}
.footer-li-tit{font-size: 16px; font-family: "Objectivity", sans-serif; font-weight: bold; color: #010101;}
.footer-li-info{font-size: 14px; font-family: "Objectivity", sans-serif; color: #010101;}
.widget-social{display:flex; align-items:center}
.footer-wechat-btn{ position:relative;  transition:1s;}
.footer-wechat-btn:hover .footer-wechat{display:block; transition:all 1s; height:160px; right:-180px;}
.footer-wechat{ position:absolute; width:160px; height:0; top:0; right:0; display:none; transition:1s;}
.footer-wechat img{width:100%;}

.footer-link{display: flex; justify-content: center;}
.footer-link-li{font-size: 16px; font-family: "Objectivity", sans-serif; color: #010101; text-decoration: underline;
margin: 0 34px}
.footer-link-li a{color: #010101;}
.footer-copy{font-size: 10px; font-family: "Objectivity", sans-serif; text-align: center; color: #010101; margin-top: 10px;
              box-sizing:border-box; padding-left:3%;}


@media screen and (max-width:576px){
    .black-line{width: 100%; height: 8px; background: #000;}

    .responsive-ban{position: relative;}
    .pc-ban{display: none;}
    .mobile-ban{display: block;}
    .responsive-skin-info{position: static; left: 0; right: 0; top: 0; width: 90%; box-sizing: border-box; border-radius: 10px;
    padding: 5%; margin:5% auto; background: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); border: 5px solid #fff2c5; }
    .responsive-skin-tit{font-size: 24px; color: #f5f5f5; margin-bottom: 0.2rem; line-height: 1.8; font-family: "Montserrat", sans-serif;
    color: #010101; text-transform: uppercase; font-weight: bold;}
    .responsive-skin-dis{font-size: 16px; font-family: "Objectivity", sans-serif; color: #fff; line-height: 1.8; color: #010101;}
    .responsive-skin-btn{width: 200px; height: 40px; line-height: 40px; background: #fdd95f; font-size: 20px;
        margin-bottom: 0.2rem; font-family: 'Objectivity';
        color: #010101; text-transform: uppercase; text-align: center; margin-top: 30px;}
    .responsive-skin-btn:hover{background: #000; transition: 0.5s;}
    .responsive-skin-btn:hover a{color: #fff;}

    
.footer-box{background: #fff2c5; padding: 50px 0; width: 100%; clear: both;}
.footer{width: 90%; margin: 0 auto;}
.footer-logo{text-align: center; width: 15%; margin: 0 auto;}
.footer-logo img{width: 100%;}
.footer-content{display: flex; justify-content: flex-start; margin: 30px auto 20px; flex-wrap: wrap;}
.footer-li{width: 50%;border-box; padding-left:0%;}
.footer-li-tit{font-size: 20px; font-family: "Objectivity", sans-serif; font-weight: bold; color: #010101;}
.footer-li-info{font-size: 14px; font-family: "Objectivity", sans-serif; color: #010101;}
.footer-link{display: flex; flex-wrap: wrap;}
.footer-link-li{width: 50%; font-size: 16px; font-family: "Objectivity", sans-serif; color: #010101; text-decoration: underline;
margin: 0; margin-bottom: 10px;}
.footer-link-li a{color: #010101;}
.footer-copy{font-size: 16px; font-family: "Objectivity", sans-serif; text-align: center; color: #010101; margin-top: 10px;
             border-box; padding-left:0%;}

}

/*护肤*/

.skin{width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 70px 0;}
.skin-top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.skin-top-tit{font-family: "Montserrat", sans-serif; color: #fdd95f; font-weight: bold; font-size: 30px; text-transform: uppercase;}
.skin-top-route{font-size: 16px; font-family: "Objectivity", sans-serif; color: #010101;}
.skin-content{display: flex; flex-wrap: wrap;}
.skin-li{width: 23.5%; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede;}
.skin-li:nth-child(4n){margin-right: 0;}
.skin-li-pic{padding: 20px; height: 280px; display: flex; align-items: flex-end; justify-content:center; padding-bottom: 0; text-align: center;}
.skin-li-pic img{max-width: 100%;}
.skin-li-info{background: #f6f6f6; padding: 25px 20px; }
.skin-li-info-tit{font-family: "Montserrat", sans-serif; color: #010101; font-weight: bold; font-size: 20px; text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.skin-li-info-btn{font-size: 16px; font-family: "Objectivity", sans-serif;  text-align: center; margin-top: 5px;}
.skin-li-info-btn a{background: #fff2c5; color: #010101; padding: 5px 10%; }

@media screen and (max-width:576px){

    .skin{width: 95%; margin: 0 auto; box-sizing: border-box; padding: 40px 0;}
    .skin-top{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px;}
    .skin-top-tit{font-family: "Montserrat", sans-serif; color: #fff2c5; font-weight: bold; font-size: 26px;}
    .skin-top-route{font-size: 16px; font-family: "Objectivity", sans-serif; color: #010101;}
    .skin-content{display: flex; flex-wrap: wrap;}
    .skin-li{width: 100%; margin-right: 0; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede;}
    .skin-li:nth-child(4n){margin-right: auto;}
    .skin-li-pic{padding: 20px; height: auto; display: flex; align-items: flex-end; justify-content:center; padding-bottom: 0; text-align: center;}
    .skin-li-pic img{max-width: 100%;}
    .skin-li-info{background: #f6f6f6; padding: 25px 20px; margin-top: -10px;}
    .skin-li-info-tit{font-family: "Montserrat", sans-serif; color: #010101; font-weight: bold; font-size: 18px; text-align: center;}
    .skin-li-info-btn{font-size: 14px; font-family: "Objectivity", sans-serif;  text-align: center; margin-top: 5px;}
    .skin-li-info-btn a{background: #ffc1cc; color: #fff2c5; padding: 5px 10%; }
    

}
/*护肤*/


/*护肤详细*/
.skin-view{width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 50px 0; box-sizing: border-box;}
.skin-may{font-family: "Montserrat", sans-serif; color: #010101; font-weight: bold; font-size: 30px; margin-bottom: 30px; text-transform: uppercase;}

.skinview-content{padding: 50px;}
.skinview-content-tit{font-size: 24px; color: #f5f5f5; margin-bottom: 0.2rem; line-height: 1.8; font-family: "Montserrat", sans-serif;
    color: #010101; text-transform: uppercase; font-weight: bold;}
.skinview-content-dis{font-size: 16px; font-family: "Objectivity", sans-serif; color: #fff; line-height: 1.8; color: #010101;}
.skinview-content-money{font-size: 20px; font-family: "Montserrat", sans-serif; color: #fff; line-height: 1.8; color: #010101;
font-weight: bold; text-transform: uppercase; margin: 25px 0;}
.skinview-content-txt{font-size: 16px; font-family: "Montserrat", sans-serif; color: #fff; line-height: 1.1; color: #010101;}


#outer {width:100%;}
#tab {overflow:hidden;zoom:1; border-bottom: 1px solid #000; display: flex; padding: 20px 0;}
#tab li {width: 36px; height: 36px; border-radius: 100%; margin-right: 15px; cursor: pointer; }
#tab li.icon1 {background: #fff; border: 1px solid #ccc;}
#tab li.icon2 {background: #e5dbed; border: 1px solid #e5dbed;}
#tab li.icon3 {background: #f6e8e2; border: 1px solid #f6e8e2;}
#tab li.icon4 {background: #e9eee6; border: 1px solid #e9eee6;}
#content {padding-top: 20px;}
#content .info {display: none;}
#content .info .info-tit{font-size: 25px; font-family: "Montserrat", sans-serif; color: #010101; font-weight: bold;}
#content .info .info-txt{font-size: 16px; font-family: "Montserrat", sans-serif; color: #010101; line-height: 1.8;}

@media screen and (max-width:576px){

    .skin-view{width: 95%; margin: 0 auto; box-sizing: border-box; padding: 50px 0; box-sizing: border-box;}
    .skin-may{font-family: "Montserrat", sans-serif; color: #010101; font-weight: bold; font-size: 24px; margin-bottom: 30px; text-transform: uppercase;}
    
    .skinview-content{padding: 30px 0;}
    .skinview-content-tit{font-size: 24px; color: #f5f5f5; margin-bottom: 0.2rem; line-height: 1.8; font-family: "Montserrat", sans-serif;
        color: #010101; text-transform: uppercase; font-weight: bold;}
    .skinview-content-dis{font-size: 16px; font-family: "Objectivity", sans-serif; color: #fff; line-height: 1.8; color: #010101;}
    .skinview-content-money{font-size: 20px; font-family: "Montserrat", sans-serif; color: #fff; line-height: 1.8; color: #010101;
    font-weight: bold; text-transform: uppercase; margin: 25px 0;}
    .skinview-content-txt{font-size: 16px; font-family: "Montserrat", sans-serif; color: #fff; line-height: 1.8; color: #010101;}
    
    
#outer {width:100%;}
#tab {overflow:hidden;zoom:1; border-bottom: 1px solid #000; display: flex; padding: 20px 0;}
#tab li {width: 36px; height: 36px; border-radius: 100%; margin-right: 15px; cursor: pointer; }
#tab li.icon1 {background: #fff; border: 1px solid #ccc;}
#tab li.icon2 {background: #e5dbed; border: 1px solid #e5dbed;}
#tab li.icon3 {background: #f6e8e2; border: 1px solid #f6e8e2;}
#tab li.icon4 {background: #e9eee6; border: 1px solid #e9eee6;}
#content {padding-top: 20px;}
#content .info {display: none;}
#content .info .info-tit{font-size: 25px; font-family: "Montserrat", sans-serif; color: #010101; font-weight: bold;}
#content .info .info-txt{font-size: 16px; font-family: "Montserrat", sans-serif; color: #010101; line-height: 1.8;}


}



/*探索更多*/
.explore{display: flex; justify-content: space-between; flex-wrap: wrap;}
.explore-pic{width: 43%;}
.explore-pic img{max-width: 100%;}
.explore-info{width: 57%; box-sizing: border-box; padding:50px;}
.explore-info-tit{font-size: 24px; color: #010101; font-family: "Objectivity Bold", sans-serif; margin-bottom: 10px;}
.explore-info-txt{font-size: 16px; line-height: 1.8; color: #010101;font-family: "Objectivity", sans-serif; } 
@media screen and (max-width:576px){

    .explore{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .explore-pic{width: 100%;}
    .explore-pic img{max-width: 100%;}
    .explore-info{width: 100%; box-sizing: border-box; padding: 30px;}
    .explore-info-tit{font-size: 24px; color: #010101; font-family: "Objectivity", sans-serif; margin-bottom: 10px;}
    .explore-info-txt{font-size: 16px; line-height: 1.8; color: #010101;font-family: "Objectivity", sans-serif; }

}
/*探索更多*/









.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px; margin-top:15px}
/*淘宝风格*/
.paginator { font: 18px "微软雅黑"; margin:0 auto; font-size:18px }
.paginator a {border:solid 1px #ffc1cc;color:#000;cursor:pointer;text-decoration:none; background-color:#ffc1cc;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #ffc1cc; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #ffc1cc;color:#FFF;background-color:#ffc1cc; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #ffc1cc;color:#fff;text-decoration:none; background:#ffc1cc; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:18px;font-family:微软雅黑;padding:5px 10px; display:inline-block;}


 a.GuiGeOn{font-weight:bold; color:#f092a1}