@charset "UTF-8";

body {
  font-family: "Microsoft Yahei";
  background: url(../images/index/y8_bottom_img_boxpp.jpg) repeat center;
  min-width: 1300px;
}
/* 整张底图 */
.header .bottom_img_box
{
    position: absolute;
    width: 100%;
    min-width: 1300px;
    /* height: 1500px; */
}
.header .bottom_img_box .bottom_img_1
{
    position: relative;
    width: 100%;
    height: 300px;
    background: url(../images/index/y8_bottom_img_box1.jpg) repeat-y center;
}
.header .bottom_img_box .bottom_img_2
{
    position: relative;
    width: 100%;
    height: 300px;
    background: url(../images/index/y8_bottom_img_box2.jpg) repeat-y center;
}
.header .bottom_img_box .bottom_img_3
{
    position: relative;
    width: 100%;
    height: 300px;
    background: url(../images/index/y8_bottom_img_box3.jpg) repeat-y center;
}
.header .bottom_img_box .bottom_img_4
{
    position: relative;
    width: 100%;
    height: 300px;
    background: url(../images/index/y8_bottom_img_box4.jpg) repeat-y center;
}
.header .bottom_img_box .bottom_img_5
{
    position: relative;
    width: 100%;
    height: 300px;
    background: url(../images/index/y8_bottom_img_box5.jpg) repeat-y center;
}

