.item-intro { padding-left: 10px; letter-spacing: .5px; } .fl { float: left; } .r-2x { border-radius: 4px; } .item-img { overflow: hidden; } .list-item { position: relative; border: 1px solid #dddce2; border-radius: 4px; padding: 10px; } .item-img>img { width: 40px; height: 40px; } .clearfix { zoom: 1; } .text-elepsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .intro-detail { font-size: 12px; line-height: 20px; color: #9797A1; margin: 0; } .intro-title { font-size: 14px; line-height: 24px; color: #595961; margin: -4px 0 0; font-weight: 700; letter-spacing: 1px; } .self-class{ width: 300px; float: left; margin-right: 20px; margin-top: 10px; margin-bottom: 10px; } @media (min-width: 1649px) { .col-lg-12-6-sf { width: 16.66666667%; } } @media (min-width: 1426px){ .col-lg-12-5-sf { width: 20%; } .m-b-20 { margin-bottom: 20px; } .pad-lr-10 { padding-right: 10px; padding-left: 10px; } } @media (min-width: 1200px){ .col-lg-3 { width: 25%; } } @media (min-width: 1200px){ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left; } } @media (min-width: 992px){ .col-md-4 { width: 33.33333333%; } } @media (min-width: 992px){ .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } } @media (min-width: 768px){ .col-sm-6 { width: 50%; } } @media (min-width: 768px){ .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; } .col-xs-12 { float: left; width: 100%; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } }