﻿#happy-all{
	width:100%;
	height:auto;
}
/*背景*/
#top-bg,#center-bg,#bottom-bg,#c1-bg,#c2-bg,#c3-bg,#c4-bg,#b1-bg{
	margin:0;
	width:100%;
	position:relative;
}
#top-bg{
	margin:0;
	width:100%;
	height:717px;
	background:url("../images/bj_top.jpg") 50% 50%;
}
#c1-bg{
	height:915px;
	background:url("../images/bj_2.jpg") 50% 50%;
}
#c2-bg{
	height:auto;
	min-height:800px;
	background:url("../images/bj_3.jpg") 50% 50% repeat-y;
}
#c3-bg{
	height:405px;
	background:url("../images/bj_5.jpg") 50% 50%;
}
#c4-bg{
	height:auto;
	min-height:300px;
	background:url("../images/bj_6.jpg") 50% 50% repeat-y;
}
#bottom-bg{
	height:1042px;
	background:url("../images/bj_7.jpg") 50% 50%;
}
#bottom-bg.pc{
	height:1025px;
	background:url("../images/bj_4.jpg") 50% 50%;
}



/*视频区域*/
#top-wrap{
	margin:0 auto;
	width:960px;
	height:100%;
	border:0px solid red;
	position:relative;
}
#tv-wrap,#xc-go,#jj-go,#play-list,#tv-more,#tv-title,#tv-introduce{
	position:absolute;
}
#tv-wrap{
	width:380px;
	height:263px;
	border:0px solid red;
	top:136px;
	left:372px;
}
#xc-go,#jj-go{
	width:74px;
	height:74px;
	cursor:pointer;
}
#xc-go{
	background:url("../images/btn_1.png");
	top:170px;
	right:90px;
}
#xc-go.tv-selected{
	cursor:default;
	background:url("../images/btn_1ed.png");
}
#jj-go{
	background:url("../images/btn_2.png");
	top:247px;
	right:60px;
}
#jj-go.tv-selected{
	cursor:default;
	background:url("../images/btn_2ed.png");
}
#play-list{
	width:180px;
	height:138px;
	border:0px solid red;
	bottom:95px;
	left:332px;
}
#play-list li{
	margin-right:8px;
	margin-top:6px;
	float:left;
}
#play-list li.li-first{
	margin-left:20px;
}
#play-list li.li-second{
	margin-left:13px;
}
#play-list li.li-third{
	margin-left:8px;
}
#play-list li,#play-list li a{
	width:44px;
	height:38px;
	display:block;
}
#play-list li a{
	line-height:38px;
	color:rgb(157,174,96);
	font-size:24px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
#play-list .li-bg{
	background:url("../images/list_bg.png");
}
#play-list .li-bg.num-select{
	background:url("../images/list_bged.png");
}
#play-list .li-bg.num-select a{
	color:#f9e81f;
	cursor:default;
}
#tv-more{
	bottom:72px;
	left:392px;
}
#tv-title{
	bottom:190px;
	left:520px;
}
#tv-introduce{
	width:328px;
	height:120px;
	line-height:20px;
	font-size:18px;
	color:#fff;
	bottom:66px;
	left:530px;
}

/**/
#c1-wrap{
	margin:0 auto;
	width:960px;
	height:100%;
	position:relative;
}
#introduce-wrap,#introduce-role,#c2-type,#c2-title{
	position:absolute;
}
#introduce-wrap{
	width:696px;
	height:359px;	
	top:38px;
	right:99px;
	z-index:10;
}
#introduce-wrap.role-bg0{
	background:url("../images/rw/r_z.png");
}


/*人物*/
#introduce-role{
	width:960px;
	height:430px;
	top:290px;
	border:0px solid red;
	z-index:20;
}
#introduce-role a{
	cursor:pointer;
	position:absolute;
	display:block;
}
#introduce-role a.role-selected{
	cursor:default;
}

#introduce-role a.role-0{
	width:74px;
	height:133px;
	background:url("../images/rw/je_1.png");
	top:-250px;
	left:150px;
	z-index:10;
}
#introduce-role a.role-0.role-selected{
	background:url("../images/rw/je_2.png");
}
#introduce-wrap.role-bg0{
	background:url("../images/rw/r_z.png");
}

