.main { width: 1200px; margin: 0px auto; }
body { background: #f9f9f9; }
.no-data { text-align: center; color: #777676;height: 30px; line-height: 30px;}
.stido-list li { background: url(../images/studio/l-line.png) repeat-y 15px top; padding-bottom: 20px; }
.stido-list .time { font-size: 24px; color: #4f4f4f; background: url(../images/studio/l-quan.png) no-repeat; height: 34px; padding-left: 45px; }
.stido-model { margin-left: 50px; padding: 16px; background: #fff; margin-top: 20px; }
.stido-model .pic { float: left; width: 332px; height: 208px; position: relative; overflow: hidden; }
.stido-model .pic a { display: block; width: 332px; height: 208px; }
.stido-model .pic img { width: 332px; height: 208px; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; vertical-align: top; }
.stido-model .pic:hover img { transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); }
.stido-model .s-word { width: 765px; float: right; }
.stido-model .s-word .name { font-size: 24px; color: #5c5c5c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 90%; margin-top: 6px; }
.stido-model .s-word .name:hover { color: #53acff; }
.stido-model .s-word p { font-size: 14px; color: #454444; line-height: 26px; height: 52px; overflow: hidden; margin-top: 18px; margin-bottom: 16px; }
.stido-model .s-word .lanh { font-size: 14px; color: #454444; background: url(../images/studio/lok1.png) no-repeat left center; padding-left: 30px; }
.stido-model .s-word .zfal { font-size: 14px; color: #454444; background: url(../images/studio/lok2.png) no-repeat left center; padding-left: 30px; margin-left: 20px; }
.stido-model.zhibo-1 .ztai { background: url(../images/studio/ztai1.png) no-repeat; width: 99px; height: 33px; position: absolute; left: 10px; top: 15px; }
.stido-model.zhibo-1 .aniu { background: url(../images/studio/aniu1.png) no-repeat; width: 130px; height: 40px; display: block; margin-top: 20px; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.stido-model.zhibo-1 .qxaniu { background: url(../images/studio/qxiaot.png) no-repeat; width: 130px; height: 40px; display: block; margin-top: 20px; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.stido-model.zhibo-2 .ztai { background: url(../images/studio/ztai2.png) no-repeat; width: 99px; height: 33px; position: absolute; left: 10px; top: 15px; }
.stido-model.zhibo-2 .aniu { background: url(../images/studio/aniu2.png) no-repeat; width: 130px; height: 40px; display: block; margin-top: 20px; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.stido-model.zhibo-3 .ztai { background: url(../images/studio/ztai3.png) no-repeat; width: 99px; height: 33px; position: absolute; left: 10px; top: 15px; }
.stido-model.zhibo-3 .aniu { background: url(../images/studio/aniu3.png) no-repeat; width: 130px; height: 40px; display: block; margin-top: 20px; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.stido-model.zhibo-1 .aniu:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.stido-model.zhibo-2 .aniu:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.stido-model.zhibo-3 .aniu:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }


.stiso-left { width: 824px; }
.video-box { background: #fff; padding: 28px; position: relative; zoom: 1; }
.video-box .name-liyt { width: 630px; font-size: 24px; color: #5c5c5c; margin-bottom: 16px; display: block; }
.video-box .sxin { position: absolute; right: 28px; top: 28px; }
.video-box .pic-sping { width: 767px; height: 400px; position: relative; }
.video-box .pic-sping img { width: 767px; height: 400px; }
.video-box .pic-sping .go { background: url(../images/studio/go.png) no-repeat; background-size: auto 100%; background-position: center; width: 767px; height: 400px; position: absolute; top: 0px; left: 0px; }
.video-box .pic-sping .timrer { font-size: 24px; color: #fff; position: absolute; width: 100px; text-align: center; top: 200px; left: 50%; margin-left: -50px; }
.video-box .pic-sping .go:hover { filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.shou-num { margin-top: 15px; }
.shou-num .num { float: left; width: 49%; text-align: center; border-right: 1px solid #e4e4e4; }
.shou-num .num .lan { color: #3aa6de; font-size: 40px; }
.shou-num .num .hong { color: #ff7c7c; font-size: 40px; }
.shou-num .num .wort { color: #4b4949; font-size: 14px; margin-top: 7px; }
.tab-nuyt { height: 46px; background: #fff; margin-top: 15px; }
.tab-nuyt a { display: block; float: left; width: 20%; line-height: 46px; color: #373737; text-align: center; height: 53px; }
.tab-nuyt a.on { background: url(../images/studio/tab.png) no-repeat; color: #fff; height: 53px; background-position: -56px 0; }
.tab-nuyt a:hover { background: url(../images/studio/tab.png) no-repeat; color: #fff; background-position: -56px 0; }
.lceng-yag a { float: left; width: 81px; height: 31px; background: #bebebe; display: block; border-radius: 3px; text-align: center; color: #fff; line-height: 31px; margin-right: 10px; margin-bottom: 6px; }
.lceng-yag a.on { background: #3aa6de; }
.lceng-yag a:hover { background: #3aa6de; }

.zhuanghao-table { margin-top: 10px; }
.zhuanghao-table th { height: 35px; background: #f0f0f0; color: #454444; font-size: 12px; font-weight: normal; padding-left: 5px; text-align: left; }
.zhuanghao-table td { height: 45px; border-bottom: 1px solid #d8d8d8; color: #454444; font-size: 12px; padding-left: 5px; }
.zhuanghao-table .anjiui { width: 52px; height: 24px; background: #3aa6de; border-radius: 2px; color: #fff; text-align: center; line-height: 24px; display: block; float: left; margin-left: 5px; }
.zhuanghao-table .bg-red { background: #ffe7e7; }

.zhuanghao-table .col-stu1 { color: #1cd96d; }
.zhuanghao-table .col-stu2 { color: #f9a100; }
.zhuanghao-table .col-stu3 { color: #da251c; }
.hguy-word { font-size: 14px; color: #454444; line-height: 24px; }
.hguy-word img { max-width: 790px; }
.vnaerd-list li { line-height: 25px; margin: 5px 0px; }
.vnaerd-list .dta { width: 63px; height: 21px; background: #3aa6de; border-radius: 2px; text-align: center; line-height: 21px; display: inline-block; font-size: 12px; color: #fff; margin:2px 10px 2px 0; float: left; }
.vnaerd-list .worf { float: left; font-size: 14px; color: #424242; width: 525px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.vnaerd-list .time { float: right; color: #ababab; }
.vnaerd-list .worf:hover { color: #3aa6de; }
.zbo-bitai { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; }
.zbo-bitai span { background: url(../images/studio/kiu.png) no-repeat left center; font-size: 14px; color: #616161; padding-left: 15px; line-height: 25px; display: block; }
.zbo-other li { width: 183px; float: left; margin-right: 20px; }
.zbo-other .pic { width: 183px; height: 115px; overflow: hidden; }
.zbo-other .pic img { width: 183px; height: 115px; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; }
.zbo-other .pic:hover img { transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -webkit-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); }
.zbo-other .worf { font-size: 14px; color: #565656; line-height: 22px; height: 44px; overflow: hidden; margin-top: 8px; display: block; }

.sloid-right { width: 358px; position: absolute; top: 0px; right: 0px; background: #fff; }
.tab-room { height: 47px; border-bottom: 1px solid #e0e0e0; }
.tab-room a { float: left; font-size: 16px; color: #535151; padding: 0px 18px; line-height: 47px; display: block; }
.tab-room a.on { background: #3aa6de; color: #fff; }
.tab-room a:hover { background: #3aa6de; color: #fff; }
.tab-room .num { float: right; font-size: 14px; color: #454444; line-height: 45px; margin-right: 15px; }
.tab-room .num span { color: #da251c; }

.ltian-bgh { overflow-y: scroll; padding: 15px; padding-right: 10px; }
.kuangh-hyu { margin-bottom: 15px; }
.kuangh-hyu .txiang { width: 48px; text-align: center; float: left; }
.kuangh-hyu .txiang img { width: 48px; height: 48px; display: block; border-radius: 24px; }
.kuangh-hyu .txiang .jnigyan { background: url(../images/studio/jy.png) no-repeat left center; padding-left: 10px; font-size: 12px; display: inline-block; margin-top: 5px; color: red; }
/*.kuangh-hyu .txiang .jnigyan:hover{color:#3aa6de;background-image:url(../images/studio/jy1.png);}*/
.kuangh-hyu .kuang { position: relative; font-size: 14px; line-height: 24px; color: #5e5e5e; background: url(../images/studio/zb-2.png) repeat-y top left; padding: 10px 15px; margin-top: 8px; }
.kuangh-hyu .kuang .tou { background: url(../images/studio/zb-1.png) no-repeat; width: 263px; height: 31px; position: absolute; top: 0px; left: 0px; }
.kuangh-hyu .kuang .wei { background: url(../images/studio/zb-3.png) no-repeat; width: 258px; height: 7px; position: absolute; bottom: 0px; right: 0px; }
.txiang-right { width: 263px; float: right; }
.txiang-right .name { color: #5e5e5e; font-size: 14px; margin-left: 5px; }
.txiang-right .name span { vertical-align: middle; margin-right: 10px; width: 145px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.txiang-right .name i:hover, .pibg-word .name i:hover { color: #3aa6de; cursor: pointer; }


.txiang-right img { vertical-align: middle; }
.txiang-right .red { color: #ff3c3c; }
.pic-list { margin-top: 10px; }
.pic-list img { width: 62px; height: 62px; margin: 7px; float: left; }
.pinglun-guy { border-top: 1px solid #cacaca; margin-top: 6px; }
.pinglun-guy .pkun-bnyu { float: right; font-size: 12px; color: #4e4e4e; background: url(../images/studio/fz-pl.png) no-repeat left center; padding-left: 18px; margin-top: 5px; }
.pinglun-guy .pkun-bnyu:hover { color: #3aa6de; background-image: url(../images/studio/fz-pl1.png); }
.srukuang { height: 28px; }
/*输入框禁用*/
/*.srukuang .dis { cursor: not-allowed !important; background-color: #ccc; }*/
.srukuang .text { width: 174px; line-height: 26px; border: 1px solid #cacaca; border-right: 0px; padding: 0px 8px; float: left; font-size: 12px; }
.srukuang .buty { width: 38px; height: 30px; background: #ff7c7c; color: #fff; border: 0px; margin: 0px; cursor: pointer; float: left; }
.pinglun-boghy { background: #efefef; margin-top: 10px; padding: 8px; padding-bottom: 2px; }
.pinglun-boghy.hi { max-height: 150px; overflow: hidden; }

.xiaotuy .pibg { width: 32px; height: 32px; float: left; }
.xiaotuy .pibg img { width: 32px; height: 32px; }
.xiaotuy .pibg-word { width: 175px; float: right; font-size: 12px; }
.xiaotuy .pibg-word .name { float: left; margin-left: 0px; font-size: 12px; }
.kuangh-hyu .sxhu { background: url(../images/studio/dele1.png) no-repeat left center; padding-left: 20px; float: right; display: block; color: #6f6f6f; }
.kuangh-hyu .sxhu:hover { color: #3aa6de; background-image: url(../images/studio/dele2.png); }
.kuangh-hyu .jyan { float: right; background: url(../images/studio/jy.png) no-repeat left center; padding-left: 15px; display: block; color: #6f6f6f; margin-right: 10px; }
.kuangh-hyu .jyan:hover { color: #3aa6de; background-image: url(../images/studio/jy1.png); }
.kuangh-hyu .txiang .jnigyan:hover { color: #3aa6de; background-image: url(../images/studio/jy1.png); }
.xiaotuy { border-bottom: 1px solid #d9d9d9; padding-bottom: 8px; margin-bottom: 8px; }
.cha-more { color: #3795ed; text-align: center; display: block; font-size: 12px; background-color: #efefef; }
.time-juyu { color: #5e5e5e; font-size: 14px; text-align: center; background: url(../images/studio/tjuy.png) no-repeat center; margin-bottom: 10px; }
.kuangh-hyu.my-answer .txiang { float: right; }
.kuangh-hyu.my-answer .txiang-right { float: left; }
.kuangh-hyu.my-answer .kuang .tou { background-image: url(../images/studio/zby1.png); }
.kuangh-hyu.my-answer .name { text-align: right; }
.kuangh-hyu.my-answer .kuang { background: url(../images/studio/zb-2.png) repeat-y -5px 0px; }
.kuangh-hyu.my-answer .kuang .wei { right: 5px; }
.tijiao-buyt { position: relative; padding: 15px; }
/*输入框禁用*/
.tijiao-buyt .buyt-bof { width: 308px; height: 70px; /* background: #f0f0f0; */ padding: 5px 8px; border: 1px solid #ccc; border-radius: 4px; }
.tijiao-buyt .buyt-bof.dis { cursor: not-allowed !important; background-color: #f0f0f0; }
.tijiao-buyt .buyt-juy { width: 100px; height: 36px; float: right; background: #ff7c7c; color: #fff; font-size: 18px; border: 0px; margin: 0px; cursor: pointer; margin-top: 10px; border-radius: 4px; }
.tijiao-buyt .buyt-juy.dis { cursor: not-allowed !important; background-color: #ccc; }
.tijiao-buyt .gjy { background: url(../images/studio/gn1.png) no-repeat; width: 18px; height: 20px; position: absolute; bottom: 24px; left: 80px; }
.tijiao-buyt .gjy:hover { background-image: url(../images/studio/gn1-1.png); }
.tijiao-buyt .gjy1 { background: url(../images/studio/gn2.png) no-repeat; width: 19px; height: 18px; position: absolute; bottom: 22px; left: 50px; }
.tijiao-buyt .gjy1:hover { background-image: url(../images/studio/gn2-1.png); }
.tijiao-buyt .gjy2 { background: url(../images/studio/gn3.png) no-repeat; width: 19px; height: 18px; position: absolute; bottom: 24px; left: 20px; border: 0; }
.tijiao-buyt .gjy2:hover { background-image: url(../images/studio/gn3-1.png); }

.album-tit span { font-size: 14px; color: #616161; padding-left: 20px; background: url(../images/studio/kiu.png) no-repeat left center; height: 22px; line-height: 22px; display: block; margin-bottom: 10px; }
.album-list { width: 810px; }
.album-list li { float: left; width: 187px; text-align: center; margin-right: 15px; margin-bottom: 10px; }
.album-list li img { width: 187px; height: 112px; }
.album-list li p { font-size: 14px; color: #616161; margin-top: 5px; height: 17px; overflow: hidden; }
.zyeg-list li { padding: 15px 0px; border-bottom: 1px solid #e7e7e7; }
.zyeg-list li .piv { width: 122px; height: 122px; float: left; }
.zyeg-list li .piv img { width: 122px; height: 122px; }
.zyeg-list li .word { width: 610px; margin-left: 20px; float: left; }
.zyeg-list li .word .name { font-size: 18px; color: #323232; margin-top: 8px; }
.zyeg-list li .word .nmut { font-size: 14px; color: #676767; background: url(../images/studio/lshi.png) no-repeat left center; padding-left: 20px; margin-top: 20px; }
.zyeg-list li .word .tel { margin-top: 20px; font-size: 18px; }

.tankuang-bg { background: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; z-index: 100; }
.tankuang-box { width: 800px; height: 530px; border-radius: 4px; background: #fff; position: fixed; top: 50%; margin-top: -270px; left: 50%; margin-left: -400px; z-index: 110; }
.tankuang-box .tankuang-title { height: 62px; background: #f1f1f1; }
.tankuang-box .tankuang-title .biti { float: left; font-size: 18px; color: #3a3a3a; padding-left: 20px; background: url(../images/studio/yhji.png) no-repeat left center; height: 27px; margin-left: 20px; margin-top: 17px; }
.tankuang-box .tankuang-title .close { background: url(../images/studio/gubi.png) no-repeat; float: right; width: 37px; height: 37px; display: block; margin-right: 20px; margin-top: 12px; }
.tankuang-main { padding: 20px; }
.tankuang-main .tankua-0juy { background: #eeeeee; padding: 25px 58px; position: relative; }
.tankuang-main .tankua-0juy p { font-size: 14px; line-height: 24px; color: #3a3a3a; }
.tankuang-main .tankua-0juy .syh1 { background: url(../images/studio/de1.png) no-repeat; width: 29px; height: 17px; position: absolute; left: 19px; top: 15px; }
.tankuang-main .tankua-0juy .syh2 { background: url(../images/studio/de.png) no-repeat; width: 29px; height: 17px; position: absolute; right: 19px; bottom: 15px; }
.tankua-kih-lpo { height: 310px; overflow-y: scroll; }
.tankua-kih-lpo .xiaotuy { padding: 15px 5px; margin-bottom: 0px; }
.tankua-kih-lpo .pibg { width: 54px; height: 54px; }
.tankua-kih-lpo .pibg img { width: 54px; height: 54px; }
.tankua-kih-lpo .pibg-word { width: 670px; font-size: 14px; }
.tankua-kih-lpo .pibg-word .name { font-size: 14px; margin-bottom: 4px; }


.tankuang-main .bdan { position: relative; padding-left: 210px; margin-top: 30px; }
.tankuang-main .bdan span { font-size: 16px; color: #3a3a3a; position: absolute; width: 200px; text-align: right; left: 0px; top: 0px; line-height: 52px; display: block; }
.tankuang-main .text { width: 405px; border: 1px solid #cacaca; border-radius: 4px; line-height: 50px; height: 50px; padding-left: 20px; font-size: 14px; }
.tankuang-main .quier { height: 48px; background: #22dd7a; font-size: 16px; color: #fff; text-align: center; line-height: 48px; display: block; border-bottom: 4px solid #20ce72; border-radius: 4px; width: 425px; }
.tankuang-main .quier:hover { background: #14d36e; }

/*2018-6-26*/

.bigImg { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1002; }
.bigImg .mask { width: 100%; height: 100%; background-color: #000; opacity: .7; filter: alpha(opacity=70); }
.bigImg .list { position: absolute; top: 2%; bottom: 21%; margin-bottom: 2px; left: 0; right: 0; text-align: center; }
.bigImg .list img { height: 100%; max-width: 100%; }
.bigImg .list .loading { position: absolute; width: 32px; height: 32px; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; background-image: url(../images/com/loading.gif); background-image: -webkit-image-set(url(../images/com/loading.gif) 1x, url(../images/com/loading@2x.gif) 2x); }
.bigImg .list .mask-pre { position: absolute; top: 0; left: 0; height: 100%; width: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bigImg .list .mask-pre span { background-image: url(../images/com/phone.png); background-repeat: no-repeat; display: inline-block; width: 137px; height: 137px; background-position: 12px -20px; color: #fff; position: absolute; top: 50%; left: 50px; margin-top: -37px; }
.bigImg .list .mask-next { position: absolute; top: 0; right: 0; height: 100%; width: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bigImg .list .mask-next span { background-image: url(../images/com/phone.png); background-repeat: no-repeat; display: inline-block; width: 137px; height: 137px; background-position: -126px -16px; color: #fff; position: absolute; top: 50%; right: 50px; margin-top: -37px; }
.bigImg .close { position: absolute; right: 60px; top: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; background-image: url(../images/com/close.png); background-repeat: no-repeat; display: inline-block; width: 81px; height: 80px; -webkit-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.bigImg .close:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -moz-transform: rotate(360deg); }
.bigImg .slide { position: absolute; left: 50%; bottom: 19px; margin-left: -500px; width: 1000px; }
.bigImg .slide .desc { font-size: 16px; color: #ffffff; text-align: center; line-height: 39px; }
.bigImg .slide ul { margin-bottom: 14px; overflow: hidden; white-space: nowrap; font-size: 0; text-align: center; }
.bigImg .slide ul li { display: inline-block; width: 148px; height: 106px; margin-left: 10px; border: 2px solid #ffffff; background-color: #000000; cursor: pointer; }
.bigImg .slide ul li:first-child { margin-left: 0; }
.bigImg .slide ul li img { width: 148px; height: 105px; height: 100%; opacity: 1; filter: alpha(opacity=60); }
.bigImg .slide ul li.selected img { opacity: .6; filter: alpha(opacity=100); }

/*2018-6-20 相册修改*/
.slide.album-small { margin: 0 auto; float: left; margin: 0 6px; display: inline; width: 990px; overflow: hidden; margin-left: -489px !important; }
.bigImg .list .mask-next span { right: 250px; background-position: -124px -18px; width: 110px; }
.bigImg .list .mask-pre span { background-position: -14px -20px; width: 110px; left: 250px; }
.chose-box-bg { width: 200px; height: 100%; background: #262628; position: absolute; right: 0px; top: 0px; padding: 15px; }
.bigImg .close { width: 46px; height: 45px; background-size: 46px 45px; right: 244px; top: 14px; }
.chose-box-tit { background: #313131; line-height: 40px; font-size: 18px; color: #fff; text-align: center; }
.chose-list li { float: left; width: 100%; }
.chose-list li a { display: block; margin: 1px; height: 65px; text-align: center; background: #313131; }
.chose-list li .bg-eit { color: #a1a1a1; font-size: 14px; line-height: 65px; }
.chose-list li p { color: #656565; display: inline; margin-left: 20px; }
.chose-list li.on a { background: #ff6861; }
.chose-list li.on .bg-eit { color: #fff; font-size: 16px; font-weight: bold; }
.chose-list li.on p { color: #fff; }
.chose-list li:hover a { background: #ff6861; }
.chose-list li:hover .bg-eit { color: #fff; font-size: 16px; font-weight: bold; }
.chose-list li:hover p { color: #fff; }

.zhuanghao-table .bg-gz2 { background: #c3eabc; }
.zhuanghao-table .bg-stu2 { background: #ffcc9b; }
.zhuanghao-table .bg-stu3 { background: #f7cccc; }

/*2018-7-11 直播间主播列表*/
.zhubiy-list { background: #fff; width: 320px; padding-bottom: 15px; }
.bogang-peop { height: auto; border-bottom: #dadada 1px solid; }
.bogang-peop li.top { width: 85px; position: relative; float: left; margin-right: 20px; }
.bogang-peop li.top .pic { width: 85px; height: 85px; border-radius: 45px; }
.bogang-peop li.top p { font-size: 14px; font-size: 14px; color: #666; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bogang-peop li.top .zbo { position: absolute; left: 0px; top: 0px; height: 18px; line-height: 18px; background: #40d859; color: #fff; padding: 0px 10px; display: block; font-size: 12px; }
.bogang-peop li.top .zbo1 { position: absolute; left: 0px; top: 0px; height: 18px; line-height: 18px; background: #3aa6de; color: #fff; padding: 0px 10px; display: block; font-size: 12px; }

.bogang-peop li.sp { display: inline-block; width: 100%; }
.bogang-peop li.info { padding: 5px 0px; display: none; }
.bogang-peop li.info .num { width: 16px; height: 16px; text-align: center; color: #fff; line-height: 16px; display: inline-block; font-size: 12px; font-style: normal; background-color: #c9c9c9; border-radius: 8px; margin-right: 2px; }
.bogang-peop li.info .name { font-size: 12px; display: inline; color: #666; margin-left: 4px; }
.bogang-peop li.info .txian { float: right; font-size: 12px; color: #999; width: 86px; height: 100%; white-space: nowrap; }

/*以下为直播详情页专用 2018.07.13*/

#dynamic-list { height: 50px; overflow: hidden; }
#dynamic-list ul li { line-height: 25px; }
.zbo-other li:last-child { margin-right: 0px; }
.tan-content { position: relative; padding-left: 85px; }
.gli { float: left; width: 90px; height: 35px; background: #49b3ff; display: block; border-radius: 3px; text-align: center; color: #fff; line-height: 35px; position: absolute; right: 140px; top: 29px; }

/*图片上传*/
.file-item { float: left; position: relative; padding: 4px; background-color: #cccccc85; }
.file-item img { width: 100px; height: 100px; }
.file-item .info { position: absolute; left: 4px; bottom: 8px; right: 4px; height: 20px; line-height: 20px; text-indent: 5px; background: rgba(0, 0, 0, 0.6); color: white; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; z-index: 10; }
.file-item .error { position: absolute; top: 4px; left: 4px; right: 4px; background: red; color: white; text-align: center; height: 20px; font-size: 14px; line-height: 23px; }
.glyphicon-remove { position: absolute; right: 3px; color: #E91E63; cursor: pointer; }
.gjybu1 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor: pointer; }
.gjybu2 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor: pointer; }
.gjybu3 { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor: pointer; }
.filebox1 { width: 18px; height: 20px; position: absolute; bottom: 24px; left: 80px; overflow: hidden; }
.filebox2 { width: 18px; height: 20px; position: absolute; bottom: 24px; left: 50px; overflow: hidden; }


/*视频播放*/
video::-internal-media-controls-download-button { display: none; }
video::-webkit-media-controls-enclosure { overflow: hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 30px); }
#infobox .videopreview { width: 100%; }

/*视频遮罩层*/
.file-item i { width: 50px; height: 50px; background: url(/content/images/index/play.png) no-repeat; display: inline-block; position: absolute; left: 25px; top: 25px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; z-index: 10; }
.kuang i.videobtn { width: 50px; height: 50px; background: url(/content/images/index/play.png) no-repeat; display: inline-block; position: absolute; left: -25px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; z-index: 10; top: 65px; margin-left: 50%; }

/*调整评论区域样式*/
.padding0 { padding: 0; }

/*强制换行，解决链接地址不换行问题*/
.kuang { word-wrap: break-word; }
.room-video { position: relative; background: #000; }

/*输入框@@样式*/
.buyt-bof button { border: 0; background: none; padding: 0; margin: 0; overflow: visible; }
/*输入框表情图片居中*/
.buyt-bof img { vertical-align: middle; }

/*@@提示*/
.attip { position: absolute; bottom: 150px; background-color: #fc9; width: 300px; height: 30px; line-height: 30px; color: #fff; padding-left: 16px; cursor: pointer; border-radius: 4px; margin-left: 15px; }
.attip i { float: right; margin-right: 5px; padding: 0 15px; }
/*@@消息高亮*/
.kuangh-hyu.hlight { background-color: #ffefdf !important; border-radius: 6px; }

/*表情框置顶，图片宽高调整*/
.emoji_container { z-index: 2000; }
.emoji_container .emoji_content { height: 300px; }
.emoji_container .emoji_content li { width: 42px; height: 42px; }
.emoji_container .emoji_content li a { line-height: 42px; }