/*++++++++++头部+++++++++++*/
.header .header-top {
  margin: auto;
  padding: auto;
  height: 990px;
}
.dltc
{
  position: absolute;
  width: 384px;
  height: 380px;
  top: 121px;
  right: -88px;
  z-index: 999;
  background: url(../images/index/y8_dltc.png) repeat-y center;
}
.dltc_timeone
{
  position: absolute;
  top: 80px;
  left: 112px;
  width: 46px;
  height: 46px;
  font-size: 28px;
  line-height: 46px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.dltc_timetwo
{
  position: absolute;
  top: 80px;
  left: 205px;
  width: 46px;
  height: 46px;
  font-size: 28px;
  line-height: 46px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.dltc_timethree
{
  position: absolute;
  top: 126px;
  font-weight: 500;
  width: 100%;
  height: 46px;
  font-size: 16px;
  line-height: 46px;
  color: #fe743a;
  text-align: center;
}
/* 关联关闭 */

.gonglueclosebtn {
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 17px;
  width: 20px;
  height: 20px;
  background: url("../images/aside/closebtn.png") no-repeat;
}

/* .gonglueclosebtn {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aside/closebtn.png', sizingMethod='crop');
} */

.gonglueclosebtn:hover {
  background: url("../images/aside/closebtnh.png") no-repeat;
}
/* 关联弹窗 */
.gltc
{
  position: fixed;
  width: 800px;
  top: 50%;
  left: 50%;
  margin-top: -400px;
  margin-left: -400px;
  z-index: 9999;
  background-color: #fff;
  border-radius: 15px;
  behavior: url(ie-css3.htc);
  /* -webkit-transform: translate(-50%,-50%);   for Chrome || Safari 
  -moz-transform: translate(-50%,-50%);    for Firefox 
  -ms-transform: translate(0%,0%);      for IE
  -o-transform: translate(-50%,-50%);    for Opera */
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight/2));
  _left: expression(eval(document.documentElement.scrollLeft + document.documentElement.clientWidth/2));
  
}
.glcloss
{
  position: absolute;
  cursor: pointer;
  top: 12px;
  right: 17px;
  width: 20px;
  height: 20px;
  background: url(../images/aside/closebtn.png) no-repeat;
}
.gltc_top
{
  position: relative;
}
.gltc_top_title
{
  position: relative;
  width: 800px;
  height: 182px;
  background: url(../images/index/y8_ydytop.png) repeat center;
}
.gltc_top_gl
{
  position: relative;
  width: 800px;
  height: 268px;
  background: url(../images/index/y8_ydytop2.png) repeat center;
}
.gltc_bootom
{
  position: relative;
  width: 800px;
}
/* 扫码状态窗口 */
.sm_box
{
  position: relative;
  width: 100%;
  height: 672px;
}
/* 扫码成功窗口 */
.smcg_box
{
  position: relative;
  width: 100%;
  max-height: 600px;
  overflow-y: auto;
}
/* 得奖攻略 */
.smcg_1
{
  position: relative;
  width: 800px;
  height: 730px;
  background: url(../images/index/y8_djgl1.jpg) no-repeat;
  background-size: contain;
}
/* 攻略中 */
.smcg_box_photo1
{
  position: absolute;
  width: 100px;
  height: 100px;
  left: 256px;
  top: 54px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
  behavior: url(ie-css3.htc);
}
.smcg_box_photo1_value
{
  position: absolute;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  behavior: url(ie-css3.htc);
}
/* 废弃 */
.smcg_box_center
{
  position: absolute;
  width: 41px;
  height: 20px;
  background: url(../images/index/y8_yglcenter.png) no-repeat;
  background-size: contain;
}
.smcg_box_photo2
{
  position: absolute;
  width: 100px;
  height: 100px;
  overflow: hidden;
  right: 260px;
  top: 54px;
  /* background-color: #000; */
  border-radius: 50%;
  behavior: url(ie-css3.htc);
}
.smcg_box_photo2_value
{
  position: absolute;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
  behavior: url(ie-css3.htc);
}
.smcg_box_name1
{
  position: absolute;
  text-align: center;
  line-height: 20px;
  top: 170px;
  left: 210px;
  width: 190px;
  max-width: 190px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  text-overflow:ellipsis;
  overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.smcg_box_name2
{
  position: absolute;
  text-align: center;
  line-height: 20px;
  top: 170px;
  right: 210px;
  width: 190px;
  max-width: 190px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  text-overflow:ellipsis;
  overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.smcg_box_vvnum1
{
  position: absolute;
  text-align: center;
  line-height: 20px;
  top: 196px;
  left: 210px;
  width: 190px;
  max-width: 210px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  text-overflow:ellipsis;
  overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.smcg_box_vvnum2
{
  position: absolute;
  text-align: center;
  line-height: 20px;
  top: 196px;
  right: 210px;
  width: 190px;
  max-width: 190px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  text-overflow:ellipsis;
  overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.smcg_2
{
  position: relative;
  width: 800px;
  height: 690px;
  background: url(../images/index/y8_djgl2.jpg) no-repeat;
  background-size: contain;
}
.smcg_3
{
  position: relative;
  width: 800px;
  height: 300px;
  background: url(../images/index/y8_djgl3.jpg) no-repeat;
  background-size: contain;
}
.glstextimg
{
  position: absolute;
  width: 217px;
  height: 73px;
  background: url(../images/index/y8_ydytext.jpg) no-repeat center;
  right: 62px;
  top: 165px;
}
.gljcbtn
{
  position: absolute;
  width: 200px;
  height: 53px;
  background: url(../images/index/y8_gljcbtn.png) no-repeat center;
  right: 66px;
  top: 490px;
}
.gljctxt
{
  position: absolute;
  width: 100%;
  height: 53px;
  line-height: 53px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #FFF;
}
.glsyt
{
  position: absolute;
  width: 387px;
  height: 530px;
  background: url(../images/index/y8_ydyimg.jpg) no-repeat center;
  left: 56px;
  top: 74px;
}
#qrcode
{
  position: absolute;
  right: 62px;
  top: 256px;
  width: 204px;
  height: 204px;
  border: 2px solid #efefef;
}
/*++++++++++视频+++++++++++*/
.header-top #video_wrapper {
  margin: 0 auto;
}
.header-top #video {
  position: relative;
  z-index: 99;
  margin: 0 auto;
  top: 463px;
  height:306px;
  width:555px;
  /* width: 550px; */
}
/* ++++++++++++++点亮框 */
.header-top .illumeandgl_box
{
    position: relative;
    /* min-width: 1300px; */
    top: 12px;
    /* height: 446px; */
    width: 1266px;
    margin:auto;
    /* background-color: #251814; */
}
.header-top .illumeandgl_box .illume_box
{
    position: absolute;
    right: 0px;
    height: 210px;
    width: 210px;
    /* background-color: #fff; */
}
/* 点亮图标 */
.header-top .illumeandgl_box .illume_box .dlbtntb
{
  position: absolute;
  width: 102px;
  height: 46px;
  top: 36px;
  left: 62px;
}
.header-top .illumeandgl_box .illume_box .dlbtntbimg1
{
  background: url("../images/index/y8dltb1.png") no-repeat center;
}
.header-top .illumeandgl_box .illume_box .dlbtntbimg2
{
  background: url("../images/index/y8dltb2.png") no-repeat center;
}
.mythost
{
	max-width: 300px;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	transform:translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);   /* for Chrome || Safari */
  -moz-transform: translate(-50%,-50%);     /* for Firefox */
  -ms-transform: translate(-50%,-50%);       /* for IE */
  -o-transform: translate(-50%,-50%);     /* for Opera */
	border-radius: 15px;
  behavior: url(ie-css3.htc);
	
}
/* 点亮按钮 */

.header-top .illumeandgl_box .illume_box .dlbtn
{
  position: absolute;
  cursor: pointer;
  width: 100px;
  height: 32px;
  top: 90px;
  left: 54px;
  color: #ff5a00;
  text-align: center;
  font-weight: 800;
  line-height: 32px;
  font-size: 18px;
  behavior: url(ie-css3.htc);
}
.header-top .illumeandgl_box .illume_box .dlbtnimg1
{
  background: url("../images/index/yd_dianliang1.png") no-repeat center;
}
.header-top .illumeandgl_box .illume_box .dlbtnimg1:hover
{
  background: url("../images/index/yd_dianliang2.png") no-repeat center;
  /* background: url("../images/index/yd_dianliang2.png") no-repeat center; */
}
.header-top .illumeandgl_box .illume_box .dlbtnimg2
{
  background: url("../images/index/y8_dianliang3.png") no-repeat center;
}
/* 活动时间 */
.header-top .illumeandgl_box .illume_box .hdsj
{
  position: absolute;
  top: 134px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
/* 剩余时长 */
.header-top .illumeandgl_box .illume_box .sysc
{
  position: absolute;
  top: 156px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #fff;
}

.header-top .illumeandgl_box .illume_box2
{
    position: absolute;
    right: 0px;
    top: 236px;
    height: 210px;
    width: 210px;
    /* background-color: #fff; */
}
/* 未关联 */
.header-top .illumeandgl_box .illume_box2 .wgl_box
{
  width: 100%;
  height: 100%;
}
/* 已关联 */
.header-top .illumeandgl_box .illume_box2 .ygl_box
{
  width: 100%;
  height: 100%;
}
.myphoto1
{
  position: absolute;
  width: 46px;
  height: 46px;
  left:46px;
  top: 20px;
  background-color: #fff;
  border-radius: 50%;
  behavior: url(ie-css3.htc);
}
.ygl_myphoto
{
  position: absolute;
  width: 44px;
  height: 44px;
  left: 1px;
  top: 1px;
  border-radius: 50%;
  behavior: url(ie-css3.htc);
  background-size: contain;
}
.ygl_bdphoto
{
  position: absolute;
  width: 44px;
  height: 44px;
  left: 1px;
  top: 1px;
  border-radius: 50%;
  behavior: url(ie-css3.htc);
  background-size: contain;
}
.photocenter
{
  position: absolute;
  left: 95px;
  top: 38px;
  width: 20px;
  height: 10px;
  background: url("../images/index/y8_txgl.png") no-repeat center;
}
.myphoto2
{
  position: absolute;
  width: 46px;
  height: 46px;
  right:46px;
  top: 20px;
  background-color: #fff;
  border-radius: 50%;
  behavior: url(ie-css3.htc);
}
.gltext1
{
  position: absolute;
  width: 100%;
  top: 74px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.gltext2
{
  position: absolute;
  width: 100%;
  top: 100px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.gltext3
{
  position: absolute;
  width: 157px;
  height: 52px;
  top: 68px;
  left: 26px;
  background: url("../images/index/y8_lvdtext.png") no-repeat center;
}
.header-top .illumeandgl_box .illume_box .dlbtnimg1
{
  background: url("../images/index/yd_dianliang1.png") no-repeat center;
}
.header-top .illumeandgl_box .illume_box .dlbtnimg1:hover
{
  background: url("../images/index/yd_dianliang2.png") no-repeat center;
  /* background: url("../images/index/yd_dianliang2.png") no-repeat center; */
}
.yglbtn1
{
  position: absolute;
  cursor: pointer;
  width: 100px;
  height: 32px;
  top: 124px;
  left: 54px;
  color: #ff5a00;
  text-align: center;
  font-weight: 800;
  line-height: 32px;
  font-size: 18px;
  border-radius: 50px;
  behavior: url(ie-css3.htc);
  background: url("../images/index/yd_dianliang1.png") no-repeat center;
}
.yglbtn1_a
{
  position: absolute;
  width: 100px;
  height: 32px;
  left: 0px;
}

.yglbtn1:hover
{
  background: url("../images/index/yd_dianliang2.png") no-repeat center;
}
.yglbtn2
{
  position: absolute;
  cursor: pointer;
  width: 100px;
  height: 32px;
  top: 160px;
  left: 54px;
  color: #ff5a00;
  text-align: center;
  font-weight: 800;
  line-height: 32px;
  font-size: 18px;
  border-radius: 50px;
  behavior: url(ie-css3.htc);
  background: url("../images/index/yd_dianliang1.png") no-repeat center;
}
.yglbtn2:hover
{
  background: url("../images/index/yd_dianliang2.png") no-repeat center;
}
.lvdtc
{
  position: absolute;
  width: 279px;
  left: -230px;
  top: 44px;
  z-index: 100;
  height: 144px;
  background: url(../images/index/y8_lvdtc.png) no-repeat center;
}
.closslvdtc
{    
  position: absolute;
  top: 4px;
  right: 44px;
  width: 30px;
  height: 30px;
}
.glbtntbbox
{
  position: relative;
  /* width: fit-content; */
  /* margin: 34px auto; */
}
/* 关联按钮 */
/* .glbtntb
{
  position: relative;
  cursor: pointer;
  width: 146px;
  height: 52px;
  left: 34px;
  top: 34px;
  behavior: url(ie-css3.htc);
  background: url("../images/index/y8_gl_1.png") center;
  background-size: cover;
} */
/* 关联按钮 */
.glbtntb
{
  position: relative;
  cursor: pointer;
  width: 146px;
  height: 52px;
  left: 34px;
  top: 34px;
  behavior: url(ie-css3.htc);
  
  /* background: url("../images/index/y8_gl_1.png") center; */
  /* background-size: 100% 100%; */
  /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index/y8_gl_1.png',sizingMethod='scale'); */
}
/* 关联按钮 */
.header-top .illumeandgl_box .illume_box2 .wgl_box .glbtntb:hover
{
  /* background: url("../images/index/y8_gl_2.png") center; */
  /* background-size: 100% 100%; */
  /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index/y8_gl_2.png',sizingMethod='scale'); */
}
.gljcbtntb
{
  position: absolute;
  cursor: pointer;
  width: 127px;
  height: 22px;
  bottom: 39px;
  left: 41px;
  background: url("../images/index/y8_gljctbbtn.png") no-repeat center;
}
/* 关联标语 */
.header-top .illumeandgl_box .illume_box2 .wgl_box .glby1
{
  position: absolute;
  top: 88px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
/* 关联标语2 */
.header-top .illumeandgl_box .illume_box2 .wgl_box .glby2
{
  position: absolute;
  top: 120px;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
/* 关联标语3 */
.header-top .illumeandgl_box .illume_box2 .wgl_box .glby3
{
  position: absolute;
  top: 112px;
  left: -36px;
  width: 280px;
  height: 30px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background: url("../images/index/y8_glby3.png") no-repeat center;
}
/* 文字 */
.header .header-top .illumeandgl_box .text_box
{
  position: relative;
  /* top: 20px; */
  margin:auto;
  top: 446px;
  width: 554px;
  height: 114px;
  /* background-color: #000; */
}
/* 文字1 */
.header .header-top .illumeandgl_box .text_box .mytext1
{
  position: relative;
  color: #fff2ca;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  margin-top: 16px;
  
}
/* 文字2 */
.header .header-top .illumeandgl_box .text_box .mytext2
{
  position: relative;
  color: #fff2ca;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  margin-top: 6px;
  
}
/* 文字3 */
.header .header-top .illumeandgl_box .text_box .mytext3
{
  position: relative;
  color: #fff2ca;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  margin-top: 6px;
  
}
/* 总中部 */
.header .header-center
{
  margin: auto;
  padding: auto;
  /* height: 990px; */
}
/* 万人祝福 */
.header .header-center .wrzf_box
{
  position: relative;
  width: 1121px;
  height: 494px;
  margin: auto;
}
/* 万人祝福1 */
.header .header-center .wrzf_box .wrzf_top
{
  position: relative;
  width: 1121px;
  height: 158px;
  background: url("../images/index/y8_wrzftop.png") no-repeat center;
}
/* 万人祝福2 */
.header .header-center .wrzf_box .wrzf_center
{
  position: relative;
  width: 1121px;
  height: 284px;
  background: url("../images/index/y8_wrzfcenter.png") repeat center;
}
/* 万人祝福 查看更多 */
.header .header-center .wrzf_box .wrzf_center .ckgd
{
  position: absolute;
  width: 90px;
  height: 30px;
  font-size: 16px;
  color: #fff;
  right: 40px;
  top: -20px;
  text-align: center;
  line-height: 16px;
}
.ckgd_a
{
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
}
/* 万人祝福3 */
.header .header-center .wrzf_box .wrzf_bootom
{
  position: relative;
  width: 1121px;
  height: 52px;
  background: url("../images/index/y8_wrzfbootom.png") no-repeat center;
}
/* 万人左按钮 */
.header .header-center .wrzf_box .wrzf_center .wrzf_leftbtn
{
  position: absolute;
  width: 36px;
  height: 74px;
  left:2px;
  top: 110px;
  background: url("../images/index/y8_wrzfleft_btn.jpg") no-repeat center;
}
/* 万人右按钮 */
.header .header-center .wrzf_box .wrzf_center .wrzf_rightbtn
{
  position: absolute;
  width: 36px;
  height: 74px;
  right:2px;
  top: 110px;
  background: url("../images/index/y8_wrzfright_btn.jpg") no-repeat center;
}
/* 万人祝福中间 */
.header .header-center .wrzf_box .wrzf_center .wrzf_center_imgbox
{
  position: relative;
  width: 1024px;
  height: 256px;
  left: 50px;
  top: 20px;
  /* float: left; */
  overflow: hidden;
}
.header .header-center .wrzf_box .wrzf_center .wrzf_center_imgbox .wrzf_center_imgbox_long
{
  position: absolute;
  /* width: 700%; */
  float: left;
  height: 256px;
}
/* 万人祝福中间内容 */
.header .header-center .wrzf_box .wrzf_center .wrzf_center_imgbox .wrzf_center_imgbox_long .wrzf_center_imgbox_value
{
  position: relative;
  cursor: pointer;
  width: 196px;
  height: 254px;
  margin-left: 4px;
  margin-right: 4px;
  float: left;
  background: url("../images/index/y8_wrzf_fm.jpg") no-repeat center;
}
/* 万人祝福中间内容封面 */
.header .header-center .wrzf_box .wrzf_center .wrzf_center_imgbox .wrzf_center_imgbox_long .wrzf_center_imgbox_photo
{
  position: relative;
  width: 192px;
  height: 192px;
  /* background-color: #fff; */
  top: 2px;
  left: 2px;
  /* behavior: url(iecss3.htc); */
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  behavior: url(ie-css3.htc);
  
}
/* 黑背景 */
.header .header-center .wrzf_box .wrzf_center .wrzf_center_imgbox .wrzf_center_imgbox_long .wrzf_center_imgbox_photo .heibg
{
  position: absolute;
  overflow: hidden;
  width: 192px;
  height: 30px;
  background: url(../images/aside/grey_bg.png) repeat;
  bottom: 0px;
}
.heibg_nametext
{
  position: absolute;
  left: 5px;
  max-width: 185px;
  width: 192px;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  text-overflow:ellipsis;
  overflow:hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  _display: -webkit-box;
  _max-width: 185px;
  
  -webkit-box-orient: vertical;  
  -moz-box-orient: vertical;    
  -ms-box-orient: vertical;    
  -o-box-orient: vertical;   
  -webkit-line-clamp: 1;  
  -moz-line-clamp: 1;     
  -ms-line-clamp: 1;
  -o-line-clamp: 1;
  word-break: normal;
  word-wrap: break-word;
  
}
/* 按钮查看详情 */
.header .header-center .wrzf_box .wrzf_center .wrzf_center_imgbox .wrzf_center_imgbox_long .wrzf_ckxqbtn
{
  position: absolute;
  /* margin: auto; */
  width: 128px;
  height: 34px;
  bottom: 14px;
  left:34px;
  background: url("../images/index/y8_wrzf_ckxq.png") no-repeat center;
}
/* 十大精彩活动 */
.header .header-centertwo
{
  margin: auto;
  padding: auto;
  /* height: 990px; */
}
/* 精彩活动框 */
.header .header-centertwo .jchd_box
{
  position: relative;
  width: 1121px;
  height: 1810px;
  margin: auto;
}
.header .header-centertwo .jchd_box .jchdtop
{
  position: relative;
  width: 1121px;
  height: 244px;
  background: url("../images/index/y8_jchdtop.png") no-repeat center;
}
.header .header-centertwo .jchd_box .jchdcenter
{
  position: relative;
  width: 1121px;
  height: 1480px;
  background: url("../images/index/y8_jchdcenter.png") repeat center;
}
.header .header-centertwo .jchd_box .jchdbootom
{
  position: relative;
  width: 1121px;
  height: 85px;
  background: url("../images/index/y8_jchdbootom.png") no-repeat center;
}
.header .header-centertwo .jchd_box .jchdcenter .jchd_img_box
{
  position: relative;
  float: left;
  width: 560px;
  height: 368px;
}
/* 精彩活动的背景框 */
.header .header-centertwo .jchd_box .jchdcenter .jchd_img_box .jchd_img_boxdt
{
  position: relative;
  width: 488px;
  height: 318px;
  /* left: 32px; */
  margin: auto;
  background: url("../images/index/y8_jchdimg_di.jpg") repeat center;
}
/* 精彩活动的背景图 */
.header .header-centertwo .jchd_box .jchdcenter .jchd_img_box .jchd_img_boxdt .jchd_img_boxbgt
{
  position: absolute;
  width: 471px;
  height: 246px;
  top: 3px;
  /* left: 32px; */
  /* margin: auto; */
  left: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  behavior: url(ie-css3.htc);
}
/* 精彩活动的背景图角标 */
.header .header-centertwo .jchd_box .jchdcenter .jchd_img_box .jchd_img_boxdt .jchd_img_boxbgt .jchd_img_boxjb
{
  position: absolute;
  width: 104px;
  height: 104px;
  top: 0px;
  /* left: 32px; */
  /* margin: auto; */
  right: 0px;
}
/* 尽请期待按钮 */
.header .header-centertwo .jchd_box .jchdcenter .jchd_img_box .jchd_img_boxdt .jqqdbtn
{
  position: absolute;
  width: 128px;
  height: 34px;
  bottom: 14px;
  left:182px;
  background: url("../images/index/y8_wrzf_ckxq.png") no-repeat center;
}
/* .header .header-top .headertop-wrap {
  width: 1010px;
  margin: auto;
  position: relative;
  height: 367px;
} */
.header .header-middle {
  height: 373px;
  padding-top: 57px;
  overflow: hidden;
}
.header .header-bottom {
  height: 460px;
  overflow: hidden;
}
.vvRoom {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}
.vvRoom img {
  height: 100%;
  width: 100%;
  display: block;
}
.vvRoom .videoIcon {
  height: 107px;
  width: 107px;
  background: url("../images/index/playico.png") no-repeat center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -54px;
  margin-top: -54px;
}
.vvRoom:hover .videoIcon {
  background: url("../images/index/playicoh.png");
}
.header-bottom .infoWrap {
  width: 640px;
  height: 40px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 10px 0px;
}
.header-bottom .infoWrap p {
  color: #fff45c;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}
/*++++++++++点亮+++++++++++*/
.header-top .hdbox {
  position: absolute;
  right: 78px;
  top: 114px;
}
/* .hdbox .light-state,
.hdbox .sign-state {
  width: 135px;
  text-align: center;
  line-height: 22px;
}
.hdbox .light-state .light-button {
  width: 91px;
  height: 74px;
  margin: 0 auto;
}
.hdbox .light .lightWrap {
  background: url("../images/index/btn-light.png") no-repeat center;
}
.hdbox .light .lightWrap:hover {
  background: url("../images/index/btn-light-hover.png") no-repeat center;
}
.hdbox .lighted .lightWrap {
  background: url("../images/index/btn-lighted.png") no-repeat center;
}
.hdbox .lighted .light-msg i {
  color: #db322d;
}
.hdbox .light-timeout .lightWrap {
  background: url("../images/index/btn-light-timeout.png") no-repeat center;
}
.hdbox .light-state .lighttubiao {
  width: 40px;
  height: 32px;
  margin: 0 auto;
}
.hdbox .light-state .light-btn {
  display: block;
  width: 91px;
  height: 32px;
  margin-top: 2px;
}
.hdbox .light-state .light-msg {
  color: #251814;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
} */

/*++++++++++签到+++++++++++*/
.hdbox .sign-state {
  margin-top: 15px;
  position: relative;
}
.hdbox .sign-state .sg-button {
  display: block;
  width: 91px;
  height: 39px;
  margin: 0 auto;
}
.hdbox .sign .sign-btn {
  background: url("../images/index/btn-sign.png") no-repeat center;
}
.hdbox .signed .sign-btn {
  background: url("../images/index/btn-signed.png") no-repeat center;
}
.hdbox .signed .sign-btn:hover {
  background: url("../images/index/btn-signed.png") no-repeat center;
}
.hdbox .sign .sign-btn:hover {
  background: url("../images/index/btn-sign-hover.png") no-repeat center;
}
.hdbox .sign-timeout .sign-btn {
  background: url("../images/index/btn-sign-timeout.png") no-repeat center;
}
.hdbox .sign-state .sign-tip {
  display: block;
  color: #db322d;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
.hdbox .sign-state .sign-msg {
  display: block;
  color: #251814;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}
.hdbox .signed .sign-msg i {
  color: #db322d;
}

/*++++++++++日历+++++++++++*/
.calendar-box {
  display: none;
  position: absolute;
  height: 376px;
  width: 326px;
  left: 50%;
  margin-left: -163px;
  top: 83px;
  text-align: left;
  background: url("../images/index/rlbg.png") no-repeat;
  z-index: 1000;
}
.calendar-box .cal-head {
  height: 56px;
  width: 100%;
}
.calendar-box .cal-head .cal-close {
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: block;
  float: right;
  margin-top: 24px;
  margin-right: 13px;
  _margin-right: 7px;
}
.calendar-box .cal-main {
  /*margin-left:20px; _margin-left:0px;*/
  position: relative; /*_width:320px;*/
}
.calendar-box .cal-main .cal-tag {
  margin-top: 6px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: 14px;
  _margin-left: 20px;
}
.calendar-box .cal-main .cal-tag span {
  color: #f9d84f;
  font-weight: bold;
}
.calendar-box .cal-main .clickbox {
  width: 100%;
  height: 24px;
  margin: 13px 0;
  position: relative;
}
.calendar-box .cal-main .clickbox .showyear {
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #be332b;
}
.calendar-box .cal-main .clickbox #btn-left {
  width: 7px;
  height: 10px;
  position: absolute;
  left: 28px;
  top: 5px;
  _left: 28px;
  _top: 0px;
}
.calendar-box .cal-main .clickbox #btn-right {
  width: 7px;
  height: 10px;
  position: absolute;
  right: 28px;
  top: 5px;
  _right: 14pxpx;
  _top: 0px;
}
.calendar-box .cal-main .cal-day {
  color: #be332b;
  font-size: 18px;
  height: 20px;
  line-height: 20px;
}
.calendar-box .cal-main .cal-day span {
  margin-left: 21px;
  _margin-left: 18px;
}
.calendar-box .cal-main .date-list {
  float: left;
  width: 326px;
  position: relative;
}
.calendar-box .cal-main .date-list li {
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  _display: inline;
}
.calendar-box .cal-main .date-list li p {
  width: 20px;
  text-align: center;
  height: 20px;
  border: 2px solid transparent;
  _border: 2px solid #fff;
  line-height: 20px;
  border-radius: 12px;
  behavior: url(ie-css3.htc);
}
.calendar-box .cal-main .date-list .start-item {
  float: left;
  width: 1px;
  height: 1px;
  margin-left: 176px;
}
.calendar-box .cal-main .date-list .mark p {
  border: 2px solid #bf362e;
}
.calendar-box .ulshow {
  width: 100%;
  height: 204px;
  overflow: hidden;
  position: relative;
}
.calendar-box .ulWrap {
  width: 1020px;
  height: 204px;
}
.cal-main .list-first .y12,
.cal-main .list-first .y01,
.cal-main .list-second .y02,
.cal-main .list-second .y03 {
  color: #db322d;
  font-size: 12px;
  position: absolute;
}
.cal-main .y12 {
  left: 162px;
  top: 10px;
}
.cal-main .y01 {
  left: 2px;
  top: 112px;
}
.cal-main .y02 {
  left: 132px;
  top: 44px;
}
.cal-main .y03 {
  left: 132px;
  top: 180px;
}
.cal-main .cal-des {
  color: #ed2d72;
  font-size: 12px;
  margin-top: 15px;
  text-indent: 1em;
}

/*++++++++++主体内容+++++++++++*/
.main {
  margin-top: -320px;
}
.content-box {
  width: 1035px;
  margin: 0 auto;
}
.content-list .main-first {
  width: 1035px;
  height: 330px;
  background: url("../images/index/main-first.png") no-repeat center;
}
.content-list .main-second {
  text-align: center;
  width: 1035px;
  height: 280px;
  background: url("../images/index/main-second.jpg") no-repeat center;
}
.content-list .main-third {
  width: 1035px;
  height: 339px;
  background: url("../images/index/main-third.png") no-repeat center;
}
.content-item {
  width: 391px;
  height: 256px;
  float: left;
}
.content-list .main-first .first-line {
  margin-top: 74px;
  margin-left: 99px;
  _margin-left: 50px;
}
.content-list .main-first .second-line {
  margin-top: 74px;
  margin-left: 51px;
  _margin-left: 50px;
}
.content-list .main-second .first-line {
  margin-top: 18px;
  margin-left: 99px;
  _margin-left: 50px;
}
.content-list .main-second .second-line {
  margin-top: 18px;
  margin-left: 51px;
  _margin-left: 50px;
}
.content-list .main-third .first-line {
  margin-top: 19px;
  margin-left: 99px;
  _margin-left: 50px;
}
.content-list .main-third .second-line {
  margin-top: 19px;
  margin-left: 51px;
  _margin-left: 50px;
}
.item-box {
  width: 391px;
  height: 256px;
  position: relative;
}
.poster {
  width: 391px;
  height: 205px;
  display: block;
  cursor: pointer;
}
.poster img {
  display: block;
  width: 391px;
  height: 205px;
}
.commdetail {
  display: block;
  height: 32px;
  width: 143px;
  margin: 0 auto;
  margin-top: 13px;
}
.seeDetail {
  background: url("../images/index/see-detail.png") no-repeat;
}
.seeDetail {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/see-detail.png',sizingMethod='crop');
}
.noDetail {
  cursor: default;
  background: url("../images/index/nodetail.png") no-repeat;
}
.noDetail {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/nodetail.png',sizingMethod='crop');
}
.state {
  height: 89px;
  width: 103px;
  position: absolute;
  right: -8px;
  top: -6px;
}
.state-ing {
  background: url("../images/index/icon-going.png") no-repeat;
}
.state-ing {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/icon-going.png',sizingMethod='crop');
}
.state-notstart {
  background: url("../images/index/icon-nostart.png") no-repeat;
}
.state-notstart {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/icon-nostart.png',sizingMethod='crop');
}
.state-over {
  background: url("../images/index/icon-timeout.png") no-repeat;
}
.state-over {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/icon-timeout.png',sizingMethod='crop');
}
.state-timeout {
  height: 89px;
  width: 103px;
  position: absolute;
  right: -8px;
  top: -6px;
  background: url("../images/index/icon-over.png") no-repeat;
}
.state-timeout {
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/icon-over.png',sizingMethod='crop');
}
.bottom_img_6
{
    position: relative;
    width: 100%;
    height: 428px;
    /* bottom: 0px; */
    margin-top: 0px;
    /* background: url(../images/index/y8_allbootom.png) repeat-y center; */
}
.bottom_img_6 .footer
{
  position: relative;
  top: 100px;
}
/*+++++++++底部footer+++++++++++++*/
.bottom_img_6 .footer .bottom-logo {
  width: 322px;
  height: 120px;
  margin: 0 auto;
  background: url("../images/index/y8_bottom-logo.png") no-repeat center;
}
/*.footer .bottom-logo {_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/bottom-logo.png',sizingMethod='crop'); }*/
#footer_link_info {
  color: #fff;
}
#footer_link_info a {
  color: #fff;
  text-decoration: none;
}

/********弹窗样式*********/
.cover-layer {
  height: 100%;
  width: 100%;
  background: #333;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: fixed;
  top: 0px;
  left: 0px;
  _position: absolute;
  display: none;
  z-index: 1000;
}
.dialog-box {
  position: fixed;
  left: 50%;
  top: 50%;
  display: block;
  height: 365px;
  width: 446px;
  _position: absolute;
  z-index: 1001;
}
.dia-success {
  display: none;
}
.dialog-main {
  height: 363px;
  width: 446px;
  background: url("../images/index/layer_bg.png") no-repeat;
  position: absolute;
  left: -223px;
  top: -163px;
}
.twocode {
  height: 113px;
  width: 115px;
  position: absolute; /*background: url('../images/index/twocode_bg.png') no-repeat;*/
  top: 0px;
  left: 275px;
}
.twocode .twocodeimg {
  width: 102px;
  height: 103px;
  margin-left: 6px;
  margin-top: 7px;
  background: url("../images/index/twocode.jpg");
}
.dia-close {
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  right: 16px;
  top: 101px;
  _top: 103px;
  cursor: pointer;
}
.dia-content {
  text-align: center;
  margin-top: 180px;
}
.dia-content .dia-msg {
  color: #af3e33;
  font-size: 32px;
}
.dia-content .point-tip {
  color: #d33868;
  font-size: 18px;
  margin-top: 15px;
}
.dia-button {
  position: relative;
  margin-top: 20px;
}
.dia-button a {
  height: 44px;
  width: 134px;
  position: absolute;
  display: block;
  cursor: pointer;
}
.dia-button .point-btn {
  background-image: url("../images/index/point-btn.png");
  left: 72px;
}
.dia-button .mygoods-btn {
  background-image: url("../images/index/mygoods-btn.png"); /*right:72px;*/
  left: 50%;
  margin-left: -67px;
}
.dia-warn {
  display: none;
}
.dia-tip {
  margin-top: 214px;
  text-align: center;
}
.dia-tip01 {
  width: 167px;
  padding-left: 36px;
  height: 33px;
  line-height: 33px;
  color: #e50e46;
  font-size: 32px;
  margin-left: 125px;
  *margin-left: 0px;
  background: url("../images/index/warn.jpg") no-repeat;
}
.dia-tip02 {
  margin-top: 20px;
  color: #e50e46;
  font-size: 18px;
}
.hbg
{
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 998;
  width: 100%;
  height: 100%;
  background: url(../images/aside/grey_bg.png) repeat;
  
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  _left: expression(eval(document.documentElement.scrollLeft));
  _width: expression(eval(document.documentElement.clientWidth));
  _height: expression(eval(document.documentElement.clientHeight));
}

/* .logo {
  height: 154px;
  width: 128px;
  background: url("../images/index/logo.png");
  position: absolute;
  left: 100px;
  top: 70px;
} */

/* .headertime {
  color: #b31c13;
  font-size: 24px;
  font-weight: bold;
  bottom: 0;
  left: 50%;
  margin-left: -132px;
  position: absolute;
} */