.nav{ height: 35px; background: #EEEEEE ; } .nav-center{ width: 1199px; height: 35px; /* background: green; */ margin:0 auto; line-height: 35px; } .nav-left{ float: left; } .nav-right{ float: right; } .nav-center a{ color:#888888 ; } .nav-center .active{ color: #6F26BD; } .welcome{ margin-right:25px; } /* header头部开始 */ .header{ height: 151px; /* background: red; */ width: 1199px; margin:0 auto; } .header-logo{ float: left; padding-top:44px; /* background: green; */ } .header-search{ float: left; /* background: blue; */ width: 536px; height: 151px; margin-left:123px; margin-right:52px; } .header-cart{ float: left; /* background: purple; */ height:151px; } .search-box{ width: 536px; height:44px; border:2px solid #6F26BD ; margin-top:44px; } .search-box input,.search-box button{ float: left; border:none; } .search-box button{ width: 62px; height: 44px; background: #6F26BD; font-size: 16px; color:#FFFFFF ; } .search-box input{ width: 474px; height: 44px; /* 搜索框获取焦点 蓝色边 */ outline: none; padding-left:7px; box-sizing: border-box; } .search-list{ padding-top:10px; } .search-list a{ color:#999999 ; margin-right: 25px; /* 行级元素margin 上下不好使 左右好使 */ } .header-cart{ padding-top:56px; box-sizing: border-box; } .header-cart img{ /* 设置图片和span中的文字在垂直方向是居中对齐 (默认是居下对齐的) */ vertical-align: middle; } .header-cart span{ color:#959595; } /* 水平菜单 */ .hor-menu{ width: 1199px; height: 50px; /* background: #f00; */ margin: 0 auto; padding-left:260px; /* 怪异盒模型 */ box-sizing: border-box; } .hor-menu li{ float: left; width: 146px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; } .new-icon{ position: absolute; top: -9px; right: 28px; } .new-icon-box{ position: relative; } /* 轮播图开始 */ .slide{ height: 546px; /* background: #EEDED4; */ background: url(../images/bg.png) center top; } .slide-center{ width: 1199px; height: 546px; /* background: #f00; */ margin:0 auto; position: relative; } .menu{ height: 596px; width: 260px; background: rgba(0,0,0,0.4); position: absolute; top:-50px; } .menu-title{ color:#fff; background: #6F26BD ; font-size: 14px; height: 50px; line-height: 50px; text-align: center; font-weight: 400; } .img-box{ float: left; width: 27px; text-align: center; } .content-box{ float: left; } /* 给li添加左右内边距,这里边因为没有给li设置宽度,所有不会被撑大 */ .menu-list{ padding:17px 7px 0 10px; } .content-box{ width:216px; border-bottom: 1px solid #fff; padding-left:9px; box-sizing: border-box; } .contente-title{ font-size: 16px; color: #FFFEFE; } .content-list{ color: #FFFEFE; font-size: 13px; margin:13px 0 10px 0; } .img-box{ padding-top:3px; } .menu-list-box{ padding-top:16px; box-sizing: border-box; } .img-box .iconfont{ color: #fff; font-size: 20px; } .activity{ width: 590px; padding-bottom: 52px; /* height: 400px; */ /* background: #F00; */ } .group{ float: left; } .seckill{ float: right; } .activity-center{ padding-top:41px; } .activity-title{ border-bottom: 1px solid #6F26BD; } .activity-title-text{ width: 125px; height: 34px; background: #6F26BD; color: #fff; font-size: 14px; text-align: center; line-height: 34px; margin-bottom: 1px; } .ac-pro-list{ width: 186px; float: left; margin-right: 10px; } .ac-list-box{ padding-top:19px; } .pro-name{ font-size: 14px; color: #666666 ; padding-top:12px; } .pro-price{ color: #666666 ; } .pro-price span{ color:#FF4200; } .pro-btn{ width: 168px; height: 18px; border:1px solid #A6A6A6 ; margin-top:6px; color:#A6A6A6 ; font-size: 13px; text-align: center; line-height: 18px; /* 边框圆角 */ border-radius: 5px; position: relative; } .btn-icon{ width: 28px; height: 18px; background: #A6A6A6 url(../images/gift-icon.png) no-repeat center center ; border-radius: 5px; position: absolute; left:0; top:0; } /* */ .c-content{ height: 800px; background: #F5F5F5; } .c-content-title{ height: 80px; line-height: 80px; color: #E74079 ; font-size: 26px; text-align: center; } .c-hot-box{ width: 118px; height: 476px; background: #f00; float: left; } .c-sp-area{ width: 192px; height: 476px; background: #00f; float: left; } .c-pro{ width: 594px; height: 476px; background: #0f0; float: left; } .c-brand{ width: 292px; height: 476px; background: #000; float: left; } .c-pro-list{ width: 198px; height: 237px; background: #fff; float: left; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; box-sizing: border-box; } .c-pro-list-1{ width: 396px; }