gouwuche.html
我的购物车-京东商城
品类齐全，轻松购物
多仓直发，极速配送
正品行货，精致服务
天天低价，畅选无忧
© 
gouwuche.css
*{
padding: 0;
margin: 0;
}
a{
text-decoration: none;
}
.first{
position: relative;
/*text-align: center;*/
height: 32px;
background-color: rgb(227,228,229);
}
.first a{
display: inline-block;
font-size: 12px;
color: black;
}
.first a:hover{
color: red;
}
.first .p21{
position: absolute;
left:180px;
height: 32px;
line-height: 32px;
}
.first .a1{
margin-left: 220px;
margin-right: 15px;
}
/*.first .first-top{
float: left;
width: 600px;
background-color: burlywood;*/
.first .b1{
margin-right: 168px;
}
.first .a2{
margin-left: 5px;
margin-right: 5px;
}
.first button{
height: 32px;
line-height: 32px;
outline: none;
border: 0;
background-color: rgb(227,228,229);
/*border: 0;*/
/*background-color: rgba(0,0,0,0);*/
}
.first button:hover{
background-color: rgb(255,255,255);
}
.second{
position: relative;
height: 145px;
background-color: rgb(255,255,255);
/*background: url(../img/image/dog1.png) no-repeat 180px 24px ;*/
}
.second .dog1{
margin-left: 180px;
margin-top:24px;
}
.second .input1{
margin-left: 454px;
height: 25px;
width: 269px;
border: 2px solid;
border-color: rgb(201,22,35);
outline: none;
/*border: 0;*/
}
.second button{
position: absolute;
height: 30px;
width: 52px;
border: 0;
background-color: rgb(201,22,35);
margin-right: 150px;
top: 68px;
right: 18px;
}
.second .a3{
position: absolute;
left: 180px;
bottom: 10px;
color: red;
font-size: 20px;
}
.second .a4{
position: absolute;
bottom: 10px;
left: 288px;
color: black;
font-size: 20px;
}
.second .a3:hover{
color: red;
text-decoration: underline;
}
.second .a4:hover{
color: red;
}
.second span{
position: absolute;
left: 982px;
bottom: 10px;
font-size: 12px;
}
.second select{
position: absolute;
bottom: 10px;
left: 1040px;
font-size: ;
}
.third{
height:278px;
background-color: green;
}
.fourth{
position: relative;
height: 382px;
background-color: white;
}
.fourth .d0{
/*position: absolute;*/
text-align: center;
float: left;
width: 240px;
height: 300px;
background-color: white;
border: 1px dashed rgb(202,202,202);
margin-left: 180px;
}
.fourth .d0:hover{
border: 1px solid red;
}
.fourth .d1{
text-align: center;
float: left;
width: 248px;
height: 300px;
background-color: white;
border: 1px dashed rgb(202,202,202);
}
.fourth .d1:hover{
border: 1px solid red;
}
.fourth img{
margin-top: 40px;
margin-left: 50px;
margin-right: 120px;
}
.fourth .d0 a,.fourth .d1 a{
color: black;
font-size: 15px;
/*position: absolute;
bottom: 20px;*/
/*text-align: center;*/
}
.fourth .d0 .input2{
width: 126px;
height: 32px;
background: url(../img/image/che.png) no-repeat;
}
.fourth .d1 input{
width: 126px;
height: 32px;
background: url(../img/image/che.png) no-repeat;
}
.fourth .d0 .input2:hover,.fourth .d1 input:hover{
background-color: red;
}
.fourth .d0 .word2,.fourth .d1 .word2{
font-size: 12px;
}
.fourth p{
color: red;
font-size: 12px;
}
.fifth{
position: relative;
height: 102px;
background-color: rgb(234,234,234);
}
.fifth .p14{
left: 180px;
margin-right: 10px;
}
.fifth p{
height: 102px;
display: inline-block;
line-height: 102px;
margin-left: 50px;
margin-right: 15px;
font-size: 20px;
font-weight: 600;
color: rgb(68,68,68);
}
.fifth .p1{
margin-left: 225px;
font-size: 20px;
font-weight: 600;
color: rgb(68,68,68);
}
.fifth img{
position: absolute;
top: 31px;
margin-right: 30px;
}
.sixrh{
height: 202px;
background-color: rgb(234,234,234);
}
/*.sixrh p{
float: left;
margin-left: 50px;
margin-right: 50px;
}*/
.sixrh .div1{
width: 210px;
height: 204px;
background-color: rgb(234,234,234);
margin-left: 237px;
}
.sixrh div{
float: left;
width: 210px;
height: 204px;
background-color: rgb(234,234,234);
}
.sixrh .sp{
margin-top: 22px;
font-size: 15px;
font-weight: 300;
color:black;
}
.sixrh span{
font-size: 12px;
font-weight: 200;
margin-top: 5px;
margin-bottom: 5px;
color:black;
/*display: block;*/
}
.sixrh .sp:hover{
color: black;
}
.sixrh span:hover{
color: red;
}
/*.sixrh .sp1{
display: block;
margin-left: 180px;
}*/
.seventh{
position: relative;
height: 242px;
background-color: rgb(234,234,234);
}
.seventh .guan{
margin-left: 180px;
margin-right: 5px;
/*margin-top: 50px;*/
}
.seventh a{
/*margin-top: 50px;*/
margin-left: 3px;
margin-right: 5px;
text-align: center;
font-size: 12px;
color: black;
font-weight: 300;
/*top: 200px;*/
}
.seventh a:hover{
color: red;
}
.seventh span{
margin-top: 50px;
}
.seventh .div2{
position: absolute;
top:21px;
}
.seventh .div3{
position: absolute;
top: 55px;
margin-left: 297px;
}
.seventh .div3 a,.seventh .div3 p{
float: left;
font-size: 12px;
font-weight: 300;
}
.seventh .div4{
position: absolute;
top: 80px;
margin-left:259px ;
}
.seventh .div4 a,.seventh .div4 p{
float: left;
font-size: 12px;
font-weight: 300;
}
.seventh .space{
position: absolute ;
top: 101px;
margin-left: 320px;
font-size: 12px;
font-weight: 300;
/*text-align: center;*/
}
.seventh .div5{
position: absolute;
top: 120px;
left: 451px;
}
.seventh .p10{
position: absolute;
top: 4px;
}
.seventh .div6{
position: absolute;
top: 145px;
left: 576px;
display: block;
}
.seventh .div6 p{
font-size: 12px;
font-weight: 300;
}
.seventh .div7{
position: absolute;
bottom: 20px;
left: 342px;
}
.seventh .div7 .button{
width: 75px;
height: 32px;
font-size: 15px;
/*margin-left: 5px;*/
margin-right: 10px;
margin-left: 17px;
outline: none;
border: 0;
background-color: rgb(234,234,234);
}
.seventh .div7 .button:hover{
color: black;
}
.seventh .div7 .p6{
position: absolute;
left: 0px;
margin-right: 81px;
}
.seventh .div7 img{
position: absolute;
bottom: 0px;
/*left: 200px;*/
}