@charset "utf-8";
* {margin:0; padding:0;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;}
body {font-family:Arial, "Microsoft Yahei";}
body.choose{height: 100%;overflow: hidden;}
form, img, table, td { border:0;}
ul, ol, li { list-style-type:none; display: block;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
input, textarea, img { vertical-align:middle; font-family:Arial, "Microsoft Yahei";}
@media screen and (max-device-width: 320px) {body {-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px) {body {-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {body {-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {body {-webkit-text-size-adjust:none}}
a {color:#3c3f46;text-decoration:none;}
html,body{ height: 100%;}
em,i{font-style:normal;}

/*分享*/
.share-s1{position:fixed;width:100%;left:0;bottom:0;background:rgba(248,248,248,.95);z-index:9999;}
.share-s1 h2{font-size:16px;color:#83868f;line-height:50px;text-align:center;}
.share-s1 ul{overflow:hidden;margin-bottom:14px;}
.share-s1 ul:last-child{margin-bottom:0;}
.share-s1 li{float:left;width:33.3%;text-align:center;}
.share-s1 li > a{display:block;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s1 li p{font-size:13px;color:#83868f;line-height:26px;margin-top:3px;}
.share-s1 i{display:block;width:54px;height:54px;margin:0 auto;background:url(../img/share_icons.png) no-repeat;background-size:162px auto;}
.share-s1 i.pyq{background-position:0 0;}
.share-s1 i.wx{background-position:-54px 0;}
.share-s1 i.qq{background-position:-108px 0;}
.share-s1 i.zoom{background-position:0 -54px;}
.share-s1 i.wb{background-position:-54px -54px;}
.share-s1 i.copy{background-position:-108px -54px;}
.share-s1 .shareCon{padding:0 7%;}
.share-s1 .btn{width:100%;height:60px;}
.share-s1 .btn a{display:block;width:100%;line-height:60px;font-size:15px;color:#3c3f46!important;text-align:center;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s1 img{ pointer-events:none;}
.share-s2{position:fixed;width:100%;height:100%;left:0;bottom:0;background:rgba(0,0,0,.7);z-index:9999;}
.share-s2 .share-btn{display:block;width:36%;margin:0 auto;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.share-s2 .share-btn img{width:100%;}
.share-s2 .pic1{padding-top:9%;margin-bottom:12%;}
.share-s2 .pic2{width:64%;margin:0 auto;margin-top:10%;}
.share-s2 .share-b{position:absolute;width:100%;bottom:4%;}
.share-s2.bg2{background:rgba(0,0,0,.9)}
.share-s2 .pic3{margin:5% 0 5%;}
.share-s1 img{ pointer-events:none;}
@media screen and (max-height: 480px){
    .share-s2 .pic3{width:94%;margin:5% auto;}
}
.float-mask {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 9998;opacity: 0;-webkit-transition-duration: .3s;transition-duration: .3s;visibility: hidden;}
.mask-visible {visibility: visible;opacity: 1;}

/* fn */
.clear { clear: both; height: 0px; font-size: 0px; visibility: hidden; line-height: 0;}
.clearfix:after{ clear: both; content: "\200B"; display: block; height: 0;}
.clearfix{ *zoom: 1;}
.center { text-align: center;}
.none { display: none;}
.flol { float: left;}
.flor { float: right;}
table{ border-collapse:collapse;}
input,textarea,button{ -webkit-appearance:none;}
input[type="radio"]{ -webkit-appearance:radio;}
input[type="checkbox"]{ -webkit-appearance:checkbox;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* flex */
.flexbox{ display: box; display: -webkit-box; display: -moz-box; -webkit-box-orient:horizontal; box-orient:horizontal;}
.flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1;}
body:not(:-moz-handler-blocked) .flexbox { width: 100%;} /*for FF*/

.zbBox{position:relative;min-height:100%;overflow:hidden;}
/*20160922*/
.zbBox.bg{background:#25272b;}
.zbBox.bg2{background:#1e2029;}
.zb-out{position:absolute;width:100%;height:100%;top:0;}
.zb-top{position:absolute;top:10px;left:0;width:100%;padding:0 8px;}
.zb-top > *{background:rgba(0,0,0,.6);line-height:25px;height:25px;border-radius:13px;color:#ffffff;}
.zb-top .zb-barrage{float:left;font-size:12px;padding:1px 8px;line-height:25px;}
.zb-top .zb-share{float:right;height:25px;width:25px;overflow:hidden;border-radius:50%;}
.zb-top .zb-share i{display:block;width:25px;height:25px;background:url(../img/icon_share.png) no-repeat;background-size:100%;}
.zb-top .zb-num{float:right;font-size:12px;padding:0 8px;overflow:hidden;margin-left:8px;}
.zb-top .zb-num i{float:left;width:16px;height:14px;background:url(../img/icon_num1.png) no-repeat;background-size:100%;margin-top:5px;margin-right:3px;}
.zb-top .zb-num em{display:inline-block;}
.barrageBox span{position:absolute;font-size:13px;color:#ffffff;line-height:16px;max-width:200px;text-shadow: 0 1px 3px rgba(9,2,4,.65);}

.flowerList{position:absolute;bottom:50px;left:8px;z-index:99999}
.flowerList li{position:relative;height:40px;width:140px;padding:4px 15px;border-radius:20px;background:linear-gradient(to right, rgba(0,0,0,.5) 0%, rgba(0,0,0,.15) 60%,rgba(0,0,0,0) 100%);background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0%, rgba(0,0,0,.5)), color-stop(60%, rgba(0,0,0,.15)), color-stop(100%,rgba(0,0,0,0)));margin-top:18px;left: -100%;
               transition:transform 1s;
               -moz-transition:-moz-transform 1s; /* Firefox 4 */
               -webkit-transition:-webkit-transform 1s; /* Safari and Chrome */
               -o-transition:-o-transform 1s; /* Opera */}
.transition{
    transform: translate(130px) ;       
    -webkit-transform:translate(130px);
    -moz-transform:translate(130px);
    -o-transform:translate(130px);
}
.flowerList{position:absolute;bottom:54px;left:8px;}
.flowerList li{position:relative;width:140px;height:40px;padding:4px 15px;border-radius:20px;background:linear-gradient(to right, rgba(0,0,0,.5) 0%, rgba(0,0,0,.15) 60%,rgba(0,0,0,0) 100%);background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0%, rgba(0,0,0,.5)), color-stop(60%, rgba(0,0,0,.15)), color-stop(100%,rgba(0,0,0,0)));margin-top:18px;}
.flowerList li p{font-size:12px;color:#fff;line-height:16px;}
.flowerList li p:last-child{position:absolute;top:4px;content:'';width:38px;height:34px;}

.zbBox .inputBox{width:100%;height:44px;background:#df3031;}
.zbBox .inputBox1{width:100%;height:44px;background:#f8f8f8;;}
.zbBox .inputBox > div{margin:0 8px;}
.zbBox .inputBox1 > div{margin:0 8px;}
.zbBox .flower-num{width:30px;height:30px;border-radius:50%;background:#fff; box-flex:0; -webkit-box-flex:0;font-size:7px;text-align:center;color:#0c0d0e;line-height:1;margin-top:7px;margin-right:11px;overflow:hidden;}
.zbBox .flower-num i{display:block;width:14px;height:18px;background:url(../img/flower_num.png) no-repeat;background-size:100%;margin:6px auto 1px;}
.zbBox .gift-num{width:30px;height:30px;border-radius:50%;background:#fff; box-flex:0; -webkit-box-flex:0;font-size:7px;text-align:center;color:#0c0d0e;line-height:1;margin-top:7px;margin-right:10px;overflow:hidden;}
.zbBox .gift-num i{display:block;width:20px;height:20px;background:url(../img/v_gift.png) no-repeat;background-size:100%;margin:5px auto 0;}
.zbBox .gift-num1{width:30px;height:30px;border-radius:50%;background:#e5e5e5; box-flex:0; -webkit-box-flex:0;font-size:7px;text-align:center;color:#0c0d0e;line-height:1;margin-top:7px;margin-right:10px;overflow:hidden;}
.zbBox .gift-num1 i{display:block;width:20px;height:20px;background:url(../img/v_gift1.png) no-repeat;background-size:100%;margin:5px auto 0;}
.zbBox .inputStyle{height:30px;margin:7px 0;border:none;padding:0 10px;padding-right:36px;border-radius:3px;font-size:14px;color:#000000;width:100%;}
.zbBox .inputStyle::-webkit-input-placeholder{color:#c7ccd4;line-height:18px;}
.zbBox .btn.dis{color:#c7ccd4;}
.zbBox .btn{width:40px;height:30px;box-flex:0; -webkit-box-flex:0;color:#fff;font-size:15px;color:#0c0d0e;margin:7px 0 7px 10px;border-width:0;background-color:#fff;border-radius:3px;}
.zbBox .btn1.dis1{color:#0c0d0e;}
.zbBox .btn1{width:40px;height:30px;box-flex:0; -webkit-box-flex:0;color:#fff;font-size:15px;color:#0c0d0e;margin:7px 0 7px 10px;border-width:0;background-color:#ececec;border-radius:3px;}

.zb-zl-box{position:relative;}
.zb-zl{background:rgba(51,66,77,1);padding:14px 8px;overflow:hidden;}
.zl-list{overflow:hidden;box-shadow:2px 2px 5px rgba(7,34,54,.65)}
.zb-zl.flex{position:absolute;width:120px;bottom:0;right:0;background:rgba(51,66,77,.6)}
.zb-tab{height:33px;line-height:33px;background:#df3031;overflow:hidden;padding:0 8px;}
.zb-tab li{float:left;font-size:13px;color:#ffffff;padding:0 10px;}
.zb-tab li.cur{font-size:15px;}
.zb-mes{background:rgba(51,66,77,1);line-height:16px;overflow:hidden;}
.zb-mes li{position:relative;overflow:hidden;font-size:13px;padding:4px 0;padding-left:13px;  word-wrap: break-word;}
.zb-mes li:before{content:'';position:absolute;width:5px;height:5px;overflow:hidden;border-radius:50%;background:#c9c9c9;left:0;top:10px;}
.zb-mes li span{float:left;color:#ffc437;margin-right:1em;}
.zb-mes li p{color:#fff;overflow:hidden;}
.zb-mes li time{float:right;font-size:10px;color:#ffc438;margin-left:1em;}

.zb-review{overflow:hidden;}
.zb-review h2{font-size:16px;color:#ffffff;line-height:55px;padding:0 8px;}
.zb-review ul{margin:0 3px;}
.zb-review li{float:left;width:50%;padding:0 5px;}
.zb-review li > a{display:block;}
.zb-review li .img{position:relative;}
.zb-review li .img > div{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6)}
.zb-review li .img i{position:absolute;width:30px;height:30px;background:url(../img/v_icon.png) no-repeat;background-size:100%;left:50%;top:50%;margin:-15px 0 0 -15px;}
/*20160922*/
.zb-review li h3{font-size:13px;color:#83868f;line-height:20px;height:40px;margin-top:8px;margin-bottom:18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.playCon{position:relative;overflow:hidden;}
.play-box{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.4);}
.play-box i{position:absolute;width:45px;height:45px;left:50%;top:50%;margin:-22px 0 0 -22px;background:url(../img/live_play.png) no-repeat;background-size:100%;}
.play-box p{position:absolute;width:100%;font-size:14px;color:#ffffff;text-align:center;top:56%;}
.play-box .live-logo{position:absolute;width:84px;height:26px;top:12px;left:15px;background:url(../img/live_logo.png?v=1) no-repeat;background-size:100%;}
.play-box .close{position:absolute;width:38px;height:38px;right:10px;top:10px;background:rgba(0,0,0,.3) url(../img/live_close2.png) center center no-repeat;background-size:16px;border-radius:50%;overflow:hidden;}
.play-box .text{position:absolute;width:78%;margin:0 11%;top:45%;color:#fff;text-align:center;font-weight:bold;}
.play-box .text h2{font-size:19px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.play-box .text span{display:block;font-size:16px;margin-top:8px;}
.playCon.dis img{-webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); }
.playCon.dis .play-box{background:rgba(31,34,45,.8);}
.playCon.dis .play-box i{width:25px;height:24px;top:50%;background:url(../img/live_wait.png) no-repeat;background-size:100%;}
.playCon.waitvod .play-box i{width:25px;height:24px;top:50%;background:url(../img/live_wait.png) no-repeat;background-size:100%;}
.playCon.dis .play-box .live-logo{opacity:.7;}
.playCon.yg .play-box{background:rgba(31,34,45,.7);}
.playCon.yg .play-box .live-logo{opacity:.7;}
.play-title{font-size:15px;color:#b3b6be;background:#2e3037;line-height:21px;padding:12px 10px;}
.play-dtime{background:#070c20;padding:10px 16px;overflow:hidden;}
.play-dtime .name{float:left;}
.play-dtime .name dl{height:42px;background:rgba(35,38,50,.5);padding:1px 4px 1px;border-radius:22px;overflow:hidden;}
.play-dtime .name dt{float:left;width:40px;height:40px;border-radius:50%;overflow:hidden;}
.play-dtime .name dt img{width:100%;height:100%;}
.play-dtime .name dd{float:left;font-size:14px;color:#fff;padding:0 8px;line-height:40px;}
.play-dtime .dtime{margin-top:5px;}
.dtime em{position:relative;display:inline-block; vertical-align: middle;width:36px;height:32px;line-height:32px;text-align:center;color:#ffffff;font-size:26px;padding:0 4px;background:#252834;border-radius:4px;overflow:hidden;}
.dtime em:after{content:'';position:absolute;width:100%;height:1px;background:#1e2029;left:0;top:50%;}
.dtime b{ display:inline-block; vertical-align: middle;height:32px;width:7px;background:url(../img/live_time.png) center center no-repeat;background-size:3px auto;}
.dtime i.zero{color:#434753;}
.play-stag{padding:14px;}
.play-stag a{font-size:11px;height:16px;padding:1px 6px;line-height:12px;padding-top:1;color:#83868f!important;border:1px solid #565c67;border-radius:8px;margin-right:5px}
.play-yg-con{margin:0 14px;}
.play-yg-con dl{background:#252833;padding:16px 14px;border-radius:3px;margin-bottom:8px;}
.play-yg-con dt{color:#b2b7c4;font-size:15px;font-weight:bold;margin-bottom:8px;}
.play-yg-con dd{font-size:14px;color:#7b8192;}
.play-yg-con dd > div{line-height:23px;/* max-height:46px; */overflow:hidden;}
.play-yg-con dd > div.all{max-height:none;}
.play-yg-con dd .more{display:block;width:100%;height:20px;background:url(../img/live_more.png) center center no-repeat;background-size:12px auto;margin:6px 0 -6px 0;}
.play-wait{background:#252833;padding:16px 14px;margin:0 14px;font-size:15px;color:#b8c1db;text-align:center;font-weight:bold;border-radius:3px;margin-bottom:8px;}

.login-box,.bml-box{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);z-index:1000;display:none;}
.login-con,.bml-con{position:absolute;top:50%;left:50%;margin-left:-140px;width:280px;background:#ffffff;border-radius:5px;z-index:11;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);padding-bottom:20px;}
.login-con .login-tit{height:56px;line-height:56px;color:#df3031;font-size:18px;text-align:center;}
.ipt-list{margin:0 20px;}
.ipt-list li{height:45px;border-bottom:1px solid #f4f4f4;}
.ipt-list li i{display:block;width:17px;height:17px;background:url(../img/inp_icon.png) no-repeat no-repeat;margin:14px 20px 0 3px;background-size:17px auto; box-flex:0; -webkit-box-flex:0; -moz-box-flex:0;}
.ipt-list li i.user-icon{background-position:0 0;}
.ipt-list li i.yzm-icon{background-position:0 -17px;}
.ipt-list .ipt-text{width: 100%;height:44px;font-size: 14px; border: 1px solid transparent; border-radius: 3px;overflow:hidden;color:#0c0d0e;outline:none;}
.ipt-list .ipt-btn1{min-width:70px;max-width:70px;height:24px;line-height:24px;border:1px solid #df3031;color:#df3031;font-size:12px;background-color:#ffffff;border-radius:2px;margin-top:10px;outline:none;overflow:hidden;}
.ipt-list .ipt-btn1.disabled{ color: #b3b6be;border:1px solid #cccfd8;}
.ipt-list ::-webkit-input-placeholder { color:#b3b6be;}
.login-btn,.bml-btn{padding:0 20px;margin-top:20px;}
.login-btn input,.bml-btn input{height:36px;line-height:36px;width:100%;background:#e83b3c;color:#ffffff;font-size:15px;border:none;border-radius:2px;outline:none;}
.login-word{line-height:1;padding:0 20px;color:#b3b6be;font-size:11px;margin-top:20px;}
.login-word a{color:#565c67;}
.login-word a.red{color:#df3031;}
.bml-con{width:250px;margin-left:-125px;}
.bml-con .tit{width:198px;height:106px;background:url(../img/bml.png) no-repeat;background-size:100%;margin:0 auto;margin-top:-50px;}
.bml-con p{color:#565c67;font-size:15px;margin:30px 28px;line-height:24px;}
.bml-con p span{color:#e83b3c;}

.questionnaire{position: fixed;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,0.7);}
.questionnaire-in{position: absolute;bottom: 0;left: 0;width: 100%;background-color: #ffffff;}
.questionnaire-in h3{line-height:40px;font-size:16px;color:#83868f;text-align:center;background:#f0f0f0;overflow:hidden;}
.questionnaire-in .qn-content{max-height:350px;overflow:auto;padding-bottom:20px;}
.questionnaire .que-btn{margin:0 14px;margin-top:20px;}
.questionnaire .que-btn a{display:block;width:100%;height:40px;line-height:40px;background:#df3031;color:#ffffff;font-size:15px;text-align:center;border-radius:2px;}
.questionnaire .que-btn a.dis{background:#cacdd3;}
.questionnaire .close-btn{position:absolute;width:16px;height:16px;top:12px;right:14px;background:url(../img/zb_close.png) no-repeat;background-size:100%;}

.que-list{margin:0 14px;padding-top:14px;}
.que-list li{margin-bottom:8px;}
.que-list li:last-child{border:none;}
.que-list h4{color:#0c0d0e;font-size:15px;padding:4px 0;margin-bottom:6px;}
.que-list li p{height:26px;padding:6px 0;line-height:14px;font-size:14px;color:#3c3f46;padding-left:22px;}
.ipt-radio{float:left;width:12px;height:12px;background:url(../img/radio-icon.png) no-repeat; background-size:12px auto;margin-right:10px;-webkit-appearance:none!important;appearance:none!important;outline:none;border:0px;margin-top:1px;}
.ipt-radio:checked{background:url(../img/radio-icon-on.png) no-repeat; background-size:12px auto;}

.zb-index{min-height:100%;background:#f0f0f0;}
.zb-index .zb-title{background:#e83b3c;padding:34px 8px 14px;}
.zb-index h1{font-size:18px;color:#fff;line-height:26px;}
.zb-index .zb-title .stag{text-align:right;margin-top:5px;}
.zb-index .zb-title .stag span{display:inline-block;font-size:11px;line-height:13px;color:#f49d9e;border:1px solid #f49d9e;padding:0 3px;border-radius:1px;}
.zb-index .zb-intro{background:#fff;padding:14px;}
.zb-index .zb-btn{margin:20px 14px;}
.zb-index .zb-btn a{display:block;width:100%;height:40px;line-height:40px;color:#fff;font-size:16px;background:#df3031;text-align:center;}

/* 文字 - 左灰右黑 */
.flextable2{ overflow: hidden; width: 100%;}
.flextable2 li{font-size: 14px; line-height: 24px; word-wrap: break-word; overflow: hidden;padding:4px 0;}
.flextable2 li span{ float: left; color: #565c67;}
.flextable2 li p{ overflow: hidden; color: #0c0d0e;}
.flextable2 li p a{color: #0c0d0e;}
.flextable2.row li{ width: 100%;padding-right:0; }
.flextable2 li > a.arr-rt{display:block;}
.flextable2 li > a.arr-rt p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.flextable2 li em{display:block;font-style:normal;text-align:right;font-size:13px;padding:6px 0;line-height:14px;}
.flextable2 li i{font-style:normal;}
.flextable2 li strong{font-weight:normal;}

/*弹幕*/
.abp{
    position: absolute;
    z-index: 5;
    top: 80px;
    left: 0;
    right: 0
}
.abp .container{
    -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    position: absolute;
    display: block;
    overflow: hidden;
    margin: 0;
    border: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.abp .container .cmt{
    -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    position: absolute;
    padding: 3px 0 0 0;
    margin: 0;
    color: #fff;
    font-family: SimHei, SimSun, Heiti, "MS Mincho", "Meiryo", "Microsoft YaHei", monospace;
    font-size: 18px;
    text-decoration: none;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    line-height: 100%;
    letter-spacing: 0;
    word-break: keep-all;
    white-space: pre;

}
.abp .container .cmt.noshadow{
    text-shadow: none;
}
.abp .container .cmt.rshadow{
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

/** Aliases for Chinese named fonts because they don't work on *nix **/
@font-face{
    font-family: "\9ED1\4F53";
    src:local('SimHei');
}

@font-face{
    font-family: "\5B8B\4F53";
    src:local('SimSun');
}

@font-face{
    font-family: "\534E\6587\6977\4F53";
    src:local('SimKai');
}

@font-face{
    font-family: "\5E7C\5706";
    src:local('YouYuan');
}

@font-face{
    font-family: "\5FAE\8F6F\96C5\9ED1";
    src:local('Microsoft YaHei');
}

/*聊天提示信息*/
.nomine_tips {
    position: absolute;
    height: 34px;
    background-color: rgba(0,0,0,.5);
    left: 0;
    right: 0;
    bottom: 51px;
    text-align: center;
    line-height: 34px;
    z-index: 10;
    color: #fff;
    font-size: 0.875rem;
}
/*送花动画*/
@keyframes flowerMove{
    0%{right:100%;}
    100%{right:20px;}
}
@-webkit-keyframes flowerMove{
    0%{right:100%;}
    100%{right:20px;}
}
@-moz-keyframes flowerMove{
    0%{right:100%;}
    100%{right:20px;}
}
@-o-keyframes flowerMove{
    0%{right:100%;}
    100%{right:20px;}
}
@-ms-keyframes flowerMove{
    0%{right:100%;}
    100%{right:20px;}
}
/*分享弹层*/
.float{position: fixed;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,0.6);z-index: 998;display:none}
#shareFloat{background-image: url('../img/zc-share.png');background-repeat: no-repeat;background-position: 100% 0;display:none;}
/*
弹幕收起图标*/
.doc_big {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 12;
    top: 50%;
    margin-top: -25px;
    right: 0;
    display: none;
}
.doc_big a {
    display: block;
    width: 50px;
    height: 50px;
}
.doc_big a i {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    top: 50%;
    margin-top: -14px;
    background: url(../img/icon_black.png) no-repeat left -172px;
    background-size: 120px auto;
}

/*视频直播-消息*/
.zb-mess{position:absolute;width:100%;height:20px;top:32px;left:0;background:url(../img/v_mess.png) 14px 3px no-repeat;background-size:14px 13px;padding-left:95px;font-size:11px;color:#c7ccd4;}
.zb-mess:before{content:"广播消息：";position:absolute;left:34px;top:0;height:20px;line-height:20px;font-size:11px;color:#c7ccd4;}
@keyframes move{
    0%{left:100%;}
    100%{left:-10%;}
}
.zb-animation{animation:move 8s 0s linear 3;}

/*精品推荐*/
.zbBox .jptj{width:30px;height:30px;border-radius:50%;background:#fff; box-flex:0; -webkit-box-flex:0;font-size:7px;text-align:center;color:#0c0d0e;line-height:1;margin-top:7px;margin-right:10px;overflow:hidden;}
.zbBox .jptj i{display:block;width:20px;height:20px;background:url(../img/v_jcpj_icon.png) no-repeat;background-size:100%;margin:6px auto 0;}
.list-out{position:fixed;left:0;bottom:0;width:100%;height:219px;background:#fff;overflow:auto;z-index: 8;}
.list-out1{left:0;bottom:0;width:100%;height:219px;background:#F0F0F0;overflow:auto;}

.ico-star i{display: inline-block;width:12px;height:12px; border-radius:2px;margin-right:3px;background: url(../img/icon-star.png) center 2px no-repeat;background-size:8px auto;background-color: #cccccc;}
.ico-star i.active{background-color: #df3031;}
.ico-star i.active.half{background-image:url(../img/icon-star2.png);}
.ico-star i:last-child{margin-right:0;}

.houseList ul{ margin:0;}
.houseList li{ border-bottom: 1px solid #f4f4f4;margin:0 8px;}
.houseList .forhorizontal li{ border-bottom: 1px solid #e0e0e0;}
.houseList li:last-child{ border-bottom: none;}
.houseList li > a{position:relative; display: block; padding: 14px 5px; overflow: hidden; *zoom:1;margin:0 -8px;}
.houseList li .img{ position: relative; float: left; margin-right: 5px; width: 106px; height:80px;}
.houseList li .img img{ width: 100%; height: 100%;}
.houseList li .img p{position:absolute;display:block;height:10px;width:100%;bottom:4px;left:0;overflow:hidden;}
.houseList li .online{float:left;width: 11px; height: 10px; margin-left:5px; background: url(../img/list_icons.png) -14px 0 no-repeat; background-size: 25px auto;}
.houseList li .video{float:left;width: 13px; height: 10px; margin-left:5px; background: url(../img/list_icons.png) no-repeat; background-size: 25px auto;}
.houseList li .tj{ position: absolute; left:0; top:0; width: 25px; height: 22px; background: url(../img/list_icons.png) 0 -25px no-repeat; background-size: 25px auto;}
.houseList li .hot-icon{ position: absolute; left:0; top:0; width: 25px; height: 22px; background: url(../img/list_hot.png) 0 0 no-repeat; background-size: 25px auto;}   
.houseList li .img .tag-icon{position:absolute;left:6px;top:4px;font-size:10px;line-height:12px;color:rgba(256,256,256,.5);text-shadow:0px 0px 3px rgba(0,0,0,.5);}
.houseList li .txt{ overflow: hidden; *zoom:1;}
.houseList li h3{ font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height:18px;color:#0c0d0e;margin-top:-1px;margin-bottom:4px;}
.houseList li h3 .hb-icon{float:right;width:14px;height:14px;margin:1px 0 0 2px;background: url(../img/list_icons.png) 0 -11px no-repeat; background-size: 25px auto;}
.houseList li h3 .hb-icon.ts{background: url(../img/bag_ts.png) no-repeat; background-size: 14px auto;}
.houseList li h3 .bag-ts{display:inline-block;width:70px;height:18px;background:url(../img/hb_gn.png) no-repeat;background-size:100%;margin-left:10px;vertical-align:-4px;}
.houseList li h3 .v-icon{display:inline-block;width:11px;height:11px;background:url(../img/v_icon.png) no-repeat;background-size:100%;margin-left:5px;}
.houseList li p{color: #83868f; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 20px;}
.houseList li .huih{color: #83868f; font-size: 12px;line-height:16px;}
.houseList li .txt2.left114{margin-left:114px}
.houseList li p .space{padding:0 2px;}
.houseList li .new{ float: right; font-size: 12px; color: #df3031;}
.houseList li p.x-intro{margin:-1px 0 1px;}
.houseList li .fc span{margin-right:0.5em;}
.houseList li .fc span:last-child{margin-right:0;}
.houseList li .fc span.new{margin-right:0;}
.houseList li .fc-red{color:#ff6666;font-size:10px;}
.houseList li .stag{font-size:10px;}
.houseList li .stag span{padding-top:1px;}
.houseList li p.spanSpace span{margin-right:20px;}
.houseList li p.spanSpace span:last-child{margin-right:0;}
.houseList li p em{margin-right:9px;}
.houseList li a.arr-rt.list-r:after{right:8px;}
.houseList .x-num{display:inline-block;font-size:10px;line-height:11px;margin-left:2px;}
.houseList .yy-box{position:relative;padding:0 0 14px 0;margin-top:-4px;margin-bottom:-4px;line-height:21px;}
.houseList .yy-box a{float:right;font-size:12px;color:#ff6666;height:21px;line-height:20px;border:1px solid #ff6666;padding:0 5px;overflow:hidden;}
.houseList .yy-box span{margin-left:8px;font-size:11px;color:#83868f;}
.houseList .yy-box em{font-style:normal;font-size:12px;color:#3c3f46;}
.house-Tag{overflow:hidden;margin:0 8px;padding:14px 0;}
.house-Tag > div{margin:0 -9px -9px 0;overflow:hidden;}
.house-Tag a{float:left;height:26px;line-height:1;font-size:12px;padding:6px 7px;border:1px solid #e5e7ed;color:#83868f;margin:0 9px 9px 0;border-radius:2px;overflow:hidden;}
.house-Tag a.active{border:1px solid #ff6666;color:#ff6666}
.house-Tag a:active{border:1px solid #ff6666;color:#ff6666}
.houseList .ico-star{ display:inline-block;vertical-align:-1px;}
.houseList .ico-star i{float:left;margin-right:2px;width:9px; height: 9px;border-radius: 1px;background-position:center 1px; background-size: 7px auto;}

.houseList li h3.row2{white-space:normal;line-height:19px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.houseList li p.row3{white-space:normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}

.houseList li div.redbag{display:inline-block;line-height: 16px;font-size:10px;color:#565c67;margin-top:21px;border:1px solid #ffe1e1;white-space:nowrap;}
.houseList li div.redbag .rb{display: inline-block;padding-left:20px;position: relative;background-color: #ffe1e1;padding-right: 5px;}
.houseList li div.redbag .rb:before{position: absolute;content: "";left: 2px;top:1px;height:12px;width: 16px;background: url(../img/list_icons.png) no-repeat;background-position: 0 -8px; background-size:21px auto;}
.houseList li div.redbag .surp{display: inline-block;height:14px;line-height:14px;background:#fff;padding:0 5px;}
.houseList li div.redbag .rb.ts{padding-left:16px;}
.houseList li div.redbag .rb.ts:before{width:10px;height:10px;top:3px;left:3px;background:url(../img/bag_ts.png) no-repeat;background-size:10px;}
.houseList .stag span.yellowbg{background:#ff9933;border:1px solid #ff9933;color:#fff;}
.houseList .stag span {
    float: left;
    margin-right: 4px;
    line-height: 13px;
    padding: 0 3px;
    border: 1px solid #e3e7ed;
    background: #fff;
    overflow: hidden;
}
.houseList .stag {
    font-size: 11px;
    color: #565c67;
    overflow: hidden;
    margin-top: 4px;
    height: 16px;
}

.gs-phiz-list {list-style: none;margin: 0;z-index: 3;/*display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;*/}
.gs-phiz-list li {/*margin: 16px;height: 24px;*/margin: 16px 0; float: left; width: 14.285714%; text-align: center; }
.gs-phiz-list li:last-child { }
.gs-phiz-list .delete{position:absolute;right: 16px;bottom: 16px;width: 42px;height:30px;background:url(../img/face_dele.png) no-repeat;background-size:100%;}

.zbBox .ipt-box{position:relative;}
.zbBox .ipt-box i{position:absolute;right:8px;top:50%;margin-top:-12px;width:24px;height:24px;}
.zbBox .ipt-box i.face{background:url(../img/zb_face.png) no-repeat;background-size:100%;}
.zbBox .ipt-box i.face1{background:url(../img/zb_face1.png) no-repeat;background-size:100%;}
.zbBox .ipt-box i.key{background:url(../img/zb_key.png) no-repeat;background-size:100%;}
.zbBox .ipt-box i.key1{background:url(../img/zb_key1.png) no-repeat;background-size:100%;}
/*新*/
.mt10{margin-top:10px;}
.zb-top2{position:absolute;top:10px;left:0;width:100%;padding:0 14px;z-inde:2;}
.zb-top2 h2{float:right;width:64%;font-size:11px;color:#fff;text-shadow: 0 1px 3px rgba(9,2,4,.65);line-height:14px;padding:10px 0;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.zb-top2 dl{background:rgba(0,0,0,.6);width:36%;max-width:110px;height:34px;border-radius:20px;}
.zb-top2 dt{float:left;width:28px;height:28px;border-radius:50%;overflow:hidden;margin:3px 6px 3px;}
.zb-top2 dd{padding-right:5px;}
.zb-top2 dd h3{font-size:12px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:21px;}
.zb-top2 dd h3:only-child{padding-top:6px;}
.zb-top2 dd p{font-size:9px;color:#fff;line-height:12px;}
.zb-top2 .zb-barrage,.zb-top2 .zb-share{float:left;min-width:55px;font-size:11px;line-height:12px;padding:4px 6px;background:rgba(0,0,0,.6);height:20px;border-radius:10px;color:#ffffff;text-align:center;margin-right:8px;}

/*礼物*/
.giftBox{position:fixed;bottom:0;left:0;width:100%;background:rgba(12,13,14,.8);z-index:12;}
.giftBox ul{overflow:hidden;}
.giftBox li{position:relative;float:left;width:25%;height:80px;text-align:center;border-right:1px solid rgba(60,63,70,.4);border-bottom:1px solid rgba(60,63,70,.4);}
.giftBox li > a{display:block;width:100%;height:100%;padding:8px 0;}
.giftBox li:nth-child(4){border-right:none;}
.giftBox li i{display:block;width:36px;height:36px;margin:0 auto;}
.giftBox li i.gift1{background:url(../img/gift1.png) no-repeat;background-size:100%;}
.giftBox li i.gift2{background:url(../img/gift2.png) no-repeat;background-size:100%;}
.giftBox li i.gift3{background:url(../img/gift3.png) no-repeat;background-size:100%;}
.giftBox li i.gift4{background:url(../img/gift4.png) no-repeat;background-size:100%;}
.giftBox li i.gift5{background:url(../img/gift5.png) no-repeat;background-size:100%;}
.giftBox li i.gift6{background:url(../img/gift6.png) no-repeat;background-size:100%;}
.giftBox li i.gift7{background:url(../img/gift7.png) no-repeat;background-size:100%;}
.giftBox li i.gift8{background:url(../img/gift8.png) no-repeat;background-size:100%;}
.giftBox li p{color:#fff;font-size:14px;line-height:1;margin-top:9px;}
.giftBox li.cur:before{position:absolute;content:'';width:14px;height:14px;top:4px;left:4px;background:url(../img/live_select.png) no-repeat;background-size:100%;}
.giftBox li.cur p{color:#df3031;}
.giftBox .btnbox{padding:10px 14px;overflow:hidden;}
.giftBox .btnbox a{float:right;display:block;width:55px;height:25px;line-height:26px;background:#df3031;color:#ffffff;font-size:14px;text-align:center;border-radius:3px;overflow:hidden;}
.giftBox .btnbox a.dis{background:#83868f;}

/*优惠等弹层*/
.fl-box{position:fixed;width:206px;height:239px;left:50%;top:-240px;margin:0 0 0 -103px;background:rgba(0,0,0,.8);border-radius:4px;box-shadow:1px 1px 3px rgba(0,0,0,.2);z-index:10;}
.fl-box > div{display:block;height:100%;}
.fl-box > div.live_gift_cash{background:url(../img/live_h1.png) no-repeat;background-size:100%;}
.fl-box > div.live_gift_coupon{background:url(../img/live_h2.png) no-repeat;background-size:100%;}
.fl-box > div.live_gift_lottery{background:url(../img/live_h3.png) no-repeat;background-size:100%;}
.fl-box .close{position:absolute;width:27px;height:43px;right:-4px;top:-43px;background:url(../img/live_close.png) no-repeat;background-size:100%;}
.fl-box .close a{display:block;width:27px;height:25px;}
.fl-box .yhbtn{position:absolute;width:84px;height:27px;bottom:15px;left:50%;margin-left:-42px;background:url(../img/live_h_btn.png) no-repeat;background-size:100%;}

/*红包顶部掉下*/
.transitionHongbao{
    transform: translateY(330px) ;       
    -webkit-transform:translateY(330px);
    -moz-transform:translateY(330px);
    -o-transform:translateY(330px);
}

/*等待动画20160922*/
.waitbg{min-height:100%;background:url(../img/live_bg.jpg) left top no-repeat;background-size:100%;}
.play-m{position:absolute;left:50%;top:40%;margin-left:-85px;width:170px;overflow:hidden;}
.play-m .fj{display:block;width:136px;height:85px;margin:20px auto;background:url(../img/live_m1.png) no-repeat;background-size:100%;}
.play-m .yun1{position:absolute;width:22px;height:18px;top:0;left:-30px;background:url(../img/live_m2.png) no-repeat;background-size:100%;}
.play-m .yun2{position:absolute;width:18px;height:11px;left:-20px;top:100px;background:url(../img/live_m3.png) no-repeat;background-size:100%;}
.play-m .mtitle{display:block;width:132px;height:12px;margin:20px auto 0;background:url(../img/live_m4.png) no-repeat;background-size:100%;}

.updown{-webkit-animation:updown 8s linear both infinite;animation:updown 8s linear both infinite;-moz-animation:updown 8s linear both infinite;-o-animation:updown 8s linear both infinite;}
@-webkit-keyframes updown {
  0%, 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d( 0,-6px, 0);transform: translate3d( 0,-6px, 0);}
  20%, 40%, 60%, 80% {-webkit-transform: translate3d( 0,0px, 0);transform: translate3d( 0,0px, 0);}
}
@keyframes updown {
  0%, 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d( 0,-6px, 0);transform: translate3d( 0,-6px, 0);}
  20%, 40%, 60%, 80% {-webkit-transform: translate3d( 0,0px, 0);transform: translate3d( 0,0px, 0);}
}

.fadeOutRight{-webkit-animation:fadeOutRight 2s linear both infinite;animation:fadeOutRight 2s linear both infinite;-moz-animation:fadeOutRight 2s linear both infinite;-o-animation:fadeOutRight 2s linear both infinite;}
.fadeOutRight2{-webkit-animation:fadeOutRight 2s linear 1s both infinite;animation:fadeOutRight 2s linear both 1s infinite;-moz-animation:fadeOutRight 2s linear 1s both infinite;-o-animation:fadeOutRight 2s linear 1s both infinite;}
@-webkit-keyframes fadeOutRight {
  0% {opacity: 1;}
  50% {opacity: 1;}
  100% {opacity: 0;-webkit-transform: translate3d(180px, 0, 0);transform: translate3d(180px, 0, 0);}
}
@keyframes fadeOutRight {
  0% {opacity: 1;}
  50% {opacity: 1;}
  100% { opacity: 0; -webkit-transform: translate3d(180px, 0, 0); transform: translate3d(180px, 0, 0);}
}

.up{-webkit-transform:rotate(180deg);transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}

.zbBox .tablist{width:100%;height:44px;}
.zbBox .tablist .flexbox> a{text-align:center;line-height:44px;background-color:#FFF;}
.zbBox .tablist .flexbox> a .selected{color:red;padding-bottom:10px;border-bottom:1px solid red}

.zb-message{left:0;bottom:0;width:100%;height:219px;background:#F0F0F0;overflow:auto;padding-top:12px;}
.zb-message li{margin-bottom:10px;margin-right:15%;margin-left:5%;}
.zb-message li p{display:inline-block;background:#FFF;border-radius:3px;line-height:18px;font-size:13px;color:#0c0d0e;padding:8px 10px;}
.zb-message li p span{color:#df3031;margin-right:9px;}