123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- @for $val from 0 through 160 {
- .mg-tp#{$val}{margin-top: $val * 1rpx !important;}
- .mg-rt#{$val}{margin-right: $val * 1rpx !important;}
- .mg-bt#{$val}{margin-bottom: $val * 1rpx !important;}
- .mg-lt#{$val}{margin-left: $val * 1rpx !important;}
- .mg#{$val}{margin: $val * 1rpx !important;}
- .pd-tp#{$val}{padding-top: $val * 1rpx !important;}
- .pd-rt#{$val}{padding-right: $val * 1rpx !important;}
- .pd-bt#{$val}{padding-bottom: $val * 1rpx !important;}
- .pd-lt#{$val}{padding-left: $val * 1rpx !important;}
- .pd#{$val}{padding: $val * 1rpx !important;}
- .size#{$val}{font-size: $val * 1rpx !important;}
- }
- .infohead{
- border-radius: 12rpx 12rpx 0 0;
- }
- .infolast{
- border-radius: 0 0 12rpx 12rpx;
- border-bottom: 0 solid transparent !important;
- }
- .inforound{
- border-radius: 12rpx;
- border-bottom: 0 solid transparent !important;
- }
- .c0{
- color: #000;
- }
- .c3{
- color: #333;
- }
- .c6{
- color: #666;
- }
- .c9{
- color: #999;
- }
- .cfff{
- color: #fff;
- }
- .cC{
- color: #CCC;
- }
- .Bold{
- font-weight: bold;
- }
- .bgE5{
- background-color: #E5E5E5 !important;
- }
- .bgc23{
- background-color: #DC3C23 !important;
- }
- .bgc8{
- background-color: #C8C8C8 !important;
- }
- .bg831{
- background-color: #EEA831 !important;
- }
- .cDE9{
- color: #2C9DE9;
- }
- .cC23{
- color: #DC3C23;
- }
- .c430{
- color: #219430;
- }
- .c666{
- color: #666;
- }
- .text-center{
- text-align: center;
- }
- .disflex{
- display: flex;
- }
- .flex-col{
- display: flex;
- flex-direction: column;
- }
- .justify-between{
- display: flex;
- justify-content: space-between;
- }
- .align-center{
- display: flex;
- align-items: center;
- }
- .align-start{
- display: flex;
- align-items: flex-start;
- }
- .align-end{
- display: flex;
- align-items: flex-end;
- }
- .flexcenter{
- display: flex;
- align-items: center;
- justify-content: center
- }
- .flex-col-between{
- @extend .flex-col;
- @extend .align-start;
- @extend .justify-between;
- flex: 1;
- }
- /* 超出隐藏 */
- .overflow1 {
- display: -webkit-box;
- -webkit-line-clamp: 1;
- -webkit-box-orient: vertical;
- overflow: hidden;
- }
- .overflow2 {
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- overflow: hidden;
- }
- .overflow3 {
- display: -webkit-box;
- -webkit-line-clamp: 3;
- -webkit-box-orient: vertical;
- overflow: hidden;
- }
- .overflow4 {
- display: -webkit-box;
- -webkit-line-clamp: 4;
- -webkit-box-orient: vertical;
- overflow: hidden;
- }
- .expert-text{
- @extend .c3;
- @extend .Bold;
- @extend .mg-tp24;
- }
- .keep-all{
- word-break: break-all;
- }
|