淘宝作业.css

*{

    padding: 0;

    margin: 0;

}

.top{

    width: 100%;

    height: 30px;

}

.top-inner{

    width: 1440px;

    height: 30px;

    margin: 0 auto;

}

.top-inner-left,.top-inner-right{

    width: 700px;

    height: 30px;

    float: left;

    padding-left: 10px;

    padding-right: 10px;

    line-height: 30px;

    font-size: 14px;

}

.top-inner-left>span,.top-inner-right>span{

    margin-left: 16px;

}

.main{

    width: 100%;

    height: 1000px;

}

.main-top{

    width: 1440px;

    height: 130px;

    margin: 0 auto;

}

.main-top-left{

    width: 200px;

    height: 80px;

    float: left;

}

.main-top-center{

    position: relative;

    width: 800px;

    height: 45px;

    float: left;

    margin-top: 35px;

}

.main-top-center-left{

    float: left;

    margin-left: 300px;

}

.main-top-center-left-ipt{

    width: 330px;

    height: 22px;

    font-size: 14px;

    border: 1px solid #696969;

    border-radius: 22px;

    padding-left: 10px;

}

.main-top-center-left-ipt>input{

    border: 0;

    height: 22px;

    width: 280px;

}

.main-top-center-left-ipt>input:focus{

    border: 0;

    height: 22px;

    width: 280px;

    outline: none;

}

.main-top-center-select{

    display: none;

    position: absolute;

    width: 50px;

    height: auto;

    background-color: #ffffff;

    text-align: center;

    font-size: 14px;

    color: #333333;

    padding: 6px 10px;

    left: 290px;

    top: 24px;

}

.main-top-center-right{

    position: absolute;

    width: 90px;

    height: 24px;

    background: blue;

    color: #ffffff;

    text-align: center;

    line-height: 24px;

    font-size: 14px;

    border-radius: 24px;

    left: 620px;

    top: 0px;

    z-index: 2;

}

.main-top-right{

    width: 440px;

    height: 80px;

    float: left;

    line-height: 80px;

    text-align: right;

}

.main-top-right>span{

    margin-right: 10px;

    font-size: 14px;

}

.main-top-bot{

    width: 1420px;

    height: 50px;

    background-color:#1479D7;

    line-height: 50px;

    padding-left: 20px;

}

.main-top-bot a{

    float: left;

    display: block;

    color: #fff;

    text-decoration: none;

    padding: 0px 25px;

}

.main-top-bot a:hover{

    color: #1479D7;

    background-color: #fff;

}

.main-mid{

    width: 1440px;

    height: 300px;

    margin: 0 auto;

}

.main-mid-top{

    width: 1440px;

    height: 25px;

}

.main-mid-top-zt{

    width: 230px;

    text-align: center;

    color: #FF6200;

    font-size: 16px;

}

.main-mid-left{

    width: 20%;

    height: 275px;

    float: left;

    background-color: rgb(137, 67, 202);

}

.main-mid-center{

    width: 45%;

    height: 275px;

    float: left;

    background-color: rgb(71, 33, 105);

}

.main-mid-right{

    width: 35%;

    height: 275px;

    float: left;

    background-color: rgb(105, 66, 143);

}

.main-bot{

    width: 1440px;

    height: 600px;

    margin: 0 auto;

    background-color: rgb(131, 28, 59);

}

.bottom{

    width: 1440px;

    height: 100px;

    background-color: aqua;

    margin: 0 auto;

}