@charset "utf-8";

.products_big_banner{
	background: url("../images/products/products_banner_bg.jpg") center center / cover no-repeat;
	padding: 30px 5vw 80px;
	min-height:85vh;
}
/*~~~ products_makeup ~~~*/
.products_makeup{
	background: linear-gradient(-80deg, #FFC5D0 0%,#FFF4F6 40%, #FFFFFF 100%);
	padding: 30px 5vw 80px;
	min-height:65vh;
	background-image: url("../images/products/products_makeup_bg.png");
	background-repeat: no-repeat;
	background-position: right 130px;
	background-size: 40%;
	
}
dl.products_title_bar{display: flex;flex-direction:column;justify-content:flex-start;align-items: flex-start;flex-wrap:nowrap; padding: 0 0 40px;}
dl.products_title_bar>dt{ font-weight: 800;line-height: 1.3em; padding: 0.3em 0 0.5em;}
dl.products_title_bar>dt>em.gap_left{margin:0 0 0 3em}
dl.products_title_bar>i{ display: block;width: 70px; height: 3px; background-color: #DF002D; }
dl.products_title_bar.white_line>i{ background-color: #ffffff; }
dl.products_title_bar>dd{ color: rgba(255,255,255,0.5); font-weight: 800;text-transform:Uppercase;line-height: 1.3em; padding: 0.5em 0 1.1em;}/*~~~ %%英语字母全大写 ~~~*/

ul.products_makeup_lr{display: flex;flex-direction:row;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;

}
ul.products_makeup_lr>li{min-height: 50vh;}
ul.products_makeup_lr>li.p_left{flex-grow: 0; flex-shrink:0; flex-basis:37%; }
ul.products_makeup_lr>li.p_right{flex-grow: 1; flex-shrink:1; padding: 0 0 0 5vw;

}

ul.products_makeup_lr>li.p_left>a{ background-color: #DF002D; color: #ffffff; padding: 0.8em 0.8em; display: block; margin: 0 0 15px;
display: flex;flex-direction:row;justify-content:flex-start;align-items: center;flex-wrap:nowrap; vertical-align: middle;
}
ul.products_makeup_lr>li.p_left>a>i{font-size: 120%;margin: 0 0.5em 0 0;flex-grow: 0; flex-shrink:0; flex-basis:30px;}
ul.products_makeup_lr>li.p_left>a>span{flex-grow: 1; flex-shrink:1; }
ul.products_makeup_lr>li.p_left>a>em{flex-grow: 0; flex-shrink:0; flex-basis:18px;}
ul.products_makeup_lr>li.p_left>a:hover{ background-color: #EA5270;}
ul.products_makeup_lr>li.p_left>a.select{ background-color: #FECDD7 ; color: #DF002D;}

ul.products_makeup_lr>li.p_right>h2{ padding: 0px 0 0;}
ul.products_makeup_lr>li.p_right>h2>div{ padding: 0 0 30px;}
ul.products_makeup_lr>li.p_right>h2>div>em{background-color: rgba(233,233,233,0.9); border-radius: 15px;padding: 20px; display: inline-block;}
ul.products_makeup_lr>li.p_right>h2>div>em>video{ width: 40vw;}
ul.products_makeup_lr>li.p_right>h2>i{ display: flex; flex-direction: row; justify-content: space-between; padding: 0 0 0 0 ;}
ul.products_makeup_lr>li.p_right>h2>i>a{
	display:inline-block;
	background: linear-gradient(90deg, #E72411 0%, #D20058 99%);
	height: 2.6em; line-height: 2.6em; border-radius: 1.5em; color: #ffffff; padding: 0 2.0em; 
	text-align: center;	 text-decoration: none;
}

ul.products_makeup_lr>li.p_right>h2>i>a:hover{
	background: #F83C0A;}
	
/*~~~ ///products_makeup ~~~*/

/*~~~ %%products_detail ~~~*/
.products_detail_block{
	background: linear-gradient(90deg, #DF002C 0%, #DD0050 99%);
	padding:0;height:96vh; font-size: 0; position: relative;
}
.products_detail_video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.products_detail_cont{
	width: 100%; height: 100%; position: absolute;z-index: 10; float: left;top: 0; left:0;padding: 30px 5vw 70px;
	font-size: 14px;
}
.products_detail_zone{}
.products_detail_zone>dl{display: flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;align-content:flex-start}
.products_detail_zone>dl>a{ width: 19%;height: 17vw; background-color: #0000FF; margin: 0 0 18px;
text-decoration: none;
	display: flex;flex-direction: column;justify-content:flex-start;align-items:center;flex-wrap:nowrap; 
	padding: 40px 20px 0;
}

.products_detail_zone>dl>a.w_2x{ width: 39.25%;}
.products_detail_zone>dl>a.p_detail_01{background: url("../images/products/products_detail_b01.png") center center / cover no-repeat;}
.products_detail_zone>dl>a.p_detail_02{background: url("../images/products/products_detail_b02.png") center center / cover no-repeat;}
.products_detail_zone>dl>a.p_detail_03{background: url("../images/products/products_detail_b03.png") center center / cover no-repeat;}
.products_detail_zone>dl>a.p_detail_04{background: url("../images/products/products_detail_b04.png") center center / cover no-repeat;}

.products_detail_zone>dl>a.p_detail_05{background: url("../images/products/products_detail_b05.png") center center / cover no-repeat;}
.products_detail_zone>dl>a.p_detail_06{background: url("../images/products/products_detail_b06.png") center center / cover no-repeat;}
.products_detail_zone>dl>a.p_detail_07{background: url("../images/products/products_detail_b07.png") center center / cover no-repeat;}
.products_detail_zone>dl>a.p_detail_08{background: url("../images/products/products_detail_b08.png") center center / cover no-repeat;}
.products_detail_zone>dl>a.p_detail_09{background: url("../images/products/products_detail_b09.png") center center / cover no-repeat;}


.products_detail_zone>dl>a>i{ font-size: 200%; width: 1.9em;height: 1.9em; display: flex; flex-direction:column;justify-content:center;align-items:center; color: #59A6F7;}
.products_detail_zone>dl>a>h3{ text-align: center;
  text-overflow: ellipsis;/*多行文本 用省略号...隐藏超出文本*/
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical; line-height: 1.4em; height: 2.9em;overflow: hidden;
}
.products_detail_zone>dl>a>h6{ font-size: 75%; opacity:0.5; text-align: center;}
.products_detail_zone>dl>a:hover{ color: #DF002D; border: 1px solid #ffffff;box-shadow: 0 2px 5px rgba(255,255,255,.4);}










/*~~~ %%products_intro_list ~~~*/

ul.products_intro_list{display: flex;flex-direction: row;justify-content:space-between ;align-items: flex-start;flex-wrap:wrap;align-content: flex-start;}
ul.products_intro_list>li{ background-color: #ffffff; min-height: 20vw; width: 23.5%; margin: 0 0 30px;box-shadow: 0 2px 5px rgba(0,0,0,.4);}
ul.products_intro_list>li:hover{background-color:#FECDD7;}
dl.products_intro_box{display: flex;flex-direction: column;justify-content:flex-start ;align-items:center;flex-wrap:nowrap;align-content: center;
padding: 40px 30px 40px;position: relative;
}
dl.products_intro_box>.float_box{
	background-color: #ffffff; border-bottom:1px solid #DF002D; width: 100%;height:85%; position: absolute;bottom:80px;
}
dl.products_intro_box>dt{ padding: 10px 0 20px;
}
dl.products_intro_box>dt>i{color: #DF002D; width: 4.2em;height:2.8em;background-color: #ffffff;
border-radius: 0.2em;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); display: block;
display: flex;flex-direction: column;justify-content:center ;align-items:center; 
	background-image:  url("../images/index/index_sort01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
dl.products_intro_box>dt>i.sort01{background-image:  url("../images/index/index_sort01.jpg");}
dl.products_intro_box>dt>i.sort02{background-image:  url("../images/index/index_sort02.jpg");}
dl.products_intro_box>dt>i.sort03{background-image:  url("../images/index/index_sort03.jpg");}
dl.products_intro_box>dt>i.sort04{background-image:  url("../images/index/index_sort04.jpg");}


dl.products_intro_box>dt>i.sort_add31{background-image:  url("../images/index/index_sort_add31.jpg");}
dl.products_intro_box>dt>i.sort_add32{background-image:  url("../images/index/index_sort_add32.jpg");}
dl.products_intro_box>dt>i.sort_add33{background-image:  url("../images/index/index_sort_add33.jpg");}
dl.products_intro_box>dt>i.sort_add34{background-image:  url("../images/index/index_sort_add34.jpg");}



dl.products_intro_box>dd{ color: #DF002D; border-bottom: 1px solid #DF002D; width: 100%; display: flex;flex-direction: column;justify-content:flex-start ;align-items:center;align-content:center;
height: 3.1em;line-height: 1.2em; text-align: center;
}
dl.products_intro_box>h5{ color: #666666;padding: 1em 1em 2em;
}
dl.products_intro_box>h5>span{
  text-overflow: ellipsis;/*多行文本 用省略号...隐藏超出文本*/
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical; line-height: 1.4em; height: 4.3em;overflow: hidden;
}
dl.products_intro_box>h6{display: flex;flex-direction:row;justify-content:space-between;align-items:center;
width: 100%;
}
dl.products_intro_box>h6>a{
	background: linear-gradient(90deg, #E72411 0%, #D20058 99%);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30);
	display: block;height: 42px;/* 2em; */line-height: 38px;  border-radius: 0; color: #ffffff; padding: 0em 1em; min-width: 6em; text-align: center;
}
dl.products_intro_box>h6>a.line_butn{color: #DF002D;border: 1px solid #DF002D;background: #ffffff;box-shadow: none;}
dl.products_intro_box>h6>a:hover{
	background: #F83C0A;
}
dl.products_intro_box>h6>a.line_butn:hover{ color: #ffffff;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30);}

/*~~~ %%float_box___down_app ~~~*/
.float_box{display: flex;flex-direction:column ;justify-content:center;align-items: center;align-content:center;}

.float_box>h2{ text-align: center; padding: 20px 0 0; width:100%}


ul.xititi_download{display: flex;flex-direction: column;justify-content:flex-start;align-items:center;align-content:center;width:100%
}
ul.xititi_download>li{
  min-height: 70px;padding:5px 0 5px;
}
ul.xititi_download>li.t_center{  display: flex;flex-direction: row;justify-content:center;align-items:center;}

ul.xititi_download>li>.qrcode{background-color: #ffffff; border-radius: 0px; padding: 0px 0 0px;
  display: flex;flex-direction:column;justify-content: flex-start;align-items:center;flex-wrap: nowrap;align-content:flex-start;
  
}
ul.xititi_download>li>.qrcode>em{
  display: block;
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items:center;
  flex-wrap: nowrap;
  align-content: center;
  width: 115px;
  height: 115px;
  /* border: 1px solid #dddddd; */
  border-radius: 0px;
  margin-bottom: 5px;
  background-color: #ffffff;
  /* box-shadow: 0 3px 13px rgba(0,0,0,0.15); */
}
ul.xititi_download>li>.qrcode>em>span{ font-size:90px; }

ul.xititi_download>li.xititi_android>.qrcode>em>span{  color: #008F27 }

ul.xititi_download>li.xititi_ios>.qrcode>em>span{  color: #4678A9 }


ul.xititi_download>li>.qrcode.codeis>em>span{ display: none;}
ul.xititi_download>li.xititi_android>.qrcode.codeis>em{ 
	background-image:  url("../images/products/code_ttd_plus_andriod.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	background-color: #ffffff;}
ul.xititi_download>li.xititi_ios>.qrcode.codeis>em{ 
	background-image:  url("../images/products/code_ttd_plus_ios.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	background-color: #ffffff;}

ul.xititi_download>li.xititi_android>.qrcode.codeis>em.ttd{ background-image:  url("../images/products/code_ttd_andriod.png");}
ul.xititi_download>li.xititi_ios>.qrcode.codeis>em.ttd{	background-image:  url("../images/products/code_ttd_ios.png");}

ul.xititi_download>li.xititi_android>.qrcode.codeis>em.bncz{ background-image:  url("../images/products/code_bncz_andriod.png");}
ul.xititi_download>li.xititi_ios>.qrcode.codeis>em.bncz{	background-image:  url("../images/products/code_bncz_ios.png");}

ul.xititi_download>li.xititi_android>.qrcode.codeis>em.msj{ background-image:  url("../images/products/code_msj_h5.png");}

ul.xititi_download>li>.qrcode>a{
    display: block;
    color: #000000;
    border-radius: 15px;
    padding: 0px 0.9em;
	height: 30px;line-height: 30px; vertical-align: middle;
    min-width: 7em;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    background-color: #ffffff;
}
ul.xititi_download>li>.qrcode>a>span{ margin-right: 8px;}
ul.xititi_download>li>.qrcode>a>span.android{  color: #008F27;font-size: 160%;}
ul.xititi_download>li>.qrcode>a>span.ios{ color: #4678A9;font-size: 160%;}
ul.xititi_download>li>.qrcode>a:hover{ background-color: #ffffff; color: #000000;}
ul.xititi_download>li>.qrcode.link>a{background-color: #ffffff; color: #DF002D; border: 1px solid #DF002D;}
ul.xititi_download>li>.qrcode.link>a:hover{background-color: #DF002D; color: #ffffff;}
ul.xititi_download>li>.qrcode.link>a:hover>span{color: #ffffff;}



/*~~~ %%paper_prod_zone ~~~*/
.inex_news_block{
	background: linear-gradient(90deg, #DF002C 0%, #DD0050 99%);
	padding: 30px 5vw 80px;min-height:85vh;
}


ol.paper_prod_zone{
	display: flex;flex-direction:row;justify-content:flex-start;align-items:stretch;
}
ol.paper_prod_zone>li.left_part{flex-grow: 1;flex-shrink:1;padding: 0 2vw 0 0;}
ol.paper_prod_zone>li.right_part{flex-grow: 0; flex-shrink:1; flex-basis:23vw; min-height: 300px;}



.paper_prod_shop{background-color:rgba(255,255,255,0.60);backdrop-filter: blur(5px);border-radius: 20px;padding: 20px 0 30px;}
dl.paper_prod_shop_cont{display: flex;flex-direction: column;justify-content:flex-start;align-items:stretch;align-content:flex-start;}
dl.paper_prod_shop_cont>dt{ text-align: center;}
dl.paper_prod_shop_cont>dt>span{position: relative;display:inline-block;z-index: 1;}
dl.paper_prod_shop_cont>dt>span:after{ content:" ";background-color: rgba(222,0,55,0.40); height:0.6em;display: block;position: absolute;width:100%;bottom:0.1em;z-index: -1;}
dl.paper_prod_shop_cont>dd{}
dl.paper_prod_shop_cont>dd>i{
	height:120px;
	display: block;
	width: 120px;
	margin: 25px auto 10px;
}
dl.paper_prod_shop_cont>dd>i.shop01{
	background: url("../images/index/qrcode06_tianmao.png") center center / contain no-repeat;
}
dl.paper_prod_shop_cont>dd>i.shop02{
	background: url("../images/index/qrcode04_weimeng.png") center center / contain no-repeat;
}
dl.paper_prod_shop_cont>dd>i.shop03{
	background: url("../images/index/qrcode03_tiktok.png") center center / contain no-repeat;
}
dl.paper_prod_shop_cont>dd>em{
	display: block;
	text-align: center;
}



ul.products_intro_list2{display: flex;flex-direction: row;justify-content:space-between ;align-items: flex-start;flex-wrap:wrap;align-content: flex-start;}
ul.products_intro_list2>a{ background-color: #ffffff; min-height: 10vw; width: 48.5%; margin: 0 0 30px;box-shadow: 0 2px 5px rgba(0,0,0,.4);
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
ul.products_intro_list2>a.against {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

ul.products_intro_list2>a:hover{background-color:#FECDD7;}
dl.products_intro_box2{display: flex;flex-direction: column;justify-content:flex-start ;align-items:center;flex-wrap:nowrap;align-content: center;
padding: 25px 25px 25px;
}
dl.products_intro_box2>dt{ padding: 10px 0 10px;
}
dl.products_intro_box2>dt>i{color: #DF002D; width: 5.5em;height:204.8px;background-color: #ffffff;
border-radius: 0.2em;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); display: block;
display: flex;flex-direction: column;justify-content:center ;align-items:center; 
	background-image:  url("../images/index/index_sort01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}/* width: 4.2em;height:2.8em; */

dl.products_intro_box2>dt>i.sort_add41{background-image:  url("../images/index/index_sort_add41.jpg");}
dl.products_intro_box2>dt>i.sort_add42{background-image:  url("../images/index/index_sort_add42.jpg");}
dl.products_intro_box2>dt>i.sort_add43{background-image:  url("../images/index/index_sort_add43.jpg");}
dl.products_intro_box2>dt>i.sort_add44{background-image:  url("../images/index/index_sort_add44.jpg");}


dl.products_intro_box2>dd{ color: #DF002D; width: 100%; display: flex;flex-direction: column;justify-content:flex-start ;align-items:center;align-content:center;
height: 1.3em;line-height: 1.3em; text-align: center; overflow: hidden;
}










/*=====@media screen媒体查询=====*/
@media screen and (max-width:1366px){
.products_detail_block {
    height: 750px;
}

}
/*=====小于等于900px=====*/
@media screen and (max-width:900px){

ul.products_intro_list>li{ width:100%}
ul.products_intro_list2>a{ width:100%}

.products_detail_block{
	height:auto;
}
.products_detail_video {
	display: none;
}
.products_detail_cont{
	width: 100%; height: auto;position: relative;
	background: linear-gradient(90deg, #076AA6 0%, #004980 99%);
}

}
/*=====///==小于等于900px=====*/