@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {font-family:'Microsoft YaHei','Arial','宋体';font-size: 12px;line-height: 1.5em;background:#f7daa9;} 
ul, ol { list-style: none; }
a,a code {outline:none;}
a img { border: none; }
em { font-style: italic; }
strong { font-weight: bold; }
.fl{float:left;}
.fr{float:right;}
.clr{width:auto; height:1px; margin-top:-1px; overflow:hidden; clear:both; display:block;}
a{text-decoration:none}
.rel{position:relative}
.abs{position:absolute}
.JW1000{width:1000px;margin:0 auto;height:100%;overflow:visible}
.dib{display:inline-block;*display:inline;*zoom:1}
.ht5{height:5px;clear:both;line-height:5px;display:block;font-size:0}
div{overflow:visible}
.warp{width:960px;margin:0 auto;position:relative;}
a{color:#555;text-decoration:none;}
.header{ background:#000; height:45px ;}
.header h1 {width:130px; padding-top:5px;}
.header h1 a {display:block;text-indent:-9999px; height:35px; background:url(../images/logo.jpg) no-repeat 0 0;}
.header ul.menu{width:635px; overflow:hidden;position:relative;}
.header ul.menu li {float: left;line-height: 45px;}
.header ul.menu li a { line-height: 45px; display:block; padding:0 10px; font-size:12px;  color:#fff;}
.header ul.menu li a:hover { color:#f00; background:#222;}
.footer {line-height: 49px; height:49px; color: #878787; text-align:center; font-size:12px;padding:22px 0;background:#000;}
.content{width:100%;height:955px;overflow:hidden;left:50%;margin-left:-50%;}
.box{width:100%;height:756px;left:0;top:0}
.module1{width:100%;height:756px;left:0;top:0}
.module1 .backs{margin-top:3px;}
.module2{width:100%;height:756px;left:0;top:0}
.module2 .backs{margin-top:3px;background:url(../images/backb.jpg) center top no-repeat;}
.module3{width:100%;height:756px;left:0;top:0}
.module3 .backs{overflow:hidden;margin-top:3px;background:url(../images/backc.jpg) center top no-repeat;}
.module3 .backs .sa{position: absolute;left:-1220px;top:-95px;}
.module3_01{width:100%;height:756px;left:0;top:0}
.module3_01 .backs{background:url(../images/backc_a.jpg) center top no-repeat;margin-top:3px;}
.module3_02 .backs{background:url(../images/backc_b.jpg) center top no-repeat;margin-top:3px;}
.module3_03 .backs{background:url(../images/backc_c.jpg) center top no-repeat;margin-top:3px;}
.module3_02{width:100%;height:756px;left:0;top:0}
.module3_03{width:100%;height:756px;left:0;top:0}
.module4{width:100%;height:756px;left:0;top:0}
.module4 .backs{margin-top:3px;background:url(../images/backd.jpg) center top no-repeat;}
.module5{width:100%;height:756px;left:0;top:0}
.module5 .backs{background:url(../images/backe.jpg) center top no-repeat;margin-top:3px;}
.module6{width:100%;height:756px;left:0;top:0}
.module6 .backs{background:url(../images/backf.jpg) center top no-repeat;margin-top:3px;}
.module7{width:100%;height:756px;left:0;top:0}
.module7 .backs{background:url(../images/backg.jpg) center top no-repeat;margin-top:3px;}

.list{left:100%;overflow:hidden}
.bg_bg{width:100%;height:100%;left:0;top:0}
.bg0_1{width:100%;height:756px;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/bg0/01.jpg) no-repeat center top}
.module1 .head,.module2 .head,.module3 .head,.module3_01 .head,.module3_02 .head,.module3_03 .head,.module4 .head,.module5 .head,.module6 .head,.module7 .head{height:214px;z-index:2;}
.weib{right:50px;top:273px;width:50px;height:198px;}
.weib p{color:#e80011;font-family:arial;height:41px;line-height:41px;font-size:14px;cursor:pointer;}
.weib p a{color:#e80011;font-family:arial;display:inline-block;font-size:14px;cursor:pointer;}
.weib p a em{font-style:normal;color:#e80011;font-family:arial;display:inline-block;font-size:14px;cursor:pointer;}
.Menu{width:1000px;height:110px;left:50%;margin-left:-500px;bottom:60px;z-index:99;}
.title{width:60px;height:16px;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/Icon3.png) no-repeat;display:block;margin:0 auto}
.dh_btn{display:block;margin-right:8px;}
.dh_btn.nomar{margin-right:0;}
.dh_btn,.dh_btn i{width:136px;height:103px;display:block;cursor:pointer;float:left;}
.dh_0,.dh_1,.dh_2,.dh_3,.dh_4,.dh_5,.dh_6,.dh_7,.dh_00,.dh_01,.dh_02,.dh_03,.dh_04,.dh_05,.dh_06,.dh_07{background:url(../images/navs.png) no-repeat;_background:url(../images/navs.gif) no-repeat}
.dh_0{background-position:-179px -408px;}
.dh_1{background-position:-520px -285px;}
.dh_2{background-position:-519px -135px}
.dh_3{background-position:-523px 0px}
.dh_4{background-position:-173px -265px}
.dh_5{background-position:-174px -130px}
.dh_6{background-position:-174px -1px}
.dh_0:hover{background-position:0 -410px;}
.dh_1:hover{background-position:-349px -285px;}
.dh_2:hover{background-position:-349px -135px}
.dh_3:hover{background-position:-349px 0px}
.dh_4:hover{background-position:0px -265px}
.dh_5:hover{background-position:0 -132px}
.dh_6:hover{background-position:0 0}
.dh_00{background-position:0 -410px;}
.dh_01{background-position:-349px -285px}
.dh_02{background-position:-349px -135px}
.dh_03{background-position:-349px 0px}
.dh_04{background-position:0px -265px}
.dh_05{background-position:0 -131px}
.dh_06{background-position:0 0}
.prev,.next{width:82px;height:82px;background:url(../images/navs.png) no-repeat;_background:url(../images/navs.gif) no-repeat;z-index:9999;top:315px}
.prev{display:block;background-position:-382px -423px;left:12.2%;}
.next{display:block;background-position:-550px -423px;right:12.2%;}
.coordXYa1{left:135px;text-align:justify;top:642px;width:723px;height:40px;z-index:9;font-size:13px;font-family:"微软雅黑";line-height:22px;color:#000;}
.coorxs{left:0px;top:-2px;width:1000px;height:756px;}
.coordXYa2{left:749px;top:314px}
.coordXYb3{left:161px;top:278px}
.coordXYb4{left:510px;top:599px}
.coordXYb5{right:65px;top:65px}
.coordXYc1,.coordXYc7{left:192px;top:162px}
.coordXYc2,.coordXYc8{left:565px;top:75px}
.coordXYc3,.coordXYc9{left:640px;top:97px}
.coordXYc4{left:640px;top:243px}
.coordXYc5{left:729px;top:213px}
.coordXYc6{left:710px;top:305px}
.coordXYc10{left:752px;top:230px}
.coordXYc11{left:841px;top:200px}
.coordXYc12{left:822px;top:292px}
.coordXYv1{left:485px;top:258px}
.coordXYv2{left:340px;top:263px}
.coordXYv3{left:100px;top:90px;width:705px;color:#000;font-size:15px;}
.Htitle4{left:18px;top:100px;color:#000;font-size:16px;width:498px;text-align:justify;line-height:30px;}
.Htitle4 span{font-size:36px;}
.coordXYv5{right:16px;bottom:35px}
.coordXYv6{left:257px;top:260px}
.coordXYv7{left:283px;top:162px}
.coordXYv8{left:22px;top:75px}
.coordXYv9{left:865px;top:297px}
.coordXYv10{left:551px;top:415px}
.Htitle0{width:673px;height:87px;left:158px;top:93px;z-index:5;overflow:hidden;}
.plp{width:673px;height:87px;left:158px;top:93px;z-index:5;overflow:hidden;}
.Htxt0{width:274px;height:435px;background:url(../images/shenb.jpg) no-repeat;left:380px;top:100px;z-index:1;}
.praise{width:35px;height:31px;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/Icon10.gif) no-repeat;display:block}
.A1{width:76px;height:66px;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/bg1/A1.gif) no-repeat;left:793px;top:336px}
.A2{width:76px;height:66px;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/bg1/A2.gif) no-repeat;left:847px;top:384px}
.A3{width:76px;height:66px;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/bg1/A3.gif) no-repeat;left:779px;top:405px}
.A1 i{width:100%;height:100%;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/bg1/A1_01.gif) no-repeat}
.A2 i{width:100%;height:100%;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/bg1/A2_01.gif) no-repeat}
.A3 i{width:100%;height:100%;background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/bg1/A3_01.gif) no-repeat}
.list_big{display:none}
#btnLtMn{background:url(http://topic.aili.com/images/topic_beauty_DNAindex05/bg1/bg1.png) no-repeat;left:-2000px;bottom:0;display:none}
#btnRtMn{right:-2000px;bottom:0;}
.btnRtMnBg{width:1000px;height:572px;left:0;top:0}
.B1{width:267px;height:492px;left:80px;bottom:0}
.B2{width:316px;height:494px;right:0;top:184px}
.B3{width:351px;height:165px;left:324px;top:482px}
.B10{width:610px;height:756px;left:0;top:0}
.B11{width:242px;height:543px;right:-75px;top:135px}
.B12{width:305px;height:291px;left:132px;top:387px}
.B12_1{width:120px;height:66px;left:317px;top:612px}
.B13{width:439px;height:230px;right:152px;top:448px}
.B14{width:493px;height:502px;left:0;top:176px}
.B14_1{width:384px;height:376px;left:336px;bottom:0}
.B14_2{width:397px;height:500px;right:0;bottom:0}
.B15{width:363px;height:292px;left:303px;bottom:9px}
.B15_1{width:160px;height:69px;left:143px;bottom:9px}
.B16{width:450px;height:191px;right:32px;bottom:18px}
.B17{width:420px;height:375px;left:296px;top:159px}
.B18{width:380px;height:474px;left:23px;bottom:0}
.B4,.B5,.B6,.B7,.B8,.B9{background:url(../images/ditu01.png) no-repeat;width:108px;height:174px;z-index:5}
.B19{width:353px;height:296px;left:474px;bottom:13px}
.B19_1{width:135px;height:104px;left:339px;bottom:13px}
.B20{width:288px;height:254px;right:29px;bottom:25px}
.btnNt{cursor:pointer;background:url(../images/ditu01.png) no-repeat;width:133px;height:254px;}
.B5{background-position:-220px 0;}
.B5.hov{background:url(../images/ditu02.png) -220px 0 no-repeat;}
.B7{background-position:0 0;}
.B7.hov{background:url(../images/ditu02.png) 0 0 no-repeat;}
.B9{background-position:-447px 0;}
.B9.hov{background:url(../images/ditu02.png) -447px 0 no-repeat;}
.B4{background:url(../images/ditu02.png) -220px 0 no-repeat;}
.B6{background:url(../images/ditu02.png) 0 0 no-repeat;}
.B8{background:url(../images/ditu02.png) -447px 0 no-repeat;}
.C1{width:263px;height:443px;right:64px;top:112px}
.C2{width:470px;height:387px;right:21px;bottom:0}
.asnf{width:366px;height:156px;right:30px;top:262px;background:#fff437;text-align:justify;word-wrap:break-word;padding:5px;font-size:15px;color:#000;line-height:22px;}
.D1{width:974px;height:599px;left:0px;top:145px;background:url(../images/peop.png) center no-repeat;z-index:9;}
.D1 a{display:block;width:130px;height:90px;position:absolute;}
.D1 .a1{left:238px;top:-25px;}
.D1 .a2{left:30px;top:515px;}
.D1 .a3{left:538px;top:515px;}
.D1 .a4{left:604px;top:387px;}
.D1 .a5{right:-20px;top:377px;}
.D1 .a6{left:728px;top:515px;}
.D2{width:235px;height:606px;background:#fff437;left:370px;top:118px;font-size:15px;color:#000;line-height:22px;padding:10px;z--index:1;}
.prevBtn,.nextBtn{display:none}
#switch ul{position:relative;width:528px;height:352px;overflow:hidden;display:block}
#switch ul li{width:0;height:0;position:absolute;left:0;top:0;border:1px solid #FFF;overflow:hidden;z-index:1;background:#000}
.E1{width:601px;height:441px;left:76px;bottom:0}
.E2{width:274px;height:157px;right:100px;top:264px}
.p1{right:178px;bottom:34px}
.p2{right:105px;bottom:88px}
.p3{right:-13px;bottom:130px}
.p4{right:4px;bottom:278px}
.p5{right:-82px;bottom:329px}
.p6{right:-165px;bottom:226px}
.F1{width:117px;height:296px;left:415px;top:220px}
.F2{width:250px;height:123px;right:0;bottom:34px}
.wb{width:572px;height:122px;left:146px;top:520px;border:5px solid #dca056}
.voteMn1{line-height:23px;text-align:justify;display:block;overflow:hidden;width:705px;height:70px;color:#000;font-size:15px;}
a.dn{display:none}
.guan{width:45px;height:30px;right:18px;top:12px;cursor:pointer;cursor:hand;background:#a2a2a2;color:#fff;text-align:center;line-height:30px;}
.tabsdiv{position:absolute;left:6px;top:313px;width:223px;}
.tabsdiv a{display:block;width:223px;height:80px;background:url(../images/tits.jpg) no-repeat;}
.tabsdiv a:hover{cursor:pointer;cursor:hand;}
.tabsdiv .on{background:url(../images/tithov.jpg) no-repeat;}
.tabsdiv a.a1{background-position:0 2px;}
.tabsdiv a.a2{background-position:0 -80px;height:79px;}
.tabsdiv a.a3{background-position:0 -162px;}
.cont_a{width:745px;height:595px;overflow:hidden;position:absolute;right:8px;top:128px;text-align:center;background:#fff;z-index:4;}
.pks{z-index:9;right:0;top:8px;width:155px;height:120px;position:absolute;}
.hon{right:5px;z-index:999;width:29px;top:264px;background:#fff;}
.lv{left:248px;z-index:999;width:23px;top:264px;}
.cont_b p{position: relative;height:753px;text-align:center;}
.cont_b .pedo a{position: absolute;top:-5px;left:95px;}
.danpmz{position: absolute;top:545px;text-align:left;left:40px;display:block;width:685px;height:73px;color:#000;font-size:20px;font-family:"微软雅黑";line-height:26px;}
.danplk{text-indent:29px;position: absolute;top:94px;text-align:left;left:128px;display:block;width:550px;height:133px;color:#000;font-size:16px;font-family:"微软雅黑";line-height:24px;letter-spacing:1px;}
.zuopjs{position: absolute;left:25px;top:165px;font-size:20px;text-align:center;color:#000;width:340px;display:block;line-height:30px;}
#demo2 {float: left;}
.scroll{width:962px;left:9px;top:525px;overflow:hidden;}
.navpl {float:left;height:188px;overflow:hidden;width: 800%;}
.navpl ul{float: left;}
.navpl li {float:left;width:178px;display:inline;height:188px;overflow:hidden;background:url(../images/10bag.png) 0 0 no-repeat;margin-right:14px;}
.navpl li.a1{background-position:-28px center;}
.navpl li.a2{background-position:-212px center;}
.navpl li.a3{background-position:-398px center;}
.navpl li.a4{background-position:-583px center;width:202px;}
.navpl li.a5{background-position:-782px center;}
.navpl li.a6{background-position:-945px center;}
.navpl li.a7{background-position:-1130px center;}
.navpl li.a8{background-position:-1318px center;}
.navpl li.a9{background-position:-1496px center;}
.navpl li.a10{background-position:-1672px center;}
.navpl li a{width:195px;height:188px;display:block;float:left;}
.Htitle3{left:95px;top:120px;width: 810px;px;color:#000;font-size:24px;line-height:29px;}
.Htitle3 span{font-size:60px;}
.Htitle1{line-height:22px;position:absolute;left:42px;top:167px;font-size:14px;text-align:center;font-family:"微软雅黑";z-index:3333;}
.coorwena{left:83px;top:299px;width:395px;height:185px;font-size:18px;font-family:"微软雅黑";line-height: 24px;}
.coorwena h2,.coorwenb h2{text-align:right;padding-right:43px;}
.coorwena p,.coorwenb p{margin-top:10px;line-height:22px;}
.coorwenb{left:35px;top:653px;width:100%;height:75px;font-size:18px;font-family:"微软雅黑";line-height: 24px;}
.content2{ width:1000px; margin:0 auto; height:291px; background:url(http://mini.mcchina.com/201407babaqunaer2/images/c3.jpg) repeat center; position:relative;}
.fx{position: absolute;right:-86px;top:49px;z-index:9999;width:65px;height:65px; cursor: pointer;cursor:hand;background:url(../images/pol.jpg) no-repeat;}
.fx .slayer {
    background: url(../images/shareLayer.jpg) no-repeat #fff;
    width: 198px;
    height: 254px;
    overflow: hidden;
    position: absolute;
    right:0px;
    top:0px;
    z-index: 10;
    border: 1px solid #eee;
    display: none;
}
.fx .slayer .weixinshare {
    background: url(../images/shareweixin.png) no-repeat;
    position: absolute;
    width: 168px;
    height: 214px;
    padding: 40px 0 0 30px;
}
.fx .slayer a{display: block;height: 50%;}
.fx:hover .slayer{
    display: block;
}
.wqhg{display:block;width:165px;height:190px;top:545px;left:55px;}
.wqhg01{left:275px;}
.Htitle1_dsa a{position:absolute;}

.Htitle1_dsa a img

{    transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.Htitle1_dsa a.hov img
 {    transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.Htitle1_dsa a:hover img
 {    transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.Htitle1_dsa .a01{left:18px;}
.Htitle1_dsa .a02{left:248px;}
.Htitle1_dsa .a03{left:480px;}
.Htitle1_dsa .a04{left:705px;}
.Htitle1_vfd{position:absolute;top:527px;left:-40px;}
.asssfb{position:absolute;top:694px;left:0px;background:#333;height:4px;width:100%;overflow:hidden;}
.Htitle1_vfd a{width:100px;height:100px;background:url(../images/nav01.png) no-repeat;display:block;position: absolute;top:-41px;}
.Htitle1_vfd a:hover{background:url(../images/nav02.png) no-repeat;}
.Htitle1_vfd .aa{background-position:-78px 0;left:85px;}
.Htitle1_vfd .ab{background-position:-320px 0;left:324px;}
.Htitle1_vfd .ac{background-position:-550px 0;left:557px;}
.Htitle1_vfd .ad{background-position:-800px 0;left:808px;}
.Htitle1_vfd .aa:hover{background-position:-78px 0;}
.Htitle1_vfd .ab:hover{background-position:-320px 0;}
.Htitle1_vfd .ac:hover{background-position:-550px 0;}
.Htitle1_vfd .ad:hover{background-position:-800px 0;}



.c_tm{position:absolute;width:704px; height:68px; background:url(../images/c_tm.png) no-repeat 0px 0px; left:10px; top:20px;}
.bg_tm{position:absolute;width:704px; height:68px; left:10px; top:20px;}