Authored by wangqing

潮流搭配样式

  1 +.trend-coll-wrapper {
  2 + width: 100%;
  3 + height: 645rem / $pxConvertRem;
  4 +}
  5 +.trend-coll-header {
  6 + position: relative;
  7 + widows: 100%;
  8 + .trend-coll-title {
  9 + width: 100%;
  10 + height: 100rem / $pxConvertRem;
  11 + line-height: 100rem / $pxConvertRem;
  12 + text-align: center;
  13 + font-size: 34rem / $pxConvertRem;
  14 + color: #747474;
  15 + }
  16 + .more {
  17 + position: absolute;
  18 + right: 24rem / $pxConvertRem;
  19 + top:20rem / $pxConvertRem;
  20 + }
  21 +}
  22 +.trend-coll-content {
  23 + width: 100%;
  24 + .lspan {
  25 + float: left;
  26 + box-sizing: border-box;
  27 + width: 50%;
  28 + padding-left: 15rem / $pxConvertRem;
  29 + }
  30 + .rspan {
  31 + float: right;
  32 + box-sizing: border-box;
  33 + width: 50%;
  34 + padding-right: 15rem / $pxConvertRem;
  35 + }
  36 +}
  37 +.lspanimg {
  38 + display: block;
  39 + float: right;
  40 + width: 277rem / $pxConvertRem;
  41 + height: 277rem / $pxConvertRem;
  42 + }
  43 +.rspanimg {
  44 + display: block;
  45 + float: right;
  46 + width: 277rem / $pxConvertRem;
  47 + height: 277rem / $pxConvertRem;
  48 + }
  49 +.trend-coll-tail {
  50 + box-sizing: border-box;
  51 + width: 100%;
  52 + height: 267rem / $pxConvertRem;
  53 + clear: both;
  54 +}
  55 +.recommend-title {
  56 + widows: 100%;
  57 + height: 100rem / $pxConvertRem;
  58 + line-height: 100rem / $pxConvertRem;
  59 + text-align: center;
  60 + font-size: 34rem / $pxConvertRem;
  61 +}
  62 +.recommend-list {
  63 + overflow: hidden;
  64 + box-sizing: border-box;
  65 + width: 100%;
  66 + padding-left: 30rem / $pxConvertRem;
  67 + padding-right: 30rem / $pxConvertRem;
  68 + height: 120rem / $pxConvertRem;
  69 +}
  70 +.recommend-item {
  71 + float: left;
  72 + box-sizing: border-box;
  73 + margin-right: 15rem / $pxConvertRem;
  74 + width: 120rem / $pxConvertRem;
  75 + height: 120rem / $pxConvertRem;
  76 + border: 1px solid #000;
  77 + img {
  78 + width: 100%;
  79 + height: 100%;
  80 + }
  81 +}