东方购物的简单布局的外部样式

.box{
height: 25px;
width: 1500px;
background-color: whitesmoke;
margin: 0 auto;
}
.clearfix:before,
.clearfix:after{
content: "";
display: table;
clear: both;
}

.T{
height: 25px;
width: 1190px;
background-color: white;
margin: 0 auto;
}
.T2{
display: inline-block;
height: 25px;
width: 500px;
background-color: white;
}
.T li{
text-decoration: none;
list-style: none;
}
.T a{
text-decoration: none;
}
.T a:hover {
text-decoration: underline;

text-decoration: none;

}
.T1{
height: 25px;
width: 500px;
background-color: white;
float:right;
position: relative;
}
.T1 :hover {
background-color: white;
}
.T1 a {
color: black!important;
text-decoration: none;
line-height: 25px;
padding: 0 20px;
}
.A{
height: 25px;
width: 125px;
background-color: #78a000;
}
.box1{
height: 80px;
width: 1190px;
background: white;
margin: 0 auto;
margin-top: 10px;
}
.box1 a{
margin-right: 10px;
}
.box2{
height: 50px;
width: 1500px;
background-color: red;
margin: 0 auto;
margin-top: 5px;
}

.box3{
height: 590px;
width: 1500px;
background-color: #78a000;
margin: 0 auto;
margin-top: 10px;
}
.box4{
height: 250px;
width: 1190px;
background-color: #2a6496;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
.box5{
height: 250px;
width: 1190px;
background-color: #78a000;
margin: 0 auto;
margin-bottom: 10px;
}
.box6{
height: 300px;
width: 1190px;
background-color: blue;
margin: 0 auto;
}
.box7{

}
.B{
height: 165px;
width: 115px;
background-color: #78a000;
margin-left: 20px;
float: left;
}
.list{
height: 50px;
width: 1190px;
background-color: red;
margin: 0 auto;
}
.list ul li {
float: left;
position: relative;
font-size: 12px;
}
.list ul li:hover {
background-color: #761c19;
}
.list ul li a {
font-size: 18px;
line-height: 50px;
padding: 0 25px;
color: #fff!important;
text-decoration: none;
}
.list ul li {
float: left;
position: relative;
font-size: 12px;
list-style: none;
}
.input{
width: 500px;
height: 80px;
background-color: #2b669a;
float: right;
}