@charset "UTF-8";
html,body{margin:0;padding:0;background: white;height: auto!important;}
a:focus { outline: none; }
a {cursor: pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; }
.pr{position: relative;}
.posi{position: absolute;z-index: 1;top: 0;left:0;/*transform: translateX(-50%);transform: -webkit-translateX(-50%);-moz-transform: translateX(-50%);transform: -ms-translateX(-50%);transform: translateX(-50%);transform: -o-translateX(-50%)*/;}
.cms-main{overflow: hidden;}
.imglink { width: 100%; height: 100%; top: 0; right: 0; position: absolute; }
.plink { position: absolute; display: block; overflow: hidden; background: url(about:blank); }
#popup-img-wrapper{position:fixed;width:80%;top:50%;left:10%;transform: translateY(-15%);z-index: 1;}
#prolanding #popup-img{width: 100%;}
#close-popup{width:16%;height:11%;right:0;top:0;}
#video-mask,
#popup-mask{position: fixed;left:0;top:0;right:0;bottom:0;background: rgba(0, 0, 0, .2);z-index: 1;}
/* #video-content-wrapper{width:80%;height: 50%;top:50%;left:10%;position: fixed;} */

/*.plink{background-color: lightblue;opacity: 0.6;}*/
#prolanding img { width: 100%; }
.customHidden { display: none; }
#prolanding .customHidden { display: none; }
.pro-block { position: relative; overflow: hidden; }
.mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 100000; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1 !important; }

/* swiper */
.swiper-wrapper,
.swiper-container,
.swiper-slide{height: auto;}

