CSS-仿京东轮播图一

当你压力大到奔溃的时候，不要跟任何人讲，也不要觉得自己委屈，因为没有人会心疼你。无人问津也好，技不如人也罢，你都要试着安静下来，去做自己应该做的事，而不是让烦躁和焦虑毁掉你本就不多的热情和定力，这是一个成年人应有的素养。

    <!--        主体模块开始-->

    <div class="w">
        <div class="main">
            <div class="focus">
                <ul>
                    <li>
                        <img src="upload/bailu.jpg" alt="">
                    </li>
                </ul>
            </div>
            <div class="newflash">
                <div class="news"></div>
                <div class="life"></div>
                <div class="bargin">
                    <img src="image/1.jpg" alt="#">
                </div>
            </div>
        </div>
    </div>
    <!--        主体模块结束-->

.main{
    width: 980px;
    height: 455px;
    /*background-color: pink;*/
    margin-left: 220px;
    margin-top: 8px;
}
.focus{
    float: left;
    width: 721px;
    height: 455px;
    /*background-color: purple;*/
}
.focus img{
    display: inline-block;
    height: 455px;
    width: 695px;
}
.newflash{
    float: right;
    width: 250px;
    height: 455px;
    /*background-color: skyblue;*/
}
.news{
    height: 165px;
    background-color: pink;
}
.life{
    height: 209px;
    background-color: #e60012;
}
.bargin img{
    display: inline-block;
    margin-top: 2px;
    height: 79px;
    width: 250px;
    background-size: auto;
}