﻿/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.indent{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{max-width: 1920px; margin:0 auto; position: relative; min-width: 1200px;}
.divMid{background: url(../images/mid.jpg) repeat-y center 0;}
.divTop{background: url(../images/top.jpg) no-repeat center 0;}
.divFot{background: url(../images/fot.jpg) no-repeat center bottom; padding-bottom: 350px; min-height: 4500px;}

.logo{display: block; position: absolute; left: -100px; top: 30px; width: 250px;}

.section{position: relative;}
.publicMain{width: 1200px; margin: 0 auto; position: relative;}
.section1{height: 802px;}
.eventTime{width: 560px; height: 44px; line-height: 44px; position: absolute; right: 66px; top: 549px;}
.eventTime span{display: block; text-align: center; font-size: 30px; font-weight: bold; width: 100%; height: 44px; position: absolute; left: 0; top: 0;}
.eventTime span.a1{color: #b96800; top: -2px; z-index: 2;}
.eventTime span.a2{color: #ffffa7;}

.loginBox{width: 542px; position: absolute; left: 194px; top: 480px;}
.login a{display: block; width: 76px; height: 32px; line-height: 32px; text-align: center; background: #e57d35; border-radius: 32px; font-size: 14px; color: #FFF; cursor: pointer; margin: 0 auto;}
.login a:hover{background: #fd8125;}

.logout .text{text-align: center; font-size: 16px; line-height: 26px; color: #902b26; padding-bottom: 10px;}
.logout .text span{color: #ff5400;}
.logout .btn{text-align: center;}
.logout .btn a{display:inline-block; width: 90px; height: 32px; line-height: 32px; text-align: center; border-radius: 32px; font-size: 14px; color: #FFF; cursor: pointer; margin: 0 10px;}
.logout .btn a.myprize{background: #d85e38;}
.logout .btn a.myprize:hover{background: #fd8125;}
.logout .btn a.logoutUrl{background: #d85e38;}
.logout .btn a.logoutUrl:hover{background: #fd8125;}

.publicTitle1{background: url(../images/tit1.png) no-repeat center; height: 204px;}
.publicTitle2{background: url(../images/tit2.png) no-repeat center; height: 204px;}
.publicTitle3{background: url(../images/tit3.png) no-repeat center; height: 204px;}
.txtMain{width: 1020px; margin: 0 auto;}
.txtMain div{position:relative; padding-left: 112px; font-size: 18px; color: #912b26; line-height: 30px; padding-bottom: 14px;}
.txtMain div span{position: absolute; left: 0; top: 0; height: 30px; line-height: 30px; background: #e57d35; font-size: 18px; color: #fbfbfb; width: 104px; text-align: center;}

.prizelist{width: 1066px; margin: 0 auto; overflow: hidden; margin-bottom: 50px;}
.prizelist ul{width: 1100px;}
.prizelist li{float: left; width: 202px; height: 310px; margin: 0 14px 44px 0; background: url(../images/li.png) no-repeat 0 0;}
.prizelist div.img{padding-top: 30px; height: 118px;}
.prizelist div.img img{display: block; width: 74px; height: 74px; margin: 0 auto; padding: 3px; border: 3px solid #e57d35; margin: 0 auto;}
.prizelist div.name{text-align: center; font-size: 16px; color: #FFF; height: 36px; font-weight: bold;}
.prizelist div.desc{text-align: center; font-size: 16px; color: #FFF; line-height:24px; height: 86px;}
.prizelist a.lc{display: block; width: 123px; height: 39px; margin: 0 auto; background: url(../images/btn.png) no-repeat 0 0; cursor: pointer;}
.prizelist a.no{background-position: 0 -39px; cursor: default;}
.prizelist a.over{background-position: 0 bottom; cursor: default;}

.ruleMain{width: 1020px; margin: 0 auto; font-size: 18px; line-height: 30px; color: #912b26;}
.ruleMain div{position: relative; padding-left: 42px; margin-bottom: 20px;}
.ruleMain span{position: absolute; left: 0; top: 0; height: 30px; line-height: 30px; background: #e57d35; font-size: 18px; color: #fbfbfb; width: 34px; text-align: center;}

.mainBox{width: 920px; margin: 0 auto;}
.tabBox{height: 66px; text-align: center;}
.tabBox a{display: inline-block; width: 160px; height:40px; line-height: 40px; border-radius: 40px; text-align: center; font-size: 20px; color: #FFF; cursor: pointer; margin: 0 14px; font-weight: bold;}
.tabBox a.a1{background: #f88a94;}
.tabBox a.a2{background: #3bbb3b;}
.tabBox a.a3{background: #8476c1;}

.listHeader{width: 100%;}
.listHeader table{width: 100%; border-collapse: collapse;}
.listHeader table th,.listHeader table td{border: 1px solid #d92d28; text-align: center; height: 32px;}
.listHeader table td{font-size: 13px; color: #912b26; background: #FFF;}
.listHeader table th{font-size: 16px; color: #FFF; background: #d92d28;}

.list{width: 100%; overflow: hidden; height:430px; overflow-y: auto;}
.list table{width: 100%; border-collapse: collapse;}
.list table th,.list table td{border: 1px solid #d92d28; text-align: center; height: 32px;}
.list table td{font-size: 13px; color: #912b26; background: #FFF;}
.list table th{font-size: 16px; color: #FFF; background: #d92d28;}
.list table td span.ok{color: #3bbb3b;}
.list table td span.error{color: #f88a94;}
.list table td span.ing{color: #6db0ef;}
.list::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.list::-webkit-scrollbar-track{border-radius:0;background-color:#d3d6f5;}/*底*/
.list::-webkit-scrollbar-thumb{border-radius:0;background-color:#a49cd6;}/*面*/
.list::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.list::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.list::-webkit-scrollbar-track-piece{margin:0;}

.page{height: 40px; text-align: center;}
.page li{display: inline-block; margin:0 5px; font-size: 16px; color:#36aa6a; padding: 4px 4px; border-radius: 2px; cursor: pointer; }
.page li a{color:#000;}
.page li a:hover{color: #F00;}
.page li.active a{color: #ab1a35;}

.subBox{padding-bottom: 10px;}
.sublist{height: 60px;}
.sublist span{float: left; width: 180px; height: 40px; line-height: 40px; font-size: 16px; text-align: right;}
.sublist select{float: left; width: 320px; height: 40px; border: 1px solid #912b26; font-size: 15px; outline: none;}
.btn_submit{display: block; margin: 0 auto; cursor: pointer; width: 123px; height: 39px; background: url(../images/sub.png) no-repeat 0 0;}

.subPs{width: 920px; margin: 0 auto; font-size: 16px; line-height: 24px; color: #912b26; padding: 15px 0;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.closeBtn{display: block; width: 56px; height: 58px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 0px; top: 1px;}
.popSub{width: 1010px; height: 700px; background: #FFF; border: 2px solid #d92d28;}
.popServer{width: 650px; height: 320px; background: #FFF; border: 2px solid #d92d28;}
.popMsg{width: 600px; height: 320px; background: #FFF; border: 2px solid #d92d28;}
.popNum{width: 500px; height: 290px; background: #FFF; border: 2px solid #d92d28;}
.popTitle1{height: 60px; border-bottom: 2px solid #d92d28; background: #d92d28 url(../images/t.png) no-repeat center;}
.popTitle2{height: 60px; border-bottom: 2px solid #d92d28; background: #d92d28 url(../images/t2.png) no-repeat center; margin-bottom: 54px;}
.popTitle3{height: 60px; border-bottom: 2px solid #d92d28; background: #d92d28 url(../images/t3.png) no-repeat center; margin-bottom: 54px;}

.msg{font-size: 30px; color: #912b26; line-height: 50px; height: 140px; padding-top: 100px; text-align: center; width: 100%;}
.msg span{color: #6f2917; padding: 0 6px; font-size: 36px; font-weight: bold;}

.submitBtn2{display: block; width: 194px; height: 46px; line-height: 46px; text-align: center; background: #c9a45b; font-size: 18px; color: #FFF; cursor: pointer; margin: 0 auto;}
.submitBtn2:hover{background: #a3813f;}

.voteMain{width: 258px; margin: 0 auto; height: 50px; margin-bottom: 40px; position: relative;}
.voteMain a{display: block; position: absolute; width: 55px; height: 50px; top: 0; cursor: pointer;}
.voteMain a.a1{left: 0; background:#d92d28 url(../images/prev.png) no-repeat center;}
.voteMain a.a2{right: 0; background:#d92d28 url(../images/next.png) no-repeat center;}
.voteMain input{text-align: center; height: 48px; border: 1px solid #d92d28; background: #FFF; text-align: center; display: block; margin: 0 auto; width: 146px; font-size: 36px; color: #7764b5;}
.btn_vote{display: block; margin: 0 auto; cursor: pointer; width: 123px; height: 39px; background: url(../images/r.png) no-repeat 0 0;}

.listHeader .a1,.list .a1{width: 300px;}
.listHeader .a2,.list .a2{width: 100px;}
.listHeader .a3,.list .a3{width: 180px;}
.listHeader .a4,.list .a4{width: 180px;}