classification_v2_a150d26f80103c876c3c77cc650e9414.css 4.1 KB

1
  1. *{box-sizing:border-box}a{text-decoration:none}li,ul{padding:0;margin:0}li{list-style:none}.pddfnt_icon{color:#878787;font-size:10px}.pddfnt_aid{color:#878787;font-size:11px}.pddfnt_intro_24{color:#626262;font-size:12px;line-height:12px}.pddfnt_intro_26{color:#626262;font-size:13px;line-height:13px}.pddfnt_intro_28{color:#626262;font-size:14px;line-height:14px}.pddfnt_intro_light{color:#878787}.pddfnt_title_20{color:#343434;font-size:10px;line-height:10px}.pddfnt_title_26{color:#343434;font-size:13px;line-height:13px}.pddfnt_title_30{color:#343434;font-size:15px;line-height:15px}.pddfnt_title_34{color:#343434;font-size:17px;line-height:17px}.pddfnt_title_38{color:#343434;font-size:19px;line-height:19px}.pddfnt_title_40{color:#343434;font-size:20px;line-height:20px}.pddfnt_homepage_price{color:#ff2742;font-size:25px;line-height:25px}.pddfnt_highlight,price{color:#ff2742}#classification-container{background-color:#fff;line-height:1}#search-bar{width:100%;max-width:640px;height:44px;background-color:#f8f8f8;position:relative}#search-bar:before{position:absolute;width:200%;height:200%;transform-origin:0 0;transform:scale(.5);box-sizing:border-box;-webkit-transform-origin:0 0;-webkit-transform:scale(.5);-webkit-box-sizing:border-box;content:'';border-bottom:1px solid #e5e5e5}#search-bar .search-container{background-color:#fff;height:44px}#search-bar .search-container .search-icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:44px}#search-bar .search-container .search-icon-container .search-icon-class{display:inline-block;width:16px;height:16px;background-image:url(http://cdn.yangkeduo.com/assets/img/sprite_search-d13f06ef49.png);background-repeat:no-repeat;background-size:70px 35px;background-position:0 -17px;margin-right:8px}#search-bar .search-container .search-box{line-height:1;font-size:14px;color:#aaa}#root-list{position:relative;overflow:hidden;height:100%;width:1.02rem;float:left}.root-list-item{position:relative;height:53px;color:#666;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-display:flex;-webkit-justify-content:center;-webkit-align-items:center;background-color:#fafafa}.root-list-item,.root-list-item .root-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.root-list-item .root-box{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.root-list-item .root-box span{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center;font-size:13px}.root-list-item .root-box img{width:21px;height:21px;margin-left:.06rem}.root-list-item .stick{position:absolute;top:25px;right:7.5px;height:20px;width:2px;background-color:#f8f8f8}.root-list-item:last-child{height:45px}.root-list-item:last-child .stick{display:none}.root-active{color:#ff2741;background-color:#fff}#detail-list{position:relative;width:2.73rem;padding:0 .1rem 0 0;height:100%;overflow:hidden;float:left}.classification-detail-item .head{padding-top:.16rem;position:relative;width:100%;height:20px;line-height:20px;margin-bottom:7px}.classification-detail-item .head .tab{float:left;height:20px;background-size:58px 20px;background-repeat:no-repeat}.classification-detail-item .head .tab span{color:#333;margin-left:11px;font-size:13px}.classification-detail-item .head .show-all{float:right;font-size:12px;color:#9c9c9c;height:20px}.classification-detail-item .head .show-all .detail-arrow{width:4px;height:6px;vertical-align:middle;margin:0 0 2px 3px}.classification-detail-item .detail{margin-left:.1rem;width:100%;overflow:hidden}.classification-detail-item .detail li{width:.6rem;height:.72rem;margin:0 .32rem .16rem 0;float:left}.classification-detail-item .detail li img{width:.6rem;height:.6rem}.classification-detail-item .detail li p{color:#666;font-size:.12rem;text-align:center}.classification-detail-item .detail li:nth-child(3n){margin-right:0}.turn-background-grey{background-color:#fafafa}