home.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /*首页*/
  2. #home .title{
  3. text-align: center;
  4. padding-top: 196px;
  5. }
  6. #home .input{
  7. margin: 0 auto;
  8. width: 39%;
  9. min-width: 732px;
  10. }
  11. #home .input>p{
  12. height: 50px;
  13. text-align: center;
  14. margin-top: 63px;
  15. }
  16. #home .input p>input{
  17. background:#ffffff;
  18. border:1px solid #c8ccd5;
  19. width:658px;
  20. height:50px;
  21. float:left;
  22. text-indent: 1em;
  23. }
  24. #home .input p>span{
  25. background: url(../img/search_icon_white.svg) no-repeat;
  26. float: left;
  27. display: inline-block;
  28. width: 71px;
  29. height: 50px;
  30. border-radius: 1px;
  31. line-height: 50px;
  32. border-left: 0;
  33. background-color: #00c400;
  34. background-position: 50% 50%;
  35. }
  36. #home .input .hot{
  37. text-align: left;
  38. margin-top: 20px;
  39. }
  40. #home .input .hot .tit{
  41. margin: 0
  42. }
  43. #home .carousel{
  44. height: 341px;
  45. text-align: center;
  46. margin: 0 auto;
  47. width: 66%;
  48. min-width: 1261px;
  49. margin-top: 82px;
  50. }
  51. #home .carousel .tit{
  52. font-family:HelveticaNeue;
  53. font-size:14px;
  54. color:#858998;
  55. text-align: left;
  56. margin-bottom: 20px;
  57. }
  58. #home .carousel .main{
  59. text-align: center;
  60. height: 240px;
  61. padding: 20px 0;
  62. border-top: 1px solid #f1f1f1;
  63. border-bottom: 1px solid #f1f1f1;
  64. }
  65. #home .carousel .main>span{
  66. width: 50px;
  67. height: 200px;
  68. line-height: 200px;
  69. top: -97px;
  70. cursor: pointer;
  71. font-size: 20px;
  72. color: #767a82;
  73. }
  74. #home .carousel .main>span:hover{
  75. box-shadow: 0 0 1px #999;
  76. }
  77. #home .carousel .main .glyphicon-menu-left{
  78. margin-right: 25px;
  79. }
  80. #home .carousel .main .glyphicon-menu-right{
  81. margin-left: 25px;
  82. }
  83. #home .carousel>span{
  84. display: inline-block;
  85. width: 30px;
  86. height: 100%;
  87. }
  88. #home .carousel .scroll{
  89. display: inline-block;
  90. width: 1101px;
  91. overflow-x: scroll;
  92. }
  93. #home .carousel .scroll::-webkit-scrollbar{
  94. height: 0px;
  95. }
  96. #home .carousel ul{
  97. display: inline-block;
  98. padding: 0;
  99. margin: 0;
  100. width: -webkit-max-content;
  101. width: -moz-max-content;
  102. width: max-content;
  103. /*width: 5000px; */
  104. }
  105. #home .carousel ul li{
  106. list-style: none;
  107. float:left;
  108. width: 200px;
  109. height: 200px;
  110. margin: 0 10px;
  111. border: 1px solid #999;
  112. }