.vsrc-animate3D{ background: url(../images/wave_bg.jpg) no-repeat center top #01254f; background-size: cover; position: relative;}
.vsrc-animate3D-con{ position: relative; width: 1200px; margin: 0 auto;  height: 700px; }
.vsrc-animate3D-descript{ position: absolute; left: 0; top: 136px; text-align: center; width: 100%;}
.vsrc-animate3D-share{ position:absolute; left:550px; top:322px; z-index: 11;}
.vsrc-animate3D-share .vsrc-weixin{ position:relative; float: left; margin:0 18px 0 0;  }
.vsrc-animate3D-share .vsrc-weibo{ float: left; }

.vsrc-animate3D-share .weixin-icon{ width: 38px; height: 39px; display: block; background: url(../images/pop_icon.png) no-repeat 0 -63px; }
.vsrc-animate3D-share .weibo-icon{ width: 38px; height: 39px; display: block; background: url(../images/pop_icon.png) no-repeat 0 -102px; }
.vsrc-animate3D-share .weixin-arrow{ position: absolute; left: 52px; top: -8px; width: 0; height: 0; border-width: 4px; border-color: transparent transparent #ffffff transparent; border-style: dashed dashed solid dashed; }
.vsrc-animate3D-share .weixin-pop{ display: none; position: absolute; left: -40px; top: 45px;  background: #fff; padding: 10px;}

.webGl{ position: absolute; left: 0; top: 286px;  height:416px;}

.vsrc-submit-bug{ position: absolute; left: 492px; top: 484px; z-index: 10; }

.vsrc-notice-gift{ padding: 27px 0 0; background: url(../images/dun.png) no-repeat center -150px; }
.vsrc-notice{ position: relative; border-bottom: 1px solid #e5e5e5; padding: 0px 0 26px 84px;width:1116px; height: 51px; overflow: hidden; background: url(../images/pop_icon.png) no-repeat 0 -213px;}
.vsrc-notice-list{ width:1020px; position: absolute; left: 0; top: 0;}
.vsrc-list-con{ height:51px; overflow: hidden; position: relative; }
.vsrc-notice-list li{ float: left; height: 51px; line-height: 50px;  padding: 0 0 0 10px; width: 460px;  margin: 0  0 0 33px; background: url(../images/dot.png) no-repeat 0 center;}
.vsrc-notice-txt{ color: #454f59; font-size: 14px; width: 360px; display: inline-block; *display: inline; *zoom:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.vsrc-notice-date{ font-size: 14px; color: #8f9ca4; padding: 0 0 0 13px; }
.vsrc-notice-more{ position: absolute; right: 0; top:0;   width:92px; height: 47px; }
.vsrc-notice-arrow{ width: 33px; height: 46px;float: left; }
.vsrc-notice-arrowTop{ width: 33px; height: 23px; display: block; background: url(../images/pop_icon.png) no-repeat right -23px #fafafa; }
.vsrc-notice-arrowTop:hover{ background-color: #f2f2f2; }
.vsrc-notice-arrowBottom{  width: 33px; height: 23px; display: block; background: url(../images/pop_icon.png) no-repeat right 0 #fafafa;  }
.vsrc-notice-arrowBottom:hover{ background-color: #f2f2f2; }
.vsrc-notice-more-link{ float: left; text-align: center;  width: 59px; height: 46px; line-height: 46px; background: #f6f6f6; }
/*礼品商城*/
.vsrc-gift-mall{ padding: 90px 0 0; height: 680px;}
.vsrc-gift-mall-title{ text-indent: -99999px; height: 40px; background: url(../images/title_txt.png) no-repeat center top;}
.vsrc-gift-mall-wrap{ position: relative; height: 680px; height: 424px; margin-top: 40px;}
.vsrc-gift-arrowPrev{ width: 30px; height: 55px; position: absolute; left:0; top:138px; background: url(../images/big_arrow.png) no-repeat 0 -55px;}
.vsrc-gift-arrowPrev:hover{ background-position: 0 0;}
.vsrc-gift-arrowNext{ width: 30px; height: 55px; position: absolute; right: 0; top:138px; background: url(../images/big_arrow.png) no-repeat -30px -55px;}
.vsrc-gift-arrowNext:hover{ background-position: -30px 0;}
.vsrc-gift-mall-con{/* position:absolute; left:20px; top: 0; */ position: relative; margin:0 auto; width: 1120px; overflow: hidden; height: 424px; }
.vsrc-gift-mall-list{position:absolute; left: 0px; top: 0; width: 1000%; }
.vsrc-gift-mall-list li{ width: 268px; height: 404px;  float: left; margin: 10px 6px 13px; }
.vsrc-gift-mall-item{ display: block;  padding: 20px 24px 30px; background: #fff;}
.vsrc-gift-mall-item:hover{ box-shadow: 0 3px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
.vsrc-gift-mall-pic{ width: 220px; height: 220px;  }
.vsrc-gift-mall-pic img{ width: 100%; height: 100%; }
.vsrc-gift-mall-proName{padding: 36px 0 0; font-size: 14px; color: #454f59; text-align: center; height: 20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.vsrc-gift-mall-proState{padding:0 0 19px 0;  text-align: center; font-size: 14px; color: #9ca0a4;}
.vsrc-gift-moneyNum{ color: #ff4793; padding:0 6px 0 0;}
.vsrc-stockNum{ color: #ff4793; }
.vsrc-gift-mall .exchange_btn{ width: 166px; margin: 0 auto; display: block; }
.vsrc-gift-more{ display: block; margin: 46px auto 0; width: 180px; height: 48px;font:22px/48px '微软雅黑';}
/*名人榜*/
.vsrc-famousList{ padding: 90px 0 0; background: url(../images/prize_cup.png) no-repeat center top #f7f7f7;}
.vsrc-famousList-title{ text-indent: -9999px; width: 456px;height: 44px; background: url(../images/title_txt.png) no-repeat center -82px;}
.vsrc-famousList-descript{padding:27px 0 53px; text-align: center; width: 967px; font-size: 13px; color: #9ca0a4; margin: 0 auto;}
.hero-list{ padding:0 0 0 82px;}
.vsrc-famousList-con{ padding: 0 0 92px 0; }
.hero-list .hero{ float: left; transition:all 0.2s;}
.hero-list .hero:hover{ transform: translateY(-10px);}
.hero-list .hero-third{ margin: 70px 94px 0 0; width: 270px;height: 329px; background: url(../images/cup_bg.png) no-repeat 0 0;}
.hero_avatar{ margin: 63px 0 0 93px; width: 72px; height: 72px; border: 5px solid #ffffff; border-radius: 41px; -moz-border-radius: 41px; -webkit-border-radius: 41px;}
.hero_avatar img{ width: 72px; height: 72px; display: block; border-radius: 36px; -moz-border-radius: 36px; -webkit-border-radius: 36px;}
.hero_name{ text-align: center; font-size: 12px;color: #fff; padding: 10px 0 0;}
.hero_contribution{ font-size: 14px; color: #fff; padding: 6px 0 0; text-align: center;}
.hero-first{ margin: 0 94px 0 0; overflow: hidden; position: relative; width: 321px; height: 433px; background:url(../images/cup_bg.png) no-repeat 0 -659px;}
.hero-first .hero_avatar{margin: 112px 0 0 108px; width: 96px; height: 96px; border: 5px solid #ffffff; border-radius: 106px; -moz-border-radius: 106px; -webkit-border-radius: 106px;}
.hero-first .hero_avatar img{ width: 96px; height: 96px; display: block; border-radius: 48px; -moz-border-radius: 48px; -webkit-border-radius: 48px;}
.hero-second{ margin:70px 0 0; width: 270px; height: 330px; background:url(../images/cup_bg.png) no-repeat 0 -329px;}
.hero-first::before{ content:''; width: 80px; height: 100%; position: absolute; left: -100px; top: 0; transform: skewX(-24deg); -moz-transform: skewX(-24deg);-webkit-transform: skewX(-24deg); background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
	background:linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); animation: moveLight 2s infinite ; -moz-animation: moveLight 2s infinite ; -webkit-animation: moveLight 2s infinite ;}

@keyframes moveLight{
 to{ left: 100%;}
}
@-moz-keyframes moveLight{
 to{ left: 100%;}
}
@-webkit-keyframes moveLight{
 to{ left: 100%;}
}
.vsrc-famousList-more{  display: block; margin: 0px auto; width: 180px; height: 48px;font:22px/48px '微软雅黑'; }

/*反馈*/
.vsrc-feedBack{ padding: 89px 0 0; background: url(../images/letter_bg.png) no-repeat center top #fff;}
.vsrc-feedBack-title{ text-indent: -9999px; width: 456px;height: 40px; background: url(../images/title_txt.png) no-repeat center -41px;}
.vsrc-feedBack-con{ padding: 85px 0 118px 78px; width: 1122px; overflow: hidden;}
.vsrc-feedBack-list{ width: 1300px; }
.vsrc-feedBack-item{ float: left; position: relative; margin: 0 172px;}
.vsrc-feedBack-item-pic{ width: 186px; height: 186px; margin: 25px; position: relative;  background: #f9fafa; border-radius: 93px; -moz-border-radius: 93px; -webkit-border-radius: 93px; }
.vsrc-feedBack .move-huan{ display: none; position: absolute; left: 0; top: 0; width: 236px; height: 236px; background: url(../images/huan.png) no-repeat 0 0;   }
.vsrc-feedBack .way-icon{ position: relative; margin: 0 auto; display: block; background: url(../images/feedBack_icon.png) no-repeat 0 0; }
.vsrc-feedBack .dun-icon{ width: 72px; height: 79px;  top: 54px; }

.vsrc-feedBack-item:hover .move-huan{ display: block; animation: huan 1s infinite; -webkit-animation: huan 1s infinite; }
.vsrc-feedBack-item:hover .vsrc-feedBack-item-pic{ width: 172px; height: 172px; margin: 32px;  background: #f94590; border-radius: 86px; -moz-border-radius: 86px; -webkit-border-radius: 86px;}
.vsrc-feedBack-item:hover .dun-icon{ top: 47px; background: url(../images/feedBack_icon.png) no-repeat 0 -201px; }

@keyframes huan{
	 to{ 
	 	transform: rotate(360deg);
	 	-moz-transform: rotate(360deg);
	 	-webkit-transform: rotate(360deg);
	  }
}
@-moz-keyframes huan{
	 to{ 
	 	transform: rotate(360deg);
	 	-moz-transform: rotate(360deg);
	 	-webkit-transform: rotate(360deg);
	 }
}
@-webkit-keyframes huan{
	 to{ 
	 	transform: rotate(360deg);
	 	-moz-transform: rotate(360deg);
	 	-webkit-transform: rotate(360deg);
	 }
}
.vsrc-feedBack-txt{ font-size:14px; color:#454f59; width: 220px; text-align:center;}
.vsrc-feedBack-item:hover .vsrc-feedBack-txt{ color: #ec5892; }

.vsrc-feedBack .email-icon{ top:65px; width:78px; height: 56px; background: url(../images/feedBack_icon.png) no-repeat 0 -79px; }
.vsrc-feedBack-item:hover .email-icon{ top: 58px; background: url(../images/feedBack_icon.png) no-repeat 0 -280px;  }

.vsrc-feedBack .sina-icon{ top:61px; width: 78px; height: 65px; background: url(../images/feedBack_icon.png) no-repeat 0 -135px; }
.vsrc-feedBack-item:hover .sina-icon{ top: 54px; background: url(../images/feedBack_icon.png) no-repeat 0 -336px;  }