body{width:100%;background:url(http://pic1.qiyipic.com/common/20161130/iqy2016-repeatbg.jpg) repeat;font:12px/21px "Microsoft YaHei","微软雅黑"!important}
*{margin:0;padding:0;border:0}
li,ul{list-style:none}
a,a:hover{text-decoration:none}
#yl-stage{position:relative;width:100%;height:auto}
.yl-toutu{margin:0 auto;width:938px;height:501px;text-align:center}
.yl-con{position:relative;margin:0 auto;width:100%}
.placeHolder{width:100%;height:501px}
.yl-nav{margin-bottom:25px;width:100%;height:106px;text-align:center;border-top:4px solid #e50050}
.yl-nav ul{margin:0 auto;width:980px;height:100%}
.yl-nav ul li{float:left;position:relative;padding-left:45px;margin-right:30px;width:123px;height:100%;line-height:116px;text-align:left}
.yl-nav ul li a{font-size:29px;color:#e5004f}
.yl-nav ul li.grey a{color:#9f9a99}
.yl-nav ul li.active:after,.yl-nav ul li.active:before{display:block;position:absolute;content:" "}
.yl-nav ul li.active:before{top:50%;margin-top:-21px;left:0;width:42px;height:43px;background:url(http://pic2.qiyipic.com/common/20161130/iqyyl-redflower.png) no-repeat;animation:rotateAni 2s linear infinite;-webkit-animation:rotateAni 2s linear infinite;-moz-animation:rotateAni 2s linear infinite;-ms-animation:rotateAni 2s linear infinite;-o-animation:rotateAni 2s linear infinite}
.yl-nav ul li.active:after{top:-4px;left:50%;margin-left:-19px;width:37px;height:36px;background:url(http://pic7.qiyipic.com/common/20161130/iqyyl-jt.jpg) no-repeat}
.yl-nav ul li:last-child{margin-right:0}
.dn{display:none}
.yl-pages{width:100%}
.prizeSection{margin:0 auto 50px;width:980px;border-bottom:1px solid #c1bebe}
.yl-pages .section .pageTitle{float:left;padding-left:20px;width:340px;height:340px}
.titleWrap{position:relative;margin:0 auto;width:100%;height:auto}
.yl-pages .titleDesc{position:relative;width:100%;height:88px;font-size:48px;color:#e50050;text-align:center;line-height:88px}
.yl-pages .titleDesc:after,.yl-pages .titleDesc:before{display:block;position:absolute;content:" "}
.yl-pages .titleDesc:before{top:0;left:0;width:103px;height:69px;background:url(http://pic4.qiyipic.com/common/20161130/iqyyl-topbg.png) no-repeat;background-size:contain}
.yl-pages .titleDesc:after{right:0;bottom:0;width:92px;height:64px;visibility:visible;background:url(http://pic1.qiyipic.com/common/20161130/iqyyl-bottombg.png) right bottom no-repeat;background-size:contain}
.yl-pages .subTitle{margin-bottom:10px;width:88px;height:28px}
.votesNum{margin-top:39px;width:100%;height:165px}
.votesNum li{position:relative;margin-right:44px;float:left;width:148px;height:100%}
.votesNum li:last-child{margin-right:0}
.votesNum li img{width:148px;height:114px}
.votesNum .icon{display:block;position:absolute;top:-21px;left:-21px;width:42px;height:42px}
.votesNum .wei{background:url(http://pic7.qiyipic.com/common/20161220/ylprize-wei.png) no-repeat}
.votesNum .wang{background:url(http://pic9.qiyipic.com/common/20161220/ylprize-wang.png) no-repeat}
.votesNum li p{margin-bottom:5px;width:100%;text-align:center;font-size:16px;color:#e50050}
.pageContentsWrap{padding-top:50px;width:100%;height:auto;overflow:hidden}
.pageContents{margin:0 auto;width:980px}
.pageContents .voteList{position:relative;width:148px;height:111px;overflow:hidden;background:url(http://pic6.qiyipic.com/common/20161201/yl2016-bdbg.png) no-repeat top center}
.voteList .voteInfo{position:absolute;left:35px;bottom:19px;width:113px;height:92px}
.voteList .voteInfo li{position:absolute;bottom:0;width:10px;height:10px;background-color:#d00049}
.voteList .voteInfo li:nth-child(1){left:0}
.voteList .voteInfo li:nth-child(2){left:23px}
.voteList .voteInfo li:nth-child(3){left:46px}
.voteList .voteInfo li:nth-child(4){left:69px}
.voteList .voteInfo li:nth-child(5){left:92px}
.voteList .voteName{position:absolute;left:30px;bottom:-5px;width:113px;height:20px;overflow:hidden}
.voteList .voteName li{float:left;margin-right:13px;width:10px;height:10px;font-size:14px;color:#fff;text-align:center;line-height:10px;font-style:italic}
.voteList .voteName li:last-child{margin-right:0}
.videoLink{position:relative;margin-bottom:30px;float:right;width:580px;height:324px;overflow:hidden}
.videoLink img{width:100%;height:100%}
.playBtn{display:block;position:absolute;top:50%;left:50%;margin-left:-31px;margin-top:-31px;width:91px;height:92px;opacity:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}
.videoLink:hover .playBtn{opacity:1}
.voteWrap{clear:both;margin-top:65px;width:960px;height:auto;overflow:hidden}
.voteWrap ul li{float:left;margin-right:61px;width:416px;height:285px;overflow:hidden}
.voteWrap ul li:last-child{margin-right:0}
.voteWrap li .prizePic{float:left;position:relative;width:144px;height:144px;overflow:hidden}
.picMask{position:absolute;top:0;left:0;width:144px;height:144px;z-index:10;background:url(http://pic2.qiyipic.com/common/20161220/ylprize-circlebg.png) no-repeat}
.voteWrap ul li img{display:block;margin-bottom:8px;width:100%;height:auto}
.voteWrap ul li .picInfo{width:100%;text-align:left;color:#fff;font-size:19px}
.prizeDesc{position:relative;float:left;margin-left:46px;padding:10px 10px;width:202px;height:auto;background:#fff;border:2px solid #e50050;font-size:16px;color:#e50050;text-align:justify;line-height:28px}
.prizeDesc:before{display:block;position:absolute;content:" ";width:26px;height:27px;left:-26px;top:26px;background:url(http://pic7.qiyipic.com/common/20161220/ylprize-detailjt.jpg) no-repeat}
@keyframes rotateAni{0%{transform:rotateZ(0)}
100%{transform:rotateZ(360deg)}
}
@-webkit-keyframes rotateAni{0%{transform:rotateZ(0);-webkit-transform:rotateZ(0)}
100%{transform:rotateZ(0);-webkit-transform:rotateZ(360deg)}
}
@-moz-keyframes rotateAni{0%{transform:rotateZ(0);-moz-transform:rotateZ(0)}
100%{transform:rotateZ(0);-moz-transform:rotateZ(360deg)}
}
@-ms-keyframes rotateAni{0%{transform:rotateZ(0);-ms-transform:rotateZ(0)}
100%{transform:rotateZ(0);-ms-transform:rotateZ(360deg)}
}
@-o-keyframes rotateAni{0%{transform:rotateZ(0);-o-transform:rotateZ(0)}
100%{transform:rotateZ(0);-o-transform:rotateZ(360deg)}
}
@keyframes scaleAni{0%{opacity:1;transform:scale(.7)}
100%{opacity:.6;transform:scale(1)}
}
@-webkit-keyframes scaleAni{0%{opacity:1;transform:scale(.7);-webkit-transform:scale(.7)}
100%{opacity:.6;transform:scale(1);-webkit-transform:scale(1)}
}
@-moz-keyframes scaleAni{0%{opacity:1;transform:scale(.7);-moz-transform:scale(.7)}
100%{opacity:.6;transform:scale(1);-moz-transform:scale(1)}
}
@-ms-keyframes scaleAni{0%{opacity:1;transform:scale(.7);-ms-transform:scale(.7)}
100%{opacity:.6;transform:scale(1);-ms-transform:scale(1)}
}
@-o-keyframes scaleAni{0%{opacity:1;transform:scale(.7);-o-transform:scale(.7)}
100%{opacity:.6;transform:scale(1);-o-transform:scale(1)}
}