#prolanding .swiper-button-next { background-image: url(https://res.lancome.com.cn/resources/activityReleased/a558d520-d5bf-4fb1-a002-64a70140a611/images/btnR.png?20200605163143?20200423114514?20191210155808?20190828115239?20190812170226?20190730105227?20190613154835?20190603101247?20190512235431?20190510201316?20190409170919?20190403195531?20190401182229?20190327152326?20190326174425?20190315174736?20190315102724?20190314184207?20190311183441);background-repeat: no-repeat; right: 7.7%;}
#prolanding .swiper-button-next.swiper-button-disabled { background-image: url(images/btnR.png?20200605163143?20200423114514?20191210155808?20190828115239?20190812170226?20190730105227?20190613154835?20190603101247?20190512235431?20190510201316?20190409170919?20190403195531?20190401182229?20190327152326?20190326174425?20190315174736?20190315102724?20190314184207?20190311183441?20190128183905?20190123172635?20190117165632?20190116202354?20190115150854?20190115150211?20190114211924?20190114190538?20190113170947?20190112005826?20190110104900?20190106211323?20190104181939?20190103193524?20181230165432?20181230002825?20181227175203?20181213135122?20181130174543?20181128155305?20181127185122?20181122192510?20181121135421?20181116124908?20181115194818?20181112004402?20181111020522?20181111010502?20181110095243?20181109205746?20181107224238?20181107221058?20181105220810?20181105191924?20181031123532?20181030214845?20181030183042?20181024203330?20181024190745?20181022225318?$staticlink$); }
#prolanding .swiper-button-prev { background-image: url(https://res.lancome.com.cn/resources/activityReleased/a558d520-d5bf-4fb1-a002-64a70140a611/images/btnL.png?20200605163143?20200423114514?20191210155808?20190828115239?20190812170226?20190730105227?20190613154835?20190603101247?20190512235431?20190510201316?20190409170919?20190403195531?20190401182229?20190327152326?20190326174425?20190315174736?20190315102724?20190314184207?20190311183441);background-repeat: no-repeat; left: 7.7%;}
#prolanding .swiper-button-prev.swiper-button-disabled { background-image: url(images/btnL2.png?20200605163143?20200423114514?20191210155808?20190828115239?20190812170226?20190730105227?20190613154835?20190603101247?20190512235431?20190510201316?20190409170919?20190403195531?20190401182229?20190327152326?20190326174425?20190315174736?20190315102724?20190314184207?20190311183441?20190128183905?20190123172635?20190117165632?20190116202354?20190115150854?20190115150211?20190114211924?20190114190538?20190113170947?20190112005826?20190110104900?20190106211323?20190104181939?20190103193524?20181230165432?20181230002825?20181227175203?20181213135122?20181130174543?20181128155305?20181127185122?20181122192510?20181121135421?20181116124908?20181115194818?20181112004402?20181111020522?20181111010502?20181110095243?20181109205746?20181107224238?20181107221058?20181105220810?20181105191924?20181031123532?20181030214845?20181030183042?20181024203330?20181024190745?20181022225318?$staticlink$); }
#prolanding .swiper-pagination-bullet:nth-child(2n+1).swiper-pagination-bullet-active { background-color: #000; }
#prolanding .swiper-pagination-bullet:nth-child(2n).swiper-pagination-bullet-active { background-color: #000; }
.none-style{display:none;}
/* PC */
@media only screen and (min-width:1025px) {
#showflag { display: block; }
.mbshow{display:none;}
.pcshow{display:block;}
.main>.content { padding: 0 }
div { padding: 0; margin: 0 }
.clear:after { content: "."; clear: both; height: 0; display: block; visibility: hidden; }
.clear { *zoom: 1; }
/*#prolanding { max-width: 1650px;min-width: 1280px; margin: 0 auto;}*/
/* video */
#video-content-wrapper{width:800px;}
#video-wrapper{width:800px;}
#video-wrapper{top:50%;left:50%;position: fixed;transform: translate3d(-50%,-50%,0);z-index: 1;}
/* swiper */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:15%;}
.swiper-pagination-bullet{width: 10px;height: 10px;background: #999999!important;opacity: 1;}
.swiper-pagination-bullet-active{background: #333333!important;}
.landpopbox{position: absolute;display: none;z-index: 3333;width: 800px;height: 450px;background: #000;padding: 10px;}
.landpopclose{position: absolute;right: -15px;top: -15px;z-index: 3338;width: 35px;height: 35px;cursor: pointer;background: url(https://res.lancome.com.cn/resources/activityReleased/763670d4-b5a9-4ac5-ba34-9505c7887b9e/images/popclose.png?20200605163143?20200423114514?20191210155808?20190828115239?20190812170226?20190730105227?20190613154835?20190603101247?20190512235431?20190510201316?20190409170919?20190403195531?20190401182229?20190327152326?20190326174425?20190315174736?20190315102724?20190314184207?20190311183441?20190128183905?20190123172635?20190117165632?20190116202354?20190115150854?20190115150211?20190114211924?20190114190538?20190113170947?20190112005826?20190110104900?20190106211323?20190104181939?20190103193524?20181230165432?20181230002825?20181227175203?20181213135122?20181130174543?20181128155305?20181127185122?20181122192510?20181121135421?20181116124908?20181115194818?20181112004402?20181111020522?20181111010502?20181110095243?20181109205746?20181107224238?20181107221058?20181105220810?20181105191924?20181031123532?20181030214845?20181030183042?20181024203330?20181024190745?20181022225318?20180919150400?20180918170349?20180914215743?20180914185310) no-repeat;}
}
/* PC end */

/* Mobile */
@media only screen and (max-width:1024px) {
.pt_custom_content_page .primary{width:100% !important}
.main .content{width:100% !important}
.pro-block,
.pro-block *{font-size:inherit!important;line-height: 0!important;}
#prolanding .mouseover{display: none;}
#showflag { display: none; }
.pcshow{display:none;}
.mbshow{display:block;}
/* video */
#video-content-wrapper{width:100%;}
#video-wrapper{width:80%;}
#video-wrapper{top:50%;left:10%;position: fixed;transform: translateY(-50%);z-index: 1;}
/* swiper */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:9%;}
.swiper-pagination-bullet{width: .6em;height: .6em;background: #999999!important;opacity: 1;}
.swiper-pagination-bullet-active{background: #333333!important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .3em;}
.landpopbox{position: absolute;display: none;z-index: 3333;width: 96%;margin-left: 51.2%;height: 300px;background: #000;padding: 5px;}
.landpopclose{position: absolute;right: 1px;top: 1px;z-index: 3338;width: 35px;height: 35px;cursor: pointer;background: url(https://res.lancome.com.cn/resources/activityReleased/763670d4-b5a9-4ac5-ba34-9505c7887b9e/images/popclose.png?20200605163143?20200423114514?20191210155808?20190828115239?20190812170226?20190730105227?20190613154835?20190603101247?20190512235431?20190510201316?20190409170919?20190403195531?20190401182229?20190327152326?20190326174425?20190315174736?20190315102724?20190314184207?20190311183441?20190128183905?20190123172635?20190117165632?20190116202354?20190115150854?20190115150211?20190114211924?20190114190538?20190113170947?20190112005826?20190110104900?20190106211323?20190104181939?20190103193524?20181230165432?20181230002825?20181227175203?20181213135122?20181130174543?20181128155305?20181127185122?20181122192510?20181121135421?20181116124908?20181115194818?20181112004402?20181111020522?20181111010502?20181110095243?20181109205746?20181107224238?20181107221058?20181105220810?20181105191924?20181031123532?20181030214845?20181030183042?20181024203330?20181024190745?20181022225318?20180919150400?20180918170349?20180914215743?20180914185310) no-repeat;}
.willesPlay{width: 100%;height: 100%;}
}
/* Mobile end */


/* ----------------content---------------------content------------------content------------------------ */

/* .plink { background-color: blue; opacity: .2; } */

/* PC content */

@media only screen and (min-width:1025px){
.mob{
display: none!important;
}
#prolanding>div{
width: 100%;
}
#prolanding .bg_w{
width: 1920px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
#prolanding .swiper{
margin-left: 50%;
}



#prolanding .link5{
width: 23%;
height: 61%;
position: absolute;
bottom: 12%;
left: 26%;
}
#prolanding .link05{
width: 23%;
height: 61%;
position: absolute;
bottom: 12%;
left: 52%;
}
#prolanding .link6{
width: 23%;
height: 61%;
position: absolute;
bottom: 40%;
left: 26%;
}
#prolanding .link06{
width: 23%;
height: 61%;
position: absolute;
bottom: 40%;
left: 52%;
}
#prolanding .link006{
width: 32%;
height: 12%;
position: absolute;
bottom: 12%;
left: 34%;
}


#prolanding .suit_01{
width: 518px;
height: 608px;
position: absolute;
right:407px;
top: 0px;
}
#prolanding .text_01{
width: 533px;
height: 608px;
position: absolute;
left: 407px;
top: 0px;
}
#prolanding .suit_02{
width: 551px;
height: 698px;
position: absolute;
left:407px;
top: 0px;
}
#prolanding .text_02{
width: 550px;
height: 698px;
position: absolute;
right: 407px;
top: 0px;
}
#prolanding .suit_03{
width: 563px;
height: 644px;
position: absolute;
right:407px;
top: 0px;
}
#prolanding .text_03{
width: 497px;
height: 644px;
position: absolute;
left: 407px;
top: 0px;
}


}


/* Mobile content */
@media only screen and (max-width:1024px) {
.pc{
display: none!important;
}
#prolanding .link2{
width: 35%;
height: 7%;
position: absolute;
bottom: 10%;
left: 32%;
}
#prolanding .link3{
width: 35%;
height: 7%;
position: absolute;
bottom: 10%;
left: 32%;
}
#prolanding .link5{
width: 47%;
height: 55%;
position: absolute;
bottom: 11%;
left: 2%;
}
#prolanding .link05{
width: 47%;
height: 55%;
position: absolute;
bottom: 11%;
left: 51%;
}
#prolanding .link6{
width: 47%;
height: 55%;
position: absolute;
bottom: 45%;
left: 2%;
}
#prolanding .link06{
width: 47%;
height: 55%;
position: absolute;
bottom: 45%;
left: 51%;
}
#prolanding .link006{
width: 52%;
height: 16%;
position: absolute;
bottom: 12%;
left: 24%;
}

}