beauty.min.css
18.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
/*!!
* author : FeiNiu WuHan UED (HQY)
* version : 1.0.1
* date : 2015-11-06
* email : hqy321@gmail.com
*/
button,input,select,textarea{font-size:100%;outline:0}img{vertical-align:top}@font-face{font-family:iconfont;src:url(../fonts/beauty/iconfont.eot);src:url(../fonts/beauty/iconfont.eot?#iefix) format('embedded-opentype'),url(../fonts/beauty/iconfont.woff) format('woff'),url(../fonts/beauty/iconfont.ttf) format('truetype'),url(../fonts/beauty/iconfont.svg#iconfont) format('svg')}.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.fn-mall{background:#f8f8f8;font-family:tahoma,arial,'Microsoft Yahei','Hiragino Sans GB','\5b8b\4f53',sans-serif;min-width:1190px;overflow-x:hidden}.fn-mall a,.fn-mall button,.fn-mall input,.fn-mall select,.fn-mall textarea{font-family:tahoma,arial,'Microsoft Yahei','Hiragino Sans GB','\5b8b\4f53',sans-serif}.fn-mall a{color:#000}.fn-mall a:hover{color:#000}.fn-mall .mt30{margin-top:30px}.fn-mall .pt30{padding-top:30px}.img-effect{-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;-o-transition:transform .2s linear,-o-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear,-o-transform .2s linear}.img-effect:hover{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.main-slider{width:100%;height:350px}.main-slider .ui-switchable{height:350px;width:6000px;overflow:hidden;margin-left:-3000px;position:absolute;left:50%}.main-slider .ui-switchable .panel{height:350px;width:6000px;overflow:hidden}.main-slider .ui-switchable .panel a{display:block;height:350px;width:810px;margin:0 auto;-webkit-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04)}.main-slider .ui-switchable .panel-full a{height:350px;width:2000px}.main-slider .ui-switchable .zoom-out a{-webkit-transition:-webkit-transform 4s linear;transition:-webkit-transform 4s linear;-o-transition:transform 4s linear,-o-transform 4s linear;transition:transform 4s linear;transition:transform 4s linear,-webkit-transform 4s linear,-o-transform 4s linear;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.main-slider .ui-switchable .ctrl-wrapper{width:810px;position:absolute;top:0;left:2595px;z-index:20}.main-slider .ui-switchable .ui-switchable-nav{position:absolute;top:321px;left:0;width:100%;text-align:center}.main-slider .ui-switchable .ui-switchable-nav li{display:inline-block;*display:inline;*zoom:1;text-align:center;margin-right:10px;width:20px;cursor:pointer;background:url(../images/icon.png) 0 -28px no-repeat;line-height:20px;height:20px;font-size:12px;font-family:Arial;color:#fff}.main-slider .ui-switchable .ui-switchable-nav li span{display:none}.main-slider .ui-switchable .ui-switchable-nav li.ui-switchable-active{background-position:0 -48px}.main-slider .popup{position:relative}.main-slider .imgbox{float:right;width:190px;height:350px;z-index:23}.main-slider .imgbox .item{display:block;width:190px;margin-left:0;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;-o-transition:transform .2s linear,-o-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear,-o-transform .2s linear}.main-slider .imgbox .item:hover{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.main-slider .imgbox .item-02{height:175px}.main-slider .imgbox .item-01{height:350px}.main-slider .nav-list{float:left;width:190px;height:350px;z-index:24;position:relative}.main-slider .nav-list-warpper{background:#181818 url(../images/main-nav-bg.png) 0 0 no-repeat;position:relative;z-index:25;overflow:hidden;width:100%;height:100%}
.main-slider .nav-list .nav-item{height:35px;vertical-align:top}.main-slider .nav-list .nav-item .nav-menu-item{line-height:35px;height:35px;display:block;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;-o-transition:transform .2s linear,-o-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear,-o-transform .2s linear;color:#fff}.main-slider .nav-list .nav-item .nav-menu-item .icon{width:38px;float:left;text-align:center;font-size:18px}.main-slider .nav-list .nav-item .nav-menu-item .title{float:left;width:152px;height:35px;white-space:nowrap;overflow:hidden}.main-slider .nav-list .nav-item .nav-menu-item a{color:#fff;font-size:13px}.main-slider .nav-list .nav-item-hover{background:#4a4a4a}.main-slider .nav-list .nav-item-hover .nav-menu-item{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);-o-transform:translateX(8px);transform:translateX(8px)}.main-slider .nav-list .menu-sub{width:960px;height:310px;padding:20px;z-index:24;background:#fff;position:absolute;top:0;left:180px;display:none;overflow:hidden}.main-slider .nav-list .menu-sub-show{display:block;-webkit-box-shadow:1px 0 2px #978d8d inset;box-shadow:1px 0 2px #978d8d inset}.main-slider .nav-list .sub-columns{font-size:13px;width:205px;height:310px;overflow:hidden;float:left;margin-right:39px}.main-slider .nav-list .right-wrap{float:right;width:211px}.main-slider .nav-list .right-wrap .li-item{max-height:256px;overflow:hidden;border:1px #f8f8f8 solid}.main-slider .nav-list .right-wrap .right-img{width:211px;height:183px;overflow:hidden}.main-slider .nav-list .right-wrap .item{width:104px;height:50px;border-right:1px #f8f8f8 solid;border-bottom:1px #f8f8f8 solid;float:left}.main-slider .nav-list .right-wrap .item img{width:100%;height:100%;vertical-align:top}.main-slider .nav-list .right-wrap .even{border-right:0 none}.main-slider .column-item{margin-bottom:20px}.main-slider .column-item .tlt{border-bottom:1px #ccc solid;line-height:13px;padding-bottom:5px}.main-slider .column-item .tlt .name{font-weight:700}.main-slider .column-item .tlt .more{*margin-top:-17px!important;color:#999;float:right}.main-slider .column-item .words{vertical-align:middle}.main-slider .column-item .words a{line-height:28px;color:#333;margin-right:4px}.main-slider .column-item .words a:hover{color:#da3a4c}.main-slider .column-item .words .lh{color:#db384c}
.mall-side-nav{z-index:300;position:fixed;bottom:100px;left:50%;width:36px;margin-left:-641px;display:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.mall-side-nav .side-wrapper{border:1px solid #e5e5e5;width:34px;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:#fff}.mall-side-nav-show .side-wrapper{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.mall-side-nav .item{display:block;height:34px;position:relative;color:#666;text-decoration:none;margin-bottom:1px}.mall-side-nav .item:last-child{margin-bottom:0}.mall-side-nav .item .sep{position:absolute;top:-1px;left:7px;width:20px;height:1px;background:#e5e5e5}.mall-side-nav .item .level{line-height:34px;display:block;visibility:visible;text-align:center;font-size:14px}.mall-side-nav .item .text{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:34px;visibility:hidden;-webkit-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out;cursor:pointer}.mall-side-nav .item .text-twoline{line-height:12px;height:29px;padding-top:5px}.mall-side-nav .item-last{margin-bottom:0}.mall-side-nav .item-active .level{visibility:hidden}.mall-side-nav .item-active .text{visibility:visible;color:#da3a4c}.mall-side-nav .item:hover .text{visibility:visible;background:#da3a4c;color:#fff}.m-top-nav{border-bottom:none}.m-top-nav .main-title{background:#333}.mall-side-nav .item .level{font-size:24px}.main-slider .nav-list .horizontal-menu{width:599px;padding:20px 25px 0 20px;min-height:330px;height:auto}.main-slider .nav-list .horizontal-columns{font-size:13px;overflow:hidden}.main-slider .nav-list .horizontal-column-item{margin-bottom:20px}.main-slider .nav-list .horizontal-column-item .tlt{border-bottom:1px #ccc solid;line-height:13px;padding-bottom:5px;margin-bottom:5px}.main-slider .nav-list .horizontal-column-item .tlt .name{font-weight:700}.main-slider .nav-list .horizontal-column-item .tlt .more{*margin-top:-17px!important;color:#999;float:right;cursor:pointer}.main-slider .nav-list .horizontal-column-item .words{vertical-align:middle}.main-slider .nav-list .horizontal-column-item .words a{line-height:20px;color:#333;margin-right:4px}.main-slider .nav-list .horizontal-column-item .words a:hover{color:#da3a4c}.main-slider .nav-list .horizontal-column-item .words .lh{color:#db384c}.main-slider{overflow:visible}.main-slider .nav-list-warpper{background:#da3a4c}.main-slider .nav-list .nav-item-hover{background:#ed5566}.main-slider .nav-list .nav-item .nav-menu-item .icon{font-size:24px}.layout-title{font-size:20px;font-weight:500;color:#000;line-height:50px;width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.layout-hd{height:50px}.layout .tab-nav{margin-top:17px}.layout .tab-nav .item{float:left;margin-right:24px;padding-bottom:5px}.layout .tab-nav .item a{line-height:28px;display:block;min-width:60px;font-size:15px;text-align:center;cursor:pointer}.layout .tab-nav .item-active a{text-decoration:none;font-weight:700;background:url(../images/active.png) no-repeat 0 bottom}.selected-goods{height:457px}.selected-goods .g-left{float:left;width:190px;margin-right:5px}.selected-goods .g-right{float:right;width:190px}.selected-goods .g-center{float:left;width:804px;height:457px;overflow:hidden}.selected-goods .g-center .item{margin:0 1px 1px 0;width:160px;height:228px;float:left;background:#fff;padding:0 20px}.selected-goods .g-center .item .img{display:block;height:160px;margin:9px 0 4px}.selected-goods .g-center .item .title{color:#666;display:block;font-size:12px;line-height:16px;height:32px;overflow:hidden}.selected-goods .g-center .item .title:hover{color:#da3a4c;text-decoration:none}.selected-goods .g-center .item .price{color:#da3a4c;font-size:14px;font-weight:700}.selected-goods .g-center .cell{margin:0 2px 2px 0;width:132px;height:90px;float:left;background:#fff}.selected-goods .g-center .cell-last{height:89px}.recommend-goods{height:350px}.recommend-goods .item{float:left;margin-right:2px;width:296px;height:350px;background:#fff;position:relative}.recommend-goods .item .word{width:182px;height:62px;background:#fff;opacity:.9;filter:alpha(opacity=90);padding:15px 20px 25px;position:absolute;bottom:18px;left:50%;margin-left:-111px;text-align:center;color:#333}.recommend-goods .item .word .up{font-weight:700;font-size:20px;line-height:38px;border-bottom:1px #333 solid;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.recommend-goods .item .word .down{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.recommend-goods .last{margin-right:0}.img-full-single{height:80px;display:block}.img-full-two{height:180px}.img-full-two .item{width:585px;height:180px}.img-effect{-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;-o-transition:transform .2s linear,-o-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear,-o-transform .2s linear}.img-effect:hover{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}.beauty-floor .layout-hd .cates-list{float:right;line-height:50px;font-size:14px}.beauty-floor .layout-hd .cates-list .cates{margin-right:20px;color:#666}.beauty-floor .brand-list{margin-top:10px;height:80px}.beauty-floor .brand-list .item{float:left;width:131px;height:80px;margin-right:1px}.beauty-floor .brand-list .item-09{margin-right:0}.beauty-floor .brand-list .item-01,.beauty-floor .brand-list .item-05,.beauty-floor .brand-list .item-09{width:132px}.beauty-floor .brand-slide{margin-top:10px;overflow:hidden;width:100%;position:relative;height:140px}.beauty-floor .brand-slide .ctrl{position:absolute;top:50px;background:url(../images/beauty.png) 0 -37px no-repeat;width:40px;height:40px}.beauty-floor .brand-slide .ctrl-prev{left:-40px;-webkit-transition:left .2s linear;-o-transition:left .2s linear;transition:left .2s linear}.beauty-floor .brand-slide .ctrl-next{right:-40px;-webkit-transition:right .2s linear;-o-transition:right .2s linear;transition:right .2s linear;background-position:-40px -37px}.beauty-floor .brand-slide:hover .ctrl-prev{left:0}.beauty-floor .brand-slide:hover .ctrl-next{right:0}.beauty-floor .brand-slide .item{float:left;height:120px;width:277px;border-right:1px solid #ededed;background:#fff;padding:10px}
.beauty-floor .brand-slide .item .img{width:120px;height:120px;float:left}
.beauty-floor .brand-slide .item .intro{margin-left:130px;padding-top:30px}
.beauty-floor .brand-slide .item .intro .title{color:#666;display:block;font-size:12px;line-height:18px;height:36px;overflow:hidden}
.beauty-floor .brand-slide .item .intro .title:hover{color:#da3a4c;text-decoration:none}
.beauty-floor .brand-slide .item .intro .price{color:#da3a4c;font-size:14px;font-weight:700}
.beauty-floor .brand-slide .slide{min-width:1192px}
.beauty-floor .floor{height:481px;overflow:hidden}
.beauty-floor .floor-left{width:186px;height:481px;float:left}
.beauty-floor .floor-right{height:481px;width:1004px;float:right}
.beauty-floor .floor-right .item{float:left;width:200px;height:240px;border-right:1px solid #ededed;border-bottom:1px solid #ededed}
.beauty-floor .floor-right .item .img-box{width:100%;height:100%;display:block;overflow:hidden;zoom:1}
.beauty-floor .floor-right .item-h2{border-right:none;float:right;height:481px}
.beauty-floor .floor-right .item-w2{width:401px}
.beauty-floor .floor-right .img-slide{position:relative;width:401px;height:240px}
.beauty-floor .floor-right .img-slide .content-wrap{width:401px;height:240px;overflow:hidden;position:relative}
.beauty-floor .floor-right .img-slide .ui-switchable-panel{width:401px;height:240px}
.beauty-floor .floor-right .img-slide .ui-switchable-nav{position:absolute;top:28px;left:-186px;width:186px;line-height:32px}
.beauty-floor .floor-right .img-slide .ui-switchable-nav li{text-align:right;color:#333;font-size:14px;width:186px;height:32px;margin-bottom:4px}
.beauty-floor .floor-right .img-slide .ui-switchable-nav li.ui-switchable-active{color:#da3a4c}
.beauty-floor .floor-right .img-slide .ui-switchable-nav span{cursor:default;float:right;padding:0 10px;cursor:pointer;background:url(../images/1x1-fff-9.png) 0 0 repeat}
.beauty-floor .floor-switch .floor-right{width:200px}
.beauty-floor .floor-switch .floor-left{width:989px;border-right:1px solid #ededed}
.beauty-floor .floor-switch .floor-left .step{float:left;width:186px;height:481px;position:relative}
.beauty-floor .floor-switch .floor-left .step .nav{position:absolute;top:20px;left:25px;width:161px;color:#fff;text-align:left}
.beauty-floor .floor-switch .floor-left .step .nav .title{font-size:20px}
.beauty-floor .floor-switch .floor-left .step .nav .title span{font-size:32px}
.beauty-floor .floor-switch .floor-left .step .nav-list{line-height:20px;font-size:14px;padding-top:5px}
.beauty-floor .floor-switch .floor-left .step .nav-list li{margin-bottom:12px;position:relative;cursor:pointer}
.beauty-floor .floor-switch .floor-left .step .nav-list li span{padding-left:40px;-webkit-transition:padding-left .2s linear;-o-transition:padding-left .2s linear;transition:padding-left .2s linear}
.beauty-floor .floor-switch .floor-left .step .nav-list li em{width:15px;height:15px;position:absolute;top:3px;left:0;background:url(../images/beauty.png) -19px 0 no-repeat;z-index:2}
.beauty-floor .floor-switch .floor-left .step .nav-list li i{background:#fff;z-index:1;height:30px;width:1px;position:absolute;top:9px;left:7px}
.beauty-floor .floor-switch .floor-left .step .nav-list li.ui-switchable-active em{background-position:0 0}
.beauty-floor .floor-switch .floor-left .step .nav-list li.ui-switchable-active span{padding-left:25px}
.beauty-floor .floor-switch .floor-left .step .nav-list li.last i{display:none}
.beauty-floor .floor-switch .floor-left .slide{float:left;width:803px;height:481px;overflow:hidden}
.beauty-floor .floor-switch .floor-left .slide .slide-wrap{width:803px;height:481px}
.beauty-floor .floor-switch .floor-left .slide .slide-item{width:804px;height:481px;overflow:hidden}
.beauty-floor .floor-switch .floor-left .slide-left{width:100%;height:481px;float:left;border-right:1px solid #ededed}
.beauty-floor .floor-switch .floor-left .slide-right{width:200px;height:481px;float:left}
.beauty-floor .floor-switch .floor-left .slide .good{background:#fff;border-bottom:1px solid #ededed;position:relative;height:159px;width:200px;vertical-align:top;border-right: 1px solid #ededed;}
.beauty-floor .floor-switch .floor-left .slide .good .info{position:relative;padding:10px;*padding:5px !improtant}
.beauty-floor .floor-switch .floor-left .slide .good .info .num{color:#999;font-size:16px;line-height:18px;font-family:arial;font-weight:700}
.beauty-floor .floor-switch .floor-left .slide .good .info .title{font-size:14px;color:#333;display:block;line-height:15px;height:30px;*line-height:17px !improtant;*height:34px !improtant;overflow:hidden}
.beauty-floor .floor-switch .floor-left .slide .good .info .title:hover{color:#da3a4c;text-decoration:none}
.beauty-floor .floor-switch .floor-left .slide .good .info .price{color:#da3a4c;font-size:14px;font-weight:700}
.beauty-floor .floor-switch .floor-left .slide .good-big{height:240px;float:left;}
.beauty-floor .floor-switch .floor-left .slide .good-big-img{width:160px;height:160px;position:absolute;bottom:0;right:0}
.beauty-floor .floor-switch .floor-left .slide .good-small-img{width:100px;height:100px;position:absolute;bottom:0;right:10px}
.beauty-floor .floor-switch .floor-left .slide .good-01,.beauty-floor .floor-switch .floor-left .slide .good-03{height:160px}.m-footer-g .server-list{background:#da3a4c}
.F_dynamic{font-family: tahoma,arial,'Microsoft Yahei','Hiragino Sans GB','\5b8b\4f53',sans-serif;}