#introduce-role a.role-1{
	width:125px;
	height:98px;
	background:url("../images/rw/rw_10.png");
	top:139px;
	left:62px;
	z-index:10;
}
#introduce-role a.role-1.role-selected{
	background:url("../images/rw/rw_10_2.png");
}
#introduce-wrap.role-bg1{
	background:url("../images/rw/r_10.png");
}

#introduce-role a.role-2{
	width:152px;
	height:166px;
	background:url("../images/rw/rw_9.png");
	top:80px;
	left:163px;
	z-index:5;
}
#introduce-role a.role-2.role-selected{
	background:url("../images/rw/rw_9_2.png");
}
#introduce-wrap.role-bg2{
	background:url("../images/rw/r_9.png");
}

#introduce-role a.role-3{
	width:87px;
	height:119px;
	background:url("../images/rw/rw_8.png");
	top:57px;
	left:302px;
	z-index:10;
}
#introduce-role a.role-3.role-selected{
	background:url("../images/rw/rw_8_2.png");
}
#introduce-wrap.role-bg3{
	background:url("../images/rw/r_8.png");
}

#introduce-role a.role-4{
	width:157px;
	height:111px;
	background:url("../images/rw/rw_5.png");
	top:145px;
	left:322px;
	z-index:5;
}
#introduce-role a.role-4.role-selected{
	background:url("../images/rw/rw_5_2.png");
}
#introduce-wrap.role-bg4{
	background:url("../images/rw/r_5.png");
}

#introduce-role a.role-5{
	width:103px;
	height:144px;
	background:url("../images/rw/rw_3.png");
	top:107px;
	left:471px;
	z-index:6;
}
#introduce-role a.role-5.role-selected{
	background:url("../images/rw/rw_3_2.png");
}
#introduce-wrap.role-bg5{
	background:url("../images/rw/r_3.png");
}

#introduce-role a.role-6{
	width:82px;
	height:115px;
	background:url("../images/rw/rw_4.png");
	top:128px;
	left:566px;
	z-index:10;
}
#introduce-role a.role-6.role-selected{
	background:url("../images/rw/rw_4_2.png");
}
#introduce-wrap.role-bg6{
	background:url("../images/rw/r_4.png");
}

#introduce-role a.role-7{
	width:82px;
	height:84px;
	background:url("../images/rw/rw_1.png");
	top:73px;
	left:661px;
	z-index:10;
}
#introduce-role a.role-7.role-selected{
	background:url("../images/rw/rw_1_2.png");
}
#introduce-wrap.role-bg7{
	background:url("../images/rw/r_1.png");
}

#introduce-role a.role-8{
	width:136px;
	height:149px;
	background:url("../images/rw/rw_6.png");
	top:-5px;
	left:782px;
	z-index:5;
}
#introduce-role a.role-8.role-selected{
	background:url("../images/rw/rw_6_2.png");
}
#introduce-wrap.role-bg8{
	background:url("../images/rw/r_6.png");
}

#introduce-role a.role-9{
	width:62px;
	height:66px;
	background:url("../images/rw/rw_7.png");
	top:150px;
	left:790px;
	z-index:10;
}
#introduce-role a.role-9.role-selected{
	background:url("../images/rw/rw_7_2.png");
}
#introduce-wrap.role-bg9{
	background:url("../images/rw/r_7.png");
}

#introduce-role a.role-10{
	width:186px;
	height:187px;
	background:url("../images/rw/rw_2.png");
	top:243px;
	left:219px;
	z-index:10;
}
#introduce-role a.role-10.role-selected{
	background:url("../images/rw/rw_2_2.png");
}
#introduce-wrap.role-bg10{
	background:url("../images/rw/r_2.png");
}












/*问卷,评论切换区域 PC版显示*/
#c2-type{
	width:400px;
	height:220px;
	right:0;
	bottom:190px;
	z-index:30;
}
#c2-type a{
	cursor:pointer;
	position:absolute;
	display:block;
}
#c2-type .question-show{
	width:161px;
	height:189px;
	background:url("../images/s_1.png");
	left:17px;
	bottom:5px;
}
#c2-type .comment-show{
	width:161px;
	height:189px;
	background:url("../images/s_2.png");
	top:0px;
	right:57px;
}
#c2-type .question-show.type-select{
	cursor:default;
	background:url("../images/s_1ed.png");
}
#c2-type .comment-show.type-select{
	cursor:default;
	background:url("../images/s_2ed.png");
}


