/*ヾ(≧∇≦*)ゝ bilibili 2014*/
body,p{
    margin:0;
    padding:0;
}
body{
    background: url(//s1.hdslb.com/bfs/static/5deafada9b3f1aa7f899dd75f0555f745041d72d.png) repeat;
    overflow-x:hidden;
}
.left{float:left;}
.right{float:right;}
div.btn{
    cursor:pointer;
    transition:.2s all linear;
    border-radius:3px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #c21616;
    color: #fffa71;
}
div.btn:hover{
    background-color: #e11a1a;
}
.m_layer .btn{
    height:auto;
}
.top_bg{
    height:430px;
    background:url(//s1.hdslb.com/bfs/static/4a3946c92ce9e6e7d46ba1a9a9a436ead227e674.png) repeat;
    position:relative;
}
.top_bg .main_bg{
    height:430px;
    margin: 0 auto;
    background:url(//s1.hdslb.com/bfs/static/42015669d9e0f5f32471fd0ad7cc5ad3696e9c86.png) center 0 no-repeat;
}
.top_bg .f{
    position:absolute;
    width:606px;
    height:212px;
    top:0;
    transition:.3s all linear;
}
.top_bg .f.f_left{
    left:0;
    background:url(//s1.hdslb.com/bfs/static/05d49d61ea06d2a455b40a88c224a90c39b8e1be.png) -200px 0 no-repeat;
}
.widescreen .top_bg .f.f_left{
    background-position:0 0;
}
.top_bg .f.f_right{
    right:0;
    background:url(//s1.hdslb.com/bfs/static/ffe498f6ac3b28fb1438bfd21e99b63ef8e40e2b.png) 200px 0 no-repeat;
}
.widescreen .top_bg .f.f_right{
    background-position:0 0;
}
.video_body{
    padding:100px 0 0 0;
    border-top:6px solid #9a0000;
    z-index:200;
}
.video_body .video_wrapper{
    width: 950px;
    height: 588px;
    border: 4px solid #9c0a0a;
    margin:0 auto;
    position: relative;
    background: #fff;
    z-index:300;
}
.video_body .video_wrapper .title{
    position:absolute;
    left: -4px;
    top: -44px;
    height:40px;
    width:114px;
    background:#9c0a0a url(//s1.hdslb.com/bfs/static/d7dc4e39fe8bf5cff341ed406211a7fa5296bba7.png) 12px 8px no-repeat;
    border-radius:2px 2px 0 0;
}
.video_body .video_wrapper .tab_wrapper{
    position:absolute;
    left:120px;
    top: -38px;
    width: auto;
}
.video_body .video_wrapper .tab_wrapper .tab{
    width:90px;
    height: 34px;
    line-height: 34px;
    color: #9c0a0a;
    font-weight: bolder;
    font-size: 14px;
    background: #fff;
    float: left;
    margin-left:30px;
    border-radius:2px 2px 0 0;
    cursor:pointer;
    text-align:center;
    transition:.1s all linear;
}
.video_body .video_wrapper .tab_wrapper .tab:hover{
    background:#c71818; 
    color:#fff;
}
.video_body .video_wrapper .tab_wrapper .tab.on{
    background: #9c0a0a;
    color: #fffa71;
}
.video_body .player{
    height:100%;
    z-index: 8100;
    position: relative;
}
.video_body .share{
    width: 958px;
    height: 38px;
    background: #780202;
    margin:0 auto;
    position:relative;
    text-align: center;
    border-radius:0 0 4px 4px;
    z-index:200;
}
.video_body .share span{
    line-height: 35px;
    font-size: 14px;
    color:#fff;
    margin-left:40px;
}
.video_body .share span:first-child{
    margin:0;
}
.video_body .share span b{
    line-height: 30px;
    font-size: 24px;
    margin-left:3px;
}
.video_body .share #btn_share{
    position: absolute;
    right:3px;
    top:2px;
    height: 32px;
    line-height: 30px;
    width:40px;
    padding:0 0 0 30px;
    background: #c21616 url(//s1.hdslb.com/bfs/static/df3d33932525a3c070c7e11ced8c917a9cfb5d7f.png) 10px 6px no-repeat;
    font-size:14px;
}
.video_body .share #btn_share:hover{
    background-color:#e11a1a;
}
.v_info{
    margin:45px auto 30px;
    padding:0 40px;
    width:878px;
    height: 96px;
    border-radius:3px;
    background:#780202;
    position:relative;
    z-index:100;
}
.v_info .p{
    float:left;
    margin-left:90px;
    width:230px;
    height:96px;
    background: #680000;
}
.v_info .p:first-child{
    margin:0;
}
.v_info .p .icon{
    height:76px;
    width:100px;
    font-weight:bold;
    background:url(//s1.hdslb.com/bfs/static/acbb4e4368654a032de409868f593355c45115fb.png) no-repeat;
    text-align:center;
    z-index:9000;
}
.v_info .p .left{
    margin-right:10px;
}
.v_info .p .left:hover .icon{
    animation: rotate .8s linear;
    -webkit-animation: rotate .8s linear;
}
.v_info .p .icon.coin{
    background-position:24px -91px;
}
.v_info .p .icon.score{
    background-position:24px -204px;
}
.v_info .p .icon.fav{
    background:url(//s1.hdslb.com/bfs/static/acbb4e4368654a032de409868f593355c45115fb.png) no-repeat;
    background-position:24px 10px;
}
.v_info .p b{
    width:100px;
    display:block;
    color:#fffa71;
    text-align: center;
}
.v_info .p .info{
    float:left;
    position:relative;
}
.v_info .p p{
    text-align:left;
    margin-top:10px;
    height:40px;
    line-height:40px;
    color:#fff;
    font-weight:bold;
    font-size:24px;
    position:relative;
}
.v_info .p .btn{
    width:85px;
}
.v_info .p .btn.disabled{
    background:#780202;
    cursor:default;
}
.ex-box{
    height: 210px;
    background:#780202;
    width:958px;
    margin:0 auto 20px;
    border-radius:3px;
    overflow:hidden;
    position:relative;
}
.ex-box .t{
    color:#fffa71;
    font-size:14px;
    font-weight:bolder;
    text-align:left;
    padding-left:20px;
    height:35px;
    line-height:35px;
    background:#c21616;
}
.ex-box .msg{
    height:152px;
    float:left;
    width:650px;
    margin:10px 20px 0 20px;
    text-align:left;
    color:#fff;
    overflow:hidden;
    position:relative;
}
.ex-box .msg ul{
    width:100%;
    position:absolute;
    top:0px;
}
.ex-box .msg li{
    height:38px;
    line-height:38px;
}
.ex-box .msg li.u{
    height:36px;
    border:1px solid #fff;
    border-radius:3px;
}
.ex-box .msg .uname{
    font-size:13px;
    font-weight:bolder;
}
.ex-box .msg .text{
    word-break:break-all;
    word-wrap:break-word;
}
.ex-box .msg .result{
    color:#fffa71;
}
.ex-box .msg .result.a{
    font-weight:bolder;
}
.ex-box .send_msg{
    height:165px;
    float:left;
    background:#680000;
    width:238px;
    padding:0 15px 10px 15px;
    color:#fffa71;
    text-align:left;
    box-shadow:-1px 0px 1px #680000;
}
.ex-box .send_msg .h{
    height:30px;
    line-height:30px;
}
.ex-box .send_msg .h b{
    font-size:14px;
    float:left;
}
.ex-box .send_msg .h a{
    color:#fffa71;
    float:right;
}
.ex-box .send_msg .h a:hover{
    color:#fff;
}
.ex-box .send_msg #ny_msg{
    width:230px;
    height:90px;
    overflow:auto;
    font-size:12px;
}
.ex-box .send_msg .tips{
    display:inline-block;
    width:120px;
    color:red;
    margin-top:10px;
    float:left;
}
.ex-box .send_msg #btn_send_msg{
    padding:0 10px;
    display:inline-block;
    margin:10px 0 0 0;
}
.ex-box.lottery{
    height:auto;
} 
.ex-box.lottery .main{
    height:155px;
    padding:20px 25px;
}
.ex-box.lottery .main .l-bg{
    background:url(//s1.hdslb.com/bfs/static/29ba434d2bb6d4882abdefffe1e54be1675645fb.png) no-repeat;
    float:left;
    width:100px;
    height:130px;
}
.ex-box.lottery .main .r-cnt{
    background:#680000;
    float:left;
    width:770px;
    height:150px;
    margin-left:30px;
    border-radius:3px;
}
.ex-box.lottery .main .tips{
    padding:15px 25px;
    text-align:left;
    font-size:14px;
    line-height:20px;
    color:#fffa71;
}
.ex-box.lottery .main .btn{
    width:200px;
    height:50px;
    line-height:50px;
    margin:0 auto;
}
.ex-box.lottery .gift{
    height:125px;
}
.ex-box.lottery .gift.l{
    background:url(//s1.hdslb.com/bfs/static/a086dc347211e4513a520b7b0e39ba4dd3aeec5e.png) no-repeat;
}
.ex-box.lottery .gift.s{
    background:url(//s1.hdslb.com/bfs/static/e4c5cdb30e95f288a6d047c07d7e90b41c5d14ae.png) no-repeat;
}
.ex-box.lottery .info{
    height:35px;
    line-height:35px;
    text-align:left;
}
.ex-box.lottery .info span{
    display:inline-block;
    color:#fffa71;
    text-align:center;
}
.ex-box.lottery .info.l span{
    width:319px;
}
.ex-box.lottery .info.s span{
    width:239px;
}

.common{
    float:none;
    margin:0 auto;
    width:930px;
    border:4px solid #9c0a0a;
    border-radius:4px;
    margin-bottom:100px;
    background:#fff;
    text-align:left;
    padding:0 10px;
}
.common #open_comment{
    margin-top: 0;
}
.common .comm_send{
    float:none;
    clear:both; 
}
.common .tg_send_post{
    width:auto!important;
}
.common .dcmp_content{
    width:auto!important;
}
.common .dcmp_content #dcmp_textarea_container{
    width:auto!important;
}
.common textarea{
    width:700px!important;
}

.mask{
    position:fixed;
    height:100%;
    width:100%;
    z-index:9800;
    top:0;
    left:0;
    background:#000;
    opacity:0.3;
    filter:alpha(opacity=30);
}
.result_wnd{
    display:none;
    position:absolute;
    width:600px;
    height:auto;
    background:#9c0a0a;
    margin-left:-300px;
    margin-top:-140px;
    z-index:9900;
}
.result_wnd .main{
    padding:10px 20px;
    color:#fffa71;
}
.result_wnd .main .h{
    padding:10px;
    font-weight:bolder;
    text-align:center;
}
.result_wnd .main .h .tv{
    width:46px;
    height:49px;
    display:inline-block;
    vertical-align:top;
    background:url(//s1.hdslb.com/bfs/static/ff6a182c5a063063fdc71cab108459736f1be8e9.png) no-repeat;
}
.result_wnd .main .h span{
    line-height:49px;
    display:inline-block;
    margin-left:15px;
}
.result_wnd .main .result{
    background:#680000;
    padding:20px 10px;
    border-radius:4px;
    line-height:20px;
}
.result_wnd .main .result b{
    font-size:20px;
}
.result_wnd .main .result p{
    margin-top:15px;
}
.result_wnd .main .notice{
    color:#fff;
    margin:10px 0 20px 0;
    line-height:20px;
    text-align:left;
}
.result_wnd .main .rule{
    color:#fff;
    margin:10px 0 20px 0;
    line-height:24px;
    text-align:left;
}
.result_wnd .main .btn{
    width:200px;
    height:40px;
    line-height:40px;
    margin:0 auto;
}
.ny-footer{
    text-align: center;
    background:#680000;
    height:40px;
    padding:15px 0 0 0;
    color:#fff;
}
.share_bar{ display:none;opacity:0;filter:alpha(opacity=0);width:168px; height:72px;padding:10px 2px 2px 10px;background:#fff;position:absolute;top:45px;right:0;border-radius:4px;transition:.3s all linear;z-index: 9000;}
.share_bar.on{opacity:1;filter:alpha(opacity=100);top:50px;}
.share_bar .share_arrow{background: url(//s1.hdslb.com/bfs/static/8206950bef70986ef080a9f3edfe11f009dc7776.png) no-repeat;position:absolute;width:14px;height:7px;top:-7px;left:130px;}
.share_bar input{ font-family:sisum;font-size:11px; color:#999; border:1px solid #ddd;}
.share_bar .fxmb{ width:84px; height:36px; overflow:hidden; float:left; text-align:left;}
.share_bar .fxmb#bdshare{ margin-left:2px;}
.share_bar #qq_zone iframe{margin: 8px 0 0 12px;}
.share_bar #weibo_sina{padding-left: 6px; display:block; overflow:hidden; width:85px; margin: 5px 0 5px 0;padding: 3px 0 5px 3px; text-align:left; float:left;}
.share_bar b{float:left;}
.share_bar a span{width:16px; height: 16px;display: block;float: left;vertical-align:middle; margin-right:2px;background: url(//static.hdslb.com/images/v2images/social.png) no-repeat scroll transparent;}
.share_bar span.weibo_163 {background-position: -60px -20px; }
.share_bar span.weibo_sina {background-position: -80px 0px; }
.share_bar span.weibo_qq {background-position: -100px -20px; }
.share_bar .fxmb.weibo_qq{ padding: 5px 0 0 12px;height: 31px;line-height: 16px;width: 72px;}
.share_bar .fxmb.bd{ padding-left:2px;width: 82px;}

.float_num{
    left: 20px;
    position: absolute;
    bottom: 3px;
    font-weight:bolder;
    font-size:22px;
    color:#fffa71;
    cursor:pointer;
    opacity:1;
}

.msg_2233{
    background:#fffa71;
    width:180px;
    line-height:15px;
    padding:20px 20px;
    text-align:left;
    position:absolute;
    z-index:99999;
    border-radius:3px;
    top:120px;
    display:none;
    opacity: 0;
}
.msg_2233.b22{
    left:335px;
}
.msg_2233.b33{
    right:300px;
}
.msg_2233 .arrow{
    position:absolute;
    top:10px;
    width:8px;
    height:12px;
    background:url(//s1.hdslb.com/bfs/static/8206950bef70986ef080a9f3edfe11f009dc7776.png) no-repeat;
}
.msg_2233.b22 .arrow{
    background-position:0 -57px;
    left:-8px;
}
.msg_2233.b33 .arrow{
    background-position:0 -27px;
    right:-8px;
}
.b-22{
    position:absolute;
    z-index:8500;
    top:520px;
    left:-230px;
    width:320px;
    height:543px;
    background:url(//s1.hdslb.com/bfs/static/033aa37b3495466293464fd6c8a075ecca1a0841.png) 0 455px no-repeat;
    visibility: hidden;
}
.b-22 .c{
    position:absolute;
    top:0;
    left:0;
    width:320px;
    height:470px;
    background:url(//s1.hdslb.com/bfs/static/b0b26633cb38d83c78bae44db6f7d298ac8413e3.png) no-repeat;
}
.b-33{
    position:absolute;
    z-index:8500;
    top:520px;
    right:-242px;
    width:320px;
    height:543px;
    background:url(//s1.hdslb.com/bfs/static/79d26756b8a7cd86239a2cf81e2a3e98d9ff800c.png) 0 455px no-repeat;
    visibility: hidden;
}
.b-33 .c{
    position:absolute;
    top:0;
    left:0;
    width:320px;
    height:470px;
    background:url(//s1.hdslb.com/bfs/static/2a7885b38b282b60214d11bcf47e5c3e22cca83c.png) no-repeat;
}
/* .b-22 .c.on,.b-33 .c.on{
    transform-origin:50% 100%;
    animation:talk 1s linear;
    -webkit-transform-origin:50% 100%;
    -webkit-animation:talk 1s linear;
} */

.b-22 .c:hover{
    transform-origin:50% 100%;
    animation:msover 4s linear infinite;
    -webkit-transform-origin:50% 100%;
    -webkit-animation:msover 4s linear infinite;
}
.b-33 .c:hover{
    transform-origin:50% 100%;
    animation:talk 1s linear;
    -webkit-transform-origin:50% 100%;
    -webkit-animation:talk 1s linear;
}
@keyframes rotate{
    0%{transform:rotateY(0deg);}
    30%{transform:rotateY(180deg);}
    100%{transform:rotateY(360deg);}
}
@-webkit-keyframes rotate{
    0%{-webkit-transform:rotateY(0deg);}
    30%{-webkit-transform:rotateY(180deg);}
    100%{-webkit-transform:rotateY(360deg);}
}

@keyframes msover{
    0%{transform:rotateZ(0deg);}
    20%{transform:rotateZ(-5deg);}
    30%{transform:rotateZ(-10deg);}
    40%{transform:rotateZ(-5deg);}
    80%{transform:rotateZ(5deg);}
    100%{transform:rotateZ(0deg);}
}
@-webkit-keyframes msover{
    0%{-webkit-transform:rotateZ(0deg);}
    20%{-webkit-transform:rotateZ(-5deg);}
    30%{-webkit-transform:rotateZ(-10deg);}
    40%{-webkit-transform:rotateZ(-5deg);}
    80%{-webkit-transform:rotateZ(5deg);}
    100%{-webkit-transform:rotateZ(0deg);}
}

@keyframes talk{
    0%{transform:scale(1,1);}
    10%{transform:scale(1.1,0.95);}
    30%{transform:scale(1,1);}
    60%{transform:scale(1.05,0.98);}
    100%{transform:scale(1,1);}
}
@-webkit-keyframes talk{
    0%{-webkit-transform:scale(1,1);}
    10%{-webkit-transform:scale(1.1,0.95);}
    30%{-webkit-transform:scale(1,1);}
    60%{-webkit-transform:scale(1.05,0.98);}
    100%{-webkit-transform:scale(1,1);}
}

body.mobile {
    min-width: 1450px;
}
body.mobile .black-wrp {
    min-width: 1450px;
}
#bofqi {
    width: auto;
    margin: 0 auto;
    box-shadow: none;
}
#b_app_link {
    display: none!important;
}
.app-link{
    width: 960px;
    margin: 30px auto 0;
    height: 160px;
    line-height: 160px;
    border-radius: 32px;
    background-color: #e13442;
    color: #fff8ad;
    font-size: 50px;
    display: block;
    text-align: center;
}
.app-link .lg {
    font-size: 74px;
}