@charset "utf-8";
/*
*description:这里的样式重置只考虑pc端，不考虑移动端的,是针对YZZ的活动专题页面的。
*@author:pgy
*update:2015.5.25
*ver:1.0.0
*/
/*Reset*/
html{overflow-y:scroll;}
body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,td,th,textarea,input{margin:0; padding:0;}
ol,ul{list-style:none;}
img{border:none;}
:focus{outline:none;}
em,b,i,th{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{*overflow:auto;/*resize:none;*/}
input,button,textarea,select{outline:none; *font-size:100%; margin:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
:link,:visited,ins{text-decoration:none;}
a,a:hover{text-decoration:none;}
/*Common*/
body{font-size:12px; font-family:'\5FAE\8F6F\96C5\9ED1';}
.clearfix:after{display:table;content:" ";clear:both;}
.clearfix{*zoom:1;}
.fr{display:inline;float:right!important;}
.fl{display:inline;float:left!important;}
.show{display:block;}
.hide,.scripts{display:none;}
.clear{clear:both;height:0;width:0;overflow:hidden;}
.none{ display:none; /*filter:alpha(opacity=0);*/}
.blank10,.blank20,.blank25,.blankn{line-height:0; overflow:hidden;}
.blank10{ height:10px;}
.blank20{ height:20px;}
.blank25{ height:25px;}
/*home*/
#home img{ display:block;}
.wrap{width:1100px; margin:0 auto; position:relative;}
.vote_per a,.vote_per a:hover,.slide .sbtn,.slide .sbtn:hover,.cbox .invite,.cbox .invite:hover,.copy span.c_close,.q_box ul li label,.q_box ul li label.label_checked,.q_box .submit,.q_box .submit:hover,.act_rule p i,.fp .btn_begin,.fp .btn_begin:hover{ background:url(../img/icons.png) no-repeat;}

/*header*/
.header{ background:url(../img/bg_top.jpg) center top no-repeat;}
.top_nav{ position:absolute; top:18px; right:77px;}
.top_nav a{ display:inline-block; float:left; height:27px; width:100px; font:14px/27px ''; color:#fff; text-align:center;}
.top_nav .a1{ padding-left:15px; width:85px;}
.top_nav a:hover{ text-decoration:underline;}
.start_video{ display:block; width:295px; height:167px; position:absolute; top:393px; left:50px; border:2px solid #000;}
.start_video img{ width:295px; height:167px;}
.start_video:hover{ border-color:#ffcc66;}
.act_des{ width:618px; position:absolute; left:50px; top:564px;}
.act_des h3{ height:44px; font:bold 24px/44px ''; color:#ffcc66;}
.act_des p{ font:16px/20px ''; color:#fff;}

/*area1*/
.area1,.area1 .wrap{ background:url(../img/bg_area1.jpg) center top no-repeat;}
.area1 .wrap{ padding-top:36px; height:514px;}
.area1 .wrap h6{ font:16px/34px ''; color:#93969c; padding:0 0 44px 70px;}
.area1 .wrap h6 em{ color:#b3982a;}
.area1 .wrap h6 img{ display:block; margin:0 auto;}
.vote_per{ width:1000px; height:30px; padding:21px 0; position:relative; margin:0 auto;}
.vote_per span{ display:inline-block; float:left; height:30px;}
.vote_per .vred{ background:url(../img/bg_vr.jpg) 0 0 repeat-x;}
.vote_per .vyellow{ background:url(../img/bg_vy.jpg) 0 0 repeat-x;}

.vote_per a{ display:block; width:55px; height:55px; position:absolute; font:bold 24px/55px ''; text-align:center; top:9px;}
.vote_per .btn_vr{ color:#fff; left:0; background-position:-55px 0;}
.vote_per .btn_vy{ color:#261b10; right:0; background-position:0 0;}
.vote_per .btn_vr:hover{ background-position:-165px 0;}
.vote_per .btn_vy:hover{ background-position:-110px 0;}

/*area2*/
.area2,.area2 .wrap{ background:url(../img/bg_area2.jpg) center top no-repeat;}
.area2 .wrap{ padding-top:122px; height:271px;}
.slide{ width:1100px; height:184px; position:relative; overflow:hidden;}
.slide_list{ width:930px; height:184px; position:relative; overflow:hidden; margin:0 auto;}
.slide_list ul{ display:block; height:184px;}
.slide_list li{ display:inline-block; float:left; width:304px; height:184px; margin:0 6px; position:relative;}
.slide_list li a,.slide_list li a img{ display:block; width:304px; height:184px;}

.slide .sbtn{ display:block; width:38px; height:80px; position:absolute; top:52px;}
.slide .prev{ left:40px; background-position:-114px -55px;}
.slide .next{ right:40px; background-position:-38px -55px;}
.slide .prev:hover{ left:38px; background-position:-76px -55px;}
.slide .next:hover{ right:38px; background-position:0 -55px;}

/*area3*/
.area3,.area3 .wrap{ background:url(../img/bg_area3.jpg) center top no-repeat;}
.area3 .wrap{ width:1000px; padding:116px 50px 0; height:748px;}
.cbox{ width:460px; height:298px; padding-right:40px; position:relative;}
.cbox h6{ height:32px; font:bold 18px/32px ''; color:#b3982a;}
.cbox p{ font:14px/20px ''; color:#93969c;}
.cbox .invite{ width:282px; height:69px; background-position:0 -204px; position:absolute; top:120px; left:80px;}
.cbox .invite:hover{ background-position:0 -135px;}
/*邀请链接*/
.copy{ position:absolute; left:0; top:223px; display:none; height:54px;}
.copy input{ border:0; color:#fff; float:left; display:inline;}
.ctext{ width:353px; height:38px; line-height:38px; padding:8px 0 8px 10px; background:url(../img/bg_text.jpg) left top no-repeat;}
.copy span{ float:left; display:inline; cursor:pointer;}
.copy span.cbtn{ width:81px; height:54px; border:0; background:url(../img/bg_text.jpg) right top no-repeat; cursor:pointer;}
.copy span.c_close{ float:left; display:inline; cursor:pointer; width:23px; height:21px; background-position:-220px 0;}

/*答题*/
.q_box{ width:457px; height:190px; position:absolute; top:87px; left:0; background:url(../img/bg_qbox.jpg) center top no-repeat;}
.q_box h5{ height:40px; width:424px; font:18px/40px ''; color:#93969c; padding:8px 0 0 34px;}
.q_box ul{ display:block; width:444px; height:82px; padding-left:14px;}
.q_box ul li{ display:inline-block; float:left; width:195px; height:30px;}
.q_box ul li input{ -webkit-opacity:0; -moz-opacity:0; opacity:0; filter:alpha(opacity:0);}
.q_box ul li label{ display:-moz-inline-block; display:inline-block; cursor:pointer; height:30px; width:155px; padding-left:20px; float:right; font:14px/30px ''; color:#93969c; background-position:0 -302px;}
.q_box ul li label.label_checked{ background-position:0 -272px; color:#b3982a;}
.q_box .submit{ display:block; margin:0 auto; width:135px; height:40px; cursor:pointer; border:none; background-position:-135px -334px;}
.q_box .submit:hover{ background-position:0 -334px;}

/*翻牌*/
.fp{ overflow:hidden; width:1000px; height:429px; position:relative; padding-top:21px;}
.fp .btn_begin{ display:block; width:186px; height:169px; overflow:hidden; text-indent:-99em; position:absolute; top:106px; left:407px;}
#yzz_lottery_js_btn{ background-position:-186px -391px;}
#yzz_lottery_js_btn:hover{ background-position:0 -391px}
#btn_begin2{ background-position:0 -560px;}
#btn_begin2:hover{ background-position:-186px -560px;}



.lottery-wrap{ display:block; width:1000px; height:330px; position:relative;}
.lottery-wrap li{ display:block; width:184px; height:160px; cursor:pointer; position:absolute;}
.lottery-wrap li .default { width:0; left:92px;}
.lottery-wrap li img { display:block; width:184px; height:160px; position:absolute; top:0px; left:0px; cursor:pointer;}
.lottery-wrap li .showing{ width:184px; height:160px; position:absolute; top:0px; left:0px; overflow:hidden;}

.box1{ left:112px; top:85px;}
.box2{ left:260px; top:0;}
.box3{ left:260px; top:170px;}
.box4{ left:556px; top:0;}
.box5{ left:556px; top:170px;}
.box6{ left:705px; top:85px;}

/*area4*/
.area4,.area4 .wrap{ background:url(../img/bg_area4.jpg) center top no-repeat;}
.area4 .wrap{ padding-top:129px; height:485px;}
.area4 .wrap ul{ padding-left:27px;}
.area4 .wrap ul li{ display:inline-block; float:left; width:304px; height:184px; margin:0 23px;}
.area4 .wrap ul li a{ display:block; width:304px; height:184px; position:relative;}
.area4 .wrap ul li a img{ width:304px; height:184px;}
.area4 .wrap ul li a em{ display:none; width:304px; height:184px; position:absolute; top:0; left:0; background:url(../img/ver_cover.png) no-repeat;}
.area4 .wrap ul li a span{ display:block; width:304px; height:32px; position:absolute; left:0; bottom:0; font:14px/32px ''; color:#93969c; text-align:center; background:url(../img/bg_span.png) no-repeat;}
.area4 .wrap ul li a:hover em{ display:block;}
.area4 .wrap ul li a:hover span{ display:none;}

.act_rule{ margin-top:92px;}
.act_rule p{ font:16px/30px ''; color:#ccc;}
.act_rule p i{ display:inline-block; float:left; width:20px; height:17px; background-position:0 -374px; margin:6px 6px 7px 0; font:14px/17px ''; text-align:center;}
.act_rule p em{ color:#b3982a;}

/*video_pop*/
.video_box{ width:860px; height:540px; padding:0 50px; position:fixed; left:50%; top:150px; margin-left:-480px; _position:absolute; _top:800px; z-index:4;}
.video_box .vb{ width:860px; height:540px; position:relative;}
.video_box .vb .video{ width:860px; height:540px;}
.video_box .vb a{ display:block; width:50px; height:48px; position:absolute; top:0; right:-52px; background:url(../img/bg_close.jpg) 0 0 no-repeat;}
.video_box .vb a:hover{ background:url(../img/bg_close.jpg) 0 -52px no-repeat;}
/*pop*/
.bg_black{ width:100%; position:absolute; top:0; left:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:4;}

/*footer*/
.footer{ height:97px; padding-top:20px; background:#040507; line-height:26px; text-align:center; font-size:12px; color:#575f6f;}
.footer a{color:#575f6f; margin:0 10px;}
.footer a:hover{text-decoration:underline; color:#fff;}