@charset "utf-8";html{background:#fdebef url(../imagewap/nd/bg.jpg) no-repeat fixed;background-size:100% auto;height:100%}body{height:100%}.nones,footer{display:none}.nd-header{background:rgba(208,208,253,.8)}.nd-header .tab{border:1px solid #8c8ce6}.nd-header .tab li{color:#8c8ce6}.nd-header .tab .current{background-color:#8c8ce6;color:#fff}.nd-play-bg .bg-top{background:url(../imagewap/nd/bg-top.png) no-repeat;background-size:100% auto;height:16rem}.nd-play-bg .bg-bottom{background:url(../imagewap/nd/bg-bottom.png) no-repeat top center;background-size:100% auto;height:15rem}.anime-niudan{display:inline-block;-webkit-animation-name:bgtops;animation-name:bgtops;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-timing-function:steps(16);animation-timing-function:steps(16);background-position:bottom}@keyframes bgtops{0%{background-position:top}100%{background-position:bottom}}.nd-play-bg .btn{background:url(../imagewap/nd/btn.png) no-repeat top;margin-top:.7rem;margin-right:2.6rem;width:3rem;height:3rem;background-size:100% auto}.anime-btn{display:inline-block;-webkit-animation-name:btns;animation-name:btns;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:steps(2);animation-timing-function:steps(2);background-position:bottom}@keyframes btns{0%{background-position:top}100%{background-position:bottom}}.nd-play-bg .end{background:url(../imagewap/nd/niudan.png) no-repeat top;margin-top:1.3rem;margin-right:5.9rem;width:7.8rem;height:7.8rem;background-size:100% auto}.anime-end{display:inline-block;-webkit-animation-name:ends;animation-name:ends;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:steps(6);animation-timing-function:steps(6);background-position:bottom}@keyframes ends{0%{background-position:top}70%{background-position:top}100%{background-position:bottom}}.nd-play-bg .btntip{background:url(../imagewap/nd/bgsbottom.png) no-repeat top;background-size:100% auto;height:12rem}.nd-play-bg .info{background:rgba(255,255,255,.6);color:#8c8ce6}.nd-play-bg .btnone{background:url(../imagewap/nd/btns.png) no-repeat;background-size:100% auto;width:12rem;height:4.1rem}.nd-play-bg .btntwo{background:url(../imagewap/nd/btns.png) no-repeat 0 -4.15rem;background-size:100% auto;width:12rem;height:4.1rem}.nd-nav{position:fixed;bottom:0;background-color:#f1f1f1;border-top:1px solid #ccc;z-index:50}.nd-nav .icon{background:url(../imagewap/nd/ico-nav.png) no-repeat top center;background-size:100% auto;width:3rem;height:3rem}.nd-nav .icon-1{background-position:0 0}.nd-nav .current .icon-1{background-position:0 -3rem}.nd-nav .icon-2{background-position:0 -6rem}.nd-nav .current .icon-2{background-position:0 -9rem}.nd-nav .icon-3{background-position:0 -12rem}.nd-nav .current .icon-3{background-position:0 -15rem}.nd-nav .current .s6{color:#fdd325}.nd-layer{background-color:rgba(0,0,0,.7);height:100%;position:absolute;top:0;z-index:100}.nd-layer .layer{background:url(../imagewap/nd/bg-layer.png) no-repeat top center;min-height:20rem;background-size:100% auto}.nd-layer .layer .s1{color:#ff0008}.nd-layer .btn-nobg{width:12rem;height:4rem}.nd-layer .btn-nobg .btn-no{background:url(../imagewap/nd/btns.png) no-repeat 0 -12.3rem;background-size:100% auto;width:12rem;height:4rem}.nd-layer .btn-nobg .btn{background:url(../imagewap/nd/btns.png) no-repeat 0 -8.2rem;background-size:100% auto;width:12rem;height:4rem}.nd-layer .rule{border:2px solid #8c8ce6}.nd-rank .bgtit{background:#8c8ce6;text-indent:1rem}.nd-rank .bgtits{background:#884d08;text-indent:1rem}.nd-ranks{background:rgba(288,199,174,.7)}.nd-rank .bg{background-color:#a2a2ef;height:4rem;margin-top:.5rem;border-radius:2em;line-height:4rem}.nd-rank .face{width:5rem;height:5rem;margin-top:-.5rem}.nd-rank .face .img{border:2px solid #8c8ce6}.nd-ranks .face .img{border:2px solid #884d08}.nd-ranks .bg{background-color:#aa804e}.nd-rank .face .num{width:1.5rem;height:1.5rem;line-height:1.5rem;border-radius:1rem;margin-top:-1.5rem;color:#8c8ce6;background:#fff;border:2px solid #8c8ce6}.nd-ranks .face .num{border-color:#884d08}.nd-rank li:nth-child(1) .face .num{background-color:#FF6}.nd-rank li:nth-child(2) .face .num{background-color:#ebccff}.nd-rank li:nth-child(3) .face .num{background-color:#d8f0ec}.nd-bgs{background:#f1f1f1;min-height:100%}.nd-gift .bg{background-color:#fff;min-height:8rem;margin-top:1.5rem}.nd-gift .logo{width:5rem;height:5rem;margin-top:-1.5rem}.nd-gift .logo .img{border:1px solid #f1f1f1}.nd-gift .s1{color:#ff000a}
.nd-play-bg .btnten{background: url(../imagewap/nd/btnes.png) no-repeat top; margin-top: 0.7rem; margin-right: 0rem; width: 3rem; height: 3rem; background-size: 100% auto;}
.anime-btnten
{
	display: inline-block;
    -webkit-animation-name: btntens;
    animation-name: btntens;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(2);
    animation-timing-function: steps(2);
    background-position: bottom;}
@keyframes btntens
{
0%{ background-position: top;}
100%{ background-position: bottom;}
}
.anime-niudanten
{
	display: inline-block;
    -webkit-animation-name: bgtops;
    animation-name: bgtops;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5;
    -webkit-animation-timing-function: steps(16);
    animation-timing-function: steps(16);
    background-position: bottom;
}
.anime-endten
{
	display: inline-block;
    -webkit-animation-name: ends;
    animation-name: ends;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-iteration-count: 6;
    animation-iteration-count: 6;
    -webkit-animation-timing-function: steps(6);
    animation-timing-function: steps(6);
    background-position: bottom;
}
.gift-layer{position: absolute; top: 50%; left: 50%; width: 0px; height: 0px;}
.gift-layer .gift-bg{background: url(../imagewap/nd/gift-bg.jpg) no-repeat; background-size: 700% auto; height: 100%;}
.anime-layerss
{
	display: inline-block;
    animation-name: layeres;
    animation-duration: 1s;
    animation-iteration-count: 1;
    width: 100%; height: 100%; top: 0; left: 0;}
@keyframes layeres
{
0%{ width: 0%; height: 0%; top: 50%; left: 50%;}
100%{width: 100%; height: 100%; top: 0; left: 0;}
}
.anime-layer
{
    display: inline-block;
    animation-name: layers;
    animation-duration: .5s;
    animation-iteration-count: 10000;
    animation-timing-function: steps(6);
	background-position: right;
}
@keyframes layers
{
0%{ background-position: left;}
100%{ background-position: right;}
}