#c2-title{
	width:960px;
	height:120px;	
	bottom:70px;
}
#c2-title span{
	position:absolute;
	display:block;
}
.title-name{
	width:200px;
	height:50px;
	line-height:50px;
	font-size:36px;
	text-align:center;
	color:#fff;
	left:450px;
}
.title-time{
	width:210px;
	height:25px;
	line-height:25px;
	font-size:16px;
	text-align:center;
	color:rgb(208,14,10);
	top:71px;
	right:40px;
}



/*问卷调查*/
#c2-wrap{
	margin:0 auto;
	width:849px;
	height:auto;
	border:0px solid red;
	position:relative;
}
#c2-qustion{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}
/*评论*/
#c2-wrap #pl{
	width:100%;
	height:auto;
	border:0px solid red;
	position:relative;
	top:0;
	left:0;
}
#c2-wrap #pl #comment-content{
	width:785px;
}
#c2-wrap #pl #comment-center-wrap{
	width:849px;
}
#order-go{
    width:849px;
    height:auto;
    background:#fff;
    position:absolute;
    display:none;
    top:0;
    left:0;
}
#order-go img{
	width:100%;
}
#order-go a{
	position:absolute;
	display:block;

}
#order-go a.order-go-pc{
	border:0px solid red;
	width:200px;
	height:100px;
	bottom:40px;
	left:320px;
}

/*评论*/
#c4-comment{
	margin:0 auto;
	width:800px;
	height:auto;
	border:0px solid red;
	position:relative;
}



/*底部图片轮换*/
#bottom-slider{
	margin:0 auto;
	width:960px;
	height:500px;
	border:0px solid red;
	position:relative;
	top:350px;
}
#bottom-bg.pc #bottom-slider{
	top:333px;
}
#bs-img{ 
	width:604px;
	height:294px;
	position:absolute;
	top:58px;
	left:170px;
}
#bs-next,#bs-prvious{
	width:110px;
	height:110px;
	cursor:pointer;
	position:absolute;
	display:block;
}
#bs-prvious{
	background:url("../images/btn_prvious.png") 50% 50% no-repeat;
	top:95px;
	left:15px;
}
#bs-next{
	background:url("../images/btn_next.png") 50% 50% no-repeat;
	top:70px;
	right:8px;
}
#bs-prvious.btn-hide,#bs-next.btn-hide{
	display:none;
}
#bs-img a{
	height:283px;
	cursor:pointer;
	position:absolute;
	display:none;
}
#bs-img a.show{
	display:block;
}
#bs-img .bs-first{
	width:197px;
	top:0px;
	left:17px;
	z-index:10;
}
#bs-img .bs-second{
	width:162px;
	top:1px;
	left:216px;
	z-index:9;
}
#bs-img .bs-third{
	width:206px;
	top:1px;
	left:358px;
	z-index:10;
}

/*转盘*/
#ly-plate ,#go-prize-wrap{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	z-index:1000;
	display:none;
	background:rgba(0,0,0,0.8);
}
#plate-wrap,#go-prize-in{
	margin:0 auto;
	width:960px;
	height:100%;
	position:relative;
}

.rotate-bg {
	width:721px;
	height:694px;
	background:url(../images/za_1.png);
	position:absolute;
	top:100px;
	left:120px;
}
#sd-plate{
	width:79px;
	height:84px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:8px;
	right:15px;
}

#lotteryBtn{
	margin:0 auto;
	position:absolute;
	top:172px;
	left:212px;
    cursor:pointer;
}
#prize-result-wrap{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#prize-result{
	width:824px;
	height:490px;
	position:absolute;
	top:120px;
	left:68px;
}
#prize-result-sd{
	width:65px;
	height:65px;
	display:block;
	cursor:pointer;
	position:absolute;
	border:0px solid red;
	top:131px;
	right:59px;
}
#prize-order-go{
	width:180px;
	height:85px;
	display:block;
	cursor:pointer;
	position:absolute;
	border:0px solid red;
	top:480px;
	left:220px;
}



