制作多重背景为什么在body下面写body样式没有效果，而移到原本代码body里就有效果

body {
            margin-top: 5em;
            text-align: center;
            color: #414142;
            background: rgb(246,241,232);
        任务一、制作多背景
        body {
            background-image: radial-gradient( farthest-side ellipse at center,  rgba(246,241,232,.85) 39%,rgba(212,204,186,.5) 100%), url("http://fs0.139js.com/file/s_jpg_857b081bjw1du3kveu19sj.jpg");}