modeldetail.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. .place{
  2. margin-top: 10px;
  3. }
  4. .box >div>div{
  5. float: left;
  6. }
  7. .box>div{
  8. width: 95%;
  9. margin-top: 30px;
  10. margin-left: 3%;
  11. clear: both;
  12. float: left;
  13. }
  14. .small-btn{
  15. width: 50%;
  16. height: 40px;
  17. border: 1px solid #1ABCB4;
  18. background: transparent;
  19. color: #1ABCB4;
  20. margin-bottom: 10px;
  21. border-radius: 3px;
  22. margin-left: 0;
  23. }
  24. .modalprice{
  25. font-size: 20px;
  26. color:#FF0000;
  27. }
  28. .count{
  29. float: right;
  30. color: #A6A6A6;
  31. }
  32. .erweima-box{
  33. width: auto;
  34. height: auto;
  35. margin-top: 10px;
  36. }
  37. .erweima-box img{
  38. width: 60%;
  39. }
  40. .tit{
  41. font-size: 17px;
  42. font-weight: bold;
  43. margin-top: 30px;
  44. }
  45. .jietu{
  46. width: 99%;
  47. height: auto;
  48. overflow-x: scroll;
  49. white-space: nowrap;
  50. scrollbar-face-color:#FFFFFF;
  51. scrollbar-track-color:#FFFFFF;
  52. scrollbar-arrow-color:#FFFFFF;
  53. scrollbar-3dlight-color:#FFFFFF;
  54. scrollbar-darkshadow-color:#FFFFFF;
  55. scrollbar-highlight-color:#FFFFFF;
  56. scrollbar-shadow-color:#FFFFFF;
  57. scrollbar-base-color:#FFFFFF;
  58. }
  59. .jietu img{
  60. margin: 10px;
  61. }
  62. .jietu::-webkit-scrollbar-thumb:hover{/*滚动条的hover样式*/
  63. height:50px;
  64. background-color:#9f9f9f;
  65. -webkit-border-radius:4px;
  66. }
  67. .jietu::-webkit-scrollbar{/*水平滚动条的样式*/
  68. width:5px;
  69. height:10px;
  70. background-color:#CCCCCC;
  71. -webkit-border-radius:6px;
  72. }
  73. .jietu::-webkit-scrollbar-track {
  74. background:#FFFFFF;
  75. }
  76. .jietu::-webkit-scrollbar-thumb{
  77. background:#C1D3E1;
  78. border-radius:4px;
  79. }
  80. .sugget{
  81. width: 10%;
  82. height: auto;
  83. }
  84. .suggestion{
  85. width: 100%;
  86. height: 70px;
  87. }
  88. .suggestion>div{
  89. float: left;
  90. margin-right: 10px;
  91. }
  92. .titimg{
  93. width: 50px;
  94. height: auto;
  95. }
  96. .titimg>img{
  97. width: 50px;
  98. height: 50px;
  99. border-radius:50px ;
  100. }
  101. span{
  102. margin-right: 5px;
  103. }
  104. .nav ul{
  105. width: 100%;
  106. height: 50%;
  107. }
  108. .nav ul li{
  109. width: 100%;
  110. height: 100%;
  111. font-size: 14px;
  112. color: #999999;
  113. line-height: 40px;
  114. text-align: center;
  115. }
  116. .box {
  117. border: 10px solid #F0F0F0;
  118. height: auto;
  119. float: left;
  120. margin-bottom: 20px;
  121. }
  122. @media(max-width: 640px) {
  123. .nav {
  124. width: 20%;
  125. height: auto;
  126. margin: 10px auto;
  127. }
  128. /*.container{
  129. padding: 0;
  130. }*/
  131. }
  132. @media(max-width: 768px) {
  133. .jietu_ {
  134. margin-left: 0 !important;
  135. }
  136. }
  137. .detail{
  138. margin-bottom: 10px;
  139. }
  140. /*article*/
  141. .home-wrap>.box{
  142. margin-left: 11.5%;
  143. }
  144. .leftsec{
  145. width: 30%;
  146. float: left;
  147. }
  148. .centersec{
  149. width: 70%;
  150. padding-left: 10px;
  151. word-break: break-all;
  152. }
  153. .bottomsec{
  154. /*word-break: break-all;*/
  155. overflow-x: hidden;
  156. }
  157. .bottomsec .tit{
  158. padding-left: 10px;
  159. }
  160. .bottomsec .jietu{
  161. overflow-x: hidden;
  162. white-space: normal;
  163. }
  164. .bottomsec .jietu img{
  165. width: 80%;
  166. }