mkcenter.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. .item-intro {
  2. padding-left: 10px;
  3. letter-spacing: .5px;
  4. }
  5. .fl {
  6. float: left;
  7. }
  8. .r-2x {
  9. border-radius: 4px;
  10. }
  11. .item-img {
  12. overflow: hidden;
  13. }
  14. .list-item {
  15. position: relative;
  16. border: 1px solid #dddce2;
  17. border-radius: 4px;
  18. padding: 10px;
  19. }
  20. .item-img>img {
  21. width: 40px;
  22. height: 40px;
  23. }
  24. .clearfix {
  25. zoom: 1;
  26. }
  27. .text-elepsis {
  28. white-space: nowrap;
  29. text-overflow: ellipsis;
  30. overflow: hidden;
  31. }
  32. .intro-detail {
  33. font-size: 12px;
  34. line-height: 20px;
  35. color: #9797A1;
  36. margin: 0;
  37. }
  38. .intro-title {
  39. font-size: 14px;
  40. line-height: 24px;
  41. color: #595961;
  42. margin: -4px 0 0;
  43. font-weight: 700;
  44. letter-spacing: 1px;
  45. }
  46. .self-class{
  47. width: 300px;
  48. float: left;
  49. margin-right: 20px;
  50. margin-top: 10px;
  51. margin-bottom: 10px;
  52. }
  53. @media (min-width: 1649px) {
  54. .col-lg-12-6-sf {
  55. width: 16.66666667%;
  56. }
  57. }
  58. @media (min-width: 1426px){
  59. .col-lg-12-5-sf {
  60. width: 20%;
  61. }
  62. .m-b-20 {
  63. margin-bottom: 20px;
  64. }
  65. .pad-lr-10 {
  66. padding-right: 10px;
  67. padding-left: 10px;
  68. }
  69. }
  70. @media (min-width: 1200px){
  71. .col-lg-3 {
  72. width: 25%;
  73. }
  74. }
  75. @media (min-width: 1200px){
  76. .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 {
  77. float: left;
  78. }
  79. }
  80. @media (min-width: 992px){
  81. .col-md-4 {
  82. width: 33.33333333%;
  83. }
  84. }
  85. @media (min-width: 992px){
  86. .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 {
  87. float: left;
  88. }
  89. }
  90. @media (min-width: 768px){
  91. .col-sm-6 {
  92. width: 50%;
  93. }
  94. }
  95. @media (min-width: 768px){
  96. .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 {
  97. float: left;
  98. }
  99. .col-xs-12 {
  100. float: left;
  101. width: 100%;
  102. }
  103. .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 {
  104. position: relative;
  105. min-height: 1px;
  106. padding-left: 15px;
  107. padding-right: 15px;
  108. }
  109. }