/* reset */
html,body,div,span,img, dl, dd, h1, h2, h3, h4, h5, h6, p, form, ol, li, ul, input{margin: 0; padding: 0;box-sizing: border-box;}
ul,ol,li{list-style: none;color:#fff;}
img{-ms-interpolation-mode: bicubic; vertical-align: middle; border: none;}
input, button, select, textarea{outline: none; font-family: inherit; font-size: inherit;}
a{text-decoration: none; color: inherit;}
body{font: 14px/1.5 'Microsoft Yahei';position: relative;}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.undis{display: none;}
.tc{text-align: center;}


.bg{height: 500px;background-position: center;background-repeat: no-repeat;}
div.bg:nth-of-type(3){background-image: url(../images/bk_01.jpg);}
div.bg:nth-of-type(4){background-image: url(../images/bk_02.jpg);}
div.bg:nth-of-type(5){background-image: url(../images/bk_03.jpg);}
div.bg:nth-of-type(6){background-image: url(../images/bk_04.jpg);}
div.bg:nth-of-type(7){background-image: url(../images/bk_05.jpg);}
div.bg:nth-of-type(8){background-image: url(../images/bk_06.jpg);}
div.bg:nth-of-type(9){background-image: url(../images/bk_07.jpg);}
div.bg:nth-of-type(10){background-image: url(../images/bk_08.jpg);}
div.bg:nth-of-type(11){background-image: url(../images/bk_09.jpg);}
div.bg:nth-of-type(12){background-image: url(../images/bk_10.jpg);}
div.bg:nth-of-type(13){background-image: url(../images/bk_11.jpg);}

.wrap{position:absolute;top:0;left:50%;width:1000px;margin-left:-500px;text-align:center;}
#head{height:800px;color:#fff;position: relative;}
#head img:nth-of-type(1){position:absolute;top:30px;left:0;}
#head img:nth-of-type(2){position:absolute;top:35px;left:170px;width:90px;}
#head .host{position:absolute;bottom:-3%;left:30%;width:40%;}
#time,#activity,#prize,#chooseWay,#joinWay,#honoredGuest,#vote,#concat{margin-top:40px;}
.activity>img{display:inline-block;margin: 0 auto;}
.activityBackground{width:769px;height:473px;margin:0 auto;background:url(../images/actiBk.png) no-repeat top;color:#fff;padding-top:60px;}
.activityBackground>p{width:60%;margin:0 auto;}
.activityBackground>p:nth-of-type(2){margin-top:70px;}
.activityBackground>p:nth-of-type(3){margin-top:70px;}
.time{width:100%;overflow: hidden;margin-top:20px;}
.time>li{width:200px;height:42px;line-height:42px;float:left;background:url(../images/timeBk.png) no-repeat top;color:#fff;}
.arrange{margin:20px auto;overflow: hidden;}
.arrange>li{width:200px;height:92px;float:left;background:url(../images/arrangeBk.png) no-repeat top center;color:#fff;font-weight:bold;line-height:92px;}
.arrange>li:nth-of-type(2){line-height:20px;padding:20px;}
.arrange>li:nth-of-type(5){line-height:20px;padding:25px;}
.joinWay{margin:0 auto;overflow: hidden;}
.joinWay li{width:452px;height:245px;color:#fff;padding:100px 30px 0 40px;text-align:left;}
.joinWay li:nth-of-type(1){float:left;background:url(../images/1.png) no-repeat top;}
.joinWay li:nth-of-type(2){float:right;background:url(../images/2.png) no-repeat top;padding-top:120px;}
#prize>img{margin-bottom:30px;}
#chooseWay{color:#fff;}
.first{width:521px;height:190px;margin:30px auto;background:url(../images/first.png) no-repeat top;padding:110px 20px 0;}
.second{width:964px;height:241px;margin:0 auto 30px;background:url(../images/second.png) no-repeat top;padding:110px 20px 0;}
.second{position:relative;}
.second li{position:absolute;bottom:20px;width:260px;}
.second li:nth-of-type(1){left:10px;}
.second li:nth-of-type(2){left:350px;}
.second li:nth-of-type(3){left:680px;width:275px;}
.third{width:521px;height:190px;margin:0 auto 30px;background: url(../images/third.png) no-repeat top;padding:110px 20px 0;}
.gustsList{margin:30px auto;color:#fff;}
.gustsList li{display:inline-block;width:210px;margin-right:30px;padding:15px;border:1px solid #00bbec;position:relative;}
.gustsList li:nth-of-type(4){margin-right:0;}
.gustsList li img{width:100%;height:200px;}
.gustsList li p{text-align: left;margin:5px 0;}
.gustsList li span{float:right;}
.gustsInf{position:absolute;bottom:0;left:15px;right:15px;background:rgba(0,0,0,0.5);padding:5px;}
#concat div{width:597px;height:121px;margin:0 auto;background:url(../images/concatBk.png) no-repeat top;color:#fff;text-align:left;padding:30px;margin-top:20px;}
#concat div p:nth-of-type(2){margin-top:10px;}
footer{width:1000px;margin:50px auto 0;text-align:center;color:#fff;position:relative;}
footer p{font-size:12px;line-height:26px;}
nav{position:fixed;right:80px;top:18%;}
nav ul li{width:112px;height:46px;background:url(../images/navBk.png) no-repeat top;color:#fff;padding:15px;}

/*vote*/
#vote{margin-top:150px;}
.company{padding-top:131px;margin:80px auto 0;background:url(../images/company.png) no-repeat top center;}
.company li{box-sizing:border-box;width:210px;display:inline-block;margin-right:15px;padding-bottom:44px;background:url(../images/line.png) no-repeat bottom center;}
.company li:nth-of-type(17),.company li:nth-of-type(18),.company li:nth-of-type(19),.company li:nth-of-type(20){background:none;padding-bottom:0;}
.company>li>div{width:100%;padding:15px;border:1px solid #00bbec;}
.company>li>div>img{width:100%;}
.img{width:100%;position:relative;}
.img>img{width:100%;height:200px;}
.userInform{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3);text-align: left;padding:5px 10px;}
.voteBtn{display:block;background:#cda142;font-weight: bold;font-size:16px;padding:5px 0;}
.character{background:url(../images/character.png) no-repeat center top;margin-top:150px;}
#votePage footer{margin-top:150px;}

footer>a{position:absolute;top:60px;right:100px;}