/* 
Yahoo! CSS Reset (YUI 3)
http://developer.yahoo.com/yui/3/cssreset/
CSSresetr.com
*/
*{ margin: 0; padding: 0;}
html, body, div, span, object, iframe, table, tr, th, td, em, img, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, li, form, label { border: 0 none; font-family: inherit; font-style: inherit; margin: 0; padding: 0;}
body {color: #1D1D1D;font-size: 12px;line-height: 24px; }
input, select {font-size: 12px;line-height: 16px;}
img { border: 0 none;}
ul, li {list-style-type: none;}
.tc { text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.fl{float:left; display:inline}
.fr{float:right; display:inline;}
.f14{ font-size:14px;}
.fb{ font-weight:bold;}
.pd{ padding:0px 40px;}
.pd1{ padding:0px 0px 0px 30px;}
.pt{ padding-top:10px;}
.hs{ color:#977011}
.clear{clear:both; height:0px; overflow:hidden; font-size:1px;}
.hr_10{clear:both; height:10px; overflow:hidden; font-size:1px;}
a {color:#000000;text-decoration: none;}
a:hover{ color:#cc0000;}
a:link,a:visited {text-decoration: none;}
.main{ width:100%; font-size:12px; background:#ffffff;color: #000;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.hidden{ display: none; }
div{ overflow: visible; }
.sbg1 {background:url(../images/top1.jpg) center center no-repeat; height:454px; }
.sbg2 .ban{ position: absolute;
height: 55px;
width: 100%;
bottom: 56px;
left: 0px;}
.sbg2 .ban .btnn1{margin: 0 auto;
width: 840px;
padding-left: 151px;}
.sbg2 .ban .btnn1 a{ display:block; width:185px; height:50px;}

.sbg2 {width:100%;background:url(../images/top2.jpg) center center no-repeat; height:348px;position: relative;z-index:50; }
.sna{height:55px;width:100%;bottom:0px;left:0px;z-index:100;filter:alpha(opacity=80);opacity:0.8;background:#000;}
.sc{width:1000px;margin:0 auto;position:relative;}
.sab{display:block;position: absolute;}
.sc_p{width:250px;color:#745c35;top:47px;left:534px;line-height: 25px;}
.sc_a{width:76px;height:31px;left:428px;}
.sc_a1{top:49px;}
.sc_a2{top:101px;}
.sna_v{height:55px;position: relative;}
.sna_v li{float:left;width:166px;line-height:55px;color:#fff;text-align:center;font-size:24px;cursor:pointer;}
.sna_v li.on{background:url(../images/nav_over.jpg) no-repeat center top;}



.sa{background:url(../images/co.jpg) center top repeat-y;position: relative;}
.so,.so_d{height:732px;}
.so_d{overflow: hidden;}
.sfl{float: left;height:732px;}
.s1{background:url(../images/s1.jpg) no-repeat;}
.s2{background:url(../images/s2.jpg) no-repeat;}
.s3{background:url(../images/s3.jpg) no-repeat;}	
.s4{background:url(../images/s4.jpg) no-repeat;}
.s5{background:url(../images/s5.jpg) no-repeat;}
.s6{background:url(../images/s6.jpg) no-repeat;}

.s1 .one{ position:absolute; width:400px; height:120px; font-size:14px; right:50px; top:110px; color:#666666; line-height:22px;}
.s1 .two{ position:absolute; width:200px; height:50px; bottom:10px; right:150px;}
.s1 .two a{display:block; width:200px; height:50px;}
.s1 .three{position:absolute;width:167px;height:155px;bottom:40px;left:794px;}
.s1 .three a{ display:block; width:563px; height:155px;}
.s1 .for{position:absolute;width:167px;height:155px;bottom:200px;left:654px;}
.s1 .for a{ display:block; width:563px; height:155px;}
.s1 .five{position:absolute;width:137px;height:135px;bottom:330px;right:15px;}
.s1 .five a{ display:block; width:563px; height:155px;}


.s2 .one{ position:absolute; width:365px; height:85px; left:440px; bottom:30px; font-size:14px; color:#333333;line-height:20px;}
.s2 .two{ position:absolute; width:120px; height:50px;right:20px; bottom:10px;}
.s2 .two a{ display:block; width:120px; height:50px;}
.s2 .yuan1{ position:absolute; width:126px; height:127px; left:61px; top:194px;}
.s2 .yuan1 a{display:block; width:126px; height:127px;background:url(../images/yuan1.jpg) no-repeat;}
.s2 .yuan1 a:hover{ }

.s2 .yuan2{ position:absolute; width:126px; height:127px; left:445px; top:385px;}
.s2 .yuan2 a{ display:block; width:126px; height:127px;background:url(../images/yuan2.jpg) no-repeat;}
.s2 .yuan2 a:hover{ }

.s2 .yuan3{ position:absolute; width:126px; height:127px; left:44px; top:577px;}
.s2 .yuan3 a{ display:block; width:126px; height:127px;background:url(../images/yuan3.jpg) no-repeat;}
.s2 .yuan3 a:hover{ }

.s2 .yuan4{ position:absolute; width:134px; height:129px; left:650px; top:429px;}
.s2 .yuan4 a{ display:block; width:134px; height:129px;background:url(../images/yuan4.jpg) no-repeat;}
.s2 .yuan4 a:hover{ }

.s2 .dianji{ position:absolute; width:180px; height:30px;left:180px; top:525px;}
.s2 .dianji a{ display:block; width:180px; height:30px;}

.s3 .one{ position:absolute; z-index:3; width:285px; height:135px; right:35px; top:100px; font-size:14px; color:#333333;line-height:20px;}

.s4 .one{ position:absolute; width:150px; height:30px; left:150px; bottom:50px; z-index:1000px;}
.s4 .one a{ display:block; width:150px; height:30px;}

.s5 .one{ position:absolute; width:330px; height:120px; font-size:14px; right:40px; top:110px; color:#666666; line-height:22px;}
.s5 .two{ position:absolute; width:250px; height:88px;left:290px; top:290px; color:#666666; line-height:18px;}

.s6 .xm{ margin:150px auto 0px auto; width:1000px; height:186px}
.s6 .xm h3{width:960px;margin:auto;}
.s6 .xm .list{ float:left; width:250px; text-align:center; height:186px; line-height:28px;}
.mod8 {margin:0 auto; width:1000px;}
.mod8 .bd {position: relative;width: 1000px; height:733px;}
.mod8 .bd .imgbox {width:1000px; height:733px;float:left;}

.mod8 .bd .imgbox ul li { display: none;width:1000px; height:733px;}
.mod8 .bd .imgbox ul .on {display: block;}

.mod8 .bd .tabbox {position:absolute;right:10px;top:280px;width:149px;overflow:hidden;}
.mod8 .bd .tabbox ul{overflow:hidden;width:148px;overflow:hidden;}
.mod8 .bd .tabbox ul li {height:91px;width:148px;overflow:hidden;cursor:pointer;margin-bottom:12px;}
.mod8 .bd .tabbox ul li img{display:block;height:91px;width:149px;float:left;}



.sbtn{width:80px;height:80px;top:305px;cursor: pointer;}
.spre{left:-102px; background:url(../images/ll.jpg) no-repeat}
.snex{right:-109px;background:url(../images/rr.jpg) no-repeat}
.so_da{width:6000px;height:711px;position: absolute;top:0px;left:0px;z-index:10;}
.scr{width:125px;height:123px;top:209px;left:41px;}
.scr,.scr span,.scr_d{display: block;width:125px;height:123px;}
.scr_d{overflow: hidden;position: relative;}
.scr_tx{width:317px;height:122px;top:0px;left:0px;background:url(http://topic.aili.com/images/topic_beauty_oublzt/bian_t.png) no-repeat;display: none;}
.scr_tx p{padding: 15px 32px;line-height: 25px;}
.scr_tx p,.scr_tx p a{color:#745c35;}
.scr_tx2{width:248px;height:248px;top:34px;left:44px;background:url(http://topic.aili.com/images/topic_beauty_oublzt/ping_t.png) no-repeat;font-size: 14px;}
.scr_tx2 p{padding:10px 20px;}
.scr span{background:url(http://topic.aili.com/images/topic_beauty_oublzt/cri.png) no-repeat;position: absolute;top:0px;left:0px;}

.mod9 { margin:0 auto; width:1000px;}
.mod9 .bd {width: 1000px; height:516px; padding-top:216px;}
.mod9 .bd .imgbox {width:463px; height:455px; padding-top:61px; padding-left:17px;float:left;}

.mod9 .bd .imgbox ul li { display: none;width:480px; height:455px;}
.mod9 .bd .imgbox ul .on {display: block;}

.mod9 .bd .tabbox {position: relative; float:right;width:518px; height:516px; overflow:hidden;}
.mod9 .bd .tabbox ul { overflow: hidden; width:518px;}
.mod9 .bd .tabbox ul li {height: 112px; width: 100px;}
.mod9 .bd .tabbox ul li a {display: block; height:100px;width:112px;  text-align:center; line-height:60px; font-size:16px;color:#000;}
.mod9 .bd .tabbox ul li.tab1 { position:absolute; left:180px; top:30px;}
.mod9 .bd .tabbox ul li.tab2 { position:absolute; left:390px; top:130px;}
.mod9 .bd .tabbox ul li.tab3 { position:absolute; left:300px; bottom:10px;}
.mod9 .bd .tabbox ul li.tab4 { position:absolute; left:20px; bottom:50px;}
.mod9 .bd .tabbox ul li .on { color:#fff;}

.mod4 { margin:560px auto 0 auto;height:157px;width:840px; overflow:hidden;}
.mod4 .bd {position: relative; width:840px; height:157px; overflow:hidden;}
.mod4 .bd .JLB { height:157px;width:840px;overflow:hidden;}
.mod4 .bd .JLB ul { overflow: hidden;}
.mod4 .bd .JLB ul li {float: left;height:157px; width:280px;}
.mod4 .bd span {cursor:pointer;display:block;height:52px; width:52px; position:absolute;top:50px;z-index:444;}
.mod4 .bd .aw_l {left: 0px;}
.mod4 .bd .aw_r {right:18px;}


/*美肤中心*/
.safe_cont{width:975px;height:326px;margin:0 auto;}
.safe_cont .anubox2{width:250px;float:right;overflow:hidden;}
.safe_cont .anubox2 li{width:250px;height:62px;overflow:hidden;margin-bottom:4px;}
.safe_cont .anubox2 li div{width:247px;height:62px;float:left;cursor:pointer;}

.safe_cont dl{width:718px;height:326px;float:left;display:none;background:#e8ddfd;}
.safe_cont dl.blockk{display:block;}
.safe_cont dl dt{width:350px;height:251px;padding-top:75px;float:left;background:#e8ddfd url(../images/skin_h1.jpg) no-repeat right top;}
.safe_cont dl dt h4{width:263px;line-height:46px;margin:auto;font-size:18px;font-weight:normal;}
.safe_cont dl dt p{width:263px;height:140px;line-height:23px;margin:0 auto;font-size:12px;color:#000;}
.safe_cont dl dt span{width:59px;height:39px;display:block;float:right;margin:10px 0px 0 0;}
.safe_cont dl dt span a{width:55px;height:55px;display:block;}
.safe_cont dl dt span a.link1{background:url(../images/link3.jpg) no-repeat left top;}
.safe_cont dl dt span a.link1:hover{}
.safe_cont dl dt span a.link2{background:url(../images/link4.jpg) no-repeat left top;}
.safe_cont dl dt span a.link2:hover{}
.safe_cont dl dd{width:340px;float:left;}


/*********************20170529新加版块 start*********************/
.part22{ padding: 50px 0; background: #cbcbcb}
.part22 .ti{ text-align: center}
.part22 .slideBox22{ padding: 20px 0; }
.part22 .slideBox{ width:1200px; height: 527px; position:relative; padding-left: 176px; box-sizing: border-box; margin:0 auto; }
.part22 .slideBox .hd{ height:100%;  position:absolute; left:10px; top:5px;  }
.part22 .slideBox .hd ul{ zoom:1;   }
.part22 .slideBox .hd ul li{  width:125px;height:75px; padding-left: 20px;  line-height:35px; background:#715e56; cursor:pointer; position:relative; font-weight: bold; font-size: 22px; color:#fff; margin-bottom: 15px; z-index: 0; }
.part22 .slideBox .hd ul li.i1{ margin-top: 30px}
.part22 .slideBox .hd ul li.on{ background: #b9a687}
.part22 .slideBox .bd{ position:relative; height:100%; /*z-index:1;*/   }
.part22 .slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; font-size: 20px }
.part22 .slideBox .bd span{ position: absolute; left: 0; top:0; padding: 30px 40px; width: 394px; height: 207px; line-height: 35px}
.part22 .slideBox .bd span a{ display: block; width: 263px; height: 49px; line-height: 49px; text-align: center; color: #000; border-radius: 50px; border: 1px solid #000; margin-top: 10px}
/*********************新加版块 end*********************/