.wrap-outer{background: url(images/wrap-bg.jpg) center top no-repeat;} .yahei{font-family: "Microsoft Yahei"; font-weight:400;} .layout{position:relative;width: 1190px;} .mt20{ margin-top: 20px;} .mt15{ margin-top: 15px;} .f30{ font-size: 30px;} /* 导航 S */ .buti-nav .logo{float: left; margin:8px 30px 0 0; width:220px;height: 90px; text-indent: -9999px;} .buti-nav-list{padding-top: 61px; width: 940px; height: 40px;} .buti-nav-list li{position:relative;float: left; padding: 0 20px; height: 40px; font:400 18px/40px "Microsoft Yahei"; color: #fff;} .buti-nav-list li a,.buti-nav-list li a:visited{ color: #fff;} .buti-nav-list li a:hover{ text-decoration: none;} .buti-nav-list li.fr{float: right; font-size: 12px;} .buti-nav-list li.fr em{padding:0 5px;color: #b232a7;} .buti-nav-list li.fr a{ margin: 0 5px 0 25px;} .Pnav-corner{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color:transparent transparent #fff transparent; border-image: none; border-style: solid; border-width: 6px; bottom: -0px; height: 0; left: 40%; overflow: hidden; position: absolute; width: 0; } /* 导航 E */ .buti-index-slide{height: 360px; background: #e87ac1;} .buti-alltypeIndexBox .buti-icon,.slide-arrow,.slide-arrowL:hover,.slide-arrowR:hover,.img-slider-player .img-arrow,.buti-module .buti-title,.member span,.member-details .zhuan,.youh-details .icon,.hot-details .hot-icon,.hot-details p,.dairy-icon a,.dairy-icon a:hover{ background-image: url(images/icon.png); background-repeat: no-repeat;} /* 美容分类 S */ .buti-alltypeIndexBox{position:absolute;left:0; top:0px;width: 240px;height: 360px;z-index: 2; background: #fff; overflow: hidden;} .buti-alltypeIndexBox ul{ height: 360px;z-index: 3;} .buti-alltypeIndexBox li{ float: left;padding-top:12px;height:60px;border-left: 3px solid #fff; cursor: pointer; overflow: hidden; z-index: 4;} .buti-alltypeIndexBox li .buti-alltype-licon{padding-left:15px;height:58px;width:220px;border-bottom: 1px solid #c7c7c7;} .buti-alltypeIndexBox li a:hover{ color: #333; text-decoration: none;} .buti-alltypeIndexBox li.hboder{border: 3px solid #ed82e4;border-right:none;padding-top:12px;} .buti-alltypeIndexBox li.hboder .buti-alltype-licon{border-bottom: #fff;} .buti-alltypeIndexBox .jt{ margin-top: 10px; display: block;color: #dcdcdc;} .buti-alltypeIndexBox .hjt{ color: #333;} .buti-alltyoe-desc{ width: 153px; overflow: hidden;} .buti-alltyoe-desc .buti-alltyoe-link{height:20px;width: 153px; overflow:hidden;line-height: 20px;} .buti-alltyoe-link span{ display: block; float: left; margin-right: 10px;　word-break:break-all;word-wrap:break-word;} .buti-alltypeIndexBox .buti-icon{ display: inline-block;} .buti-alltypeIndexBox .icon-alltype{ margin-right: 10px; height: 50px; width: 40px;} .buti-alltypeIndexBox .buti-icon-zx{ background-position:0 0;} .buti-alltypeIndexBox .buti-icon-pf{ background-position:0 -84px;} .buti-alltypeIndexBox .buti-icon-wz{ background-position:0 -168px;} .buti-alltypeIndexBox .buti-icon-yc{ background-position:0 -252px;} .buti-alltype-detail{ background: #fff; position: relative; z-index: 10} .buti-alltype-detailbox{ position: absolute; left: 237px; top: 0; width: 947px; height:354px;background: #fff; border: 3px solid #ed82e4;/*overflow: hidden;*/ z-index: 4;} .buti-alltype-detailbox ul{width: 950px;} .buti-alltype-detailbox li{float: left; padding: 15px 15px; width: 159px; height:328px; border-right: 1px dashed #d3d3d3;} .buti-alltype-detailbox li img{border-radius: 5px;} .buti-alltype-detailbox li span{display:block;height:40px; line-height:40px;color: #333; font-weight:bold;} .buti-alltype-detailbox .tags{margin-top: 15px; line-height: 20px;} .tags strong{ display: block;} .alltype-line{ position: absolute; top: 0; left: -3px; background: #fff; width: 3px; height: 72px; z-index: 5;} .buti-alltype-detailbox li.bd-r{ border-right: none;} /* 美容分类 E */ /* 大图轮播 S */ .buti-index-slidecon{position:relative;margin-left: 240px;width: 700px; height: 360px; overflow: hidden; } .slide-arrow,.slide-arrowL:hover,.slide-arrowR:hover{ position: absolute;top:155px; display: block; width: 34px; height: 44px;} .slide-arrowL{background-position: -118px -806px;left: 0;} .slide-arrowL:hover{background-position: -190px -806px;} .slide-arrowR{background-position: -84px -806px;right: 0;} .slide-arrowR:hover{background-position: -156px -806px;} .buti-index-slidecon .slide-player-num { margin-left: -20px; padding: 5px 0 5px 10px; bottom: 5px; position: absolute; left: 50%; z-index: 2; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3); border-radius: 10px; } .slide-player-num li{ height: 10px; width: 10px; background: #fff; border-radius: 50%; float: left; margin: 0 10px 0 0; text-indent: -99px; cursor: pointer; overflow: hidden;} .slide-player-num li.current{background: #000;} /* 大图伦铜 E */ .buti-img-ad{width: 250px;} .buti-img-ad a{ display: block; width: 250px; height: 180px;} /* 图片列表轮播 */ .img-slider-player{position:relative; padding:19px 20px;width: 1150px; height:88px; border: 1px solid #ececec;} .img-slider-player .img-arrow{ position:absolute; top:44px;width: 18px; height: 56px;} .img-slider-player .prev-arrow{ background-position:-37px -800px; left: 0; z-index: 15; } .img-slider-player .prev-arrow:hover{ background-position:-1px -800px; z-index: 15; } .img-slider-player .next-arrow{ background-position:-55px -800px; right: 0;} .img-slider-player .next-arrow:hover{ background-position:-19px -800px; } .img-slider-player .slider-player-area{ width: 1150px; overflow:hidden; } .slider-player-area ul{ height: 90px; overflow: hidden;} .slider-player-area li{float: left; margin-right: 12px; width: 220px; height: 90px; overflow: hidden;} /* 分类 S */ .buti-module{margin-top: 20px;} .buti-module .buti-title{height: 45px; color: #333; font:400 24px/45px "Microsoft Yahei"; overflow: hidden;} .buti-module .case-title{padding-left:148px; background-position: 0 -376px;} /*.buti-module a{ display: block;}*/ .buti-module .ad{ margin-left: 30px;} .buti-module .more{ margin-top:15px;padding:0 8px;height:22px;line-height:22px;border-radius:10px;background: #b232a7; color: #fff; font-size: 12px;} .buti-module .youh-title{padding-left:148px; background-position: 0 -461px;} .buti-module .hot-title{padding-left:117px; background-position: 0 -541px;} .buti-module .bea-title{padding-left:188px; background-position: 0 -621px;} /*案例中心 S*/ .buti-module .case-center{position: relative;} .case-center .div-line{ position: absolute;top: 2px; left: 240px; height: 66px; width: 2px; background: #fff;} .case-center .case-member-list{width: 240px; height: 420px; overflow: hidden;} .case-member-list li{padding: 8px; width: 222px; height:50px; background:#f5f5f5;border: 2px solid #f5f5f5; overflow: hidden;} .case-member-list li.bag{ background: #eee; border-color: #eee;} .case-member-list li.hli{background: #fff; border-color: #ecbbe8; border-right-color: #fff;} .case-member-list li a{ display: block;} .case-member-list li a img{ display: block;float: left; width: 50px; height: 50px;} .case-member-list li a dl{float: left; margin-left:10px; line-height: 25px;} .case-member-list li a dt{ color: #b232a7;} .case-member-list li a dt em{padding-left: 10px; color: #a8a8a8;} .case-member-list li a dd{color: #666;} .case-center .case-details{ margin-left:240px; padding: 2px; width: 941px; height: 412px; border: 2px solid #ecbbe8;} .case-details .member{ position: relative; display: block; width: 646px; height: 412px;} .member img{ float:left;display: block; margin-right: 2px;} .member span{ display: block; position: absolute; top:160px; padding-top:20px; width: 27px; height:70px; color: #fff; font: 400 18px "Microsoft Yahei"; text-align: center;} .member span.sq{ background-position: -46px -917px; left:382px;padding-right: 18px;} .member span.sh{ background-position: 0 -917px;left:335px;padding-left: 18px;} .member-details{ margin-left: 15px; margin-top:20px; width: 280px;} .member-details .details-title{ display:block; height:40px;width:100%;font:400 20px/40px "Microsoft Yahei"; overflow: hidden;} .member-details p{ line-height:25px;color: #a8a8a8;} .member-details p span{color: #666;} .member-details p span em{color: #b232a7;} .member-details .zhuan{ padding-left:42px; margin: 12px 0; width: 220px; height: 42px;border: 1px solid #eeeeee; background-position:10px -1057px; background-color: #f9f9f9; line-height: 42px; color: #666;border-radius:5px;} .member-details .check-btn,.member-details .zx-btn{ float: left; margin:20px 10px 0 0; width: 100px; height: 30px; text-align: center; font: 400 14px/30px "Microsoft Yahei";} .member-details .check-btn{ background: #e0e0e0; color: #4a4a4a;} .member-details .zx-btn{ background: #b232a7; color: #fff;} /*案例中心 S*/ /*优惠 S*/ .buti-module .youh-details{margin-top:15px;width: 1190px; overflow: hidden;} .youh-details ul{width: 1215px; overflow: hidden;} .youh-details li{ float: left; position:relative; margin-right: 23px; padding: 15px; width: 248px; border: 1px solid #eee;} .youh-details li a{ display: block;} .youh-details li a.f16 { display: block; margin-bottom: 5px; height: 44px; overflow:hidden;} .youh-details .yh-price{font-size: 18px; color: #b232a7; line-height: 65px; font-family: Arial;} .yh-price em,.yh-price span{ display: block;} .yh-price em{ text-decoration: line-through; color: #ddd;} .youh-details .yh-text{ margin:0 -15px; padding: 0 15px; background: #fbfbfb; line-height: 22px;} .yh-text .color9,.yh-text .color9:visited{color: #999;} .youh-details .icon{ display: block; position: absolute; top:9px; right: 9px; padding: 12px; width: 26px; height: 26px; color: #fff; } .youh-details .tips1{ background-position: -1px -860px;} .youh-details .tips2{ background-position: -54px -860px;} /*优惠 E*/ /*热门活动 S*/ .hot-details{ width: 1190px; overflow: hidden;} .hot-details ul{ width: 1210px; overflow: hidden;} .hot-details li{ position: relative; display: block; float: left; width: 585px; height: 250px; margin-right: 20px;} .hot-details li a{ display: block;} .hot-details .hot-icon{ position: absolute; top:0; left: 0; width: 88px; height: 38px; background-position: -1px -755px; font: 400 16px/32px "Microsoft Yahei"; color: #fff; text-align: center;} .hot-details p{ position: absolute; bottom: 17px; right: 0; width: 208px; height: 42px; background-position: -1px -1012px; font: 400 14px/38px "Microsoft Yahei"; color: #fff;} .hot-details p span{ display: block;} .hot-details p .fl{ width: 140px; text-align: center;} .hot-details p .fl em{ font-size: 18px; padding-right: 5px;} .hot-details p .fr{ width: 68px; text-align:center; color: #b232a7; } . /*热门活动 S*/ /*美丽日记 S*/ .dairy-details{width: 1190px; overflow: hidden;} .dairy-icon{margin-top:10px; width: 880px;} .dairy-icon a{ display: block;float: left; margin-right: 10px; width: 78px; height: 26px; text-indent: -9999px;} .dairy-icon a.icon1{ background-position:0 -1232px;} .dairy-icon a.icon2{ background-position:-89px -1232px;} .dairy-icon a.icon3{ background-position:-178px -1232px;} .dairy-icon a.icon4{ background-position:0 -1262px;} .dairy-icon a.icon5{ background-position:-89px -1262px;} .dairy-icon a.icon6{ background-position:-178px -1262px;} .dairy-icon a.icon7{ background-position:0 -1293px;} .dairy-icon a.icon8{ background-position:-89px -1293px;} .dairy-icon a.icon9{ background-position:-178px -1293px;} .dairy-icon a.icon10{ background-position:0 -1324px;} .dairy-icon a.icon1:hover{ background-position:0 -1109px;} .dairy-icon a.icon2:hover{ background-position:-89px -1109px;} .dairy-icon a.icon3:hover{ background-position:-178px -1109px;} .dairy-icon a.icon4:hover{ background-position:0 -1139px;} .dairy-icon a.icon5:hover{ background-position:-89px -1139px;} .dairy-icon a.icon6:hover{ background-position:-178px -1139px;} .dairy-icon a.icon7:hover{ background-position:0 -1170px;} .dairy-icon a.icon8:hover{ background-position:-89px -1170px;} .dairy-icon a.icon9:hover{ background-position:-178px -1170px;} .dairy-icon a.icon10:hover{ background-position:0 -1201px;} .dairy-details ul{ width: 1212px; overflow:hidden;} .dairy-details li{float:left;padding: 15px; margin:15px 23px 0 0; width: 248px; border: 1px solid #eee;} .dairy-details li a strong{ display: block; height: 44px; width: 248px; overflow: hidden; color: #333; font: 400 16px/22px "Microsoft Yahei";} .dairy-details li a:hover{ text-decoration: none;} .dairy-details li a img{ display: block; margin-top: 15px; width: 248px; height: 248px;} .dairy-details .dariy-tags{ margin-top: 15px;} .dariy-tags a{padding-right:13px;color: #999;} /*美丽日记 E*/ /* 分类 E */ /* 友情连接 S */ .friends-links{ margin-top:25px;width: 1190px; overflow: hidden;} .link-title{ position: relative; width: 1190px; height: 20px; border-bottom: 1px solid #e7e7e7;} .link-title span{ position: absolute; top: 0;left: 0; width: 110px; height: 35px; font: 400 24px/35px "Microsoft Yahei"; background: #fff;} .friends-links .imglink{ margin-top: 32px; width: 1215px;} .imglink a{ display: block; float: left; margin-right:15px; } .friends-links .alink{margin-top: 23px;} .alink a{display:block;float:left;padding-right:30px;line-height: 25px; color: #888;word-break:break-all;word-wrap:break-word;} /* 友情连接 E */ /*广告*/ .ad-190x60{width: 1200px;} .ad-190x60 li{margin-right: 10px; }