www.pudn.com > lantian404.zip > 404.css, change:2016-03-27,size:5583b


*{margin:0;padding:0;list-style-type:none;} 
a,img{border:0;} 
body{background: #d2f5f1} 
.mianBox{width: 100%;margin: 0 auto;position: relative;overflow: hidden;} 
.mianBox >img{position: absolute} 
.yun0{right: -140px;top: 30px;webkit-animation: cloudLarge 105s infinite;-moz-animation: cloudLarge 105s infinite;-o-animation: cloudLarge 105s infinite;animation: cloudLarge 105s infinite;} 
.yun1{left: 5%;top: 48%;-webkit-animation: cloudSmall 105s infinite;-moz-animation: cloudSmall 105s infinite;-o-animation: cloudSmall 105s infinite;animation: cloudSmall 105s infinite;} 
.yun2{left: 16%;top: 35%;-webkit-animation: cloudMedium 105s infinite;-moz-animation: cloudMedium 105s infinite;-o-animation: cloudMedium 105s infinite;animation: cloudMedium 105s infinite;} 
.san{left: 10%;top: 20%;-webkit-animation:dn400 3s 0s ease both;-moz-animation:dn400 3s 0s ease both;animation:dn400 3s 0s ease both;} 
.bird{left: 27%;top: 15%;-webkit-animation: flying 3s infinite;-moz-animation: flying 3s infinite;-o-animation: flying 3s infinite;animation: flying 3s infinite;} 
.disk{left: 234px;top: 98px;z-index: 9;-webkit-animation: flying 2s infinite;-moz-animation: flying 2s infinite;-o-animation: flying 2s infinite;animation: flying 2s infinite;} 
.light{left: 330px;top: 188px;z-index: 8;-webkit-animation: light 1s infinite;-moz-animation: light 1s infinite;-o-animation: light 1s infinite;animation: light 1s infinite;} 
.man{left: 400px;top: 310px;z-index: 7;-webkit-animation: hide 2s 0.5s infinite;-moz-animation: hide 2s 0.5s infinite;-o-animation: hide 2s 0.5s infinite;animation: hide 2s 0.5s infinite;} 
.picv{left: 15%;top: 390px;} 
.tipInfo{position:absolute;z-index:99;margin-left:150px;border: 4px solid #c0ece7;border-color: rgba(192,237,232,07);border-radius:5px;derbackground:#c0ece7;background: rgba(192,237,232,07);width: 360px} 
.tipInfo .in{background: #fff;padding: 0 10%} 
.tipInfo .in h2{line-height:50px;font-size: 30px;color: #e94c3c;border-bottom: 1px dashed #aacdd5;padding: 18px 0} 
.tipInfo .in p{padding:30px 0 50px 0;text-align: center;color: #289575} 
.tipInfo .in p span{margin:0 20px} 
.tipInfo .in p span a{color:#e94c3c;margin: 0 10px} 
.tipInfo .in .desc{overflow: hidden;font-size: 14px;color: #2b2b2b;padding: 0 10%} 
.tipInfo .in .desc h3{font-weight: normal;padding: 20px 0 5px 0} 
.tipInfo .in .desc li{background: url("../images/404/dot.png") no-repeat left center;margin-left: 5px;padding: 5px 0;padding-left: 8px;*padding-left: 20px;} 
@-webkit-keyframes cloudLarge{0%{right: -140px;} 
    100%{right: 118%;}} 
@-moz-keyframes cloudLarge{0%{right: -140px;} 
    100%{right: 118%;}} 
@-o-keyframes cloudLarge{0%{right: -140px;} 
    100%{right: 118%;}} 
@keyframes cloudLarge{0%{right: -140px;} 
    100%{right: 118%;}} 
@-webkit-keyframes cloudSmall{0%{left: 5%;} 
    100%{left: 108%;}} 
@-moz-keyframes cloudSmall{0%{left: 5%;} 
    100%{left: 105%;}} 
@-o-keyframes cloudSmall{0%{left: 5%;} 
    100%{left: 105%;}} 
@keyframes cloudSmall{0%{left: 5%;} 
    100%{left: 105%;}} 
@-webkit-keyframes cloudMedium{0%{left: 16%;} 
    100%{left: -18%;}} 
@-moz-keyframes cloudMedium{0%{left: 16%;} 
    100%{left: -18%;}} 
@-o-keyframes cloudMedium{0%{left: 16%;} 
    100%{left: -18%;}} 
@keyframes cloudMedium{0%{left: 16%;} 
    100%{left: -18%;}} 
@-webkit-keyframes light{0%{opacity: 0;} 
    100%{opacity: 100;}} 
@-moz-keyframes light{0%{opacity: 0;} 
    100%{opacity: 100;}} 
@-o-keyframes light{0%{opacity: 0;} 
    100%{opacity: 100;}} 
@keyframes light{0%{opacity: 0;} 
    100%{opacity: 100;}} 
@-webkit-keyframes hide{0%{opacity: 100;} 
    100%{opacity: 0;}} 
@-moz-keyframes hide{0%{opacity: 100;} 
    100%{opacity: 0;}} 
@-o-keyframes hide{0%{opacity: 100;} 
    100%{opacity: 0;}} 
@keyframes hide{0%{opacity: 100;} 
    100%{opacity: 0;}} 
@keyframes flying{0%{margin-top: 0px;} 
    50%{margin-top: 6px;} 
    100%{margin-top: 0px;}} 
@-webkit-keyframes flying{0%{margin-top: 0px;} 
    50%{margin-top: 6px;} 
    100%{margin-top: 0px;}} 
@-moz-keyframes flying{0%{margin-top: 0px;} 
    50%{margin-top: 6px;} 
    100%{margin-top: 0px;}} 
@-o-keyframes flying{0%{margin-top: 0px;} 
    50%{margin-top: 6px;} 
    100%{margin-top: 0px;}} 
@keyframes flying{0%{margin-top: 0px;} 
    50%{margin-top: 6px;} 
    100%{margin-top: 0px;}} 
@-webkit-keyframes flying{0%{margin-top: 0px;} 
    50%{margin-top: 6px;} 
    100%{margin-top: 0px;}} 
@-moz-keyframes flying{0%{margin-top: 0px;} 
    50%{margin-top: 6px;} 
    100%{margin-top: 0px;}} 
@-o-keyframes flying{0%{margin-top: 0px;} 
    50%{margin-top: 6px;} 
    100%{margin-top: 0px;}} 
@-webkit-keyframes down900{0%{opacity:0;-webkit-transform:translate(0,0);} 
    100%{opacity:1;-webkit-transform:translate(900,900);}} 
@-moz-keyframes down900{0%{opacity:0;-moz-transform:translate(0,0);} 
    100%{opacity:1;-moz-transform:translate(900,900);}} 
@-o-keyframes down900{0%{opacity:0;-o-transform:translate(0,0);} 
    100%{opacity:1;-o-transform:translate(900,900);}} 
@keyframes down900{0%{opacity:0;transform:translate(0,0);} 
    100%{opacity:1;transform:translate(900,900);}} 
@-webkit-keyframes dn400{0%{opacity:0;-webkit-transform:translateY(-400px);} 
    100%{opacity:1;-webkit-transform:translateY(0);}} 
@-moz-keyframes dn400{0%{opacity:0;-moz-transform:translateY(-400px);} 
    100%{opacity:1;-moz-transform:translateY(0);}} 
@-o-keyframes dn400{0%{opacity:0;-o-transform:translateY(-400px);} 
    100%{opacity:1;-o-transform:translateY(0);}} 
@keyframes dn400{0%{opacity:0;transform:translateY(-400px);} 
    100%{opacity:1;transform:translateY(0);}}