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

body,ul,li,p,span,div{ margin:0; padding:0px; font-family:'微软雅黑'; color:#333; font-size:14px;}
li{ list-style:none;}
a { text-decoration:none; }
a:hover{text-decoration:none;}
a img{ border:0 none;}

.header{ height:700px; background:url(/rayli/zhuanti/beauty/skincareclass20/images/header.jpg) top center no-repeat;}
.head_in{ width:1180px; height:700px; background:url(/rayli/zhuanti/beauty/skincareclass20/images/header.jpg) top center no-repeat; margin:0 auto; position:relative;}
.h_txt_t{ position:absolute; left:29px; top:510px; color:#000; line-height:24px;}
.h_txt{ position:absolute; left:60px; top:630px; color:#848484;}


.m_top{ width:1180px; height:246px; margin:0 auto; position:relative;}

.jdta{position:relative; width:430px; height:320px;  left:0px; top:-32px; background:url(/rayli/zhuanti/beauty/skincareclass20/images/top_img_b.png) no-repeat;}
.jdta_n{position:absolute; width:400px; height:290px;  overflow:hidden;  left:15px; top:15px;}

#neichanga{ float:left;  height:290px; overflow:hidden;}
.top_img{  position:absolute; width:400px;    top:0px; left:0px; z-index:8;  }
.top_img ul li{ float:left; width:400px; display:inline;}

.top_box{ width:690px; height:210px; position:absolute; right:0; bottom:0; background:url(/rayli/zhuanti/beauty/skincareclass20/images/top_box.png) no-repeat;}
.top_p{ padding:90px 50px 0; line-height:24px;}

.ayuandian01{ position:absolute; width:430px; height:30px; display:block;  top:270px; text-align:center; z-index:500; margin-left:66px;}
.ayuandian01 img { float:left; margin-left:5px; margin-right:5px; width:10px; height:10px; display:block; cursor:pointer;  }



/*时尚新鲜货

jdta
updatua  top_img jdtimga
neichanga

.hzpk_word5{ margin-top:38px;  line-height:30px; height:30px; margin-bottom:14px; _margin-bottom:7px; _margin-top:50px;}
.ghy_piczt{  width:280px;}
.jdta{position:relative; width:280px; height:275px; overflow:hidden}
.jdtimga{position:absolute; top:0px; left:0px; z-index:8; width:280px;}
.jdtimga ul li{ width:280px; float:left; display:inline;}
.ajtlef1{position:absolute; top:83px; left:0px; width:30px; height:44px; z-index:9; cursor:pointer}
.ajtright1{position:absolute; top:83px; right:0px; width:30px; height:44px; z-index:9; cursor:pointer}
.g_jczt{ width:280px; height:210px;}
.g_jcwz{ width:280px; text-align:center; padding-top:15px; font-size:14px;}
*/







.lesson1{ width:1180px; margin:0 auto;}
.le1_tit{ padding:30px 0;}
.lesson1_box{ width:1180px; height:640px; position:relative;}


.l1_box01{ position:absolute; width:374px; height:234px; border:3px solid #000; left:0; top:0;}
.l1_box02{ position:absolute; width:374px; height:374px; border:3px solid #000; left:0; bottom:0;}
.l1_box03{ position:absolute; width:334px; height:374px; border:3px solid #000; left:409px; top:0;}
.l1_img03{ width:334px; height:374px; position:absolute; left:10px; top:-13px;}
.l1_box04{ position:absolute; width:344px; height:234px; border:3px solid #000; left:409px; bottom:0;}
.l1_box05{ position:absolute; width:384px; height:234px; border:3px solid #000; right:0; top:0;}
.l1_box06{ position:absolute; width:374px; height:374px; border:3px solid #000; right:10px; bottom:0;}
.l1_img06{ width:374px; height:374px; position:absolute; left:10px; top:-13px;}


/*betty161229*/
.l1_box07{ position:absolute; width:556px; height:234px; border:3px solid #000; left:0; top:0;}
.l1_box08{ position:absolute; width:556px; height:380px; border:3px solid #000; left:0; bottom:0;}
.l1_img08{ width:556px; height:380px;  position:absolute; left:15px; top:6px;z-index:100;}

.l1_box09{ position:absolute; width:556px; height:380px; border:3px solid #000; right:20px; top:0;}
.l1_img09{ width:556px; height:380px; position:absolute; left:15px; top:6px; z-index:100; }

.l1_box10{ position:absolute; width:556px; height:234px; border:3px solid #000; right:20px; bottom:0;}
.l1_bt { position:absolute; z-index:200; top:170px; left:440px; }


/*betty161229end*/

.l_in{ padding:10px;}
.l_con{ border:1px dashed #666; padding:10px 16px; height:194px;}
.l_tit{ font-size:34px; text-align:center; }
.l_c{ font-size:20px; padding:4px 0 10px; text-align:center; }
.l_p{ line-height:22px;}

.lesson2{ width:1180px; margin:0 auto;}
.le2_tit{ padding:30px 0;}
.lesson2_box{ width:1180px; height:640px; position:relative;}
.l2_box01{ position:absolute; width:374px; height:374px; border:3px solid #000; left:0; top:0;}
.l2_img01{ width:374px; height:374px; position:absolute; left:10px; top:-13px;}
.l2_box02{ position:absolute; width:374px; height:234px; border:3px solid #000; left:0; bottom:0;}
.l2_box03{ position:absolute; width:384px; height:234px; border:3px solid #000; left:409px; top:0;}
.l2_box04{ position:absolute; width:374px; height:374px; border:3px solid #000; left:409px; bottom:0;}
.l2_img04{ width:374px; height:374px; position:absolute; left:10px; top:-13px;}
.l2_box05{ position:absolute; width:334px; height:374px; border:3px solid #000; right:10px; top:0;}
.l2_img05{ width:334px; height:374px; position:absolute; left:10px; top:-13px;}
.l2_box06{ position:absolute; width:344px; height:234px; border:3px solid #000; right:0; bottom:0;}

.lesson3{ width:1180px; margin:0 auto;}
.le3_tit{ padding:30px 0;}
.le3_box{ width:1180px; height:641px; background:url(/rayli/zhuanti/beauty/skincareclass20/images/tab_bg.png) top center no-repeat; position:relative;}
.le3_show{ width:400px; height:600px; position:absolute; left:388px; top:22px;}
.le3_nav{ width:340px; height:440px; position:absolute; right:0; top:78px; z-index:10;}
.lnav{ width:148px; height:148px; position:absolute; cursor:pointer; z-index:100;}
.lnav.n01{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav01_a.png) no-repeat; left:0; top:94px;}
.lnav.n02{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav02_a.png) no-repeat; right:0; top:94px;}
.lnav.n03{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav03_a.png) no-repeat; left:93px; top:190px;}
.lnav.n04{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav04_a.png) no-repeat; left:0; bottom:0;}
.lnav.n05{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav05_a.png) no-repeat; left:93px; top:0;}
.lnav.n01.current{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav01_b.png) no-repeat;}
.lnav.n02.current{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav02_b.png) no-repeat;}
.lnav.n03.current{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav03_b.png) no-repeat;}
.lnav.n04.current{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav04_b.png) no-repeat;}
.lnav.n05.current{ background:url(/rayli/zhuanti/beauty/skincareclass20/images/nav05_b.png) no-repeat;}
.lnav_box{ width:1180px; height:641px; position:relative; display:none;}
.lnav_txt{ width:300px; position:absolute; left:30px; top:390px;}
.lnav_tit{ position:absolute; top:486px; left:950px;}
.le3_tit02{ padding:50px 0;}
.lnav_img{ display:none; background:#fff; border:1px solid #000; padding:10px; position:absolute; left:-100px; bottom:-110px; z-index:200;}

/*slider02*/
.y_slider_box{ width:1180px; margin:0 auto;}
.y_slider{ padding-bottom:70px;}
.scrollItem{height:430px; position:relative;}
.scrollItem .scrollBox{width:1180px; height:456px; margin:0 auto; overflow:hidden; position:relative;}
.scrollItem .scrollBox ul{width:9999px; height:456px; position:relative;}
.scrollItem .scrollBox li{width:260px; height:440px; margin-right:44px; display:inline; float:left;color:#555; background:#515151; border:1px solid #515151;}
.scrollItem .scrollBox li .liimg{ width:260px; height:300px; background:url(/rayli/zhuanti/beauty/skincareclass20/images/img_box.jpg) no-repeat;}
.scrollItem .scrollBox li .liimg span{ width:238px; height:278px; overflow:hidden; display:block; padding:11px;}
.scrollItem .scrollBox li .liimg span img{ width:238px; height:278px;}
.scrollItem .left{ width:64px; height:84px; background:url(/rayli/zhuanti/beauty/skincareclass20/images/btn_left.png) no-repeat;position:absolute;top:120px; left:-90px;cursor:pointer; z-index:10;}
.scrollItem .right{ width:64px; height:84px; background:url(/rayli/zhuanti/beauty/skincareclass20/images/btn_right.png) no-repeat;position:absolute;top:120px; right:-90px;cursor:pointer; z-index:10;}
.show_txt{ padding:10px 20px; color:#fff;}
.show_txt p{ color:#fff;}
.show_txt h3{ font-weight:300; font-size:16px; margin-bottom:6px;}

@media screen and (max-width:1180px){
.scrollItem .left{left:0px;}
.scrollItem .right{right:0px;cursor:pointer;}
}