| 1 |
- #ShopList{min-height:100%;padding:1.8rem 0 2rem;background:#dadada}#ShopList .header{font-size:14px;font-weight:700;color:#fff;width:100%}#ShopList .header .user{float:left}#ShopList .header .user i{font-size:20px;margin-right:5px;font-weight:400}#ShopList .header .point{float:right}#ShopList .main-content{height:100%}#ShopList .main-content .recommend{text-align:left;height:100%}#ShopList .main-content .recommend .section{padding:10px 20px;border-radius:2px;height:100%;overflow:hidden}#ShopList .main-content .recommend .left{height:100%}#ShopList .main-content .recommend .left .section{padding:10px 15px}#ShopList .main-content .recommend .left .head{background-color:#eb3f57;padding:16px 10px;color:#fff;font-weight:bolder;border-radius:6px 6px 0 0}#ShopList .main-content .recommend .left .body{padding-top:4px;background-color:#fff}#ShopList .main-content .recommend .left .body .item{padding:0 10px;border-bottom:1px solid #c9c9c9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#ShopList .main-content .recommend .left .body .item .text{color:#333;font-weight:bolder;margin-left:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;line-height:1.5;display:inline-block;padding:10px 0;-webkit-box-flex:1;-ms-flex:1;flex:1}#ShopList .main-content .recommend .left .body .item .i-right{float:right}#ShopList .main-content .recommend .right{height:100%}#ShopList .main-content .recommend .right .title{font-weight:bolder;position:relative;text-align:center;margin-top:30px;margin-bottom:80px}#ShopList .main-content .recommend .right .title:before{content:"";position:absolute;width:100%;height:0;border:1px solid #f2f2f2;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#ShopList .main-content .recommend .right .title:after{content:attr(data-txt);position:absolute;background-color:#fff;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:10px 40px}#ShopList .main-content .recommend .right .search-box{background-color:#f2f2f2;padding:6px 10px;overflow:hidden}#ShopList .main-content .recommend .right .search-box .sort-btn{background-color:#fff;float:left;font-size:12px;border-radius:2px;padding:8px 10px;padding-right:24px;color:#000;position:relative;margin-right:10px}#ShopList .main-content .recommend .right .search-box .sort-btn i{position:absolute;right:6px;color:#c9c9c9;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#ShopList .main-content .recommend .right .search-box .sort-btn .i-up{top:2px}#ShopList .main-content .recommend .right .search-box .sort-btn .i-down{bottom:2px}#ShopList .main-content .recommend .right .search-box .sort-btn .i-select{color:#eb3f57}#ShopList .main-content .recommend .right .search-box .total{float:right;font-size:12px;padding:8px 10px;color:#706f6f}#ShopList .main-content .recommend .right .search-box .total span{font-weight:bolder;color:#000}#ShopList .main-content .recommend .right .body{overflow:hidden;overflow-y:auto;height:calc(100% - 200px)}#ShopList .main-content .recommend .right .body .item{padding:4px;padding-top:4px}#ShopList .main-content .recommend .right .body .item .good{overflow:hidden;background-color:#fff}#ShopList .main-content .recommend .right .body .item .good .img{width:100%}#ShopList .main-content .recommend .right .body .item .good .name{overflow:hidden;color:#706f6f;font-size:14px;height:40px;text-overflow:ellipsis;margin:20px 10px 0;line-height:1.5}#ShopList .main-content .recommend .right .body .item .good .point{margin:20px 10px;color:#eb3f57;font-weight:bolder}
|
