/*导航开始*/ .nav{ height: 30px; background-color: #f1f1f1; } .warp{ width: 1000px; margin: 0px auto; } .nav-ul1,.nav-ul2 a{ float: left; } .nav-ul1 li{ float: left; line-height: 30px; margin-right: 20px; } .nav-ul1 a,.nav-ul2 a{ font-size: 12px; color: gray; } .nav-ul2 { float: right; } .nav-ul2 li,.nav-ul2 span { float: left; line-height: 30px; margin-left: 10px; } a:hover{ color: red; } .nav-ul1 i{ position: relative;/*为什么是向右边移动*/ right: 2px; } /*导航结束*/ /*搜索框开始*/ .search{ margin-top: 20px; } .search img{ clear: both; float: left; } .search_div{ float: right; margin-top: 10px; } .search_text{ width: 265px; height: 20px; /*position是定位,relative是相对定位*/ position: relative; border:3px solid #c91623; left: 4px; top: -1px; } .search_button{ width: 51px; height: 28px; background-color: #c91623; /*border是边框,solid是实线*/ border: 0px; color:#ffffff; } /*搜索框结束*/ /*标题开始*/ .title{ margin-top: 100px; } .title h3{ float: left; font-size: 25px; color: #c91623; } .title div{ float: right; font-size: 14px; color: gray; } .tips li{ float: left; line-height: 50px; } /*标题结束*/ /*显示菜单的开始*/ .tips{ width: 1000px; height: 50px; background-color:#f1f1f1; margin-top: 140px; border: 1px solid #e9e9e9; } .tips li{ float: left; line-height: 50px; font-size: 12px; color: gray; } .tips li:nth-child(1){ width: 100px; border-top: 3px solid #c91623;} .tips li:nth-child(2){ margin-left: 90px;} .tips li:nth-child(3){ margin-left: 430px;} .tips li:nth-child(4){ margin-left: 65px;} .tips li:nth-child(5){ margin-left: 80px;} .tips li:nth-child(6){ margin-left: 70px;} /*显示菜单的结束*/ /*商品详情展示开始*/ .info{ width: 1000px; height: 140px; background-color: #fff4e8; border: 1px solid gray; margin-top:30px; border-top: 3px solid gray; } .info li{ margin-top:20px; float: left; } .info_1{ margin-left: 28px; } .info_2{ margin-left: 15px; border: 1px solid gray; } .info_3{ width: 250px; height: 20px; } .info_4{ margin-left: 20px; } .info_5{ margin-left: 98px; } .info_6{ margin-left:28px; } .info_6 input{ padding: 0px; width: 24px; height: 20px; text-align: center; position: relative; left: -4px; } .info_7{ margin-left:28px; } .info_8{ margin-left:28px; } /*商品详情展示结束*/ /*结算开始*/ .balance{ margin-top:30px ; width: 1000px; height: 50px; background-color:white; border: 1px solid gray; } .balance_1,.balance_1>li,.balance_2>li{ float: left; margin-left: 20px; line-height:50px; } .balance_2 { float: right; } .balance_2 span{ font-weight: bold; font-size: 20px; color: red; } .balance button{ width: 100px; height: 50px; background-color: red; color: white; border: 0px solid; } /*结算结束*/