@charset "utf-8";
/*******author:Tongyan.Guo**************/
html{ min-width:1200px;}
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#fff; overflow-x:hidden; }
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.bg{ background:url(../images/bg.jpg) center top no-repeat; height:821px; overflow:hidden; position:relative; }
.bg-dot,.bg-dot1,.bg-dot2 {
	position:absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	transform: translate3d(0, 0, 0);
	background-position: bottom left;
	background-repeat: repeat;
}
.bg-dot{ 
	background-image: url(../images/bg-dot.png);
	background-size: 1400px auto;
	width: 4200px;
	height: 4200px;
	-webkit-animation: bg 60s linear infinite;
	animation: bg 60s linear infinite;
}
.bg-dot1 {
	background-image: url(../images/bg-dot1.png);
	background-size: 800px auto;
	width: 2400px;
	height: 2400px;
	-webkit-animation: bg2 35s linear infinite;
	animation: bg2 35s linear infinite;
}
.bg-dot2 {
	background-image: url(../images/bg-dot2.png);
	background-size: 800px auto;
	width: 2400px;
	height: 2400px;
	-webkit-animation: bg2 10s linear infinite;
	animation: bg2 10s linear infinite;
}
@-webkit-keyframes bg {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(-1400px, -1400px, 0);
	}
}
@keyframes bg {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-1400px, -1400px, 0);
	}
}
@-webkit-keyframes bg2 {
	0% {
		-webkit-transform: translate3d(-800px, -800px, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes bg2 {
	0% {
		transform: translate3d(-800px, -800px, 0);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
.bg-love{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/lovebg.png) center top no-repeat; }
.rel1002{ position:absolute; width:1002px; height:821px; margin:0 auto; left:50%; margin-left:-501px; top:0; }
.ren{ position:absolute; left:-267px; top:0; width:720px; height:851px; background:url(../images/ren.png) no-repeat; }
.eyeBox{ position:absolute; left:124px; top:189px; width:356px; height:215px; -webkit-animation:eyes 3s step-end infinite; -moz-animation:eyes 3s step-end infinite; -ms-animation:eyes 3s step-end infinite; -o-animation:eyes 3s step-end infinite; animation:eyes 3s step-end infinite; }
@-webkit-keyframes eyes {
	0%,5%,10%,15%,20%,25%,30%,35%,45%,50%,55%,60%,65%,70%,75%,85%,90%,95%,100% {
		background-image:url(../images/sspr3.png);
	}
	40% {
		background-image:url(../images/sspr2.png);
	}
	80%{
		background-image:url(../images/sspr.png);	
	}
}
@keyframes eyes {
	0%,5%,10%,15%,20%,25%,30%,35%,45%,50%,55%,60%,65%,70%,75%,85%,90%,95%,100% {
		background-image:url(../images/sspr3.png);
	}
	40% {
		background-image:url(../images/sspr2.png);
	}
	80%{
		background-image:url(../images/sspr.png);	
	}
}
.slogan{ position:absolute; width:566px; height:178px; right:0; top:105px; }
.annius{ position:absolute; right:-50px;  }
.annius a{ float:left; width:150px; height:150px; margin-right:10px; text-align:center; background:url(../images/btn1.png) no-repeat; font-size:22px; color:#d66774; }
.annius a:hover{ background:url(../images/btn2.png) no-repeat; }
.annius a:hover p{ color:#3287c7; }
.annius a p{ padding-top:34px; line-height:35px; }
.anniu_top{ top:350px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;  }
.anniu_bottom{ top:530px; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.bg_01{ background:#ffd6ea url(../images/bg_01.jpg) center top no-repeat; }
.wrap1200{ width:1200px; margin:0 auto; position:relative;  }
.rel1200{ width:1200px; position:relative; margin:0 auto; padding-bottom:100px; }
.header{ position:relative; height:726px; }
.links{ position:absolute; width:326px; height:127px; background:url(../images/linka.png) no-repeat; font-size:30px; color:#fff; text-shadow:0 0 5px #fa5175; line-height:130px; text-align:center; }
.links:hover,.an a.on{ background:url(../images/linkh.png) no-repeat; text-shadow:0 0 5px #6dcfb4; }
.an1{ top:330px; right:77px; }
.an2{ top:460px; right:140px; }
.mainTop{ position:relative; height:546px; }
.lunbo{ position:absolute; width:475px; height:475px; left:38px; top:38px; }
.lunbo .bd li img{ width:475px; height:475px; }
.lunbo .hd{ position:absolute; right:0; bottom:54px; height:20px; text-align:center; width:100%; z-index:3; }
.lunbo .hd li{ display:inline-block; width:10px; height:10px; border-radius:50%; border:2px solid #f55375; margin:0 12px; cursor:pointer; }
.lunbo .hd li.on{ background:#f55375; }
.lbRight{ position:absolute; left:0; top:0; width:1200px; height:546px; background:url(../images/lunbobg.png) no-repeat; z-index:2; }
.lbText{ width:540px; padding:162px 0 0 590px; color:#fff; font-size:16px; }
.biaoBox{ margin-top:10px; height:225px; overflow-y:auto; }
.infoTable{ border-collapse:collapse; border-spacing:0; width:99%; }
.infoTable td,.infoTable th{ padding:5px; text-align:center; border:1px solid #fff;  }
.infoTable th{ background:#ffeaef; font-weight:bold; color:#ed336d; background:#ffeaef; }
.biaoBox::-webkit-scrollbar{width:7px;height:7px;background-color:rgba(0,0,0,0);}
.biaoBox::-webkit-scrollbar-track{background-color: #f38a8f;}
.biaoBox::-webkit-scrollbar-thumb{ background-color:#fff;} 
.biaoBox::-webkit-scrollbar-track-piece{margin: 0;}
.songsBox{ width:1755px; height:895px; background:url(../images/songsbg.png) center top no-repeat; position:relative; left:-246px; top:0; }
.songlb{ position:absolute; left:302px; top:190px; width:1085px; height:487px;  }
.songlb .prev,.songlb .next{ position:absolute; width:37px; height:73px; top:207px; }
.songlb .prev{ background:url(../images/left.png) no-repeat; left:0; }
.songlb .next{ background:url(../images/right.png) no-repeat; right:0; }
.songsDiv{ width:970px; height:400px; padding-top:56px; padding-left:100px; overflow:hidden; }
.playBox,.moreBtn{ width:323px; height:168px; margin-bottom:30px; background:url(../images/songbg.png) no-repeat; font-size:16px; color:#fff; position:relative; float:left; }
.playBox p{ padding:10px 15px; width:140px; }
.play_off,.play_on{ position:absolute; width:75px; height:60px; bottom:0; left:0; background:url(../images/off.png) center no-repeat; cursor:pointer; }
.play_on{  background:url(../images/on.png) center no-repeat; }
.moreBtn p{ font-size:20px; font-weight:bold; width:140px; text-align:center; padding:40px 15px 0; }
.moreBtn p a{ color:#fff; }

.endBox{ width:1200px; height:572px; background:url(../images/jingpaibg.png) no-repeat; }
.endTxt{ padding-top:130px; text-align:center; font-size:22px; color:#fff; }
.time{ font-size:24px; color:#fff; line-height:27px;  }
.time span{ background:#a41a38; text-align:center; border-radius:5px; padding:0 6px; }
.pubimg{ border:10px solid #ff6e8a; box-shadow:2px 2px 20px #7b0959;  border-radius:20px; display:block; margin:10px auto; }
.float1{ width:124px; height:301px; background:url(../images/floatright.png) no-repeat; position:fixed; right:20px; top:300px; }
.float2{ width:161px; height:301px; background:url(../images/float2.png) no-repeat; position:fixed; right:20px; top:300px; }
.fBtn a{ width:100%; height:33px; background:url(about:blank); float:left; margin-bottom:58px; text-indent:-9999px; }
.gift_01{ width:1200px; height:797px; background:url(../images/gift_01.png) no-repeat; margin-bottom:70px; }
.gift_02{ width:1200px; height:876px; background:url(../images/gift_02.png) no-repeat; margin-bottom:70px; }
.gift_03{ width:1200px; height:796px; background:url(../images/gift_03.png) no-repeat;  }
.giftBox{ padding-top:185px; padding-left:105px; width:1010px; position:relative; overflow:hidden; }
.giftLeft{ width:412px; text-align:center; float:left; }
.giftRight{ width:520px; float:right; color:#fff; font-size:16px; line-height:30px; }
.prizeBox{ text-align:center; padding-top:20px; }
.prizeBox li{ float:left; width:120px; height:160px; margin-right:10px; text-align:center; position:relative; }
.prizeBox li img{ width:120px; height:120px; }
.prizeBox li p{ position:absolute; width:120px; left:0; top:105px; }
.prizeBox li a{ color:#fff; }