.deng{position: relative;border-radius: 10px;border: 1px solid #000000;overflow: hidden;}
.bai{position: relative;border-radius: 10px;border: 1px solid #000000;overflow: hidden;background:url(/menu/bai600.png) no-repeat 0px 0px,radial-gradient(closest-side circle at 50% 30% ,yellow,orange, transparent 100%);background-size:100% auto;}

.lanternX01 {position: absolute;bottom: -60px;left: 20px;transform: translateX(0); animation-name: lanternX01;animation-duration: 12s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY01 {display: inline block;width: 28px;z-index: 5;animation-name: lanternY01;  animation-duration: 10s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:3s;}
@keyframes lanternX01 { 50% {transform: translateX(40px);}}
@keyframes lanternY01 { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX02 {position: absolute;bottom: -60px;left: 60px;transform: translateX(0); animation-name: lanternX02;animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY02 {display: inline block;width: 38px;z-index: 5;animation-name: lanternY;  animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX02 { 50% {transform: translateX(80px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX03 {position: absolute;bottom: -65px;left: 50px;transform: translateX(0); animation-name: lanternX03;animation-duration: 35s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY03 {display: inline block;width: 85px;z-index: 5;animation-name: lanternY;  animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX03 { 50% {transform: translateX(70px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX03-1 {position: absolute;bottom: -65px;left:45%;transform: translateX(0); animation-name: lanternX03-1;animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY03-1 {display: inline block;width:85px;z-index: 5;animation-name: lanternY;  animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX03-1 { 50% {transform: translateX(0px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}
.lanternX03-2 {position: absolute;bottom: -65px;left:39%;transform: translateX(0); animation-name: lanternX03-2;animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY03-2 {display: inline block;width:85px;z-index: 5;animation-name: lanternY;  animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX03-2 { 50% {transform: translateX(0px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX04 {position: absolute;bottom: -60px;left: 40px;transform: translateX(0); animation-name: lanternX03;animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY04 {display: inline block;width: 38px;z-index: 5;animation-name: lanternY;  animation-duration: 18s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:2s;}
@keyframes lanternX04 { 50% {transform: translateX(60px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX05 {position: absolute;bottom: 3px;left: 0px;transform: translateX(0); animation-name: lanternX05;animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY05 {display: inline block;width: 68px;z-index: 5;animation-name: lanternY;  animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX05 { 50% {transform: translateX(68px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX11 {position: absolute;bottom: -60px;right: 260px;transform: translateX(0); animation-name: lanternX11;animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY11 {display: inline block;width: 28px;z-index: 5;animation-name: lanternY;  animation-duration: 10s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX11 { 50% {transform: translateX(240px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX12 {position: absolute;bottom: -60px;right: 220px;transform: translateX(0); animation-name: lanternX12;animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY12 {display: inline block;width: 38px;z-index: 5;animation-name: lanternY;  animation-duration: 15s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX12 { 50% {transform: translateX(200px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX13 {position: absolute;bottom: -65px;right: 120px;transform: translateX(0); animation-name: lanternX13;animation-duration: 35s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY13 {display: inline block;width: 85px;z-index: 5;animation-name: lanternY;  animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX13 { 50% {transform: translateX(60px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX14 {position: absolute;bottom: -60px;right: 160px;transform: translateX(0); animation-name: lanternX13;animation-duration: 13s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY14 {display: inline block;width: 38px;z-index: 5;animation-name: lanternY;  animation-duration: 16s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:2s;}
@keyframes lanternX14 { 50% {transform: translateX(140px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}

.lanternX15 {position: absolute;bottom: 3px;right: 5px;transform: translateX(0); animation-name: lanternX15;animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.lanternY15 {display: inline block;width: 68px;z-index: 5;animation-name: lanternY;  animation-duration: 0s;animation-iteration-count: infinite;animation-timing-function: linear;transform: translateY(0);animation-delay:1s;}
@keyframes lanternX15 { 50% {transform: translateX(68px);}}
@keyframes lanternY { 0% {transform: translateY(0);} 50% {transform: translateY(-230px);} 100% {transform: translateY(-460px);}}