body{background: url('../images/bg.jpg') repeat;font-family: "微软雅黑"}
#ud-progress p{float:left;background:#0da6e8;height:20px;}
#ud-progress p{float:left;background:#0da6e8;height:20px;}
#ud-progress .firstp{border-top-left-radius: 15px; border-bottom-left-radius: 15px; -moz-border-top-left-radius: 15px;-moz-border-bottom-left-radius: 15px;-webkit-border-top-left-radius: 15px;-webkit-border-bottom-left-radius: 15px;}
#ud-progress .lastp{border-top-right-radius: 15px; border-bottom-right-radius: 15px; -moz-border-top-right-radius: 15px;-moz-border-bottom-right-radius: 15px;-webkit-border-top-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;}
.top{position: relative;z-index:5;background:url('../images/bgimg.png') no-repeat;padding-top:965px;width: 1190px;margin: 0 auto;}
.top .sp{font-family: 'Candara';font-size:20px;color:white;}
.top .link{background: url('../images/link.png') no-repeat;padding-left:15px;padding-top:5px;width: 140px;height:35px;}
.top .link a{font-size:16px;color:white;}
.top .link a:hover{text-decoration: none;}
.top .link1{position:fixed;top:150px;left:5px;}
.top .link2{position:fixed;top:197px;left:5px;}
.top .link3{position:fixed;top:243px;left:5px;}
.top .sp4{position: absolute;top:682px;left:530px;font-size:28px;color: white;}
.top .sp4:hover{ text-decoration: none;}
.top .sp5{position: absolute;top: 735px;left: 465px;text-align: center;width:260px;height:20px;font-size: 19px;}
/*时间轴*/
.top .item{position:relative;width: 875px;height: 90px;margin:0 auto;}
.top .item .p1{padding-left:20px;color: #0da6e8;font-size: 24px;word-spacing:3px;}
.top .item .p2{padding-top:5px;color: #0da6e8;font-size: 17px;width: 930px;}
.top .item .p2 span{padding-right: 25px;}
.red{color:#e60012;}
.blue{color:#0da6e8;}
.top .item .dtl{width:385px;height: 140px;}
.top .item .dtl1{position:absolute;top:-135px;left:0px;background: url('../images/time1.png') no-repeat;display: none;}
.top .item .dtl2{position: absolute;top:-135px;left: 98px;background: url('../images/time2.png') no-repeat;display: none;}
.top .item .dtl3{position: absolute;top:-135px;left: 188px;background: url('../images/time3.png') no-repeat;display: none;}
.top .item .dtl4{position: absolute;top:-135px;left: 285px;background: url('../images/time4.png') no-repeat;display: none;}
.top .item .dtl5{position: absolute;top:-135px;left: 380px;background: url('../images/time5.png') no-repeat;display: none;}
.top .item .dtl6{position: absolute;top:-135px;left: 150px;background: url('../images/time6.png') no-repeat;display: none;}
.top .item .dtl7{position: absolute;top:-135px;left: 245px;background: url('../images/time7.png') no-repeat;display: none;}
.top .item .dtl8{position: absolute;top:-135px;left: 335px;background: url('../images/time8.png') no-repeat;display: none;}
.top .item .dtl9{position: absolute;top:-135px;left: 435px;background: url('../images/time9.png') no-repeat;display: none;}
.top .item .dp1{color:#e60012;font-size: 16px;line-height: 35px;}
.top .item .dp2{color:#828282;font-size: 14px;line-height: 20px;}
/*视频*/
.top .video{width: 920px;height:470px;margin:0 auto;background-color: silver;}
.top .video video{width: 920px;height: 470px;}
/*参与互动 · 送祝福 · 得礼物*/
.top .lr{height: 520px;}
.top .left{float: left;padding-left:130px;width:490px;height: 520px;}
.top .left .lp1{font-size: 30px;color: #0da6e8;height:80px;padding-top:40px;}
.top .left .ld{position:relative;padding:55px 50px 50px 50px;background: url('../images/left.png') no-repeat;width: 390px;height: 190px;}
.top .left .ld .lp2{color: #0da6e8;font-size: 22px;line-height: 35px;}
.top .left .ld .lp3{color: #0da6e8;font-size: 16px;line-height: 30px;}
.top .left .ld div{position: absolute;bottom:-20px;left:70px;width: 290px;background: url('../images/chaibao_grey.png') no-repeat;height: 60px;}
.top .left .lp4{color: #0da6e8;font-size: 16px;height:25px;padding:20px 130px;}
.top .right{float: left;padding-top:60px;padding-left:15px;width: 550px;height:460px;}
.top .right .rd1{width: 400px;height: 330px;background: url('../images/right.png') no-repeat;}
.top .right .rd2{width: 400px;height:100px;}
.top .right .rd2 .rdp1{color: #0da6e8;font-size: 20px;}
.top .right .rd2 .rdp2{color: #0da6e8;font-size: 18px;padding-left:220px;}
.top .right .rd2 div{width: 400px;height: 20px;border:2px solid white;border-radius: 15px; -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */}
/*圆圈*/
.top .circle{width: 980px;margin: 0 auto;height: 160px;padding-left:80px;}
.top .circle div{width: 115px;height: 150px;float: left;margin-right:65px; }
.top .circle .dpimg1{width: 120px;height: 115px;background: url('../images/circle1_grey.png') no-repeat;}
.top .circle .dpimg2{width: 120px;height: 115px;background: url('../images/circle2_grey.png') no-repeat;}
.top .circle .dpimg3{width: 120px;height: 115px;background: url('../images/circle3_grey.png') no-repeat;}
.top .circle .dpimg4{width: 120px;height: 115px;background: url('../images/circle4_grey.png') no-repeat;}
.top .circle .dpimg5{width: 120px;height: 115px;background: url('../images/circle5_grey.png') no-repeat;}
.top .circle .dp2{width:120px;height: 25px;text-align: center;color:grey;font-size: 19px;}
.top .circle a:hover{text-decoration: none;}
/*大家都在说*/
.bottom{position: relative;z-index:5;width:940px;overflow: hidden;margin: 0 auto;padding-bottom:30px;}
.bottom .bd1{font-size: 28px;color: #0da6e8;height: 45px;}
.bottom .bd2{width:940px;min-height:380px;overflow: hidden;}
.bottom .bd2 li{border-bottom:1px dashed #909090;padding-top: 10px;}
.bottom .bd2 .bdp1{color: #0da6e8;font-size: 14px;}
.bottom .bd2 .bdp2{position: relative;font-size: 14px;padding:8px 130px 8px 0px;}
.bottom .bd2 .bdp2 .date{position: absolute;bottom:5px;right: 0px;}
.bottom .bd3{width: 940px;height:60px;padding-left:160px;}
.bottom .bd3 .bdv1{float:left;margin-right:35px;width: 290px;height: 60px;background: url('../images/songzhufu.png') no-repeat;}
.bottom .bd3 .bdv2{float:left;width: 290px;height: 60px;background: url('../images/chuansongmen.png') no-repeat;}

/*弹层*/
.layer{position: relative;margin:0 auto;padding:45px 110px 0px;width:508px;height:410px;border: 1px solid #21adea;background: url('../images/tanceng.jpg') no-repeat;}
.layer .dv{width: 510px;height: 120px;}
.layer .dv .dvp1{text-align: center;padding-top:10px;color: #ff0000;font-size: 25px;height:35px;}
.layer .dv .dvp2{text-align: center;color: #0a6fcc;font-size: 16px;}
.layer .dv .dvp3{position: relative;width: 510px;padding-left:135px;padding-top: 10px;}
.layer .dv .dvp3 a{margin:0 auto;display: inline-block;width: 215px;height: 45px;background: url('../images/fatieqingzhu.png') no-repeat;}
.layer .dv .dvp3 span{position: absolute;bottom:5px;right:125px;color: #21adea;font-size: 14px;}
.layer .close{position: absolute;top:0px;right: 0px;display: inline-block;width: 55px;height: 55px;}
.layer .award{width: 310px;height: 270px;padding-left:99px;}


canvas {
  display: block;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#outside {
  z-index: 1;
}
#inner {
  z-index: 2;
}
#footer {
    position:relative;
    z-index:3;
}