/*big project*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#29040d; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.wrap{ background:url(../images/wrapbg.jpg) no-repeat center top;}
.content{ width:1000px; margin:0 auto; background:url(../images/banner.jpg) no-repeat 0 0; padding-top:615px;}
.mod_a dl{ float:left; width:250px;}
.mod_a .dl_1{ background:#3b0717;}
.mod_a .dl_2{ background:#4c0f24;}
.mod_a dt{ height:54px; padding-top:20px; text-align:center; border-right:1px solid #350919; background:#811946;}
.mod_a dt h3{ color:#feef1e; line-height:20px; font-size:16px;}
.mod_a dt p{ color:#e0e0e0; font-size:16px; line-height:18px;}
.mod_a dd{ padding:10px 6px 0 10px; height:110px;}
.mod_a dd li{ height:20px; line-height:20px; overflow:hidden; padding:6px 0; vertical-align:middle;}
.mod_a dd li .ico_num{ width:19px; height:19px; display:block; float:left; margin:1px 6px 0 0; text-align:center; line-height:19px; color:#b86488; font-size:14px;}
.mod_a dd li .zb_name{ color:#e5e5e5; font-size:14px; width:155px; overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap;}
.mod_a dd li .zb_ps{ float:left; color:#838383; text-align:right;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:45px;}
.mod_a .dl_1 dd{border:1px solid #60092a; border-top:none;}
.mod_a .dl_2 dd{ border-bottom:1px solid #60092a;}
.mod_a .dl_3 dd{ border-right:1px solid #60092a;}
.mod_a .dl_1 li .ico_num{ background:url(../images/dot1.jpg) no-repeat 0 0;}
.mod_a .dl_2 li .ico_num{ background:url(../images/dot2.jpg) no-repeat 0 0;}

.mod_b{ margin-top:30px;}
.zb_tab{ height:74px; margin-bottom:25px;}
.zb_tab li{ float:left; height:60px; text-align:center; position:relative; cursor:pointer; background:#252425; padding-top:14px; width:250px;}
.zb_tab li h3{color:#feef1e; line-height:20px; font-size:16px;}
.zb_tab li p{color:#e0e0e0; font-size:16px; line-height:18px;}
.zb_tab li i{ position:absolute; background:url(../images/ico_down.jpg) no-repeat 0 0; width:21px; bottom:-10px; left:115px; display:none; height:10px;}
.zb_tab .current{ background:#811946;}
.zb_tab .current i{ display:block;}
.mod_b .tab_bd{ width:1000px; overflow:hidden}
.mod_b .tab_bd ul{ width:1016px;}
.mod_b .tab_bd li{ width:238px; float:left; margin:0 14px 18px 0; border:1px solid #60092a; background:#48071f; height:378px}
.mod_b .tab_bd li .pic{ border-bottom:1px solid #60092a; height:249px;}
.mod_b .tab_bd li .pic img{ display:block;}
.mod_b .zb_info{ height:68px; border-bottom:1px solid #60092a;}
.mod_b .zb_info h3{ padding-top:7px; line-height:28px; text-align:center; font-size:18px; color:#fff;}
.mod_b .zb_info p{ line-height:22px; text-align:center; font-size:16px; color:#fff}
.mod_b .zb_info p .vote_num{ color:#feef1e; font-weight:bold;}
.mod_b .zb_btn{ background:#510924; height:59px;}
.mod_b .zb_btn a{ display:block; float:left; height:59px; line-height:59px; color:#fff; font-size:16px}
.mod_b .zb_btn .zbj{ background:url(../images/ico_zb.jpg) no-repeat 21px center; padding-left:40px; width:79px; border-right:1px solid #7b1039;}
.mod_b .zb_btn .vote_btn{ background:url(../images/ico_tp.jpg) no-repeat 22px center; padding-left:47px; width:70px;}
.mod_b .zb_btn a:hover{ color:#a63164;}

.mod_c{ margin-top:20px;}
.mod_c .title{ height:76px;}
.c_bd{ padding-top:30px;}
.c_left{ float:left; background:url(../images/rule_bg.jpg) no-repeat 0 0; width:300px; height:653px;}
.cj_num{ padding-top:66px; line-height:107px; height:107px; color:#ffef26; font-size:14px; text-align:center;}
.cj_num strong{ font-size:65px; padding:0 5px;}
.cj_rule{ padding:106px 5px 0 20px;}
.cj_rule p{ color:#808080; line-height:24px; font-size:14px; margin-top:25px; text-indent:-10px;}
.cj_rule p span{ color:#b32362;}
.cj_rule .wb{ background:url(../images/wb.jpg) no-repeat 0 0; width:164px; height:52px; display:block; margin-top:12px; overflow:hidden; text-indent:-999em;}
.cj_rule .wb:hover{ background:url(../images/wbh.jpg) no-repeat 0 0;}
.cj_right{ float:right; overflow:hidden; width:650px; margin-top:13px;}
.cj_right ul{ width:660px;}
.cj_right li{ float:left; width:155px; cursor:pointer; height:208px; margin:0 10px 8px 0; position:relative;}
.cj_right li .mark{ background:url(../images/mark.jpg) no-repeat 0 0; z-index:5; position:absolute; top:0; left:0; width:155px; height:208px;}
.cj_right li .item{ width:155px; height:208px; position:absolute; z-index:3;}

.cj_right .current .mark{ z-index:2;-webkit-animation:0.4s ease both;-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY1;-moz-animation:0.4s ease both;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY1;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;}
.cj_right .current .item{-webkit-animation:0.4s 0.2s ease both;-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY2;-moz-animation:0.4s 0.2s ease both;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY2;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;}

.mod_d{ height:300px; margin-top:50px;}

.foot{ text-align:center; color:#6b6b6b; width:100%; height:25px; padding:15px 0;}
.iblk{display:inline-block;*zoom:1;*display:inline;}

/*ani*/
@-webkit-keyframes card_hover{0%,100%{ opacity:0.5;}50%{ opacity:1;}}
@-moz-keyframes card_hover{0%,100%{ opacity:0.5;}50%{ opacity:1;}}
@-ms-keyframes card_hover{0%,100%{ opacity:0.5;}50%{ opacity:1;}}
@-o-keyframes card_hover{0%,100%{ opacity:0.5;}	50%{ opacity:1;}}
@-webkit-keyframes flipOutY1{0%{-webkit-transform:rotateY(0deg); opacity:1}100%{-webkit-transform:rotateY(90deg); opacity:0}}
@-webkit-keyframes flipOutY2{0%{-webkit-transform:rotateY(-90deg); opacity:0}100%{-webkit-transform:rotateY(0deg); opacity:1;}}
@-moz-keyframes flipOutY1{0%{-moz-transform:perspective(1000px) rotateY(0deg); opacity:1}100%{-moz-transform:perspective(1000px) rotateY(90deg); opacity:0}}
@-moz-keyframes flipOutY2{0%{-moz-transform:perspective(1000px) rotateY(-90deg); opacity:0}100%{-moz-transform:perspective(1000px) rotateY(0deg); opacity:1;}}