123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- /*首页*/
- #home .title{
- text-align: center;
- padding-top: 196px;
- }
- #home .input{
- margin: 0 auto;
- width: 39%;
- min-width: 732px;
- }
- #home .input>p{
- height: 50px;
- text-align: center;
- margin-top: 63px;
- }
- #home .input p>input{
- background:#ffffff;
- border:1px solid #c8ccd5;
- width:658px;
- height:50px;
- float:left;
- text-indent: 1em;
- }
- #home .input p>span{
- background: url(../img/search_icon_white.svg) no-repeat;
- float: left;
- display: inline-block;
- width: 71px;
- height: 50px;
- border-radius: 1px;
- line-height: 50px;
- border-left: 0;
- background-color: #00c400;
- background-position: 50% 50%;
- }
- #home .input .hot{
- text-align: left;
- margin-top: 20px;
- }
- #home .input .hot .tit{
- margin: 0
- }
- #home .carousel{
- height: 341px;
- text-align: center;
- margin: 0 auto;
- width: 66%;
- min-width: 1261px;
- margin-top: 82px;
- }
- #home .carousel .tit{
- font-family:HelveticaNeue;
- font-size:14px;
- color:#858998;
- text-align: left;
- margin-bottom: 20px;
- }
- #home .carousel .main{
- text-align: center;
- height: 240px;
- padding: 20px 0;
- border-top: 1px solid #f1f1f1;
- border-bottom: 1px solid #f1f1f1;
- }
- #home .carousel .main>span{
- width: 50px;
- height: 200px;
- line-height: 200px;
- top: -97px;
- cursor: pointer;
- font-size: 20px;
- color: #767a82;
- }
- #home .carousel .main>span:hover{
- box-shadow: 0 0 1px #999;
- }
- #home .carousel .main .glyphicon-menu-left{
- margin-right: 25px;
- }
- #home .carousel .main .glyphicon-menu-right{
- margin-left: 25px;
- }
- #home .carousel>span{
- display: inline-block;
- width: 30px;
- height: 100%;
- }
- #home .carousel .scroll{
- display: inline-block;
- width: 1101px;
- overflow-x: scroll;
- }
- #home .carousel .scroll::-webkit-scrollbar{
- height: 0px;
- }
- #home .carousel ul{
- display: inline-block;
- padding: 0;
- margin: 0;
- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
- /*width: 5000px; */
- }
- #home .carousel ul li{
- list-style: none;
- float:left;
- width: 200px;
- height: 200px;
- margin: 0 10px;
- border: 1px solid #999;
- }
|