@charset "utf-8";
/* CSS Document */

body{ background:#fff;}
a:hover img{ opacity:0.9;}
a{ color:#1b1b1b;}
.n17_index_banner{ width:1180px; height:auto;}
body,div,p,ul,li,span,dl,dt,dd,a,h1,h2,h3{ margin:0; padding:0;}
a img{ border:0 none;}
a{ text-decoration:none;}
li{ list-style:none;}

/*header*/
div{ font-family:'Microsoft YaHei';}
.n17_fl{ float:left;}
.n17_fr{ float:right;}
.n17_header_top{ height:30px; background:#ee1c24;}
.n17_h_top_box{ width:1180px; height:30px; background:#ee1c24; margin:0 auto; position:relative;font-size:12px;}
.n17_h_top_nav{ float:left; width:300px; padding:8px 0 0 10px;}
.n17_h_top_nav li{ padding-right:14px; float:left;}
.n17_h_top_nav li a{ color:#ffb4b6;}
.n17_h_top_nav li a:hover{ color:#fff;}
.n17_h_login{ float:right; color:#fff; padding:8px 10px 0 0;}
.n17_h_login a{ margin-left:6px; color:#fff;}
.n17_header_logo{ height:152px; background:#ee1c24;}
.n17_h_logo_box{ width:1180px; height:122px; background:#ee1c24; margin:0 auto; padding-top:30px;}
.n17_h_logo{ width:300px; margin:0 auto;}
.n17_header_nav{ height:58px; background:#111;}
.n17_h_nav_box{ width:1180px; height:58px; background:#111; margin:0 auto; position:relative; text-align: center;}
.n17_rayli_navs{ width: 100%; text-align: center; margin: 0 auto; padding-top:18px; line-height: 20px; display: flex; justify-content: space-around; align-items: center;}
.n17_rayli_navs a{ display:inline-block; padding:0 52px; color:#dcdcdc; font-size:18px;}
.n17_rayli_navs a:hover{ color:#ff3235; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out;}
.n17_navs_line{ width:15px; height:20px; border-right:1px solid #777;display: inline-block;}
/*search*/
.n17_navs_search{ position:absolute; right:10px; top:18px; width:146px; height:30px; background:#343434; border-radius:30px; -webkit-border-radius:30px; z-index:9;}
.n17_search_box{ width:110px; height:24px; line-height:24px; padding:3px 26px 3px 10px; border:none; background:none; color:#fff;outline:0;}
.n17_search_btn{ width:19px; height:19px; background:url(../images/n17_serach_icon.png) no-repeat; border:none; position:absolute; right:6px; top:6px; outline:0; cursor:pointer;}
.n17_search_show{ width:19px; height:19px; background:url(../images/n17_serach_icon_show.png) no-repeat; position:absolute; right:16px; top:24px; z-index:10; cursor:pointer;}

/*扫码导航*/
.n17_phone_code{ height:50px;}
.n17_phone_ul{ width:1180px; height:30px; margin:0 auto; padding:10px 0; background:#fff;}
.n17_phone_ul li{ float:left; height:30px; line-height:30px; padding-right:20px; position:relative; font-size:14px;}
.n17_phone_ul li a{ padding-left:30px; background:url(../images/n17_code_icon01.png) no-repeat; display:block; width:100px;}
.n17_phone_ul li a:hover{ background-position:0 -30px; color:#ff3235; font-weight:700;}
.n17_phone_ul li a.n17_wx{ background:url(../images/n17_code_icon02.png) no-repeat;}
.n17_phone_ul li a:hover.n17_wx{ background-position:0 -30px; color:#ff3235; font-weight:700;}
.n17_phone_ul li a.n17_wx1{ background:url(../images/n17_code_icon06.png) no-repeat;}
.n17_phone_ul li a:hover.n17_wx1{ background-position:0 -30px; color:#ff3235; font-weight:700;}
.n17_phone_ul .n17_box_code{ position:absolute; left:0; top:30px; z-index:100;}

/*top焦点*/
.n17_all_content{ width:1180px; margin:0 auto; background:#fff;}
.n17_banner_first{ width:300px; height:500px; overflow:hidden;}

/*today focus*/
.n17_today_f_m{ width:432px; height:600px; overflow:hidden; padding-left:30px;}
.n17_tf_tit{ width:432px; height:60px; padding:15px 0;}
.n17_tf_list{ padding-bottom:20px; width:432px; height:276px; overflow:hidden;}
.n17_tf_list li{ width:432px; height:20px; line-height:20px; padding:12px 0; overflow:hidden;}
.n17_tf_list li a{ width:382px; height:20px; display:block; padding-left:50px; font-size:18px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; position:relative;}
.n17_tf_list li a:hover{ margin-left:10px; animation:txt_left 0.4s ease-out 0s; -webkit-animation:txt_left 0.4s ease-out 0s; color:#ff0000;}
.n17_tf_list li a span{ display:block; width:36px; height:20px;/* background:url(../images/n17_num_a.png) no-repeat; */ position:absolute; left:20px; top:1px;}
.n17_tf_list li a span.s01{ background-position:0 -15px;}
.n17_tf_list li a span.s02{ background-position:0 -65px;}
.n17_tf_list li a span.s03{ background-position:0 -115px;}
.n17_tf_list li a span.s04{ background-position:0 -165px;}
.n17_tf_list li a span.s05{ background-position:0 -215px;}
.n17_tf_list li a span.s06{ background-position:0 -265px;}
.n17_tf_list li a:hover span.s01{ background-position:-36px -15px;}
.n17_tf_list li a:hover span.s02{ background-position:-36px -65px;}
.n17_tf_list li a:hover span.s03{ background-position:-36px -115px;}
.n17_tf_list li a:hover span.s04{ background-position:-36px -165px;}
.n17_tf_list li a:hover span.s05{ background-position:-36px -215px;}
.n17_tf_list li a:hover span.s06{ background-position:-36px -265px;}
.n17_red_body{ width:432px; overflow:hidden;}
.n17_red_li{ width:206px; position:relative;}
.n17_red_abox{ width:206px; height:165px; display:block; overflow:hidden; position:relative;}
.n17_red_tit{ font-size:20px; padding:12px 5px; display:block;}
.n17_red_txt{ position:absolute; left:0; bottom:0; width:196px; padding:50px 5px 15px; background:url(../images/n17_pk_line.png) 0 -15px repeat-x; font-size:14px; color:#fff; text-align:center; font-size:16px; overflow:hidden;}
.n17_red_txt span{ display:block; height:20px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.n17_banner_try{ width:300px; height:300px; position:absolute; bottom:0; right:0;}

/*瑞丽深度*/
.n17_pick_navbody{ width:1180px; height:63px; background:url(../images/n17_tit_line.png) no-repeat; margin-bottom:28px;}
.n17_pick_ul{ overflow:hidden; padding-left:40px;}
.n17_pick_ul li{ float:left; margin:0 42px; display:inline; line-height:56px; font-size:20px; cursor:pointer;}
.n17_pick_ul li.n17_current{ border-bottom:6px solid #ff1216;}
.n17_pick_ul li.n17_current a{ color:#da090b;}
.n17_pick_list{ height:362px; margin-right:-30px;}
.n17_pick_show{ height:362px; overflow:hidden;}
.n17_pick_show li{ width:272px; height:362px; float:left; margin-right:30px; display:inline; position:relative; cursor:pointer; }
.n17_pick_show li a{ display:block;}
.n17_pick_img{ width:272px; height:362px; overflow:hidden; position:absolute; left:0; top:0; cursor:pointer;}
.n17_pick_pic{ width:272px; height:362px; overflow:hidden; position:relative;}
.n17_pick_pic img{ width:272px; height:362px; position:absolute; left:0; top:0; transition:transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease;}

.n17_pick_tip{ height:60px; width:262px; background:url(../images/n17_pk_line.png) left 210px repeat-x; position:absolute; left:0; bottom:0; text-align:center; color:#fff; padding:287px 5px 15px;}
.n17_pick_tit{ width:262px; height:28px; font-size:24px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:8px;}
.n17_pick_detail{ width:252px; height:22px; font-size:18px; line-height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;margin: 0 auto;}

	
/*服饰*/
.n17_recom_box{ width:360px; height:380px; margin-bottom:30px; background:url(../images/n17_recom_bg.png) no-repeat;}
.n17_newcom_tit{ text-align:center; padding:50px 0 10px;}
.n17_newcom_list{ margin:0 25px; overflow:hidden;}
.n17_newcom_list li{ width:310px; height:20px; line-height:20px; padding:25px 0; overflow:hidden; background:url(../images/n17_dian.png) left bottom repeat-x; margin-bottom:-1px;}
.n17_newcom_list li a{ width:270px; height:20px; display:block; padding-left: 40px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; margin-bottom:-1px;}
.n17_newcom_list li a:hover{ margin-left:10px; animation:txt_left 0.4s ease-out 0s; -webkit-animation:txt_left 0.4s ease-out 0s; color:#ff1216;}
.n17_newcom_list li a span{ display:block; width:28px; height:20px; /* background:url(../images/n17_num_a.png) no-repeat; */ position:absolute; left:10px; top:1px;}
.n17_newcom_list li a span.s01{ background-position:0 -15px;}
.n17_newcom_list li a span.s02{ background-position:0 -65px;}
.n17_newcom_list li a span.s03{ background-position:0 -115px;}
.n17_newcom_list li a span.s04{ background-position:0 -165px;}
.n17_newcom_list li a span.s05{ background-position:0 -215px;}
.n17_newcom_list li a:hover span.s01{ background-position:-36px -15px;}
.n17_newcom_list li a:hover span.s02{ background-position:-36px -65px;}
.n17_newcom_list li a:hover span.s03{ background-position:-36px -115px;}
.n17_newcom_list li a:hover span.s04{ background-position:-36px -165px;}
.n17_newcom_list li a:hover span.s05{ background-position:-36px -215px;}

/*美容*/
.n17_btycom_tit{ text-align:center; padding-bottom:12px;}
.n17_btycom_list{ margin:0 20px; overflow:hidden;}
.n17_btycom_list li{ width:340px; height:20px; line-height:20px; padding:15px 0; overflow:hidden;}
.n17_btycom_list li a{ width:300px; height:20px; display:block; padding-left: 40px; font-size:16px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; position:relative;}
.n17_btycom_list li a:hover{ margin-left:10px; animation:txt_left 0.4s ease-out 0s; -webkit-animation:txt_left 0.4s ease-out 0s; color:#ff1216;}
.n17_btycom_list li a span{ display:block; width:28px; height:20px;/* background:url(../images/n17_num_a.png) no-repeat; */ position:absolute; left:14px; top:-2px;}
.n17_btycom_list li a span.s01{ background-position:0 -15px;}
.n17_btycom_list li a span.s02{ background-position:0 -65px;}
.n17_btycom_list li a span.s03{ background-position:0 -115px;}
.n17_btycom_list li a span.s04{ background-position:0 -165px;}
.n17_btycom_list li a span.s05{ background-position:0 -215px;}
.n17_btycom_list li a:hover span.s01{ background-position:-36px -15px;}
.n17_btycom_list li a:hover span.s02{ background-position:-36px -65px;}
.n17_btycom_list li a:hover span.s03{ background-position:-36px -115px;}
.n17_btycom_list li a:hover span.s04{ background-position:-36px -165px;}
.n17_btycom_list li a:hover span.s05{ background-position:-36px -215px;}

.n17_qa_box{ width:380px; height:254px; background:url(../images/n17_qa_bg.png) no-repeat;}
.n17_qa_con{ width:210px; padding:30px 20px 0 150px; position:relative;}
.n17_qa_teacher{ width:140px; height:236px; position:absolute; left:9px; top:9px;}
.n17_qa_tit{}
.n17_qa_txt{ font-size:14px; line-height:22px; text-align:center;}
.n17_qa_line{}
.n17_qa_p{ font-size:14px; line-height:22px; text-align:center; margin-bottom:5px;}
.n17_qa_wen{ width:60px; font-size:14px; text-align:center; color:#fff; background:#1b1b1b; border-radius:20px; -webkit-border-radius:20px; padding:6px 15px; margin:0 auto; display:block; clear:both;}
.n17_qa_wen:hover{ color:#fff; background:#ff0000; animation:btn01 0.3s ease-in-out; -webkit-animation: btn01 0.3s ease-in-out;}

/*美妆互动*/
.n17_active_all{ zoom:1; overflow:hidden; margin-right:-30px; margin-bottom:20px;}
.n17_active_box{ width:380px; margin-right:30px; display:inline-block; float:left; overflow:hidden;}
.n17_active_box.n17_last{ width:360px;}
.n17_new_all{ overflow:hidden;}
.n17_new_tit{ margin-bottom:25px;}
.n17_act_img{ width:380px; height:254px; position:relative;}
.n17_try_img{ width:360px; height:254px; position:relative;}
.n17_act_tit{ font-size:18px; padding:16px 10px;}
.n17_act_tit a{ color:#000;}
.n17_sanjiao{ width:35px; height:14px; background:url(../images/n17_sanjiao.png) no-repeat; position:absolute; left:50%; bottom:0; margin-left:-17px;}

.n17_up_body{}
.n17_up_box{}

/*明星*/


/*奢华*/

/*瑞丽之星*/
.n17_star_nav{ padding:20px 0; height:30px; overflow:hidden;}
.n17_star_tit{ float:left; font-size:20px;}
.n17_star_btn{ float:right; display:block; color:#fff; background:#ff0000; padding:6px 20px; font-size:14px; border-radius:20px; -webkit-border-radius:20px;}
.n17_star_btn:hover{ color:#fff; background:#1b1b1b; animation:btn02 0.3s ease-in-out; -webkit-animation: btn02 0.3s ease-in-out;}

.n17_box_star{ height:280px; overflow:hidden;}
.n17_box_star ul{ zoom:1; height:280px; margin-right:-20px; overflow:hidden;}
.n17_box_star li{ width:280px; height:280px; overflow:hidden; float:left; margin-right:20px; display:inline; position:relative; }
.n17_star_name{ height:36px; line-height:36px; font-size:18px; color:#fff; background:url(../images/n17_star_bg.png) repeat; padding:0 10px; position:absolute; left:0; bottom:0;}
.n17_star_tip{ width:280px; height:280px; position:absolute; left:0; top:0; background:url(../images/n17_star_bg.png) repeat;}
.n17_star_line{ border: 1px solid #fff;width: 230px;height: 230px;padding: 15px;position: absolute;left: 11px;top: 9px;overflow: hidden;}
.n17_star_detail{ height:230px; overflow:hidden; color:#fff;}
.n17_star_h3{ height:30px; line-height:30px; text-align:center; font-size:24px; margin-bottom:6px; background:url(../images/n17_name_line01.png) top center no-repeat;}
.n17_star_p{ font-size:14px; line-height:24px;}

.n17_box_model{ height:180px; overflow:hidden;}
.n17_box_model ul{ zoom:1; height:180px; margin-right:-20px; overflow:hidden;}
.n17_box_model li{ width:180px; height:180px; overflow:hidden; float:left; margin-right:20px; display:inline; position:relative;}
.n17_mod_name{ height:30px; line-height:30px; font-size:16px; color:#fff; background:url(../images/n17_star_bg.png) repeat; padding:0 10px; position:absolute; left:0; bottom:0;}
.n17_mod_tip{ width:180px; height:180px; position:absolute; left:0; top:0; background:url(../images/n17_star_bg.png) repeat;}
.n17_mod_detail{ padding:10px; height:160px; overflow:hidden; color:#fff;}
.n17_mod_h3{ height:30px; line-height:30px; text-align:center; font-size:18px; margin-bottom:6px; background:url(../images/n17_name_line02.png) top center no-repeat;}
.n17_mod_p{ font-size:14px; line-height:24px;}

/*生活*/

/*瑞丽视觉*/

/*杂志*/
.n17_maga_all{ overflow:hidden;}
.n17_maga_all ul{ margin-right:-30px; float:left; overflow:hidden;}
.n17_maga_all li{ width:212px; float:left; margin-right:30px; display:inline;}
.n17_maga_show{ width:212px; height:276px; position:relative;}
.n17_maga_box{ padding:10px 0; text-align:center; display:block;}
.n17_maga_tit{ font-size:18px; padding-bottom:5px; font-weight:700;}
.n17_maga_txt{ font-size:14px;}

.n17_maga_ma{ width:212px; height:276px; position:absolute; left:0; top:0; z-index:100; }
.n17_maga_ma.ani_ma{ animation:mg_ma 0.5s ease-in-out 0s; -webkit-animation:mg_ma 0.5s ease-in-out 0s;}
@keyframes mg_ma{0%{ opacity:0.5;}100%{ opacity:1;}}
@-webkit-keyframes mg_ma{0%{ opacity:0.5;}100%{ opacity:1;}}

/*mobile 移动*/
.n17_mobile_body{ position:relative; width:1180px; height:700px;}
.n17_mobile_all{ width:1180px; height:480px; position:relative;}
.n17_mb_tit_a{ font-size:20px; position:absolute; left:190px; top:110px;}
.n17_mb_tit_b{ font-size:20px; position:absolute; left:540px; top:30px;}
.n17_mb_tit_c{ font-size:20px; position:absolute; left:790px; top:68px;}
.n17_mobile_one{ width:300px; height:330px; position:absolute; left:90px; bottom:0; background:url(../images/n17_mobile_bg01.png) no-repeat; z-index:30;}
.n17_mobile_two{ width:356px; height:400px; position:absolute; left:420px; bottom:0; background:url(../images/n17_mobile_bg02.png) no-repeat; z-index:20;}
.n17_mobile_three{ width:322px; height:370px; position:absolute; left:700px; bottom:0; background:url(../images/n17_mobile_bg03.png) no-repeat; z-index:10;}
.n17_mobile_one.n17_current,.n17_mobile_two.n17_current,.n17_mobile_three.n17_current{ bottom:20px;}

.n17_mb_img_l,.n17_mb_img_l_ma{ width:231px; height:250px; position:absolute; left:35px; bottom:0;}
.n17_mb_img_m,.n17_mb_img_m_ma{ width:285px; height:320px; position:absolute; left:20px; bottom:0;}
.n17_mb_img_r,.n17_mb_img_r_ma{ width:257px; height:290px; position:absolute; left:25px; bottom:0;}

.n17_mobile_line{ width:1180px; position:absolute; left:0; top:422px; background:url(../images/n17_mobile_line.png) no-repeat; padding-top:80px; z-index:100;}

.n17_mo_box{ width:450px; padding:0 50px; float:left; border-right:1px solid #dfdfdf;}
.n17_mo_box.n17_mo_line{ border:0 none;}
.n17_icon_bot{ width:84px; height:84px; float:left; padding:15px 20px 0 0;}
.n17_icon_txt{ float:left; padding:25px 30px 0 0;}
.n17_icon_txt h3{ font-size:20px; padding-bottom:8px;}
.n17_icon_txt p{ font-size:16px;}
.n17_icon_ma{ width:121px; height:121px; float:left;}

.n17_mobile_bot{ font-size:14px; padding:40px 0 0 50px; zoom:1; overflow:hidden; clear:both;}
.n17_mobile_bot li{ float:left; height:30px; line-height:30px; margin:0 30px; display:inline;}
.n17_mobile_bot li a{ color:#000;}
.n17_mobile_bot li.n17_first{ font-size:18px;}

/*部分公用*/
.n17_block{ display:block;}
.n17_none{ display:none;}
@keyframes txt_left{0% { margin-left:0;}100% { margin-left:10px;}}
@-webkit-keyframes txt_left{0% { margin-left:0;}100% { margin-left:10px;}}
@keyframes btn01{0%{background: #1b1b1b;}100%{background: #ff0000;}}
@-webkit-keyframes btn01{0%{background: #1b1b1b;}100%{background: #ff0000;}}
@keyframes btn02{0%{background: #ff0000;}100%{background: #1b1b1b;}}
@-webkit-keyframes btn02{0%{background: #ff0000;}100%{background: #1b1b1b;}}
.n17_red_li a:hover .n17_red_txt{ color:#ff0000; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out;}
.n17_box_lia:hover .n17_box_g{ color:#ff0000; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out;overflow: hidden;}

.n17_li_showli p a:hover,.n17_li_showlis p a:hover{ color:#ff0000; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out;}
.n17_mobile_bot a:hover{ color:#ff0000; transition:color 0.2s ease-in-out; -webkit-transition:color 0.2s ease-in-out;}

.n17_box_body{ width:1180px; overflow:hidden; position:relative; margin-bottom:30px;}
.n17_box_body.n17_no{ margin-bottom:0;}
.n17_tit_one{ text-align:center; padding:20px 0;}
.n17_tit_two{ text-align:center; padding-top:20px;}
.n17_tit_navbody{ width:1180px; padding:22px 0; text-align:center; font-size:18px;}
.n17_tit_navbody a{ padding:0 36px;}
.n17_box_790{ width:790px;}
.n17_box_360{ width:360px;}
.n17_box_list{ height:538px; margin-right:-30px; overflow:hidden;}
.n17_box_list.n17_h1{ height:254px;}
.n17_box_list.n17_h2{ height:664px;}
.n17_box_list.n17_h3{/* height:822px; */}
.n17_box_li{ width:380px; height:254px; margin:0 30px 30px 0; display:inline; float:left;}
.n17_box_lia{ width:380px; height:254px; position:relative; display:block;}
.n17_box_g{ height:20px; text-align:center; color:#fff; position:absolute; left:0; bottom:0; width:370px; overflow:hidden; padding:40px 5px 15px; background:url(../images/n17_pk_line.png) 0 -10px repeat-x; font-size:16px; overflow:hidden;}
.n17_box_g p{ height:20px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.n17_box_g p.n17_indent{ width:300px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding:0 10px 0 60px}
.n17_video_btn{ width:46px; height:46px; background:url(../images/n17_video_btn.png) no-repeat; display:block; position:absolute; left:10px; bottom:10px; cursor:pointer;}

.n17_box_banner{ width:360px; height:465px;}
.n17_more_banner{ margin-bottom:30px; height:465px; overflow:hidden;}

.n17_li_rao_l{ width:380px; margin-right:30px; display:inline; overflow:hidden; float:left;}
.n17_li_rao_r{ width:380px; overflow:hidden; float:left;}
.n17_li_showli,.n17_li_showlis{ height:63px; overflow:hidden; margin-bottom:-1px; background:url(../images/n17_dian.png) left bottom repeat-x; position:relative;}
.n17_li_eg{ height:63px; margin-bottom:-1px; background:url(../images/n17_dian.png) left bottom repeat-x; position:relative;}
.n17_li_showli p,.n17_li_showlis p{ height:20px; font-size:16px; padding:22px 5px 0; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.n17_li_showli p{ width:370px;}
.n17_li_showlis p{ width:250px;}
.n17_li_showli p a,.n17_li_showlis p a{ color:#000;}
.n17_li_eg_txt{ padding:8px 5px 8px 60px;}
.n17_li_ege_txt{ padding:8px 5px 8px 10px;}
.n17_eg_h3{ width:315px; height:20px; font-size:14px; margin-bottom:5px; color:#000; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.n17_eg_p{ width:315px; height:20px; font-size:16px; display:block; color:#000; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.n17_li_eg_ps{ width:43px; height:43px; position:absolute; left:8px; top:10px;}
.n17_li_eg_ps img{ width:43px; height:43px;}
.n17_key_btn{ position:absolute; right:0; top:16px; display:block; color:#fff; background:#1b1b1b; padding:6px 20px; font-size:14px; border-radius:20px; -webkit-border-radius:20px;}
.n17_key_btn:hover{ color:#fff; background:#ff0000; animation:btn01 0.3s ease-in-out; -webkit-animation: btn01 0.3s ease-in-out;}

/*first slide*/
.n17_container{ width: 850px; height:500px; position: relative;overflow: hidden;}
.n17_slides {display: none;width: 850px;height: 500px;overflow: hidden;}
.n17_slides .slidesjs-pagination {width:auto;position: absolute;left:50%; margin-left:-76px; bottom:20px;z-index: 200;}
.n17_slides .slidesjs-pagination li {width: 9px;height: 9px;margin: 0 5px;display: inline;float: left;overflow: hidden;}
.n17_slides .slidesjs-pagination li a {width: 9px;height: 9px;background:url(../images/n17_dian_s.png) no-repeat;display: block; padding-top:9px; outline:0;}
.n17_slides .slidesjs-pagination li a.active { background-position:0 -9px;}
.n17_slides .slidesjs-previous { width:42px; height:66px; background:url(../images/n17_first_prev01.png) no-repeat; position: absolute;left: 0;top:40%;z-index: 100; outline:0;}
.n17_slides .slidesjs-next { width:42px; height:66px; background:url(../images/n17_first_next01.png) no-repeat; position: absolute;right: 0;top:40%;z-index: 100; outline:0;}
.n17_slides .slidesjs-previous:hover,.n17_slides .slidesjs-next:hover{ background-position:0 -66px;}
.n17_slides .n17_slide_box {width: 850px;height: 500px; position:relative;}
.n17_slides .n17_slide_box img {width: 850px;height: 500px;object-fit: cover;}
.n17_slides .n17_slide_con{ width:830px; background:url(../images/n17_pk_line.png) left bottom repeat-x; padding:80px 10px 50px; font-size:26px; text-align:center; position:absolute; left:0; bottom:0; color:#fff; white-space:nowrap; text-overflow:ellipsis;}
.n17_slides .n17_slide_con p{ height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.n17_slides .n17_fashion_icon{ width:122px; height:20px; line-height:20px; font-size:14px; border:1px solid #fff; position:absolute; left:50%; margin-left:-62px; bottom:100px; color:#fff; text-align:center;letter-spacing:5px;}

/*today slide*/
.n17_today_f_l{ width:388px; height:600px; position: relative;overflow: hidden;}
.n17_slides_today {display: none;width:388px;height:600px;overflow: hidden;}
.n17_slides_today .slidesjs-pagination {width:auto;position: absolute;left:50%; margin-left:-50px; bottom:26px;z-index: 200;}
.n17_slides_today .slidesjs-pagination li {width:15px;height:15px;margin: 0 5px;display: inline;float: left;overflow: hidden;}
.n17_slides_today .slidesjs-pagination li a {width:15px;height:15px;background:url(../images/n17_dian_l.png) no-repeat;display: block; padding-top:15px; outline:0;}
.n17_slides_today .slidesjs-pagination li a.active { background-position:0 -15px;}
.n17_slides_today .n17_slide_box {width:388px;height:600px; position:relative;}
.n17_slides_today .n17_slide_box img {width:388px;height:600px;object-fit: cover;}
.n17_slides_today .n17_slide_con{ width:358px; background:url(../images/n17_pk_line.png) left bottom repeat-x; padding:80px 15px 60px; font-size:26px; text-align:center; position:absolute; left:0; bottom:0; color:#fff; white-space:nowrap; text-overflow:ellipsis;z-index:20;}
.n17_slides_today .n17_today_tit{ height:26px; font-size:24px; padding-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-weight:700;}
.n17_slides_today .n17_today_p{ height:24px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;letter-spacing:5px;}
.n17_slides_today .n17_today_linebox{ width:388px; height:600px; position:relative;}
.n17_slides_today .n17_today_img01{ width:388px; height:600px; position:absolute; left:0; top:0; z-index:30;}
.n17_slides_today .n17_today_img02{ width:388px; height:600px; position:absolute; left:0; top:0; z-index:10;}

/*优品驾到*/
.n17_beauty_show{ width:360px; height:538px; margin-bottom:30px; position:relative;}
.n17_slides_youp {display: none;width:360px;height:538px;overflow: hidden;}
.n17_slides_youp .slidesjs-pagination {width:auto; height:11px; overflow:hidden;position: absolute; right:17px; bottom:18px;z-index: 200;}
.n17_slides_youp .slidesjs-pagination li {width:11px;height:11px;margin: 0 5px;display: inline;float: left;overflow: hidden;}
.n17_slides_youp .slidesjs-pagination li a {width:11px;height:11px;background:url(../images/n17_dian_m.png) no-repeat;display: block; padding-top:15px; outline:0;}
.n17_slides_youp .slidesjs-pagination li a.active { background-position:0 -11px;}
.n17_slides_youp .n17_slide_box {width:360px;height:538px; position:relative;}
.n17_slides_youp .n17_slide_box img {width:360px;height:538px;}
.n17_slides_youp .n17_youp_box{ padding:50px 20px 0; background:url(../images/n17_pk_line.png) repeat-x; position:absolute; width:320px; left:0; bottom:0; color:#fff; text-align:center;}
.n17_slides_youp .n17_youp_tit{ height:28px; font-size:24px; font-weight:700; padding:15px 0; border-bottom:1px solid #6e6e6e;}
.n17_slides_youp .n17_youp_p{ height:22px; font-size:20px; padding:10px 0 16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.n17_slides_youp .n17_youp_tit a{ width:320px; display:block; height:28px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.n17_slides_youp .n17_youp_p a{ width:320px; height:22px; overflow:hidden; color:#fff; white-space:nowrap; text-overflow:ellipsis;}

/*抢先试用*/
.n17_try_body{ width:298px; height:270px; border:1px solid #dcdcdc; position:absolute; top:0; right:0;}
.n17_try_con{ width:268px; padding:10px 15px; border-top:3px solid #e8e8e8; position:relative;}
.n17_try_tit{ font-size:20px; position:absolute; left:15px; top:15px;}

.n17_try_all{ width:268px; height:250px; position: relative;overflow: hidden;}
.n17_try_slide {display: none;width:268px;height:190px; padding-top:60px;overflow: hidden;}
.n17_try_slide .slidesjs-pagination {width:auto;position: absolute; right:10px; top:10px;z-index: 200;}
.n17_try_slide .slidesjs-pagination li {width:11px;height:11px;margin: 0 5px;display: inline;float: left;overflow: hidden;}
.n17_try_slide .slidesjs-pagination li a {width:11px;height:11px;background:url(../images/n17_dian_m.png) no-repeat;display: block; padding-top:15px; outline:0;}
.n17_try_slide .slidesjs-pagination li a.active { background-position:0 -11px;}
.n17_try_slide .n17_try_box {width:268px;height:190px; position:relative;}
.n17_try_slide .n17_try_detail{ width:128px; padding-left:140px; position:relative; margin-bottom:25px;}
.n17_try_slide .n17_de_show{ width:130px; height:97px; position:absolute; left:0; top:7px;}
.n17_try_slide .n17_de_show img{ width:130px; height:97px;}
.n17_try_slide .n17_de_tit{ height:50px; font-size:16px; line-height:24px; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis;}
.n17_try_slide .n17_de_num{ line-height:22px;}
.n17_try_slide .n17_time_box{ overflow:hidden;}
.n17_try_slide .n17_time_t{ float:left; font-size:16px; padding-top:5px;}
.n17_try_slide .n17_time_t span{ font-size:20px; font-weight:700;}
.n17_try_slide .n17_more_try{ float:right; font-size:14px; background:#1b1b1b; color:#fff; padding:8px 15px; border-radius:20px; -webkit-border-radius:20px; margin-right:14px; display:inline;}
.n17_try_slide .n17_more_try:hover{ color:#fff; background:#ff0000; animation:btn01 0.3s ease-in-out; -webkit-animation: btn01 0.3s ease-in-out;}

/*中 slide*/
.n17_focus_body{ width:790px; height:465px; position:relative; overflow:hidden background:#eee;}
.n17_slides_focus {display: none;width:790px;height:465px;overflow: hidden;}
.n17_slides_focus .slidesjs-pagination {width:auto;position: absolute;left:50%; margin-left:-37px; bottom:26px;z-index: 200;}
.n17_slides_focus .slidesjs-pagination li {width:15px;height:15px;margin: 0 5px;display: inline;float: left;overflow: hidden;}
.n17_slides_focus .slidesjs-pagination li a {width:15px;height:15px;background:url(../images/n17_dian_l.png) no-repeat;display: block; padding-top:15px; outline:0;}
.n17_slides_focus .slidesjs-pagination li a.active { background-position:0 -15px;}
.n17_slides_focus .n17_slide_box {width:790px;height:465px; position:relative;}
.n17_slides_focus .n17_slide_box img {width:790px;height:465px;}
.n17_slides_focus .n17_focus_line{ width:790px; height:465px; background:url(../images/n17_focus_line.png) no-repeat; position:absolute; left:0; top:0; z-index:20;}
.n17_slides_focus .n17_focus_txt{ width:126px; height:26px; display:block; line-height:26px; color:#fff; text-align:center; font-size:14px; position:absolute; left:50%; margin-left:-63px; top:0;letter-spacing:5px;}
.n17_slides_focus .n17_focus_con{ width:770px; height:24px; overflow:hidden; background:url(../images/n17_pk_line.png) left bottom repeat-x; padding:80px 10px 60px; font-size:26px; text-align:center; position:absolute; left:0; bottom:0; color:#fff; white-space:nowrap; text-overflow:ellipsis; z-index:10;}
.n17_slides_focus .n17_focus_tit{ height:24px; font-size:24px; padding-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*小 slide*/
.n17_tabs_box{ width:340px; height:234px; padding:9px; border:1px solid #dcdcdc; position:relative; overflow:hidden;}
.n17_slides_s {display: none;width:340px;height:234px;overflow: hidden;}
.n17_slides_s .slidesjs-pagination {width:auto;position: absolute; right:20px; bottom:26px;z-index: 200;}
.n17_slides_s .slidesjs-pagination li {width:11px;height:11px;margin: 0 5px;display: inline;float: left;overflow: hidden;}
.n17_slides_s .slidesjs-pagination li a {width:11px;height:11px;background:url(../images/n17_dian_m.png) no-repeat;display: block; padding-top:15px; outline:0;}
.n17_slides_s .slidesjs-pagination li a.active { background-position:0 -11px;}
.n17_slides_s .n17_slide_box {width:340px;height:234px; position:relative;}
.n17_slides_s .n17_slide_box img {width:340px;height:234px;}

/*美妆互动 新品*/
.n17_new_list{ width:790px; height:380px; position:relative;}
.n17_slides_new {display: none;width:730px;height:370px; margin:0 auto; padding-top:10px; overflow: hidden;}
.n17_slides_new .slidesjs-previous { width:30px; height:55px; overflow:hidden; background:url(../images/n17_new_btn.png) no-repeat; position: absolute;left: 0;top:40%;z-index: 100; outline:0;}
.n17_slides_new .slidesjs-next { width:30px; height:55px; overflow:hidden; background:url(../images/n17_new_btn.png) 0 -55px no-repeat; position: absolute;right: 0;top:40%;z-index: 100; outline:0;}
.n17_slides_new .n17_slide_box {width:730px;height:370px; position:relative;}
.n17_slides_new .n17_slide_new {width:200px; float:left; margin:0 21px; display:inline;}
.n17_slides_new .n17_new_show{ width:200px; height:280px;}
.n17_slides_new .n17_new_name{ font-size:16px; display:block; padding:10px 0; text-align:center; background:url(../images/n17_dian.png) left bottom repeat-x;}
.n17_slides_new .n17_new_txt{ font-size:16px; display:block; padding:10px 0; text-align:center;}
.n17_slides_new .n17_new_name a,.n17_slides_new .n17_new_txt a{ width:200px; display:block; height:20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*瑞丽视觉*/
.n17_vision_all{ width:1180px; height:480px; position:relative;}
.n17_slides_v {display: none;width:1044px;height:480px; margin:0 auto; overflow: hidden;}
.n17_slides_v .slidesjs-previous { width:52px; height:480px; overflow:hidden; background:url(../images/n17_v_btn.png) no-repeat; position: absolute;left: 0;top:0;z-index: 100; outline:0;}
.n17_slides_v .slidesjs-next { width:52px; height:480px; overflow:hidden; background:url(../images/n17_v_btn.png) -52px 0 no-repeat; position: absolute;right: 0;top:0;z-index: 100; outline:0;}
.n17_slides_v .slidesjs-previous:hover{ background-position:0 -480px;}
.n17_slides_v .slidesjs-next:hover{ background-position:-52px -480px;}
.n17_slides_v .n17_slide_box {width:1044px;height:480px; position:relative;}
.n17_slides_v .n17_vision_left{ width:360px; height:480px; float:left; position:relative;}
.n17_slides_v .n17_vision_right{ width:670px; height:480px; float:right; position:relative;}
.n17_slides_v .n17_vision_conl,.n17_slides_v .n17_vision_conr{ height:20px; padding:100px 10px 20px; position:absolute; left:0; bottom:0; background:url(../images/n17_pk_line.png) 0 30px repeat-x; z-index:100; overflow:hidden;}
.n17_slides_v .n17_vision_conl{ width:340px;}
.n17_slides_v .n17_vision_conr{ width:650px;}
.n17_slides_v .n17_vision_conl a,.n17_slides_v .n17_vision_conr a{ display:block; height:20px; font-size:16px; text-align:center; color:#fff; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

/*美容图3*/
.lby_group_box3{ width:380px; height:254px; margin-right:30px; display:inline; float:left; overflow:hidden; position:relative;}
.lby_group_con2{ height:64px; position:absolute; left:0; bottom:-2px; z-index:20;}
.lby_box_g{ height:20px; text-align:center; color:#fff; position:absolute; left:0; bottom:0; width:370px; overflow:hidden; padding:40px 5px 15px; background:url(../images/n17_pk_line.png) 0 -10px repeat-x; font-size:16px; overflow:hidden; z-index:10;}
.n17_eg_h3.lby_color,.n17_eg_p.lby_color{ color:#fff;}