@charset "UTF-8";
/**
 * @authors ZhangRuonan
 * @date    2016-11-28 16:13:04 
 */
body{ font-family: "Microsoft Yahei"; background: #2a0255; min-width:1200px;}
.wrap{ width:1075px; margin:auto; position: relative;}
/*++++++++++头部+++++++++++*/
.header .header-top{ height:385px; background: url(../images/index/head00119.jpg) no-repeat center; _background:url('../images/index/head0119.jpg') no-repeat center; margin-top:45px;}
.header .header-top .headertop-wrap{ width:1200px; margin:auto; position:relative; height:385px;}
.header .header-bottom{ height:397px; background: url(../images/index/head03.jpg) no-repeat center; }
.header .header-middle{ height:426px; background: url(../images/index/head02.jpg) no-repeat center; }
.header-middle .hpbox{ float:left; margin-top:160px; margin-left:78px; cursor: pointer; _margin-left:40px;}
.header-middle .hpbox .homepage{ display: block; height:55px; width:74px; background: url('../images/index/text.png') no-repeat; }
.header-middle .hpbox .homepage:hover{ background: url('../images/index/text1.png') no-repeat; }
.headertime{ color:#fff; font-size:14px; font-weight: bold; top:355px; left:483px; position: absolute; }
/*++++++++++视频+++++++++++*/
#vedio {margin: 0 auto; top: 37px; left: -1px;}
.header-middle #vedio_wrapper{ height:349px; width:621px;/* background: #000; */float:left; margin-left:73px; margin-top:37px; }
.vvRoom{ height:349px; width:621px; display: block; position:relative; margin-top:37px; margin-left:73px; float:left;}
.vvRoom img{ position:absolute; left:0; top:0px; }
.vedioIcon{ height:52px; width:72px; background: url('../images/index/playico.png'); display: block; position:absolute; top:148px; left:280px; }
.vvRoom:hover .vedioIcon{ background:url('../images/index/playicoh.png'); }
/*++++++++++签到和点亮+++++++++++*/
.header-middle .hdbox{ position: absolute;  right:60px; top:93px;}
.hdbox .light-state,.hdbox .sign-state{ width:110px; text-align: center; line-height:15px;}
.hdbox .light .light-msg,.hdbox .light-timeout .light-msg{ color:#fff; font-size:12px; line-height: 10px;}
.hdbox .lighted .light-msg{ color:#fff105; font-size:12px; line-height: 10px;}
.hdbox .light-state .light-msg i,.hdbox .sign-state .sign-msg i{ font-style: normal; }
.hdbox .button{ height:30px; width:86px; display: block; cursor: pointer; background: url('../images/index/icon.png') no-repeat; margin-left:12px; position:relative;}
.hdbox .light-state .lighttubiao{ height:34px; width:46px; background: url('../images/index/icon.png') -313px -5px; position:absolute; top:-33px; left:35px;}
.hdbox .light .light-btn{ background-position: -8px -38px;  _background-position: -8px -38px;}
.hdbox .light .light-btn:hover{ background-position: -176px -38px; }
.hdbox .lighted .light-btn{ height:30px; background-position:-291px -38px; /*margin-top:-36px;*/ cursor: default;}
.hdbox .light-timeout .light-btn{ background-position:-406px -38px; cursor: default;}

.sign-tip{ color:#fff; font-size:12px; display: block; margin-top:2px; display: none;}
.sign-tip i{ font-style:normal; }
.hdbox .sign-state{ margin-top:10px; position:relative;}
.hdbox .sign .sign-msg,.hdbox .sign-timeout .sign-msg{ color:#fff; font-size:12px; line-height: 10px; }
.hdbox .signed .sign-msg{ color:#fff105; font-size:12px; line-height: 10px; display: block; margin-top:3px;}
/*.hdbox .signed .sign-tip{ display: block; }*/
.hdbox .sign{ margin-top:10px;}
.hdbox .sign .sign-btn{ background-position: -8px -90px;  }
.hdbox .sign .sign-btn:hover{ background-position: -174px -90px;}
.hdbox .signed .sign-btn{  background-position:-292px -90px; cursor: default;}
.hdbox .sign-timeout .sign-btn{  background-position:-405px -90px; cursor: default;}

/*++++++++++日历+++++++++++*/
.calendar-box{ position: absolute; height:347px; width:326px; left:-110px; top:28px; text-align:left;display: none; }
.cal-dir{ height:14px; width:100%; }
.cal-dir .diricon{ height:17px; width:33px; background: url('../images/index/rlh.png') no-repeat; position: absolute; left:148px; }
.calendar{ height:333px; width:326px; background: url('../images/index/rlbg.png') no-repeat;}
/*.hdbox .signed:hover .calendar-box{ display: block; }*/
.calendar .cal-head{ /*margin-top:15px;*/  height:43px; width:100%;}
.calendar .cal-head .cal-close{cursor: pointer; float:left;  height:20px; width:20px; display: block; float:right; margin-top:10px; margin-right:17px; _margin-right:7px; background: url('../images/index/close.png');}
.calendar .cal-main{ margin-left:20px; _margin-left:0px; position:relative; width:295px; float:left; _width:320px;}
.calendar .cal-main .cal-tag{ margin-top:6px; height:28px; line-height:28px; color:#fff; font-size:14px; _margin-left:20px;}
.calendar .cal-main .cal-tag span{ color:#f9d84f; font-weight: bold; }
.calendar .cal-main  .cal-day{ color:#b53adf; font-size:18px; margin-top:22px; height:20px; line-height:20px; margin-left:-17px; float:left; _margin-left:0px;}
.calendar .cal-main  .cal-day span{ margin-left:20px; }
.calendar .cal-main .date-list{ width:310px; margin-left:-23px; _width:330px;}
.calendar .cal-main .date-list li{ float:left;margin-left:20px; _margin-left:20px; margin-top:10px; font-size:14px;}
.calendar .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;}
.calendar .cal-main  .date-list .start-item{ margin-left:153px; _margin-left:86px;}
.calendar .cal-main  .date-list .mark p{ border:2px solid #b53adf; }
.cal-main .y12,.cal-main .y01{ color:#b53adf; font-size:12px; position:absolute; }
.cal-main .y12{ left:92px; top:57px; _margin-left:20px;}
.cal-main .y01{ left:241px; top:125px; _margin-left:18px;}
.cal-main .cal-des{ color:#da4272; font-size:12px; margin-top:15px; _margin-left:20px;}
.calendar .cal-mainright{ float:left; margin-top:46px; width:116px;}
.cal-mainright .des-item{ height:44px; width:116px; margin-top:8px; text-align:center;}
.cal-mainright .des-item .line01{ font-size:14px; color:#fff;  line-height: 20px;}
.cal-mainright .des-item .line01 span{ font-weight: bold; color:#fdf150; }
.cal-mainright .des-item .line02{ color:#fdf150; font-weight: bold; line-height: 20px; }

/*++++++++++主体内容+++++++++++*/
.main{  }
.main .wrap{ background: url('../images/index/bg.jpg') 0px 0px repeat-y; }
.content-box{ width:980px; margin:auto; }
.content-list{ float:left; margin-top:-130px; margin-left:-30px; padding-bottom:40px;}
.content-item{ float:left; margin-top:40px; margin-left:37px; _margin-left:25px;}
.first{ margin-top:0px; margin-right:0px; }
.first .item-box{ height:262px; width:967px; background: url('../images/index/border01.png') no-repeat; position: relative; }
.item-box{ height:261px; width:465px; background: url('../images/index/border02.png') no-repeat; position: relative; }
.poster{ display: block; float:left; margin-top:6px; margin-left:6px; cursor: pointer; _margin-left:3px; }
.poster img{ height:250px; width:453px; }
.first .poster img{ height:251px; width:955px; }
.order{ height:36px; width:66px; background: url('../images/index/tag.png') no-repeat; position: absolute; left:-5px; top:14px; color:#fff; font-weight: bold; font-size:24px; text-indent: 20px; line-height: 36px; text-shadow: 0px 0px 2px #333;}
.state{ height:89px; width:103px; position: absolute; right:-5px; top:-5px;}
.state-ing{ background: url('../images/index/state01.png') no-repeat; }
.state-notstart{ background: url('../images/index/state02.png') no-repeat; }
.state-over{ background: url('../images/index/state03.png') no-repeat; }
/*+++++++++底部footer+++++++++++++*/
.footer{ margin-top:62px; }
.footer .line{ height:10px; background: url('../images/index/line.png') no-repeat center; }
#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:326px; 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:-37px; left:277px; }
.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; background: url('../images/index/layer_close.png'); position: absolute; right:16px; top:66px; cursor: pointer; }
.dia-content{ text-align:center; margin-top:150px; }
.dia-content .dia-msg{ color:#9800fe; font-size:32px; }
.dia-content .point-tip{ color:#e61f67; font-size:18px; margin-top:15px; }
.dia-button{ position:relative; margin-top:20px; }
.dia-button a{ height:44px; width:134px; position: absolute; background-image: url('../images/index/layer_btn.png'); display: block; cursor: pointer;}
.dia-button .point-btn{ background-position: -2px 0px;  left:72px;}
.dia-button .point-btn:hover{ background-position: -2px -57px;  }
.dia-button .mygoods-btn{ background-position: -171px 0px; right:72px; }
.dia-button .mygoods-btn:hover{ background-position: -171px -57px; }

.dia-warn{ display: none; }
.dia-tip{ margin-top:167px; 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; }

/********头部logo及动图元素样式*********/
.item-animation{
	_display:none;
	animation-duration:2s;
	animation-timing-function:ease-out;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
}
.logo{ height:141px; width:107px; background:url('../../inc/images/logo/logo.png'); position:absolute; left:190px;top:28px;}

.c01{ width:70px; height:69px; background: url('../images/index/c01.png') no-repeat; position: absolute; left:30px; top:160px; animation-name:myfirst; }
.c02{ width:61px; height:62px; background: url('../images/index/c02.png') no-repeat; position: absolute; right:30px; top:173px; animation-name:myfirst; }
.c03{ width:49px; height:30px; background: url('../images/index/c03.png') 0px -18px no-repeat ; position: absolute;right:156px; top:0px; animation-name:myfirst; }
.c04{ width:39px; height:39px; background: url('../images/index/c04.png') no-repeat; position: absolute; left:160px; top:30px; animation-name:myfirst; }
.q02{ width:179px; height:134px; background: url('../images/index/q02.png') no-repeat;position: absolute; left:205px; top:175px; animation-name:mysecond;}
.q03{ width:91px; height:89px; background: url('../images/index/q03.png') no-repeat;position: absolute; right:220px; top:108px; animation-name:mysecond;}
.q01{ width:121px; height:55px; background: url('../images/index/q01.png') 0px -11px;position: absolute; left:422px; top:0px; animation-name:mysecond;}

@keyframes myfirst
{
0%   {opacity: 0;}
20%  {opacity: 0.2;}
40%  {opacity: 0.4;}
60%  {opacity: 0.6;}
80%  {opacity: 0.8;}
100% {opacity: 1;}
}
/* Safari and Chrome */
@-webkit-keyframes myfirst 
{
0%   {opacity: 0;}
20%  {opacity: 0.2;}
40%  {opacity: 0.4;}
60%  {opacity: 0.6;}
80%  {opacity: 0.8;}
100% {opacity: 1;}
}
@-o-keyframes myfirst 
{
0%   {opacity: 0;}
20%  {opacity: 0.2;}
40%  {opacity: 0.4;}
60%  {opacity: 0.6;}
80%  {opacity: 0.8;}
100% {opacity: 1;}
}
/* Firefox */
@-moz-keyframes myfirst 
{
0%   {opacity: 0;}
20%  {opacity: 0.2;}
40%  {opacity: 0.4;}
60%  {opacity: 0.6;}
80%  {opacity: 0.8;}
100% {opacity: 1;}
}


@keyframes mysecond
{
0%   {opacity: 1;}
20%  {opacity: 0.8;}
40%  {opacity: 0.6;}
60%  {opacity: 0.4;}
80%  {opacity: 0.2;}
100% {opacity: 0;}
}
@-o-keyframes mysecond
{
0%   {opacity: 1;}
20%  {opacity: 0.8;}
40%  {opacity: 0.6;}
60%  {opacity: 0.4;}
80%  {opacity: 0.2;}
100% {opacity: 0;}
}
/* Safari and Chrome */
@-webkit-keyframes mysecond
{
0%   {opacity: 1;}
20%  {opacity: 0.8;}
40%  {opacity: 0.6;}
60%  {opacity: 0.4;}
80%  {opacity: 0.2;}
100% {opacity: 0;}
}
@-moz-keyframes mysecond
{
0%   {opacity: 1;}
20%  {opacity: 0.8;}
40%  {opacity: 0.6;}
60%  {opacity: 0.4;}
80%  {opacity: 0.2;}
100% {opacity: 0;}
}