/* common */
body,ul,li,span,p,font,div,fieldset,legend,img,input,form,h1,h2,h3,h4,h5,h6,h7,dl,dd,dt{margin:0px;padding:0px;}
img{border:0px;}  a,link {text-decoration: none;} a:hover { text-decoration: none;}
.clear{clear: both;font-size:0px;padding: 0px;margin: 0px;height:0px;line-height:0px; }
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix{*zoom:1;} .f_l { float:left;} .f_r { float:right;}
ul,li,ol {white-space:normal;list-style:none;} table {border-collapse: collapse;}
h1,h2,h3,em,i { font-weight: normal; font-style:normal;}
body { background-color:#231816; color:#FFF; font:14px/24px Microsoft YaHei, Helvetica, sans-serif !important;}
input,button,textarea { font:14px/24px  Microsoft YaHei, Helvetica, sans-serif;}

/* css3 animation */
@keyframes fadeOut {0%{opacity: 0.7;}100%{opacity: 0;}}
@-webkit-keyframes fadeOut {0%{opacity: 0.7;}100%{opacity: 0;}}
@-moz-keyframes fadeOut {0%{opacity: 0.7;}100%{opacity: 0;}}
@-ms-keyframes fadeOut {0%{opacity: 0.7;}100%{opacity: 0;}}

@keyframes fadeInUp{0%{opacity:0;transform:translateY(90px)}100%{opacity:1;transform:translateY(0)}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(90px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(90px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes fadeInUp{0%{opacity:0;-ms-transform:translateY(90px)}100%{opacity:1;-ms-transform:translateY(0)}}

@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-100px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-100px)}100%{opacity:1;-ms-transform:translateY(0)}}

@keyframes eggIn{0%{opacity: 0;transform:scale(0.1) translateY(100px);}70%{opacity: 1;transform:scale(1) translateY(-20px);}100%{transform:translateY(0px);}}
@-webkit-keyframes eggIn{0%{opacity: 0;-webkit-transform:scale(0.1) translateY(100px);}70%{opacity: 1;-webkit-transform:scale(1) translateY(-20px);}100%{-webkit-transform:translateY(0px);}}
@-moz-keyframes eggIn{0%{opacity: 0;-moz-transform:scale(0.1) translateY(100px);}70%{opacity: 1;-moz-transform:scale(1) translateY(-20px);}100%{-webkit-transform:translateY(0px);}}
@-ms-keyframes eggIn{0%{opacity: 0;-ms-transform:scale(0.1) translateY(100px);}70%{opacity: 1;-ms-transform:scale(1) translateY(-20px);}100%{-ms-transform:translateY(0px);}}

@keyframes eggA{0%{ transform:rotate(0deg); }40%{ transform:rotate(10deg); }80%{transform:rotate(-20deg);}100%{transform:rotate(0deg);}}
@-webkit-keyframes eggA{0%{ -webkit-transform:rotate(0deg); }40%{ -webkit-transform:rotate(10deg); }80%{-webkit-transform:rotate(-20deg);}100%{-webkit-transform:rotate(0deg);}}
@-moz-keyframes eggA{0%{ -moz-transform:rotate(0deg); }40%{ -moz-transform:rotate(10deg); }80%{-moz-transform:rotate(-20deg);}100%{-moz-transform:rotate(0deg);}}
@-ms-keyframes eggA{0%{ -ms-transform:rotate(0deg); }40%{ -ms-transform:rotate(10deg); }80%{-ms-transform:rotate(-20deg);}100%{-ms-transform:rotate(0deg);}}


/* layout */
.headerZ { background: url(../img/bg_header.jpg) no-repeat 50% 0; }
.headerZ .mainZ { height: 818px; width: 1200px; margin: 0 auto; background: url(../img/bg_header_main.jpg) no-repeat 50% 0; position: relative;}
.dangmu_group { background: url(../img/bg_dangmu.jpg) no-repeat 50% 0; }
.dangmu_group .mainZ { height: 679px; width: 1200px; margin: 0 auto; background: url(../img/bg_dangmu.jpg) no-repeat 50% 0; position: relative;}
.coverDm {width: 532px;height: 36px;position: absolute;z-index: 3;top: 551px;left: 216px; cursor: pointer; display: none; }
.dangmuBox { padding:136px 29px 0 29px;  }
.videoBox { width: 722px; height: 448px; border: 3px solid #51412c;position: relative;}
.videoBox a {  }
.ruleBox { width: 357px; height: 450px; border: 2px solid #51412c; position: relative; background: #241917; }
.nav_rule { border-bottom: 1px solid #6f5c3a; position: relative; }
.nav_rule li { font-size: 22px; color: #836d45; float: left; width: 112px; text-align: center; margin: 0 32px; _display: inline; height: 55px; line-height: 55px;cursor: pointer;}
.nav_rule li.current { color: #e8c356;}
.lineZ {position: absolute;width: 112px;height: 2px;background-color: #e8c356;bottom: -1px;left: 32px;font-size: 0; }
.content_rule { padding: 16px; color: #b39b96; display: none; }
.dangmuBox .ruleBox {background: url(../img/bg_8msg.jpg) no-repeat 50% 0; }
.dangmuBox .content_rule {font-size: 16px; line-height: 28px; color: #fff2df; padding-top: 70px; text-shadow:0 0 8px #221c26;-webkit-text-shadow:0 0 8px #221c26;-moz-text-shadow:0 0 8px #221c26;-ms-text-shadow:0 0 8px #221c26;}
.dangmuBox .content_rule em { color: #e8c356; font-weight: bold; display: block; padding: 10px 0; }
.dangmuBox .content_rule a {color: #e8c356;}
.dangmuBox .content_rule a:hover { text-decoration: underline; }
.btn_wsdz { color: #e8c356; }
.btn_wsdz:hover { text-decoration: underline; }

.writeBox { position: absolute; width: 326px; left: 16px; bottom: 10px; }
.textareaBox { border: 1px solid #3b2b28; padding: 4px; margin-bottom: 8px;}
.textareaBox textarea { width: 100%; height: 100%; background: none;border: none; outline: none; color: #b39b96; line-height: 22px; }
textarea::-webkit-input-placeholder{color:#726360;}
.textareaBox:focus { border-color:#473633;  }
.btn_send { width: 80px; height: 30px; background: #6f5c3a; color: #FFF; border: none; outline: none; cursor: pointer; border-radius:2px; line-height: 30px; }
.btn_send:hover { background-color:#8e754a;  }
.header_write { margin-bottom: 8px; height: 24px; }
.selectBox {width: 56px; height: 24px; position: absolute; bottom: 6px; z-index: 10009; left: 27%; }
.selectBox p { width: 56px; height: 24px;cursor: pointer; background: url(../img/sprite.png) no-repeat -156px -537px;}
.selectBox p:hover { border-color: #473633; }
.selectBox p em { font-size: 12px; color: #382a28; float: right; }
.selectBox .selectOpt { display: none; position: absolute; left: 0; top: -156px; width: 238px; border: 1px solid #382a28; border-bottom-width: 0px; z-index: 1;background: rgba(255,255,255,.9);background: #FFF; color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-ms-border-radius: 3px;}
.selectBox .selectOpt li { line-height: 30px; height: 30px; border-bottom: 1px solid #382a28; padding: 0 6px; cursor: pointer; }
.selectBox .selectOpt li:hover { background: #201614; color: #d7c4c0;}
.selectBox .selectOpt li.current {background: #201614; color: #d7c4c0;}
.countWrite { line-height: 34px; }
.faceWrite { display: block; width: 24px; height: 20px; background: url(../img/sprite.png) no-repeat -10px -11px; margin-right: 10px; cursor: pointer;}

.duidui_group {background: url(../img/bg_duidui.jpg) no-repeat 50% 0;}
.duidui_group .mainZ { width: 1152px; margin: 0 auto; height:1011px; background: url(../img/bg_duidui.jpg) no-repeat 50% 0; position: relative; padding: 0 29px;}
.wraperDuidui { padding: 142px 0 0 0px; }
.gameBox { width: 681px; border: 2px solid #6f5c3a; padding: 43px 0 0 43px; height: 681px; position: relative;}
.gameBox ul { width: 648px; }
.gameBox li { float: left; width: 152px; height: 152px; margin:0 10px 10px 0; position: relative; overflow: hidden;}
.gameBox li a { display: block; width: 150px; height: 150px; border: 1px solid #665436; background: #c89a4d; position: absolute; left: 0; top: 0;}
.gameBox li a img { width: 100%; height: 100%;}
.gameBox li a:hover { border-color: #89724d;  }
.gameBox li a:hover img {opacity: 0.8;filter: alpha(opacity=80);}
.gameBox .complete:before { content: ''; display: block; width: 100%; height: 100%; background: #FFF; position: absolute; left: 0; top: 0; opacity: 0;filter: alpha(opacity=0); animation:fadeOut .6s 0.2s ease both;-webkit-animation:fadeOut .6s 0.2s ease both;-moz-animation:fadeOut .6s 0.2s ease both;-ms-animation:fadeOut .6s 0.2s ease both; z-index: 3; }

.wraperDuidui .ruleBox { height: 724px; }
.wraperDuidui .nav_rule li { margin: 0 3px; }
.wraperDuidui .lineZ { left: 3px; }
.yourRank { color: #e8c356; margin-bottom: 14px; }
.table_rank { text-align: center; line-height: 34px; border:1px solid #3c2b29; border-width: 1px 0 0 1px;}
.table_rank thead { color: #e8c356; }
.table_rank td,.table_rank th { border:1px solid #3c2b29; border-width: 0 1px 1px 0; height: 30px;word-wrap:break-word; word-break:break-all;}
.table_rank td img {vertical-align: middle;}
.topThree { color: #e8c356; }
.numberRank { display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #241917; background: #6f5c3a;margin: 0 auto; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%; font-size: 13px; font-weight: bold; }
.btn_address { display: block; width: 194px; height: 44px; background: #6f5c3a; text-align: center; line-height: 44px; color: #e9e5d5; font-size: 16px; border-radius: 4px; margin: 40px auto 0 auto; }
.btn_address:hover { background:#8e754a; }
.btn_address i { display: inline-block; *display: inline; width:22px; height: 23px; background: url(../img/sprite.png) no-repeat -50px -9px; vertical-align: middle; margin: 0px 9px 0 0;}

.rule_duidui { height: 640px;}
.rule_duidui p { margin-bottom: 14px;  }
.btn_gameStar { display: block; width: 216px; height: 60px; background: url(../img/sprite.png) no-repeat -8px -57px; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -108px; z-index: 3;}
.btn_gameStar:hover { background-position: -230px -57px; }
.time_user { color: #e8c356; font-size: 18px; float: right; _display: inline; margin: -3px 44px 0 0;}
.gameBox .bgCover { width: 100%; height: 100%;  position: absolute; left: 0; top: 0; background: #201411;}

.chouj_group {background: url(../img/bg_chou.jpg) no-repeat 50% 0; }
.chouj_group .mainZ { height: 820px; background: url(../img/bg_chou.jpg) no-repeat 50% 0; width: 1152px; margin: 0 auto; padding: 0 29px; }
.wraperChouj {padding: 138px 0 0 0px;}
.ZhuanPanBar { padding: 14px 0 14px 14px; width: 712px; border: 2px solid #6f5c3a; position: relative;}
.ZhuanGroup { width: 162px; height: 162px;float: left; margin:0 16px 16px 0;}
.ZhuanZu .name { display: none; }
.jp_pic { width: 162px; height: 162px; background: url(../img/bg_chouj.png?333) no-repeat;}
.ZhuanPanBar .wz_5 {margin-right: 372px;}
.ZhuanPanBar .wz_1 .jp_pic{ background-position: 2px 2px; }
.ZhuanPanBar .wz_2 .jp_pic{ background-position: -176px 2px; }
.ZhuanPanBar .wz_3 .jp_pic{ background-position: -354px 2px; }
.ZhuanPanBar .wz_4 .jp_pic{ background-position: -532px 2px; }
.ZhuanPanBar .wz_5 .jp_pic{ background-position: 2px -176px;  }
.ZhuanPanBar .wz_6 .jp_pic{ background-position: -532px -176px; }
.ZhuanPanBar .wz_7 .jp_pic{ background-position: 2px -354px; }
.ZhuanPanBar .wz_8 .jp_pic{ background-position: -176px -354px; }
.ZhuanPanBar .wz_9 .jp_pic{ background-position: -354px -354px; }
.ZhuanPanBar .wz_10 .jp_pic{ background-position: -532px -354px; }

.ZhuanPanBar .wz_1 .cur .jp_pic{ background-position: 0 -552px; }
.ZhuanPanBar .wz_2 .cur .jp_pic{ background-position: -178px -552px; }
.ZhuanPanBar .wz_3 .cur .jp_pic{ background-position: -356px -552px; }
.ZhuanPanBar .wz_4 .cur .jp_pic{ background-position: -534px -552px; }
.ZhuanPanBar .wz_5 .cur .jp_pic{ background-position: 0px -730px;}
.ZhuanPanBar .wz_6 .cur .jp_pic{ background-position: -534px -730px; }
.ZhuanPanBar .wz_7 .cur .jp_pic{ background-position: 0 -908px; }
.ZhuanPanBar .wz_8 .cur .jp_pic{ background-position: -178px -908px; }
.ZhuanPanBar .wz_9 .cur .jp_pic{ background-position: -356px -908px; }
.ZhuanPanBar .wz_10 .cur .jp_pic{ background-position: -534px -908px; }

.ZhuanQu_btns { width: 340px; position: absolute; top:199px; left: 193px; text-align: center; color: #b09c79; font-size: 16px; line-height: 32px;}
.btn_choujiang { display: block; width: 263px; height: 76px; background: url(../img/sprite.png) no-repeat -8px -133px; line-height: 200px; overflow: hidden; margin: 0 auto 7px auto; }
.btn_choujiang:hover { background-position: -280px -133px; }
.ZhuanQu_btns em { background: #a0560d; color: #fff5cb; font-size: 14px; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px; margin-left: 6px; display: block; width: 208px; height: 36px; line-height: 36px; text-align: center; margin: 0 auto;}

.wraperChouj .ruleBox { height: 564px; }
.wraperChouj .yourRank { margin-bottom: 12px; padding-top: 23px; }
.bgTh {}
.bgTh td { background: #2d211b; }
.bgTh h3 { font-weight: bold; font-size: 16px; line-height: 22px; padding-top: 10px; }
.btn_duih { display: block; background: #6f5c3a; width: 80px; height: 30px; line-height: 30px; margin: 20px auto 16px auto;  color: #FFF; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px; }
.btn_duih:hover { background: #8e754a; }

.shop_group { background: url(../img/bg_shop.jpg) no-repeat 50% 0; }
.shop_group .mainZ { height: 750px; background: url(../img/bg_shop.jpg) no-repeat 50% 0; width: 1142px; margin: 0 auto; padding: 0 29px;  }
.wraperShop { padding-top: 144px; position: relative; }
.giftBox {height: 428px; border: 2px solid #6f5c3a; padding: 20px 0px 20px 10px; background: #241917;}
.list_nav { width: 221px; background: #2d211b; }
.list_nav li { overflow: hidden; }
.list_nav .giftL { line-height: 46px; border-bottom:1px solid #47372f; margin: 0 14px; color: #aa938e; font-size: 16px; cursor: pointer;}
.list_nav .giftL .kais { float: right; }  
.date_gift { width: 221px; height: 195px; background: url(../img/sprite.png) no-repeat 0 -262px; display: none;}
.list_nav li:last-child .giftL { border: none; }

.title_gift { color: #FFF; font-size: 26px; text-align: center; padding: 26px 0 13px 0;}
.date_gift p { color: #ffc6c6; padding: 10px 0 0 50px; }
.btn_tx { background: #a2302e; padding: 2px 12px 3px 12px; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px; color: #ffeeee; font-size: 12px; margin-left: 6px; }
.countdown {padding: 18px 0 0 13px;}
.countdown span { display: block; width: 48px; height: 48px; float: left; text-align: center; line-height: 48px; margin-right: 26px; color: #fa4141; font-size: 26px; font-family:Arial;}

.list_gift { display: none; width: 898px; }
.giftContent { width: 182px; height: 204px; background: #2d211b; position: relative; padding-left: 260px; margin-bottom: 20px; float: left; margin-right: 4px;}
.title_name { font-size: 16px; color: #e9e5d5; margin-bottom: 20px; padding-top: 12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap; width: 180px;}
.title_name a {color: #e9e5d5;}
.originally { font-size: 16px; color: #a28b86; font-family:Arial;}
.originally em { text-decoration:line-through; }
.price { color: #f03a3a; font-size: 16px;font-family:Arial; margin-bottom: 5px;}
.price em { font-size: 24px; }
.btn_buy { display: block; width: 107px; height: 42px;background: #f03a3a; font-size: 16px; color: #FFF; text-align: center; line-height: 42px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; font-weight: bold; margin-bottom: 22px;}
.btn_buy:hover { background: #ff4646; }
.progressBar { width: 160px; height: 10px;  border: 1px solid #bd3736; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px; position: relative;overflow: hidden;}
.progressBar p { height: 10px;background: #bd3736; position: absolute; right: 0; top: 0;}
.numb_surplus { color: #aa938e; font-size: 12px; position: absolute; right: 19px; top: 154px; }
.pic_gift { width: 230px; height: 180px; position: absolute; left: 11px; top: 11px; }
.pic_gift img { width: 230px; height: 180px; cursor: pointer; }
.info_gift { width: 476px; border: 2px solid #6e5b39; background: rgba(35, 24, 22, 0.97); *background: #231816; position: absolute;left: 50%; margin-left: -238px; top: 156px; color: #b39b96; font-size: 14px;z-index: 9; line-height: 30px; display: none; }
.info_gift .wrap_gift_info { padding:24px 45px; }
.info_gift em { color: #e8c356; }
.overS,.overS:hover { background: #241917; color: #a28b86; cursor: default; }
.btn_getM { width: 100px; height: 30px; line-height: 30px; text-align: center; color: #6f5c3a; background: #6f5c3a; display: block; color: #FFF; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px; position: absolute; top: 68px; right: 16px;  }
.btn_getM:hover { background: #8e754a; }

.prize_group {background: url(../img/bg_prize.jpg) no-repeat 50% 0;}
.prize_group .mainZ {height: 562px; background: url(../img/bg_prize.jpg) no-repeat 50% 0; width: 1152px; margin: 0 auto; padding: 0 29px; overflow: hidden; }

.prize_group ul { width: 1176px; padding-top: 145px; }
.prize_group ul li { background: #2d211b; width: 256px; height: 346px; float: left;border: 2px solid #6f5c3a; margin-right: 34px; }
.prize_group ul li img { transition:transform .6s 0s ease;-webkit-transition:transform .6s 0s ease;-moz-transition:transform .6s 0s ease;-ms-transition:transform .6s 0s ease;}
.prize_group ul li:hover img{ transform:translateY(-20px);-webkit-transform:translateY(-20px) scale(1.1);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);}
.title_prize { color: #e8c356; font-size: 16px; text-align: center; margin: 8px 0 0 0;}
.content_prize { color: #6f5c3a; font-size: 14px; padding: 9px 10px 0 10px; }

.footerZ { font-family: Microsoft YaHei, Helvetica, sans-serif; background:#150e0d;}
.NewFootGroup{width: 1200px; margin: 0 auto; font-size: 13px; color: #4d4d4d;background:#150e0d;}
.NewFootGroup a{color: #4d4d4d; text-decoration: none; padding-right: 12px;}
.NewFootGroup a:hover{text-decoration: underline;}
.zhonggao{padding: 16px 0 10px; border-bottom: 1px solid #302c2b; text-align: center; color:#686868;}
.zhonggao .zg_zi{font-style: normal;}
.zhonggao span{padding-right: 23px;}
.zhonggao span .zg_lt{padding-right: 0;}
.zhonggao a{color: #c4b9ab;}
.FootBox{width: 1200px; margin: 0 auto; padding: 5px 0 20px;}
.ft_qu_a{float: left; width: 315px;}
.ft_qu_b{float: left; width: 800px;}
.ft_clear{clear: both; font-size: 0; padding: 0; margin: 0; height: 0; line-height: 0;}
.dilogo,
.dilogo img{display: inline-block; vertical-align: top;}
.ft_qu_a .logo_01{padding-top: 24px; margin-left: 5px;}
.ft_qu_a .logo_02{padding: 12px 0 0 12px;}
.ft_about{padding: 15px 0 0;}
.ft_about{color: #c38f43;}
.ft_about a{color: #999999;}
.ft_recommend{padding: 5px 0;}
.ft_recommend{color: #999999;}
.ft_recommend a{color: #999999;}
.ft_beian a{white-space: nowrap;}
.ft_beian span{padding-right: 12px; white-space: nowrap;}

.sidePop { width: 184px; height: 493px; background: url(../img/sprite.png) no-repeat 1px -463px; position: fixed; _position: absolute; top: 50%; margin-top: -280px; right: 2px; }
.sidePop ul { padding:4px 7px 0 0; }
.sidePop li { width: 110px;margin: 0 auto 14px auto; }
.sidePop li a { display: block; width: 110px; height: 30px; color: #cb964c; line-height: 30px; text-align: center; background: rgba(0, 0, 0, 0.22); border-radius: 30px; *background: #6b1f05; }
.sidePop li.current a {background:#be7d22; color: #FFF; cursor: default;}
.sidePop li a:hover { background:#be7d22; color: #FFF;  }

/*弹幕*/
.danmu-player .ctrl-progress .progress-handle { background: #fff3d0; }
.danmu-player .ctrl-progress .buffered {background-color:#6f5c3a;}
.danmu-player .ctrl-progress .current { background-color: #e9c356; }
.danmu-player .ctrl-progress {background-color:#a28765;}
.danmu-player .play-btn { background: #141414; }
.danmu-player .play-btn:hover { background:#ffa900; }
.danmu-player .send-btn {background: #e9c356; color: #231816; font-size: 12px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
.danmu-player .send-btn:hover {background:#f8d673;}
.danmu-player .current-time { color: #e9c356; }
.danmu-player .opt-btn { color: #e9c356; }
.danmu-player .opt-btn:hover {color:#FFF}
.tooltip714 { border-color:#6f5c3a;  }
.tooltip714.pos_n .pointer714 { border-top-color:#6f5c3a; }
.danmu-player .danmu-input { background: #3b3b3b; border-color:#3b3b3b; color: #FFF; text-indent: 16px; border-radius: 2px; -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px; margin-left: 10%; }
.danmu-player input[type=textarea] {width: 38%;}
.danmu-player .danmu-input:focus { border-color:#e9c356; }
.danmu-player .danmu-player-ctrl { background: #1f1f1f; }
.danmu-player .ctrl-btn-right { color: #b2b2b2; }
.danmu-player .ctrl-btn-right:hover { color: #FFF; }
.danmu-player .ctrl-main {color: #b2b2b2;}
.danmu-player .loop-btn,.danmu-player .opacity { display: none; }
.danmu-player .show-danmu {color: #4d4c4c;}
.danmu-player .show-danmu.ctrl-btn-right-active { color: #b2b2b2 }

.popUp { width: 100%; height: 100%; position: fixed; left: 0; top: 0; _position: absolute; z-index: 9;}
.bgCover { width: 100%; height: 100%; position: absolute; background: #000; opacity: 0.7;filter: alpha(opacity=70);}
.btn_close { display: block; width:60px; height: 60px; background: url(../img/sprite.png) no-repeat -87px 5px; position: absolute; right: 0px; top: 66px;transition:transform .6s 0s ease; -webkit-transition:transform .6s 0s ease; -moz-transition:transform .6s 0s ease;-ms-transition:transform .6s 0s ease; }
.btn_close:hover { transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg); }
.content_popUp {position: absolute; left: 50%; top: 50%;}
.popUp_caidan .content_popUp,.popUp_address .content_popUp,.popUp_order .content_popUp,.popUp_exchange .content_popUp{ width: 830px; height: 430px; background: url(../img/bg_popUp.png) no-repeat 0 0; margin: -215px 0 0 -415px;}
.wrap_pop { width: 634px; height: 358px; margin: 69px 0 0 133px; }
.caidan_group { width:  }
.caidan_group h3 { font-size: 28px; color: #e8c356; text-align: center; font-weight: bold; line-height: 46px; padding-top: 30px; }
.caidan_group h3 em { display: block; font-size: 22px; }
.caidan_group p { line-height: 40px; color: #e9e5d5; font-size: 18px; padding: 28px 80px;}
.caidan_group p em { color: #e8c356; }

.popUp_address {}
.title_popUP { font-size: 24px; color: #e9e5d5; text-align: center; line-height: 72px; height: 72px; font-weight: bold; margin-bottom: 6px;}
.input_address,.select_address { width: 264px; height: 32px; border: 1px solid #6f5c3a; background: #231816; outline: none; color: #cd9b69; padding: 0 8px; line-height: 32px;margin-bottom: 14px;}
.row_input { padding-left: 180px; position:relative; margin-bottom: 4px;}
.tip_input { color: #ff3c00; display: inline; visibility: hidden;}
.title_input { color: #e9e5d5; font-size: 16px; position: absolute; left: -16px; top: 2px; text-align: right; width: 180px;}
.select_address { width: 96px; }
.btn_post { width: 128px; height: 42px; background: #c43205; text-align: center; line-height: 42px; color: #e9e5d5; font-size: 16px; display: block; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px; margin: 0 0 0 180px; }
.btn_post:hover { background: #da4214; }
.w_exchange {  text-align: center; color: #e9e5d5; font-size: 16px; padding: 50px 0 70px 0; }
.w_exchange em { color: #e8c356; padding:0 6px; }
.btn_list { text-align: center; }
.btn_list a { margin: 0 16px; }
.btn_list a.btn_1 { padding: 10px 30px; color: #e9e5d5; font-size: 16px; background: #7a341f; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px; font-weight: bold;}
.btn_list a.btn_1:hover { background: #a7472a; }
.btn_list a.btn_2 {padding: 10px 30px; color: #e9e5d5; font-size: 16px; background: #c43205; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px; font-weight: bold;}
.btn_list a.btn_2:hover { background: #e23c09; }

.popUp_chouj .content_popUp { width: 304px; height: 205px; margin: -102px 0 0 -152px; background: url(../img/sprite.png) no-repeat -239px -225px; }
.icon_chouj { width: 79px; height: 79px; background: url(../img/bg_chouj.png?333) no-repeat; margin: 36px auto 24px auto;}
.icon_0 { background-position: -721px 0; }
.icon_1 { background-position: -825px 0; }
.icon_2 { background-position: -927px 0; }
.icon_3 { background-position: -1030px 0; }
.icon_4 { background-position: -721px -100px; }
.icon_5 { background-position: -824px -100px; }
.icon_6 { background-position: -927px -100px; }
.icon_7 { background-position: -1030px -100px; }
.icon_8 { background-position: -721px -200px; }
.icon_9 { background-position: -824px -200px; }
.w_chouj { font-size: 18px; color: #e9e5d5; font-weight: bold; text-align: center; }
.w_chouj em { color: #e8c356; margin: 0 4px; font-weight: bold;}

.popUp_game { position: absolute; width: 440px; height: 237px; left: 50%; top: 50%; margin:-142px 0 0 -220px; background: url(../img/bg_popGame.jpg) no-repeat 0 0; z-index: 4; animation:fadeInDown .6s .6s ease both;-webkit-animation:fadeInDown .6s .6s ease both;-moz-animation:fadeInDown .6s .6s ease both;-ms-animation:fadeInDown .6s .6s ease both;}
.title_popUpG { color:#e9e5d5; font-size: 24px;font-weight: bold; text-align: center;  line-height: 80px; height: 80px;}
.popUp_game .btn_list a { *line-height: 34px; }
.title_popUpG strong { color: #c43205; }
.popUp_game .btn_list .btn_1 { padding: 10px 45px; }
.popUp_game p { text-align: center; color: #e9e5d5; font-size: 16px;line-height:28px; margin: 0 30px 0px 30px; height: 90px; }
.popUp_game p em { color: #e8c356; }
.egg { position: absolute; width: 169px; height: 160px; position: absolute; left: 784px; top: 474px; animation:eggIn .7s .2s ease both;-webkit-animation:eggIn .7s .2s ease both;-moz-animation:eggIn .7s .2s ease both;-ms-animation:eggIn .7s .2s ease both; cursor: pointer; z-index: 6;}
.egg img {animation:eggA 3s .8s ease infinite;-webkit-animation:eggA 3s .8s ease infinite;-moz-animation:eggA 3s .8s ease infinite;-ms-animation:eggA 3s .8s ease infinite; transform-origin:50% 130px;-moz-transform-origin:50% 130px;-webkit-transform-origin:50% 130px;-ms-transform-origin:50% 130px;}

.ZhuanPanBar,.videoBox,.gameBox,.giftBox { animation:fadeInUp 1.4s .2s ease both;-webkit-animation:fadeInUp 1.4s .2s ease both;-moz-animation:fadeInUp 1.4s .2s ease both;-ms-animation:fadeInUp 1.4s .2s ease both; animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;}
.ruleBox { animation:fadeInUp 1.6s .4s ease both;-webkit-animation:fadeInUp 1.6s .4s ease both;-moz-animation:fadeInUp 1.6s .4s ease both;-ms-animation:fadeInUp 1.6s .4s ease both; animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;}
.active .ruleBox,.active .ZhuanPanBar,.active .videoBox,.active .gameBox,.active .giftBox {animation-play-state:running;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;}
.active.prize_group ul li {animation-play-state:paused;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;}
.active.prize_group ul li:nth-child(1) {-webkit-animation:fadeInUp 1.6s .2s ease both;}
.active.prize_group ul li:nth-child(2) {-webkit-animation:fadeInUp 1.6s .4s ease both;}
.active.prize_group ul li:nth-child(3) {-webkit-animation:fadeInUp 1.6s .6s ease both;}
.active.prize_group ul li:nth-child(4) {-webkit-animation:fadeInUp 1.6s .8s ease both;}

.slognZ { width: 445px; height: 291px; position: absolute; left: 379px; top: 329px; overflow: hidden;}
.slognZ a { display: block;width: 445px; height: 291px; line-height: 90px; }
.btn_myGift { display: block; width:106px; height: 32px; text-align: center; line-height: 32px; margin: 10px 0 0 0px; background: #a2302e; color: #e9e5d5; font-size: 16px; border-radius: 2px; -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;}
.btn_myGift:hover { background: #b83a38; }
.btn_moreGift { display: block; width: 87px; height: 25px; background: url(../img/sprite.png) no-repeat -182px -15px; position: absolute; right: 90px; top: 37px; }
.btn_closeSide { width: 30px; height: 30px; background: url(../img/sprite.png) no-repeat -223px -476px; position: absolute; top: 62px; right: 41px;}
.btn_sidePopS { display: none; width: 53px; height: 59px; background: url(../img/sprite.png) no-repeat -212px -536px;position: fixed; _position: absolute; top: 50%; margin-top: -70px; right: 30px;}
.btn_backTop { width:132px; height: 266px; display: block; margin-left: 20px;  }
.gameHeader { position: relative; z-index: 1; }

.ifIe { width: 100%; height: 100%; background: #000; z-index:1;}
.ifIe a { display: block; width: 100%; height: 388px; text-align: center; padding-top: 60px; }

.table_reward { text-align: center; padding: 0 20px 0 20px; }
.table_reward table{ width: 100%; font-size: 16px;}
.table_reward table td { padding: 5px; }
.table_reward table thead{ color: #e9e5d5; line-height: 50px;}
.table_reward table tbody { color: #e8c356;}
.table_box {height: 102px; overflow: auto;}
.tip_swjl { width: 535px; background: rgba(0, 0, 0, 0.2);*background: #1e1618; font-size: 14px; color: #cd9b69; padding: 10px 10px; text-align: center; margin: 4px auto 0 auto; border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px; line-height: 18px;}
.popUp .btn_address { margin-top: 12px; }

.gift_box { position: relative; display: block;}
.gift_box .info_gift {top: auto; bottom: 60px;}