.me-favorite-page { .favorite .title { background-image: resolve(home/favorite.png); } .favorite-table-header { font-size: 12px; padding: 0; .options { width: 136px; } } .fav-row { display: table; padding: 10px 0; border-bottom: 1px solid #e6e6e6; > * { display: table-cell; vertical-align: middle; } .checkbox { width: 40px; padding-left: 10px; } } .del-favorite { color: #666; visibility: hidden; cursor: pointer; } .fav-row:hover .del-favorite { visibility: visible; } .favorite-products, .favorite-brands, .favorite-articles, .reduction-notice-tip, .empty-reduction { margin: 0 10px; font-size: 12px; } .price-notice { position: absolute; width: 320px; height: 194px; z-index: 1001; top: 50%; left: 50%; margin-left: -160px; margin-top: -130px; background: #fff; border: 1px solid #999; padding: 20px; font-size: 14px; .close { position: absolute; display: block; top: 5px; right: 5px; width: 46px; height: 16px; cursor: pointer; background: #cdcdcd; color: #fff; border-radius: 2px; font-size: 12px; &:hover { background: #414141; } } .price-notice-sure { display: block; width: 82px; height: 34px; line-height: 34px; text-align: center; color: #fff; background: #e90024; font-weight: bold; cursor: pointer; margin: 20px auto 0; } .tip { line-height: 20px; margin: 20px 0; } label { margin-right: 10px; } input { width: 180px; height: 30px; line-height: 30px; color: #333; padding: 0 5px; font-size: 14px; border: 1px solid #bebebe; &.error { border-color: #f00; } } .err-text { padding-left: 70px; line-height: 24px; color: #f00; i { display: block; float: left; height: 14px; width: 14px; background: url("/passport/tip/error.png"); margin-right: 5px; margin-top: 5px; } } .phone-diff { color: #f00; line-height: 18px; } .success { text-align: center; p { font-size: 14px; line-height: 22px; margin-top: 20px; } .iconfont { color: #51c516; font-size: 24px; } .notice-num { color: #e20d29; } } .cue { text-align: center; padding: 70px 0 50px; display: none; span { color: #e90024; } p { font-size: 14px; line-height: 22px; } } } .error { .content, .success { display: none; } .cue { display: block; } } /* 降价订阅 */ .reduction-notice-tip { border: 1px solid #e7e7e7; padding: 20px; margin-bottom: 10px; .notice-text { width: 245px; float: left; } h2 { color: #000; font-size: 14px; line-height: 1.5; } p { padding: 10px 0; color: #999; font-size: 12px; line-height: 1.5; } .notice-img { float: right; $img: home/reduction-notice.jpg; width: width($img); height: height($img); background: resolve($img); } } .empty-reduction { text-align: center; font-size: 14px; border: 1px solid #e7e7e7; padding: 40px; margin-bottom: 20px; a { display: inline-block; width: 92px; height: 30px; line-height: 30px; color: #666; text-align: center; cursor: pointer; background: #ededed; border: 1px solid #dbdbdb; border-radius: 3px; } } .reduction-products { margin-bottom: 20px; } } /* 收藏商品 */ .fav-products { .favorite-products > ul { padding-bottom: 20px; } .sorts { position: relative; padding: 10px 35px 10px 10px; min-height: 20px; line-height: 20px; margin: 0 10px 10px; background: #f3f3f3; border: 1px solid #e6e6e6; color: #ccc; .sort { height: 20px; line-height: 20px; color: #666; font-size: 12px; display: inline-block; &.focus { background: resolve(home/sort-select.png) no-repeat left; padding-left: 18px; color: #fff; a { display: inline-block; background: resolve(home/sort-select.png) no-repeat right; font-weight: bold; color: #fff; } } } .sep { margin: 0 10px; } .has-more { margin-left: 10px; } } .all-sorts { display: none; } .sort-btn { position: absolute; display: block; width: 19px; height: 19px; line-height: 19px; right: 10px; top: 10px; text-align: center; border: 1px solid #ececec; background: #fff; cursor: pointer; .iconfont { color: #000; font-size: 12px; } } .reduction-filter { height: 30px; line-height: 30px; text-align: right; font-size: 12px; margin: 0 10px; } .reduction-notice { float: left; color: #666; } .favorite-goods { margin: 0 10px; font-size: 12px; > ul { padding-bottom: 20px; } } .favorite-table-header { .info { width: 390px; padding-left: 50px; text-align: left; } .price { width: 200px; text-align: left; } } .fav-good { position: relative; &:hover { background: #f3f3f3; } .thumb { width: 110px; text-align: center; img { width: 100px; } } .text-info { width: 270px; line-height: 16px; } .name { color: #468fa2; display: block; &:hover { text-decoration: underline; } } .has-bought { display: inline-block; width: 37px; height: 15px; line-height: 15px; text-align: center; color: #fff; background: #418fa3; border-radius: 2px; } .has-activity { color: #666; cursor: pointer; } .price { width: 200px; padding-left: 10px; > em { font-weight: bold; color: #e8044f; font-size: 14px; } .price-down { display: block; margin-top: 5px; > em { color: #e8044f; } .iconfont { font-size: 12px; } } } .options { width: 136px; text-align: center; > * { display: block; } .buy-again, .buy-now { width: 92px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; border-radius: 4px; margin: 0 auto; } .buy-now { color: #fff; background: #da044a; } .buy-again { color: #666; background: #ececec; border: 1px solid #cecece; } .price-down-clock { line-height: 20px; color: #666; cursor: pointer; } .sold-out { color: #666; } /* 去除del按钮的位置影响 */ .buy-now, .buy-again, .sold-out { margin-top: 12px; } } .activites { position: absolute; left: 160px; right: 0; top: 120px; padding: 10px 0; border-top: 1px dashed #ccc; li { line-height: 18px; } .type { display: inline-block; width: 54px; height: 14px; line-height: 14px; margin-right: 5px; overflow: hidden; background: #6c6c6c; border-radius: 2px; color: #fff; text-align: center; vertical-align: middle; } .arrow { position: absolute; $height: height(home/activity-arrow.png); width: width(home/activity-arrow.png); left: 20px; top: -calc($height); height: $height; background: url("/home/activity-arrow.png") no-repeat; } } } } /* 收藏品牌 */ .fav-brands { .favorite-brands > ul { padding-bottom: 20px; } .favorite-table-header { .name { width: 190px; padding-left: 50px; text-align: left; } .new-arrival, .col-count { width: 200px; } } .fav-brand { position: relative; font-size: 12px; .thumb { width: 190px; a { display: block; width: 115px; padding: 5px; text-align: center; border: 1px solid #f4f4f4; } .name { display: block; background: #f4f4f4; color: #666; line-height: 18px; } img { width: 100px; height: 100px; } } .new-arrival, .col-count { width: 200px; text-align: center; } .new-arrival { cursor: pointer; } .options { width: 136px; text-align: center; } .brand-shop { display: block; width: 92px; height: 30px; line-height: 30px; border: 1px solid #c2c2c2; background: #ececec; text-align: center; cursor: pointer; margin: 14px auto 10px; border-radius: 2px; color: #666; font-size: 14px; } .na-list { position: absolute; left: 50px; right: 0; top: 152px; padding: 10px 0; border-top: 1px dashed #ccc; .arrow { position: absolute; $height: height(home/activity-arrow.png); width: width(home/activity-arrow.png); left: 265px; top: -calc($height); height: $height; background: url("/home/activity-arrow.png") no-repeat; } } .na-good { width: 102px; height: 165px; padding: 0 15px; text-align: left; } .na-good-thumb { border: 1px solid #ccc; width: 100px; height: 100px; vertical-align: middle; } .na-good-name { color: #666; line-height: 14px; margin: 5px 0; max-height: 28px; overflow: hidden; } .na-content > * { float: left; } .has-no-na { text-align: center; float: none; padding: 20px 183px 20px 0; } .has-sale { text-decoration: line-through; } .na-pre, .na-next { display: block; width: 31px; height: 31px; line-height: 33px; text-align: center; background: #f4f4f4; border: 1px solid #eee; margin-top: 66px; &.hidden { visibility: hidden; } } $goodsWith: 660px; .na-goods { width: $goodsWith; height: 165px; padding-top: 20px; overflow: hidden; } .na-goods-ul { width: calc(4 * $goodsWith);/* Max page:4 */ > li { float: left; } } } } /* 收藏文章 */ .fav-articles { .favorite-articles > ul { padding-bottom: 20px; } .fav-article:first-child { padding-top: 8px; } .bg-img { display: block; width: 146px; height: 96px; background-size: cover; background-position: center; } .text-info { width: 559px; padding-left: 20px; } .name { display: block; font-weight: bold; font-size: 14px; line-height: 30px; color: #000; width: 550px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; &:hover { text-decoration: underline; } } .desc { color: #333; font-size: 12px; line-height: 24px; height: 48px; } .del-favorite { float: right; font-size: 12px; cursor: pointer; } }