请问大家为什么我的图片显示不出来啊

<div class="box">
            <ul>
                <li>_______ 关于我们 ______</li>
                <p>ABOUT US</p>
                <div class="info">千库网有限公司
                    <li>书已经走进了千家万户，人们读书也没有像“悬梁刺股”那样夸张了。<br/>
            但读书的精神还是在我们这一代渊源流淌：学校开办图书馆，办起了各种各样的<br/>
            图书交流活动；甚至有些图书馆还特意的举办了图书漂流活动、图书跳蚤市场<br/>
            等别出心裁的活动，这难道不是现代人推广读书传统的表现么？或许有的人，<br/>
                说读书是没有什么大用处的，以为读书就是读书，读完了没有任何收获，甚至<br/>
                有的人连书里面的内容都读的朦朦胧胧、张冠李戴。我想告诉这些人，读书，<br/>
                必须要报以一种用心灵去读的心态细细地品味书里真正的内容的意义！做到“<br/>
                眼到、心到、手到、脑到、嘴到！”这样，读完书才会有一种“满载而归”的<br/>
                喜悦！“读书破万卷，下笔如有神。”</li>
                    <li>中华五千年也离不开书，我们这一代一定要把书香传统发扬光大，让更多<br/>
                    人从中受益，让书香弥漫每个人的人生！</li>
                </div>
                <div class="w"></div>
            </ul>   
        </div>

.box{
    height: 688px;
    background-color: white;
}
.box ul li{
    font-size: 35px;
    color: #595959;
    margin-top: 110px;
    margin-left: 650px;
}
.box ul p{
    font-size: 20px;
    color: #595959;
    margin-top: 10px;
    margin-left: 790px;
}
.box .info{
    font-size: 20px;
    color: #595959;
    margin-top: 110px;
    margin-left: 200px;
}
.box .info li{
    font-size: 15px;
    color: #595959;
    margin-top: 10px;
    margin-left: 3px;
    text-indent:2em;
}
.box.w{
    background: url(4182.png) no-repeat top center; 
}

我想要的效果是这样

能在我现在代码的基础上做出这种效果吗能尽量不修改除了那个放图片的盒子之外其他盒子的代码吗

.box.w 之间加空格 变成 .box .w

路径保证没错的话，请用引号包裹试试

.box.w{
    background: url('4182.png') no-repeat top center; 
}