[v-cloak]{
    display: none !important;
}
/************************************************************************************动画*/
/*晃动效果*/
@keyframes page_shake {
    from { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }
    4% { transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); }
    12.5% { transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
    21% { transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); }
    29% { transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
    37.5% { transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); }
    46% { transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
    50%,to { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }
}

@-webkit-keyframes page_shake {
    from { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }
    4% { transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); }
    12.5% { transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
    21% { transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); }
    29% { transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
    37.5% { transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); }
    46% { transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
    50%,to { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }
}
/*ScaleIn*/
@-webkit-keyframes superScaleIn {
    0% { -webkit-transform: scale(1.2); opacity: 0; }
    to { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes superScaleIn {
    0% { transform: scale(1.2); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

@-webkit-keyframes layui-m-anim-scale {
    0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes layui-m-anim-scale {
    0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}


.layui-m-anim-scale { animation-name: layui-m-anim-scale; -webkit-animation-name: layui-m-anim-scale; animation-duration: .2s; -webkit-animation-duration: .2s; animation-fill-mode: both; -webkit-animation-fill-mode: both; }

::-webkit-scrollbar { width: 4px; }
/* 滚动槽 */
::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0px 5px #2f3035; */
    /* border-radius: 5px; */
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb { 
    /* border-radius: 0px;  */
    /* background: rgba(195,195,195,1);  */
    /* -webkit-box-shadow: inset 0 0 0px rgba(195,195,195,1);  */
}
/* ::-webkit-scrollbar-thumb:window-inactive { background: rgba(185,185,185,1); } */
* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); }
html, body { height: 100%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*细线  */
.thinline { position: relative; }
.thinline:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.thinline-b { position: relative; }
.thinline-b:after { content: " "; position: absolute; left: 0; bottom: -.1rem; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.thinline-t:before { content: " "; position: absolute; left: 0; top: -.1rem; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

/*细框*/
.thinborder:after { content: " "; width: 200%; height: 200%; position: absolute; z-index: 1; top: 0; left: 0; border: 1px solid #d6d6d6; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-sizing: border-box; border-radius: 8px; }

.right-arrow { display: inline-block; height: 1rem; width: 1rem; border-width: 1px 1px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }
.weui_mask_transparent { position: fixed; z-index: 222; background-color: rgba(0,0,0,.5); }

.weui_toast_live { position: fixed; z-index: 223; width: 7.6em; min-height: 7.6em; background: rgba(40,40,40,.75); text-align: center; border-radius: 5px; color: #fff; }

#ckdanmu .weui_switch:checked { border-color: #01b3e9; background-color: #01b3e9; }
#ckdanmu .weui_switch:checked:after { color: #01b3e9; }

/**************************************************************************输入框区域*/
/*更多*/
.morebutton { position: relative; background: #fff; }
.morebutton li { width: 25%; float: left; margin: 0 0 14px; }
.morebutton p { text-align: center; color: #909090; font-size: 1.2rem; margin-top: 4px; }
.morebutton-wrap { padding-top: 1rem; padding-bottom: 1rem; }
/*更多中的图标*/
.inputicon { background: url(../images/ioc-2.0.png) no-repeat left top; display: block; width: 6rem; height: 6rem; margin: 0 auto; background-size: 50rem; }
.inputicon.photo { background-position: 0 -31.4rem; }
.inputicon.file { background-position: 0 -37.8rem; }
.inputicon.redpacket { background-position: 0 -25.1rem; }
.inputicon.vote { background-position: -15.1rem -31.4rem; }
.inputicon.switch { background-position: -22.7rem -25.1rem; }
.inputicon.switch.on { background-position: -7.5rem -37.8rem; }
.inputicon.netvideo { background-position: -7.5rem -31.4rem; }
.inputicon.introduce { background-position: -22.7rem -31.4rem; }
.inputicon.refresh { background-position: -15.1rem -25.1rem; }
.inputicon.endlive { background-position: -22.7rem -37.8rem; }
.inputicon.relayinadd {background-position: -22.7rem -49.8rem;}
.inputicon.inviteGuest { background-position: -15.1rem -37.8rem; }
.inputicon.commentcheck { background-position: -30.8rem -37.8rem; }
.inputicon.voteico { width: 1.7rem; height: 1.5rem; display: inline-block; vertical-align: middle; background-position: -34.7rem -2rem; }
.inputicon.coupon { background-position: -7.5rem -25.1rem; }
.inputicon.createlive { background-position: -30.8rem -31.4rem; }
.inputicon.dmswitch { background-position: -31.3rem -25rem; }
.inputicon.dmswitch.on { background-position: -31.3rem -31.8rem; }
.inputicon.lottery { background-position: -38.8rem -25rem; }
.inputicon.drawal { background-position: -38.8rem -31.4rem; }

/*左侧QQ表情，右侧礼物*/
.inputicon.qqface { background-position: 0 -11rem; width: 3rem; height: 3rem; margin-left: .5rem; }
.inputicon.gift { background-position: 0 -14.2rem; width: 3rem; height: 3rem; margin-right: 1rem; }
.inputicon.iconmore { background-position: 0 -44.4rem; width: 3rem; height: 3rem; margin-right: .5rem; }
.btnLiveTalk { display: none; cursor: pointer; width: 4rem; height: 3rem; text-align: center; line-height: 3rem; font-size: 1.4rem; border-radius: 3px; background: #00a2ff; color: #fff; margin-right: .5rem; }

.vzan-ubb { vertical-align: middle; width:24px;height:24px; }

.vjs-has-started .vjs-poster {
    background-size: cover;
}

/*QQ表情*/
#pingQqFace {
    width: 100%;
    overflow: auto;
    background: #fefffe;
    position: absolute;
    bottom: 143px;
    z-index: 10;
    left: 0;
    right: 0;
    border: 2px solid rgb(39, 40, 46);
    border-radius: 5px;
}
.post-qq-face-all { width: 100%;  padding: 10px 0 0px;display:block; }
.post-qq-face-all span { width: 14.28%; margin: 8px 0px; text-align: center; height: 33px; display: inline-block; float: left; }
.post-qq-face-all span i { display: inline-block; }
.qqface-img {cursor:pointer; background: url(../images/qqface2017.jpg) no-repeat left top; background-size: 100%; width: 33px; height: 33px; margin-top: 0px; font-size: 0; }


/**************************************************************************视频播放区域*/
.plan-name { position: absolute; font-size: 1.3rem; color: #fff; top: 1rem; right: 1rem; text-shadow: 0 0 .1rem #000; z-index: 5; }
.videoicon { background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat left top; width: 3.2rem; height: 3.2rem; background-size: 50rem; z-index: 5; }
.videoicon.icon-back-index { background-position: 0 -19.4rem; position: absolute; top: 4rem; left: 2rem; }
.videoicon.icon-refresh { background-position: -3.1rem -19.4rem; position: absolute; bottom: 4rem; left: 2rem; }
.onlineuser { width: auto; height: auto; white-space: nowrap; font-size: 1.3rem; position: absolute; font-size: 1.3rem; color: #fff; top: 4rem; right: 1rem; text-shadow: 0 0 .1rem #000; background-color: rgba(0,0,0,.4); border-radius: 1rem; padding: .1rem .5rem; }
.videoicon.seeuser { background-position: -34.7rem 0; padding-left: 1.5rem; }
/**************************************************************************滚动广告区域*/
.live-qiye-notice { background: rgba(0,0,0,.6); z-index: 3; color: #fff; height: 2.5rem; line-height: 2.5rem; position: absolute; top: 0; left: 0; width: 100%; font-size: 1.4rem; overflow: hidden; white-space: nowrap; }

/**************************************************************************选项卡区域*/
.live-qiye-nav { background: #fff; position: relative; /*box-shadow: 0 .2rem 1rem rgba(0,0,0,.1);*/ z-index: 2; border-bottom: 1px solid #e0e0e0; }
.live-qiye-nav li { float: left; width: 20%; text-align: center; line-height: 4rem; height: 4rem; margin-bottom: -.1rem; }
.live-qiye-nav li a { color: #666; font-size: 1.4rem; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.live-qiye-nav li.on a { color: #01b3e9; border-bottom: 2px solid #01b3e9; }
#ent_focus { width: 16.68%; }
#ent_focus a { background: #01b3e9; color: #fff; }
/*弹窗*/
.marry-dialog { position: fixed; z-index: 1000; width: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; overflow: hidden; }
.marry-dialog-title { text-align: center; position: relative; }
.marry-dialog-title-f { font-size: 1.6rem; line-height: 3.5rem; background: #d84e43; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.marry-dialog-title span { width: 2rem; height: 2rem; position: absolute; display: inline-block; }
.marry-dialog-title-pic-01 { top: 0.8rem; left: 0; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat 0 0; background-size: 50rem; }
.marry-dialog-title-pic-02 { top: 0.8rem; right: 0; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -2.2rem 0; background-size: 50rem; }

.dialog-close { font-size: 1.6rem; line-height: 4.5rem; color: #d84e43; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: relative; }
.dialog-close, .dialog-cancel { font-size: 1.6rem; line-height: 4.5rem; color: #d84e43; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.d-flex .dialog-close { border-bottom-right-radius: 0; }
.d-flex .dialog-cancel { border-bottom-left-radius: 0; }


.live-tab-content { }


/************************************************************************聊天区域*/
.live-qiye-edit { margin: 1rem; border-radius: 0.8rem; background: #a4a4a4; min-height: 2rem; padding: 1rem 2.8rem; color: #fff; text-align: center; position: relative; }
.icon-qiye-edit { width: 1.5rem; height: 1.5rem; display: inline-block; background: url(../images/live-qiye-01.png) -4.2rem -5.4rem; background-size: 50rem; position: absolute; top: 1rem; right: 1rem; }

.scrollContentBox { position: relative; }
#liveMainBox, .scrollContentBox { height: 100%; }
.liveTabBox {
    position: absolute;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
}
.liveTabBox.imScroll { }
.liveBoxContent { position: relative; /*min-height: 110%;*/ }

.marry-live-content { padding: 0 0 5rem; }
.chat-msglist { font-size: 1.5rem; padding: 0 1rem; }
#chat-msglist > li { 
    padding: 10px 10px 5px 10px; 
    /* min-height: 80px; */
    min-height: 65px;
}
#chat-msglist > li.news-alert-time { display: none; text-align: center; }

.marry-chat-content {
    width: 100%;
    /* display: flex; */
    /* align-items: center; */
}
.marry-chat-content img.userphoto {
    /* width: 32px; */
    /* height: 32px; */
    margin-top: 5px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
}
.marry-chat-content > span.nickname { }
.marry-chat-content.giftmsg { color: #E4943E; }
.marry-chat-content a { color: #528AF5; text-decoration: underline; }

.marry-chat-content.giftmsg .msg-content { color: #E4943E !important; }
.marry-chat-content > .flex { font-size: 12px; margin-left: 12px; line-height: 20px; width: 100%; }
.marry-chat-content .nickname {
    /* color: rgba(254, 255, 254, 0.5); */
    font-size: 12px;
    font-weight: 500;
    color: #60646B;
    /* line-height: 12px; */
    /* display: inline-block; */
    margin-bottom: 8px;
}
    .marry-chat-content .msg-content {
        /* margin-top: 10px; */
        word-break: break-word;
        /* color: #FEFFFE; */
        color: #202124;
        line-height: 20px;
        font-size: 12px;
        margin-top: 4px;
    }

.chat-msglist > li, .liveBoxContent { position: relative; }

.marry-chat-delete { width: 2rem; float: right; position: relative; margin-left: 1rem; display: none; }
.marry-chat-delete a { width: 2rem; height: 2rem; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -4.4rem 0; background-size: 50rem; position: absolute; bottom: 0; }
.chat-msg-img { max-width: 200px; max-height: 200px; vertical-align: top; position: relative; z-index: 2; }
.marry-chat-content > div.flex { }

.remove-msg { position: absolute; right: 1rem; bottom: 0; width: 2rem; height: 2rem; background: url(../images/marry-live-02.png) -4.4rem 0 no-repeat; background-size: 50rem; display: none; }

/************领取红包*/
.news-alert-red-packet { font-size: 1.3rem; text-align: center; display: block; }
.news-alert-red-packet span { 
    /* color: #fff;  */
    display: inline-block; 
    /* background: #414141;  */
    border-radius: 3px; 
    padding: 0.3rem 0.8rem; 
    color: rgba(244, 0, 0, 1);
    background: linear-gradient(315deg, rgba(244, 0, 0, .1) 0%, rgba(255, 152, 0, .1) 100%);
}
/************发红包*/
.rpna-ul { 
    color: #fff; 
    /* background: #fa9d3b;  */
    /* padding: 1rem; */
    padding: 1rem;
    border-radius: 5px; 
    /* border: 1px solid #e28f3b;  */
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    /* width: 20.8rem; */
    /* min-width: 17rem;  */
}

.rpna-ul.hongbao { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.rpna-ul.hongbao > .flex {
    min-width: 0;
}
.rpna-pic { width: 3.3rem; height: 3.9rem; overflow: hidden; }
.rpna-pic > img{
    width: 35px;
    height: 36px;
}
.vz-watermark { position: absolute; top: 0; right: 0; width: 11.3rem; height: 6.25rem; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -3.7rem -6.7rem; background-size: 50rem; }
.rena-wish { font-size: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 200px; }
/***********赞赏*/
.news-alert-red-packet.reward span { background: #edcb91; }
.little-red-packet { width: 1.7rem; height: 1.9rem; display: inline-block; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -6.6rem 0; background-size: 50rem; vertical-align: middle; margin-right: 2px; }
.reward em { color: #d84e43; }
/***********赞赏详情弹窗*/
.LmTipsBox .live_redbag { line-height: 2rem; }
.thank_money { color: #333; font-size: 1.7rem; margin-top: 2.5rem; margin-bottom: 0.5rem; }
.thank_money var { font-size: 3rem; font-style: italic; padding: 0 1rem; }
.thank_p1 { color: #999; }
.thank_reply { position: relative; color: #999; margin: 0rem 2rem; line-height: 4rem; }
.thank_reply:before, .redbag_reply:before { content: ''; width: 100%; height: 1px; display: block; background-color: #e8e8e8; position: absolute; top: 0; vertical-align: top; }

.news-alert-red-lettery { font-size: 1.3rem; text-align: center;width: 100%; }
.news-alert-red-lettery span { color: #fff; display: inline-block; background: rgba(0,0,0,.2); border-radius: 3px; padding: 0.3rem 0.8rem; }
.news-alert-red-lettery.lettery span { background: #fe6a5b; }
.little-red-lettery { width: 1.7rem; height: 1.9rem; display: inline; vertical-align: middle; margin-right: 2px; }
.lettery em { color: #ffde00; }

.redbag_cancel, .rgdetail .rglist:after { background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat left top; background-size: 50rem; }

.live_redbag .redbag_cancel { background-position: .4rem -47.5rem; }
.rgdetail .rglist:after { content: ''; display: inline-block; width: 2rem; height: 2rem; background-position: -3.3rem -48.5rem; vertical-align: top; margin-top: 0.5rem; }
.rgdetail.on .rglist:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }

.redbagBox, .LmTipsBox { width: 100%; height: 100%; z-index: 20; display: none; position: fixed; left: 0; top: 0; cursor: pointer; }
.redbagBox:before, .LmTipsBox:before { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; content: ''; background-color: rgba(0,0,0,0.4); }
.main_box_4.redbag { height: 90%; max-height: 500px; }
.redbag_inbox { border-radius: 0.6rem; overflow: hidden; background: #fff; }
.live_redbag { width: 100%; background: url(../images/redbag.png) top center no-repeat; background-size: 100% 10rem; padding-top: 14rem; padding-bottom: 1rem; font-size: 1.5rem; }
.replyresultNone { width: 100%; height: 15rem; background: url(../images/redbagnone.png) center center no-repeat; background-size: 10rem; }
.live_headpic { width: 8rem; height: 8rem; border-radius: 8rem; position: absolute; left: 50%; top: 5rem; margin-left: -4rem; overflow: hidden; }
.live_headpic img { width: 100%; height: 100%; }
.live_towho { color: #333; font-size: 3rem; text-align: center; margin-bottom: 2rem; }
.live_towhy { color: #999; font-size: 1.5rem; text-align: center; margin-bottom: 0.5rem; padding: 1rem; }
.live_redbaglist { width: 100%; text-align: center; }
.live_redbaglist:before { content: ''; display: inline-block; width: 80%; height: 1px; background-color: #ccc; }
.live_redbaglist ul { overflow: hidden; width: 80%; margin: 0 auto; }
.live_redbaglist ul li { width: 30%; float: left; height: 4rem; border: 2px solid #d74751; border-radius: 0.5rem; margin-left: 2.5%; margin-bottom: 2rem; text-align: center; line-height: 4rem; }
.live_redbaglist ul li a { width: 100%; height: 100%; display: block; color: #d74751; font-size: 1.7rem; }
.live_redbaglist ul li a:hover { background-color: #d74751; color: #fff; }
.live_redbaglist ul li var { font-size: 2.6rem; font-style: italic; margin-right: 0.5rem; }
.live_othermoney { text-align: center; font-size: 1.6rem; }
.live_othermoney a { color: #0095dd; }
.managerThankBox { padding: 1rem; border: 1px dashed #ccc; max-height: 18rem; overflow-x: hidden; text-align: left; }
.redbag_reply { position: relative; color: #999; padding-top: 1rem; margin: 0 2rem; }
.redbag_rule { color: #999; line-height: 2rem; }
.redbag_rule dd { font-size: 1.3rem; margin-left: 1rem; position: relative; }
.redbag_rule dd:before { content: ''; vertical-align: top; position: absolute; left: -1rem; top: 0.8rem; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background-color: #ccc; }
.redbag_rule_2, .redbag_rule_3 { padding-left: 1rem; margin-top: 2rem; display: block; }

.rgdetail { line-height: 2rem; height: 3rem; width: 100%; display: block; }


.rgdetail dd { margin: 0 auto; width: 10rem; line-height: 3rem; color: #999; }
.thankBox { display: none; }

/* 视频播放器 */
.video-poster{
    width:100%;
    height:100%;
}
iframe#liveVideo {
    height: 100%;
}
#videoPlayer object {
    width: 100%;
    height: 100%;
}

.plan-name .skipad {
    padding: 0 1rem;
    /*background-color: rgba(0, 0, 0, .6);*/
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-left: 1rem;
    font-size: 1rem;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8rem;
    height: 1.8rem;
}
/************未读消息提示*/
.unreadMsgTip {
    background-color: #0084ff;
    display: none;
    position: absolute;
    cursor: pointer;
    bottom: 2rem;
    right: 0;
    color: white;
    border-radius: 1rem;
    z-index: 2;
    height: 25px;
    line-height: 25px;
    margin: auto;
    text-align: center;
    width: 8rem;
    left: 0;
}

/*遮罩*/
.red-mask { position: fixed; z-index: 500; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.50); }

/*弹出二维码*/
.gz-qr { padding: 1.5rem 1rem; text-align: center; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.gz-qr p { color: #666; font-size: 1.4rem; margin-top: 1rem; padding: 0 1.5rem; }

/************************************************************************关注二维码*/

.popup-container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; visibility: hidden; z-index: 15; }
.popup-container .popup-mask { background: rgba(0, 0, 0, .8); position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.popup-container.active .popup { -webkit-animation-name: superScaleIn; animation-name: superScaleIn; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.popup-container .popup { position: relative; width: 250px; max-width: 100%; max-height: 90%; border-radius: 3px; background-color: #fff; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 13; }
.popup-head { padding: 15px 10px; border-bottom: 1px solid #eee; text-align: center; }
.popup-title { margin: 0; padding: 0; font-size: 15px; }
.popup-sub-title { margin: 5px 0 0; padding: 0; font-weight: 400; font-size: 11px; }
.balanced { color: #4ebd52; }
.popup-body { padding: 10px; text-align: center; }
.full-image { max-width: 100%; }
.popup-container.popup-show { visibility: visible; }


.shangnew { display: none; }

.dmenu { background-color: #FFFFFF; }
.dmenu .tab { text-align: center; height: 50px; border-bottom: 1px solid #d7d7d7; }
.dmenu .tab a { float: left; height: 50px; line-height: 50px; font-size: 1.4rem; }
.live-info { padding: 2rem 1rem; font-size: 1.4rem; line-height: 2rem; }
.live-info img { max-width: 100%; }
.weui_toast { z-index: 999; }
.liveTabBox, .liveBoxContent { -webkit-overflow-scrolling: touch; }
.geneBox:before, .qlGbBg { position: fixed !important; }
.geneBox .main { position: fixed; }
.icon-gratuity.shangzhubo { cursor: pointer; }
.temp-text-content img { vertical-align: middle; max-width: 100% !important; height: auto !important; cursor: pointer; margin-top: 3px; z-index: 5; }
.free-watermark { position: absolute; right: 1rem; top: 1rem; z-index: 999; }

/*.shangzhubo.onlybtn { z-index: 4; width: 4.5rem; height: 4.5rem; line-height: 4.5rem; text-align: center; border-radius: 100%; background-color: #ffc107; position: absolute; right: .5rem; bottom: 9rem; color: #fff; font-size: 2.2rem; }*/
/*.shangzhubo.onlybtn { width: 4.5rem; height: 4.5rem; line-height: 4.5rem; text-align: center; border-radius: 100%; background-color: #ffc107; position: relative; color: #fff; font-size: 2.2rem; }*/

/************************************************************************弹出层*/
/******************************打赏窗*/
.centerwin { position: fixed; left: 50%; top: 50%; max-width: 30rem; max-height: 62rem; text-align: center; border-radius: 0.6rem; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
/******************************更多金额*/
.otherRedmoneyBox .centerwin { width: 200px; }
/*支付二维码弹窗*/
.kgl-classname { font-size: 2.4rem; line-height: 5.2rem; height: 5.2rem; background: #fff; border-bottom: 1px solid #d7d7d7; padding: 0 40px; color: #333; }
.kgl-invite-mask { position: fixed; z-index: 501; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); }
.kgl-dialog { position: fixed; z-index: 1000; width: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; overflow: hidden; }
.dialog-sure { font-size: 3.2rem; line-height: 9rem; color: #d84e43; background: #fff; border-top: 1px solid #b2b2b2; }
.qiye-side-bt { z-index: 2 !important; }


/*直播间倒计时*/
.ql_start_box { display: none; background: #fff; margin: 0 2rem; border: solid 1px #e5e5e5; border-radius: 0.5rem; }
.ql_start_box .ql_start_date { display: block; height: 3rem; line-height: 3rem; text-align: center; color: #333; font-size: 1.2rem; }
.ql_start_box .ql_timer { display: block; margin: 0 3rem; border-top: dashed 1px #d0d0d0; text-align: center; }
.ql_timer span { display: block; height: 2.5rem; line-height: 2.5rem; color: #999; font-size: 1.2rem; margin-top: 0.5rem; }
.ql_timer span:before { content: ''; display: inline-block; width: 2rem; height: 2rem; background-position: -10rem -2rem; vertical-align: top; margin-top: 0.3rem; }
.ql_timer dl { display: inline-block; width: 22rem; padding: 0.6rem 0 1rem; margin-bottom: 0px; }
.ql_timer dl dd { display: inline-block; width: 5rem; height: 3rem; line-height: 3rem; font-size: 1.2rem; background-color: #00acff; color: #fff; border-radius: 0.2rem; }
.ql_timer dl dd:last-child { border: none; }
.ql_timer dl dd var { color: #fff; font-size: 2rem; }
.ql_start_box .ql_st_buttons { display: block; text-align: center; }
.ql_st_buttons a { display: inline-block; height: 2.5rem; line-height: 2.5rem; padding: 0 0.5rem; margin: 0 0 1rem; color: #666; border: solid 1px #d5d5d5; border-radius: 2px; }
.ql_st_buttons b { display: block; height: 2.8rem; line-height: 2.8rem; padding: 0 0.5rem; color: #666; font-weight: normal; }
.qlTimerShow { display: block; }

/*设置按钮*/
.next_prebox { margin: 2rem 1rem; text-align: center; }
.next_presets { display: inline-block; margin-top: 1rem; white-space: nowrap; color: #fff; background-color: #00A8FF; font-size: 1.6rem; border: 1px solid #00A8FF; padding: 0.5rem 2rem; border-radius: 0.3rem; cursor: pointer; }
.bubbles_startbtn { background-color: #fff; font-size: 1.4rem; text-align: center; padding: 2rem; margin: 2rem 1rem; border-radius: 0.4rem; border: solid 1px #e5e5e5; }
.bubbles_startbtn .liveStart:before { content: ''; display: inline-block; width: 2rem; height: 2rem; background-position: -44rem 0rem; vertical-align: top; margin-top: 1rem; }
.bubbles_startbtn .liveStart { display: inline-block; width: 70%; height: 4rem; line-height: 4rem; color: #fff; background-color: #00ACFF; cursor: pointer; border-radius: 0.5rem; }

/*加载中*/
.loadingBox { display: none; z-index: 150; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
.loadingBox:before { display: block; content: ""; position: relative; z-index: 150; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity="40"); }
.loadingBox span { display: inline-block; position: absolute; z-index: 151; top: 50%; left: 50%; width: 5rem; height: 5rem; margin: 0 0 0 -2.5rem; font-size: 14px; color: #888; line-height: 25px; vertical-align: top; background: #fff url(../images/logo_loading_3.gif) center center no-repeat; border-radius: 100px; }

.new-count-down { padding: .5rem 0; background: rgba(0,0,0,.5); position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; text-align: center; font-size: 1.4rem; }
.dm_switch:after { content: "弹"; font-size: 18px; text-align: center; line-height: 30px; color: #CCD4D8; }
.danmuBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 24px;
    z-index: 6;
    pointer-events: none;
}

/*.danmuBox { width: 100%; height: 40px; margin: -50px 0 0 0px; position: fixed; top: 54%; left: 0; }*/
/*cubic-bezier(.07,.46,.92,.29) 开头结尾快,中间慢*/
/*.danmuBox .dm { position: absolute; top: 0; font-size: 14px; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-color: rgba(254, 239, 28,0.7); -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-iteration-count: 5; animation-iteration-count: 5; -webkit-animation-play-state: running; animation-play-state: running; border-radius: 30px; padding: 5px; padding-left: 2rem; padding-right: 2rem; white-space: nowrap; }*/
    .danmuBox .dm {
        line-height: 36px;
        font-size: 24px;
        position: absolute;
        top: 0;
        left: 100%;
        transition-property: left;
        transition-timing-function: linear;
        white-space: nowrap;
        font-family: SimHei,"Microsoft JhengHei", Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    }
.danmu-dialog { border-radius: 10px; background-color: #fff; position: fixed; z-index: 1000; width: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; overflow: hidden; z-index: 505; }

.weui_fade_toggle { z-index: 9 !important; }
.weui_actionsheet_toggle { z-index: 10 !important; max-width: 640px; width: 100%; min-width: 320px; right: 0; margin: auto; }

/*红包晃动*/
.animation-shake { animation: page_shake 2s ease 0s infinite; -webkit-animation: page_shake 2s ease 0s infinite; position: relative; }

.tab-title { border: 1px solid #01b3e9; border-radius: .5rem; max-width: 80%; margin: 2rem auto 1rem auto; background-color: #fff; }
.tab-title li { float: left; display: inline; color: #01b3e9; text-align: center; padding: .8rem 0; width: 50%; }
.tab-title li a { font-size: 1.4rem; letter-spacing: .1rem; }
.tab-title li.on { color: #fff; background-color: #01b3e9; }

.tab-content-bang { background-color: #fff; }

/*打赏榜，邀请榜*/
.table-banglist { color: #666666; font-size: 1.4rem; }
.table-banglist td { border-top: 1px solid #f0f0f0; padding: 1rem 0; }
.table-banglist .banglist-tag { width: 2.5rem; }
.table-banglist .rolwnum { display: inline-block; width: 2.5rem; text-align: center; font-size: 1.6rem; }
.table-banglist .banglist-photo { width: 3.6rem; border-radius: 100%; }
.table-banglist .banglist-nickname { width: 2rem; }
.table-banglist .banglist-money { color: #999; }
.table-banglist .banglist-money em { color: #01B3E9; }

/*选项卡详情*/
.live-details { background-color: #fff; padding: 0 1rem; }
.live-details .liveimg { border-radius: 100%; width: 6rem; height: 6rem; }
.live-details-head { margin: 2rem 0rem; }
.live-details-h2 { margin: 0; padding: 0; line-height: 3.5rem; font-size: 1.6rem; color: #333333; }
.live-details-des { margin: 0; padding: 0; line-height: 1.4; font-size: 1.4rem; color: #999; }
.live-details-link { display: block; }

.live-details-introduce { margin-top: 1rem; overflow: hidden; padding-bottom: 1rem; font-size: 1.4rem; border-top: 1px solid #f0f0f0; }
.live-details-introduce img { max-width: 100%; }
.tab-content-cooperation { padding: 1rem; background-color: #fff; padding: 1rem; font-size: 1.4rem; }
.tab-content-cooperation img { max-width: 100%; }

/*消息顶部置顶位置*/

/*投票*/
.line-vote { 
    display: none; 
    /* padding: 0.4rem 0.7rem;  */
    position: absolute; 
    left: 0; 
    top: 0; 
    /* color: black;  */
    
    /* width: 100%;  */
    /* font-size: 1.6rem;  */
    z-index: 3; 
    /* background-color: rgba(255, 255, 255, 0.8);  */
    /* font-size: 0;  */

    /* width: 348px; */
    /* height: 40px; */
    width: 90%;
    background: linear-gradient(270deg, #0084FF 0%, #00BAFF 100%);
    border-radius: 6px;
    padding: 1.4rem 0.8rem;
    box-sizing: border-box;
    margin-top: 2rem;
    color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.line-vote  .iconzhibozhong {
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
}
.line-vote-title { 
    /* font-size: 1.4rem;  */
    vertical-align: middle; 
    padding-left: 1rem; 
    font-size: 1.2rem;
}




/*发红包*/
.main-wrap { padding: 1rem; font-size: 1.4rem; }
.redbag { position: relative; }
.redbag li { margin-top: 1rem; width: 100%; }
.redbag .line span { display: block; }
.redbag .line { padding: 1rem 1rem; background-color: #fff; margin-top: 2.8rem; }

.redbag .inputbox { margin-right: .5rem; height: 3rem; text-align: right; border: 0; -webkit-appearance: none; }
.redbag .redtype { font-size: 1.2rem; padding-left: 1rem; }
    .redbag em {
        color: #FF8800;
        cursor: pointer;
    }
.redbag .remark { }
.redbag .redmoney { text-align: center; font-size: 3rem; margin-top: 3rem; }
.redbag .livebtn { border: 0; color: #fff; width: 100%; height: 5rem; line-height: 5rem; font-size: 1.8rem; border-radius: .5rem; text-align: center; margin-top: 2rem; cursor: pointer; display: block; cursor: pointer; }

.livebtn.red { background-color: #d84e43; }
.livebtn.red[disabled] { background-color: rgba(216,78,67,.7); color: rgba(255,255,255,.4); }
.rpna-ul.null {
    /* background: #FFA033 !important; */
    /* border: 1px solid #FFA033 !important; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/*.livebtn.blue { background-color: rgba(0, 172, 255,.5); }*/

/*.totalmoney i { font-size: 1.2rem; background-color: #ffbc0d; padding: .1rem .1rem .2rem .1rem; margin-left: .3rem; }*/

/*开红包*/
.openredbg.show { display: block; }
.openredbg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-y: scroll; }
.inner-wrap { position: absolute; background: url(../images/redbag-bg1.png) no-repeat left top; width: 90%; background-size: 100% 100%; margin: auto; max-height: 80%; top: 0; bottom: 0; left: 0; right: 0; max-width: 400px; }
.openredbg .lookothers { position: absolute; width: 100%; text-align: center; bottom: 30px; display: none; }
.openredbg .lookothers a { color: #ffe2b1; }
.openredbg .bag-mask { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.bg-top { }
.baginfo { text-align: center; font-size: 1.4rem; color: #ffe2b1; line-height: 2; }
.bag-photo { width: 90px; height: 90px; border-radius: 100%; margin-top: 3rem; }
.baginfo .bag-username { margin-top: 1rem; }
.bag-close { cursor: pointer; width: 2rem; height: 2rem; background: url(../images/close.png) no-repeat; background-size: 100% 100%; position: absolute; right: 2rem; top: 1rem; cursor: pointer; }
.bag-des { font-size: 2.2rem; line-height: 1.2; overflow: hidden; padding: 0px 25px; }
.bag-open { width: 10rem; height: 10rem; background: url(../images/redbag-kai.png) no-repeat left top; background-size: 100%; position: absolute; left: 50%; margin-left: -5rem; bottom: 90px; cursor: pointer; }
.bag-bagtype i { display: none; }
/*看红包*/
.redbaglist { width: 100%; height: 100%; z-index: 100; display: none; position: fixed; left: 0; top: 0; cursor: pointer; }
.redbaglist .contentwrap { font-size: 14px; position: fixed; overflow-y: scroll; z-index: 300; background-color: #fff; -webkit-overflow-scrolling: touch; width: 90%; max-width: 400px; min-width: 300px; height: 90%; margin: auto; left: 0; top: 0; right: 0; bottom: 0; }
.redbaglist:before { width: 100%; height: 100%; display: block; position: fixed; left: 0; top: 0; content: ''; background-color: rgba(0,0,0,0.4); }
.redbaglist-top { background: url(../images/redbag-show-top.png?v=4) no-repeat center top; position: relative; width: 100%; height: 150px; }
.redbaglist .bag-photo { position: absolute; left: 50%; margin-left: -40px; top: -20px; width: 80px; height: 80px; margin-top: 80px; }
.redbaglist .info { text-align: center; line-height: 1.8; }
.redbaglist .info-name i { color: #fff; background-color: #ffbb29; font-size: 12px; padding: .1rem; border-radius: .2rem; margin-left: .5rem; }
.redbaglist .info-des { color: #b2b2b2; }
.redbaglist .info-moeny { font-size: 18px; }
.redbaglist .info-moeny small { font-size: 12px; }
.info-tips { color: #3eaac9; }
.redbag-title { color: #b2b2b2; border-top: 1px solid #dfdfdd; border-bottom: 1px solid #dfdfdd; height: 40px; line-height: 40px; overflow: hidden; background-color: #faf6f1; margin-top: 1.5rem; padding-left: 1rem; }
.redbag-list-wrap { padding-left: 1rem; border-bottom: 1px solid #b9b9b9; }
.redbag-list li { border-bottom: 1px solid #d9d9d9; padding: 14px 0; width: 100%; }
.redbag-list li span { margin-right: 10px; }
.redbag-list li:last-child { border-bottom: 0; }
.redbag-list img { width: 40px; height: 40px; border-radius: 100%; margin-right: 1.5rem; }
.redbag-list-bottom { text-align: center; color: #b2b2b2; line-height: 3; }
.redbag-list p.time { color: #b2b2b2; }
.redbag-list .bag-close { top: 15px; cursor: pointer; }
.redbag-list .thebest { display: block; background: url(../images/zuijia.png) no-repeat left center; background-size: 1.6rem; padding-left: 2rem; color: #f4c600; }
.pcdetail {
    width: 355px;
    height: 575px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pcdetail {
    width: 355px;
    height: 575px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pcdetail .uwords p {
    margin-bottom:0;
}
/*发红包*/
.sendredbagwin {
    position: fixed !important;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 22;
    display: none;
}
.redbagmask { position: fixed; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 11; }
.sendredbagwinmain { position: fixed; margin: auto; max-width: 640px; left: 0; right: 0; bottom: 0; z-index: 12; background-color: #fffaf5; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; clear: both; }
/*发红包*/
.main-wrap { padding: 1rem; font-size: 1.4rem; }
.sendredbagwin li { margin-top: 1rem; width: 100%; }
.sendredbagwin .line span { display: block; }
.sendredbagwin .line { padding: .2rem; background-color: #fff; margin-top: .5rem; }

.sendredbagwin .inputbox { margin-right: .5rem; height: 3rem; text-align: right; border: 0; }
.sendredbagwin .redtype { font-size: 1.2rem; /*padding-left: 1rem;*/ }
.sendredbagwin em { color: #01b4ea; cursor: pointer; }
.sendredbagwin .remark { resize: none; }
.sendredbagwin .redmoney { color: #666; }
.sendredbagwin .livebtn { border: 0; color: #fff; width: 100%; height: 3rem; line-height: 3rem; font-size: 1.4rem; border-radius: .5rem; text-align: center; cursor: pointer; display: block; cursor: pointer; }

.livebtn.red { background-color: #fe6c5c; }
.livebtn.red[disabled] { background-color: rgba(216,78,67,.7); color: rgba(255,255,255,.4); }
.vcenter { /* -webkit-box-pack: center; */ -moz-box-pack: center; -ms-flex-align: center; /* IE 10 */ -webkit-align-items: center; -moz-align-items: center; /* align-items: center; */ }
.livebtn.blue { color: #333; border: solid 1px #cccccc; }

/*.totalmoney i { font-size: 1.2rem; background-color: #ffbc0d; padding: .1rem .1rem .2rem .1rem; margin-left: .3rem; }*/

#msg-tipbar { height: 3rem; line-height: 3rem; text-align: center; background-color: #E64340; color: #fff; width: 100%; left: 0; top: 0; display: none; }

/*******************************************************************************************************************投票*/
.marry-dialog { position: fixed; z-index: 1000; width: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; overflow: hidden; }
.marry-dialog-title { text-align: center; position: relative; }
.marry-dialog-title-f { font-size: 1.6rem; line-height: 3.5rem; background: #d84e43; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.marry-dialog-title span { width: 2rem; height: 2rem; position: absolute; display: inline-block; }
.marry-dialog-title-pic-01 { top: 0.8rem; left: 0; background: url(../images/marry-live-02.png) no-repeat 0 0; background-size: 50rem; }
.marry-dialog-title-pic-02 { top: 0.8rem; right: 0; background: url(../images/marry-live-02.png) no-repeat -2.2rem 0; background-size: 50rem; }

.agreement-type-select { text-align: left; margin: 1rem 0; font-size: 1.6rem; float: left; }
.agreement-type-select .check { display: inline-block; width: 1.8rem; height: 1.8rem; border: 1px solid #c9c9c9; border-radius: 50%; margin-right: 5px; vertical-align: -4px; }
.agreement-type-select .check:checked { border: 1px solid #d84e43; background: #d84e43 url(../images/marry-live-02.png) no-repeat -24.6rem -3.4rem; background-size: 50rem; }


.marry-chat-delete { width: 2rem; float: right; position: relative; margin-left: 1rem; }
.marry-chat-delete a { width: 2rem; height: 2rem; background: url(../images/marry-live-02.png) no-repeat -4.4rem 0; background-size: 50rem; position: absolute; bottom: 0; }



/*投票弹框开始*/
.marry-dialog-vote-title { font-size: 1.6rem; padding: 15px; color: #333; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; }
.marry-dialog-vote-title:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.marry-dialog-vote-content { color: black; font-size: 1.5rem; padding: 2.5rem 2rem; background: #fff; text-align: left; line-height: 1.35; position: relative; }
.marry-dialog-vote-content:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.md-vote-bt { width: 100%; height: 4.5rem; line-height: 4.5rem; background: #d84e43; display: block; border-radius: 5px; color: #fff; font-size: 1.6rem; }
.red-mask-02 { position: fixed; z-index: 500; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }
/*投票弹框结束*/
/*投票编辑开始*/
.livevote-list { max-height: 350px; overflow-y: scroll; }
.md-vote-edit { background: #fff; margin: auto; position: fixed; z-index: 1000; text-align: center; bottom: 0; left: 0; right: 0; width: 100%; max-width: 640px; min-width: 320px; /*max-height: 70%; overflow-y: scroll;*/ }
.md-vote-edit-bg-mask { position: fixed; z-index: 500; width: 100%; height: 100%; top: 0; left: 0; /*background: rgba(0, 0, 0, 0.5);*/ z-index: 11; }
.dialog-close-02 { font-size: 1.6rem; line-height: 4.5rem; color: #d84e43; position: relative; display: block; }
.dialog-close-02:before { content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #d6d6d6; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-sizing: border-box; border-radius: 8px; }
.dialog-close-05 { font-size: 1.6rem; line-height: 4.5rem; position: relative; display: block; box-sizing: border-box; }
.dialog-close-05 a { color: #d84e43; display: block; width: 50%; text-align: center; float: left; }
.dialog-close-05 .a02 { position: relative; }
.dialog-close-05 .a02:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }
.dialog-vote-select-bt { font-size: 1.6rem; line-height: 4.5rem; position: relative; color: #fff; background: #d84e43; display: block; }
.vote-edit-title { width: 60px; font-size: 1.4rem; text-align: left; }
.vote-edit-write { width: 100%; height: 40px; display: block; font-size: 1.4rem; padding-left: 10px; box-sizing: border-box; }
.vote-edit-delete-select { margin-left: 10px; width: 2rem; height: 2rem; display: block; background: url(../images/marry-live-02.png) no-repeat -16.7rem 0; background-size: 50rem; }
.vote-select-ul { margin-top: 15px; }
.vote-select-ul:first-child { margin-top: 0; }
.vote-select-ul-02 { padding: 15px; position: relative; }
.vote-select-ul-02:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.vote-select-ul-03 { padding: 0 15px; height: 72px; position: relative; }
.vote-select-ul-03:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.vote-select-ul-04 { padding: 0 15px; height: 72px; position: relative; }
.vote-select-ul-04:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.vote-select-ul-05 { font-size: 1.6rem; padding: 15px; position: relative; }
.vote-select-ul-05:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.vote-select-ul-06 { font-size: 1.6rem; padding: 15px; position: relative; }
.vote-select-ul-06:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.vote-admin-arrow { display: block; height: 8px; width: 8px; border-width: 1px 1px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }
.vote-admin-progress { text-align: left; color: #ccc; font-size: 1.4rem; }
.vote-select-arrow-right a { display: block; height: 8px; width: 8px; border-width: 1px 1px 0 0; border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); }
.vote-admin-bt { font-size: 1.6rem; line-height: 4.5rem; position: fixed; width: 100%; left: 0; bottom: 0; color: #fff; display: block; text-align: center; box-sizing: border-box; background: #d84e43; }
.vote-select-ul-05 input { font-size: 1.6rem; color: #333; width: 100%; padding: 0 0 0 10px; box-sizing: border-box; }
.vote-result-number { width: 60px; font-size: 1.3rem; color: #858585; text-align: left; }
.vote-edit-title-plus { width: 2rem; height: 2rem; display: block; background: url(../images/marry-live-02.png) no-repeat -14.5rem 0; background-size: 50rem; position: absolute; right: 15px; top: 12px; }
.icon-vote-title-close { width: 3.9rem; height: 3.9rem; display: block; background: url(../images/marry-live-02.png) no-repeat -22rem -6.6rem; background-size: 50rem; position: absolute; top: 0; right: 0; }
.vote-result-gray { height: 5px; border-radius: 3px; background: #e5e5e5; margin-right: 10px; position: relative; }
.vote-result-gray i { height: 5px; border-radius: 3px; position: absolute; top: 0; left: 0; display: block; }
.vote-send-ul { max-width: 60%; min-width: 220px; margin: 0 auto; color: #333; background: #fff; padding: 1rem; border-radius: 5px; box-sizing: border-box; position: relative; }
/*width: 20.8rem; height: 6.3rem;*/
.icon-vote-send { width: 4.3rem; height: 4.3rem; background: url(../images/marry-live-02.png) no-repeat -16.5rem -13.2rem; background-size: 50rem; float: left; }

.votemgr { position: fixed; max-width: 640px; min-width: 320px; width: 100%; height: 100%; top: 0; z-index: 10; right: 0; bottom: 0; left: 0; margin: auto; }
/*投票编辑结束*/
/*我的邀请卡*/
.link-mycard { text-align: center; }
.link-mycard a { width: 10rem; white-space: nowrap; padding: .5rem 1.5rem; font-size: 1.4rem; letter-spacing: .1rem; margin: 0 auto; display: inline-block; margin-bottom: 1rem; color: #fff; }
/*登录*/
.login_box { position: fixed; display: block; bottom: 0; left: 0; width: 100%; z-index: 2; overflow: hidden; box-shadow: 0px 0px 5px 1px #CCC; background: #fff; height: 5rem; max-width: 640px; min-width: 320px; margin: auto; left: 0; right: 0; }
.login_btn { width: 90%; height: 4rem; background-color: #00A8FF; color: #fff; display: block; line-height: 4rem; font-size: 2rem; text-align: center; margin: 0.5rem auto; border-radius: 0.5rem; }

.live_about { text-align: center; line-height: 4rem; padding: 1.5rem 0; font-size: 1.5rem; }
.livegong_name { font-size: 1.6rem; display: block; }
.live_about_img { display: block; width: 15rem; height: 15rem; max-width: 200px; max-height: 200px; margin: 0 auto; border: 0.3rem solid #ccc; overflow: hidden; }
.live_about_img img { width: 100%; }

/**************************************************************************电商直播*/

/*电商直播开始*/
.dianshang-top-nav-1 { height: 44px; background: #fff; font-size: 1.4rem; text-align: center; line-height: 44px; }

.dianshang-top-nav-2 { position: relative; }

.dianshang-top-nav-2:after, .dianshang-ding-cell:after, .look-buy-cell:after { content: " "; border-bottom: 1px solid #e5e5e5; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.dianshang-top-nav-2 li { float: left; width: 33.33%; }

.dianshang-top-nav-2 li a { padding: 0 0.5rem; height: 44px; color: #333; display: inline-block; box-sizing: border-box; }

.dianshang-top-nav-2 li .active { border-bottom: 2px solid #01b3e9; color: #01b3e9; }

.dianshang-focus { display: block; width: 7.5rem; height: 44px; background: #01b3e9; color: #fff; }

.dianshang-ding-cell { background: #fff; padding: 0.5rem 1rem; }


.dianshang-head { width: 3.6rem; height: 3.6rem; display: block; border-radius: 3px; border-radius: 0.4rem; overflow: hidden; margin-right: 1rem; }

.dianshang-head img { width: 100%; min-height: 3.6rem; }

.dianshang-hudong-title { font-size: 1.4rem; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

.dianshang-price { color: #ff9239; font-size: 1.2rem; }

.dianshang-price:before { content: "￥"; font-size: 1rem; }

.icon-tui-cart { display: block; width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -22rem 0; background-size: 50rem; margin-left: 1rem; }

.plus-focus { width: 1.4rem; height: 1.4rem; display: inline-block; background: url(../images/new-vzan-live-01.png) no-repeat -24.5rem 0; background-size: 50rem; vertical-align: -0.2rem; margin-right: 0.2rem; }

.look-buy-cell { background: #fff; padding: 1rem; position: relative; }

.look-buy-head { width: 7.4rem; height: 7.4rem; display: block; overflow: hidden; border-radius: 0.4rem; margin-right: 1rem; }

.look-buy-head img { min-height: 7.4rem; width: 100%; }

.look-buy-title { height: 4rem; line-height: 2rem; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; }
.look-buy-title.over { color: #999; }

.look-buy-price { color: #ff9239; font-size: 1.6rem; }

.look-buy-price.over { color: #ccc; }

.look-buy-price:before { content: "￥"; font-size: 1.2rem; }

.look-buy-f { margin-top: 1.2rem; line-height: 1.2rem; position: relative; }

.icon-buy-cart { display: block; width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -22rem 0; background-size: 50rem; position: absolute; bottom: -0.2rem; right: 0; }

.icon-buy-cart.over { background: url(../images/new-vzan-live-01.png) no-repeat -26.1rem 0; background-size: 50rem; }

.icon-cart-orange { width: 3.7rem; height: 3.7rem; display: block; position: fixed; z-index: 10; background: url(../images/new-vzan-live-01.png) no-repeat 0 -4.2rem; background-size: 50rem; right: 1rem; bottom: 4rem; color: #ff9239; font-size: 1rem; text-align: center; line-height: 3.7rem; }
ul.look-buy-cell:last-of-type { border-bottom: none; }
.look-buy-bottom-nav-fix { position: fixed; bottom: 0; width: 100%; z-index: 11; }

.look-buy-bottom-nav { height: 5rem; background: #fff; width: 100%; line-height: 5rem; }

.look-buy-bottom-nav a { display: block; width: 50%; float: left; height: 5rem; text-align: center; font-size: 1.4rem; color: #878787; position: relative; }

.look-buy-bottom-nav a:after { content: " "; position: absolute; left: 0; top: 30%; width: 1px; height: 40%; border-left: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }

.look-buy-bottom-nav a:first-child:after { display: none; }

.look-buy-bottom-nav:before { content: " "; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.look-buy-bottom-nav a i:before { content: ""; width: 1.8rem; height: 1.8rem; display: inline-block; vertical-align: -0.3rem; margin-right: 0.5rem; }

.icon-dszb-link:before { background: url(../images/new-vzan-live-01.png) no-repeat -28.6rem 0; background-size: 50rem; }

.icon-dszb-youxuan:before { background: url(../images/new-vzan-live-01.png) no-repeat -30.6rem 0; background-size: 50rem; }

.chexiao-bt { display: block; background: #01b3e9; color: #fff; font-size: 1.2rem; height: 2.2rem; width: 4.3rem; line-height: 2.2rem; text-align: center; border-radius: 1.1rem; bottom: -0.2rem; right: 0; position: absolute; }

.tuijian-bt, .link-buy { display: block; background: #ff9239; color: #fff; font-size: 1.2rem; height: 2.2rem; width: 4.3rem; line-height: 2.2rem; text-align: center; border-radius: 1.1rem; bottom: -0.2rem; right: 0; position: absolute; }


.tuijian-bt.over { display: block; background: rgba(255,146,57,.5); color: #fff; font-size: 1.2rem; height: 2.2rem; width: 4.3rem; line-height: 2.2rem; text-align: center; border-radius: 1.1rem; bottom: -0.2rem; right: 0; position: absolute; }

.admin-tk-link-fix { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 12; background: white; }

.admin-tk-link-cell { padding: 1.5rem 1rem; position: relative; font-size: 1.5rem; }

.admin-tk-link-cell:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.dianshang-black-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 11; }

.admin-tk-link-cells { background: #fff; }

.admin-tk-link-cell-input { font-size: 1.5rem; text-align: right; display: block; width: 100%; }

.tianjia-pic { width: 6rem; height: 6rem; overflow: hidden; display: inline-block; }

.tianjia-pic img { min-height: 6rem; width: 100%; }

.dianshang-finish-nav a { float: left; width: 50%; text-align: center; height: 4.5rem; line-height: 4.5rem; background: #fff; display: block; font-size: 1.7rem; position: relative; color: #01b3e9; }


.dianshang-finish-nav a:after { content: " "; position: absolute; left: 0; top: 30%; width: 1px; height: 40%; border-left: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }

.gwc-jiesuan-nav a { float: left; width: 50%; text-align: center; height: 4.5rem; line-height: 4.5rem; display: block; font-size: 1.7rem; position: relative; background: #fff; }

.gwc-jiesuan-cancel:before { content: " "; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.fix-bottom-left { position: fixed; width: 100%; bottom: 0; z-index: 12; }

.dianshang-arrow { width: 1.8rem; height: 1.8rem; display: block; background: url(../images/new-vzan-live-01.png) no-repeat -32.6rem 0; background-size: 50rem; }

.dianshangyouxuan-select { display: block; height: 1.8rem; width: 1.8rem; border-radius: 50%; border: 1px solid #b8b8b8; box-sizing: border-box; margin-right: 1rem; }

.active .dianshangyouxuan-select { border: none; background: #01b3e9 url(../images/new-vzan-live-01.png) no-repeat -34.6rem 0; background-size: 50rem; }

.youxuan-head { width: 7.4rem; height: 7.4rem; display: block; overflow: hidden; border-radius: 4px; margin-right: 1rem; }

.youxuan-head img { min-height: 7.4rem; width: 100%; }

.look-buy-kucun { font-size: 1.2rem; color: #999; margin-left: 1rem; }

.vzyx-admin-select-cell { padding: 1rem; position: relative; overflow: hidden; }

.vzyx-admin-select-cell:after { content: " "; position: absolute; left: 10px; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.vzyx-admin-select-cell:last-child:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.tc-tk-prompt { z-index: 50; position: fixed; top: 80%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; background: rgba(0,0,0,.70); line-height: 1.65; font-size: 1.5rem; color: #fff; padding: 10px 20px; border-radius: 4px; }

.dsdp-head { width: 7.4rem; height: 7.4rem; overflow: hidden; border-radius: 0.4rem; margin-right: 1rem; }

.dsdp-head img { min-height: 7.4rem; overflow: hidden; width: 100%; }

.dianpu-cell { padding: 10px 0; position: relative; }

.dianpu-cell:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.dianpu-name { font-size: 1.6rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

.dianpuyouhui { font-size: 1.4rem; color: #01b3e9; line-height: 1.4rem; margin-top: 1.5rem; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; }

.dianpu-zhibo-infor { font-size: 1.2rem; line-height: 1.65; color: #999; padding: 1rem 0; }

.dianpu-zhibo-infor-title { color: #333; font-size: 1.4rem; }

.number-plus-a { padding: 0.3rem; display: inline-block; float: right; }

.number-reduce { box-sizing: initial; width: 2.4rem; height: 2.4rem; display: inline-block; background: url(../images/vzan-shop-01.png) no-repeat -38.6rem -0.3rem; background-size: 50rem; float: right; border: 1px solid #e5e5e5; border-radius: 50%; }

.number-reduce:active { background: #aaa url(../images/vzan-shop-01.png) no-repeat -38.6rem -0.3rem; background-size: 50rem; }

.number-plus { box-sizing: initial; width: 2.4rem; height: 2.4rem; display: inline-block; background: url(../images/vzan-shop-01.png) no-repeat -41.8rem -0.3rem; background-size: 50rem; float: right; border: 1px solid #e5e5e5; border-radius: 50%; }

.number-plus:active { background: #aaa url(../images/vzan-shop-01.png) no-repeat -41.8rem -0.3rem; background-size: 50rem; }

.number-show { display: inline-block; height: 3rem; width: 4rem; line-height: 3rem; text-align: center; float: right; font-size: 1.4rem; }

@charset "utf-8";


@media screen and (max-width: 320px) {
    .dianshang-ding-cell { background: #fff; padding: 0.5rem 1rem; }

    .dianshang-head { width: 3.6rem; height: 3.6rem; display: block; border-radius: 3px; border-radius: 0.4rem; overflow: hidden; margin-right: 1rem; }

    .dianshang-head img { width: 100%; min-height: 3.6rem; }

    .dianshang-hudong-title { font-size: 1.4rem; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

    .dianshang-price { color: #ff9239; font-size: 1.2rem; }

    .icon-tui-cart { display: block; width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -22rem 0; background-size: 50rem; margin-left: 1rem; }
}


@media screen and (min-width: 321px) and (max-width: 375px) {
    .dianshang-ding-cell { background: #fff; padding: 1rem; }

    .dianshang-head { width: 4.5rem; height: 4.5rem; display: block; border-radius: 3px; border-radius: 0.4rem; overflow: hidden; margin-right: 1rem; }

    .dianshang-head img { width: 100%; min-height: 4.5rem; }

    .dianshang-hudong-title { font-size: 1.6rem; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

    .dianshang-price { color: #ff9239; font-size: 1.4rem; }

    .icon-tui-cart { display: block; width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -22rem 0; background-size: 50rem; margin-left: 1rem; }

    .look-buy-head { width: 8.5rem; height: 8.5rem; display: block; overflow: hidden; border-radius: 0.4rem; margin-right: 1rem; }

    .look-buy-f { margin-top: 1.5rem; line-height: 1.2rem; position: relative; }

    .look-buy-head img { min-height: 8.5rem; width: 100%; }
}



@media screen and (min-width: 376px) and (max-width: 414px) {
    .dianshang-ding-cell { background: #fff; padding: 1rem; }

    .dianshang-head { width: 4.5rem; height: 4.5rem; display: block; border-radius: 3px; border-radius: 0.4rem; overflow: hidden; margin-right: 1rem; }

    .dianshang-head img { width: 100%; min-height: 4.5rem; }

    .dianshang-hudong-title { font-size: 1.6rem; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

    .dianshang-price { color: #ff9239; font-size: 1.4rem; }

    .icon-tui-cart { display: block; width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -22rem 0; background-size: 50rem; margin-left: 1rem; }

    .look-buy-head { width: 9rem; height: 9rem; display: block; overflow: hidden; border-radius: 0.4rem; margin-right: 1rem; }

    .look-buy-f { margin-top: 1.8rem; line-height: 1.2rem; position: relative; }

    .look-buy-head img { min-height: 9rem; width: 100%; }
}
/*电商直播结束*/



/*商品详情弹框开始*/
.shop-black-mask-02 { height: 100%; background: rgba(0,0,0,0.5); box-sizing: border-box; position: relative; }
.sd-tk-fix { display: none; position: fixed; width: 100%; left: 0; top: 0; height: 100%; z-index: 10; }
.icon-shop-close { width: 2.1rem; height: 2.1rem; display: block; background: url(../images/vzan-shop-01.png) no-repeat -36rem 0; background-size: 50rem; position: absolute; top: 0.5rem; right: 1rem; }
.sd-tk-price:before { content: "￥"; font-size: 1.4rem; color: #ff9239; }

.sd-tk-all { background: #fff; position: absolute; bottom: 4.5rem; left: 0; width: 100%; }

.sd-tk-pic { width: 8rem; height: 8rem; overflow: hidden; padding: 0.3rem; border-radius: 5px; position: absolute; top: -2.8rem; left: 0.7rem; background: #fff; }

.sd-tk-pic img { width: 100%; border-radius: 3px; }

.sd-tk-price-stock { padding: 1rem 1rem 0 10.6rem; box-sizing: border-box; height: 5.8rem; box-sizing: border-box; margin-bottom: 0.5rem; }

.sd-tk-price { color: #ff9239; font-size: 1.8rem; line-height: 1.8rem; }

.sd-tk-stock { font-size: 1.2rem; line-height: 1.4rem; }

.ds-sure-bt { width: 100%; height: 4.5rem; background: #ff9239; line-height: 4.5rem; text-align: center; font-size: 1.7rem; color: #fff; }

.si-buy-bt-02 { width: 50%; display: inline-block; height: 4.5rem; line-height: 4.5rem; text-align: center; font-size: 1.7rem; color: #fff; float: left; }

.si-buy-bt-all { position: absolute; bottom: 0; left: 0; width: 100%; }

.sd-option-all .sd-option:last-child { margin-right: 0; }

.sd-option { margin-bottom: .5rem; padding: 1rem; background: #f5f5f5; border-radius: 0.8rem; display: inline-block; float: left; line-height: 1.2rem; margin-right: 1rem; }

.sd-option-02 { padding: 1rem; background: #ff9239; border-radius: 0.8rem; display: inline-block; float: left; line-height: 1.2rem; margin-right: 1rem; color: #fff; }

.sd-tk-option-infor { margin: 0 1rem; position: relative; }

.sd-tk-option-infor:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.sd-tk-option-infor-ul { padding: 1rem 0; font-size: 1.4rem; position: relative; }

.sd-tk-option-infor-ul:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

/*结算开始*/
.jiesuan-cells { padding: 0 1rem; background: #fff; }

.jiesuan-dingdan { color: #999; font-size: 1.2rem; }

.jiesuan-cell { position: relative; padding: 1rem 0; }

.jiesuan-cell:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.jiesuan-zhaungtai { font-size: 1.4rem; color: #ff9239; width: 30%; float: left; height: 2.6rem; line-height: 2.6rem; text-align: right; }
/*结算结束*/

@media screen and (max-width: 320px) {
    .dianshang-ding-cell { background: #fff; padding: 0.5rem 1rem; }

    .dianshang-head { width: 3.6rem; height: 3.6rem; display: block; border-radius: 3px; border-radius: 0.4rem; overflow: hidden; margin-right: 1rem; }

    .dianshang-head img { width: 100%; min-height: 3.6rem; }

    .dianshang-hudong-title { font-size: 1.4rem; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

    .dianshang-price { color: #ff9239; font-size: 1.2rem; }

    .icon-tui-cart { display: block; width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -22rem 0; background-size: 50rem; margin-left: 1rem; }
}


@media screen and (min-width: 321px) and (max-width: 375px) {
    .dianshang-ding-cell { background: #fff; padding: 1rem; }

    .dianshang-head { width: 4.5rem; height: 4.5rem; display: block; border-radius: 3px; border-radius: 0.4rem; overflow: hidden; margin-right: 1rem; }

    .dianshang-head img { width: 100%; min-height: 4.5rem; }

    .dianshang-hudong-title { font-size: 1.6rem; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

    .dianshang-price { color: #ff9239; font-size: 1.4rem; }

    .icon-tui-cart { display: block; width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -22rem 0; background-size: 50rem; margin-left: 1rem; }
}



@media screen and (min-width: 376px) and (max-width: 414px) {
    .dianshang-ding-cell { background: #fff; padding: 1rem; }

    .dianshang-head { width: 4.5rem; height: 4.5rem; display: block; border-radius: 3px; border-radius: 0.4rem; overflow: hidden; margin-right: 1rem; }

    .dianshang-head img { width: 100%; min-height: 4.5rem; }

    .dianshang-hudong-title { font-size: 1.6rem; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

    .dianshang-price { color: #ff9239; font-size: 1.4rem; }

    .icon-tui-cart { display: block; width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -22rem 0; background-size: 50rem; margin-left: 1rem; }
}

/*商品详情弹框结束*/

/*搜索框开始*/
.shop-index-search { position: relative; overflow: hidden; }

.shop-index-search:after { content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e5e5e5; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-sizing: border-box; border-radius: 8px; z-index: 5; }

.shop-index-input { display: block; width: 100%; height: 4rem; z-index: 10; font-size: 1.6rem; box-sizing: border-box; padding-left: 1rem; position: relative; }

.shop-index-search-bt { width: 6rem; background: #01b3e9; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px; line-height: 4rem; font-size: 1.5rem; color: white; z-index: 10; }

.icon-search { width: 1.8rem; height: 1.8rem; display: block; background: url(../images/vzan-shop-01.png) no-repeat -6.7rem 0; background-size: 50rem; margin: 1.1rem auto 0; }

.shop-index-search-all { background: #fff; padding: 1rem; width: 100%; box-sizing: border-box; }
.shop-index-search-all:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

/*搜索框结束*/

/*新增开始*/
.icon-shangpin-close { width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -36.6rem 0; background-size: 50rem; position: absolute; right: 0; top: 0; display: block; }

.fixed-bottom-left { position: fixed; bottom: 0; left: 0; z-index: 9; width: 100%; }

.fixed-top-left { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; }


.swiper-pagination-bullet-active { background-color: #333 !important; }
.liveshop div.liveBoxContent { padding-top: 6rem !important; }
/*结算开始*/
.jiesuan-cells { padding: 0 1rem; background: #fff; }

.jiesuan-dingdan { color: #999; font-size: 1.2rem; }

.jiesuan-cell { position: relative; padding: 1rem 0; }

.jiesuan-cell:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.jiesuan-zhaungtai { font-size: 1.4rem; color: #ff9239; width: 30%; float: left; height: 2.6rem; line-height: 2.6rem; text-align: right; }

.jiesuan-bt { height: 4.4rem; line-height: 4.4rem; background: #fff; text-align: center; font-size: 1.4rem; position: relative; }

.jiesuan-bt:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.jiesuan-bt li { width: 50%; float: left; }

.jiesuan-bt a { display: inline-block; height: 4.4rem; box-sizing: border-box; }

.jiesuan-bt a.active { color: #01b3e9; border-bottom: 2px solid #01b3e9; }
/*结算结束*/

/*优惠券开始*/


.content-youhui, .content-redpacket { 
    /*height: 8.5rem; width: 20.8rem;*/ 
    margin-top: .6rem; 
    position: relative; 
    border-radius: 0.4rem; 
    /* min-width: 220px;  */
    background-image: url('../images/hongbao_bg.png');
    background-size: cover;
}
.content-youhui:before { background: url(../images/qipao2.png) left top no-repeat; content: ""; position: absolute; top: .5rem; left: -.4rem; width: .4rem; height: .6rem; display: block; background-size: .4rem .6rem; }
.content-youhui .red-top { height: 6rem; padding: 1rem; background: #f46c6a; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; box-sizing: border-box; color: #fff; font-size: 1.4rem; line-height: 1.35; }
    .content-redpacket .white-top {
        /* background: #fff; */
        /* height: 2rem; */
        /* line-height: 2rem; */
        padding: 0.5rem 1rem;
        font-size: 1.1rem;
        /* color: #747474; */
        color: #fff;
        border-bottom-left-radius: 0.4rem;
        border-bottom-right-radius: 0.4rem;
        width: 20.8rem;
    }


.youhui-pic { width: 3.7rem; height: 4.2rem; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -40.5rem 0; background-size: 50rem; float: left; }


.red-top .f1 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; margin-top: 3px; }

.red-top .f2 { font-size: 1.2rem; margin-top: 0.3rem; }

.youhuiquan { width: 3.5rem; height: 3.5rem; display: none; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -44.3rem 0; background-size: 50rem; position: relative; margin-bottom: 0.4rem; }

.youhuiquan-select-title { font-size: 1.6rem; text-align: center; line-height: 5rem; position: relative; }

.youhuiquan-select-title:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.youhuiquan-select-bottom-nav { position: relative; }

.youhuiquan-select-bottom-nav:before { content: " "; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.youhuiquan-select-bottom-nav a { display: block; width: 50%; float: left; height: 4.5rem; line-height: 4.5rem; text-align: center; font-size: 1.7rem; color: #999; position: relative; }

.youhuiquan-select-bottom-nav a:after { content: " "; position: absolute; left: 0; top: 25%; width: 1px; height: 50%; border-left: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }

.youhuiquan-select-bottom-nav a:first-child:after { display: none; }

.youhuiquan-select-all { position: absolute; bottom: 0; left: 0; background: #fff; width: 100%; }

.youhuiquan-check { float: left; display: block; width: 2rem; height: 2rem; border: 1px solid #d6d6d6; border-radius: 50%; margin-right: 1rem; margin-top: 2rem; }

.youhuiquan-check:checked { display: block; border: 1px solid #01b3e9; background: #01b3e9 url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -24.5rem -3.3rem; background-size: 50rem; }

.youhuiquan-select-juchi { width: 5.5rem; height: 6.4rem; float: left; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -37rem -5.4rem; background-size: 50rem; position: absolute; top: 0; left: 0; }

.youhuiquan-select-juchi2 { width: 0.9rem; height: 6.1rem; float: left; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -42.7rem -5.4rem; background-size: 50rem; position: absolute; top: 0; right: -0.8rem; }

.youhuiquan-select-red { box-sizing: border-box; position: relative; width: 5.5rem; height: 6.1rem; float: left; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -37rem -5.4rem; background-size: 50rem; width: 22rem; background: #f46c6a; padding: 0.7rem 0.5rem 1rem 6.4rem; color: #fff; line-height: 2; }

.youhuiquan-select-present { position: absolute; width: 3.3rem; height: 3rem; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -37rem -2.2rem; background-size: 50rem; right: 0; bottom: 0; z-index: 1; }

.youhuiquan-select-red p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; position: relative; z-index: 2; }

#coupon-select-list { max-height: 400px; overflow-y: scroll; }
/*优惠券结束*/

.toolmenu { position: absolute; right: 1rem; bottom: 7rem; z-index: 4; }
.qianghongbao { margin-bottom: 0.4rem; display: none; }
body { -webkit-overflow-scrolling: touch; }


/*抢优惠券*/
.opencoupon.show { display: block; }
.opencoupon { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-y: scroll; }
.inner-wrap { position: absolute; background: url(../images/redbag-bg1.png) no-repeat left top; width: 90%; background-size: 100% 100%; margin: auto; max-height: 80%; top: 0; bottom: 0; left: 0; right: 0; max-width: 400px; }
.opencoupon .lookotherscoupon { position: absolute; width: 100%; text-align: center; bottom: 30px; display: none; }
.opencoupon .lookotherscoupon a { color: #ffe2b1; }
.opencoupon .bag-mask { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
/*.bg-top { }
.baginfo { text-align: center; font-size: 1.4rem; color: #ffe2b1; line-height: 2; }
.bag-photo { width: 90px; height: 90px; border-radius: 100%; margin-top: 3rem; }
.baginfo .bag-username { margin-top: 1rem; }
.bag-close { cursor: pointer; width: 2rem; height: 2rem; background: url(../images/close.png) no-repeat; background-size: 100% 100%; position: absolute; right: 2rem; top: 1rem; cursor: pointer; }
.bag-des { font-size: 2.2rem; line-height:1.2; overflow:hidden; text-overflow:clip;-webkit-line-clamp: 1;display: -webkit-box;padding: 0px 25px; }
.bag-bagtype i { display: none; }*/
.coupon-open { width: 10rem; height: 10rem; background: url(../images/vzyouhuiquan-kai.png) no-repeat left top; background-size: 100%; position: absolute; left: 50%; margin-left: -5rem; bottom: 90px; cursor: pointer; }

/*看红包*/
.couponlist { width: 100%; height: 100%; z-index: 100; display: none; position: fixed; left: 0; top: 0; cursor: pointer; }
.couponlist .contentwrap { font-size: 14px; position: fixed; overflow-y: scroll; z-index: 300; background-color: #fff; -webkit-overflow-scrolling: touch; width: 90%; max-width: 400px; min-width: 300px; height: 90%; margin: auto; left: 0; top: 0; right: 0; bottom: 0; }
.couponlist:before { width: 100%; height: 100%; display: block; position: fixed; left: 0; top: 0; content: ''; background-color: rgba(0,0,0,0.4); }
.couponlist-top { background: url(../images/redbag-show-top.png?v=4) no-repeat center top; position: relative; width: 100%; height: 150px; }
.couponlist .bag-photo { position: absolute; left: 50%; margin-left: -40px; top: -20px; width: 80px; height: 80px; margin-top: 80px; }
.couponlist .info { text-align: center; line-height: 1.8; }
.couponlist .info-name i { color: #fff; background-color: #ffbb29; font-size: 12px; padding: .1rem; border-radius: .2rem; margin-left: .5rem; }
.couponlist .info-des { color: #b2b2b2; }
.couponlist .info-moeny { font-size: 18px; }
.couponlist .info-moeny small { font-size: 12px; }
.info-tips { color: #3eaac9; }
.coupon-title { color: #b2b2b2; border-top: 1px solid #dfdfdd; border-bottom: 1px solid #dfdfdd; height: 40px; line-height: 40px; overflow: hidden; background-color: #faf6f1; margin-top: 1.5rem; padding-left: 1rem; }
.coupon-list-wrap { padding-left: 1rem; border-bottom: 1px solid #b9b9b9; }
.coupon-list li { border-bottom: 1px solid #d9d9d9; padding: 14px 0; width: 100%; }
.coupon-list li span { margin-right: 10px; }
.coupon-list li:last-child { border-bottom: 0; }
.coupon-list img { width: 40px; height: 40px; border-radius: 100%; margin-right: 1.5rem; }
.coupon-list-bottom { text-align: center; color: #b2b2b2; line-height: 3; }
.coupon-list p.time { color: #b2b2b2; }
.coupon-list .bag-close { top: 15px; cursor: pointer; }

#videoPlayer { position: relative; overflow: hidden;width:100%;height:100%; }

/*微信全屏切换*/
.wxfs .topimg { display: none; }
.wxfs .live-details-introduce { padding-bottom: 8rem; }
.wxfs .plan-name { position: absolute; z-index: 5; top: 0; left: 0; right: 0; text-shadow: none; color: #000; font-weight: bold; width: 100%; text-align: center; font-size: 1.6rem; height: 5rem; line-height: 5rem; }
.wxfs .videoicon.icon-back-index { top: 6rem; }
.wxfs .onlineuser { top: 6rem; }
.wxfs .video { position: absolute; width: 100%; top: 0; bottom: 0; object-position: 0 50px; }
.wxfs .liveBoxContent { padding-bottom: 12rem !important; }
.wxfs .lss-radio-operate { padding-right: 1rem; position: absolute; bottom: 1rem; left: 1rem; right: 1rem; width: 100%; justify-content: space-between; -webkit-justify-content: space-between; }
.wxfs .tab-content-cooperation { padding-bottom: 8rem; }
.wxfs .live-details { padding-bottom: 8rem; }

.lss-radio-operate i { display: block; margin-right: 1rem; font-size: 1.2rem; color: #00c3ed; }
.lss-radio-operate .lss-pause { height: 1.6rem; width: 1.6rem; background: url(../images/pause.png) no-repeat center center; background-size: 100%; margin-right: 0.5rem; }
.lss-radio-operate .lss-play { position: relative; height: 1.6rem; width: 1.6rem; background: url(../images/play.png) no-repeat center center; background-size: 100%; margin-right: 0.5rem; }
.lss-timeline { white-space: nowrap; }
.lss-timeline-wrap { position: relative; width: 100%; display: block; cursor: pointer; height: .4rem; }
.lss-timeline-wrap span { position: absolute; }
.lss-timeline-hand { display: block; height: .9rem; width: 1.3rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #fff; border: 1rem solid transparent; box-shadow: 0 0 0 1px rgba(197,228,243,.5) inset; border-radius: .2rem; background-clip: padding-box; box-sizing: content-box; border-radius: 1.3rem; margin-left: -1rem; }
.lss-timeline-hand::before { display: block; width: 1px; height: .3rem; background-color: #c5e4f3; margin: .3rem auto; top: 50%; content: ''; }
.lss-timeline-loaded { width: 100%; height: 4px; background-color: #fffcf3; }
.lss-timeline-current { background-color: #00b5f9; width: 0; height: 4px; background-image: linear-gradient(90deg,#00acff,#00eaff); border-radius: 1px; }
.audio-bar-area { height: 100%; position: relative; width: 100%; right: 1rem; vertical-align: top; margin-top: 1px; margin-right: 1rem; }
.audio-bar-area::before { position: absolute; left: 1rem; right: 1rem; width: 100%; height: .2rem; background-color: #c5e4f3; border-radius: 1px; top: 50%; transform: translateY(-50%); content: ''; }
.audio-bar-area .front-bar { position: absolute; display: block; left: 1rem; height: .2rem; background-image: linear-gradient(90deg,#00acff,#00eaff); border-radius: 1px; top: 50%; transform: translateY(-50%); }
.audio-bar-area .block { display: block; height: .9rem; width: 1.3rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #fff; border: 1rem solid transparent; box-shadow: 0 0 0 1px rgba(197,228,243,.5) inset; border-radius: .2rem; background-clip: padding-box; box-sizing: content-box; border-radius: 1.3rem; }
.audio-bar-area .block::before { display: block; width: 1px; height: .3rem; background-color: #c5e4f3; margin: .3rem auto; top: 50%; content: ''; }
.audio-bar-area .block::after { content: attr(data-current); background-color: #fdb200; color: #fff; width: 7rem; height: 3.2rem; text-align: center; border-radius: 10rem; margin-top: -6.6rem; margin-left: -2.7rem; line-height: 3.2rem; color: #fff; font-size: 1.7rem; display: none; }
.audio-bar-area .block.active::after { display: block; }
.audio-bar-area .block b { display: none; width: 1px; height: 3.8rem; background-color: #fdb200; position: absolute; top: -1.5rem; left: .6rem; }
.audio-bar-area .block.active b { display: block; }
.audio-bar-area .block b::before { width: 0; height: 0; border-style: solid; border-width: 12px 10px 0 10px; border-color: #fdb200 transparent transparent transparent; display: block; content: ''; position: absolute; top: -1.4rem; left: -.9rem; }


.yuyin-room-visitor-ul { padding-top: 1rem; margin-bottom: 1rem; border-top: 1px solid #014b6a; box-sizing: border-box; margin-top: 1rem; }
.yuyin-liveroom { display: inline-block; height: 1.8rem; width: 1.6rem; background: url(new-vzan-live-01.png) no-repeat -20.2rem 0; background-size: 50rem; margin-right: 0.5rem; vertical-align: -3px; }
.yuyin-liveroom.custom { background: url(new-vzan-live-01.png) no-repeat -12.8rem 0; background-size: 50rem; }
.yuyin-liveroom-f { color: #ccd3d2; font-size: 1.4rem; }

#latestUser { text-align: right; }
.yuyin-visitor { width: 2.5rem; height: 2.5rem; display: inline-block; overflow: hidden; border-radius: 50%; margin-left: 0.5rem; }
.yuyin-visitor img { min-height: 2.5rem; width: 100%; }
.yuyin-top-number { color: #ccd3d2; font-size: 1.2rem; line-height: 1.2rem; margin-top: 0.5rem; }
.yuyin-top-head { width: 5rem; height: 5rem; border-radius: 50%; overflow: hidden; margin-right: 1rem; display: block; }
.yuyin-top-head img { width: 100%; min-width: 5rem; }
.yuyin-top-name { font-size: 1.5rem; color: #fff; line-height: 1.5rem; overflow:  hidden; text-overflow:  ellipsis; -webkit-box-orient:  vertical; -webkit-line-clamp:  2; display:  -webkit-box; }
.yuyin-top-number { color: #ccd3d2; font-size: 1.2rem; line-height: 1.2rem; margin-top: 0.5rem; }
.yuyin-top-focus { width: 5.5rem; height: 2.6rem; line-height: 2.6rem; color: #fff; font-size: 1.4rem; border-radius: 2px; text-align: center; background: #00c3ed; display: block; margin-left: 1rem; }

#SongTime_current { margin-left: .5rem; }
/*分享榜*/
.shareList_dl { display: block; padding: 0 0 2rem; background: #fff; margin: 1rem; }

.shareList_dl dt { height: 4rem; line-height: 2rem; border-bottom: solid 1px #e5e5e5; font-size: 1.2rem; color: #666; padding: 1rem; }

.shareList_dl dt a { float: right; color: #00acff; }

.shareList_dl dt a i { vertical-align: middle; display: inline-block; margin: 0 .2rem; }

.shareList_dl dt b { font-weight: 400; }

.shareList_dl dd { position: relative; display: block; padding: .6rem 1rem .6rem 0; margin-left: 5rem; border-bottom: solid 1px #e5e5e5; cursor: pointer; }

.shareList_dl dd:last-child { border-bottom: none; }

.shareList_dl span { display: block; height: 2rem; line-height: 2rem; }

.shareList_dl .user_head { position: absolute; display: block; top: 50%; width: 3rem; height: 3rem; left: -4rem; margin-top: -1.5rem; border-radius: 5rem; overflow: hidden; }

.shareList_dl .user_head img { width: 100%; height: 100%; }

.shareList_dl .income { float: right; padding: 0 1rem; font-size: 1.4rem; color: #333; font-weight: 400; }

.shareList_dl .user_name { float: left; font-size: 1.4rem; color: #333; font-weight: 400; max-width: 15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.shareList_dl .btn_del_share { display: inline-block; height: 2rem; width: 4rem; text-align: center; color: #00acff; font-size: 1.2rem; }

.shareList_dl .stlbtn_send_share { float: right; padding: 0 .5rem; height: 2.4rem; line-height: 2.4rem; margin-top: 1.3rem; }

.shareList_dl .s_2 { color: #c1cfd5; font-size: 1.2rem; }

.shareList_dl .s_3 { color: #949fa4; font-size: 1.3rem; }

.shareList_dl .s_3 var { color: #ffa200; }
[class*=shareList_i] { padding: 0 .3rem; border-radius: .2rem; margin-left: 1rem; }

.shareList_i_0 { background-color: #f7c140; color: #fff; }

.shareList_i_1 { background-color: #73bdf5; color: #fff; }

.shareList_i_2 { background-color: #b5d56f; color: #fff; }

.shareList_i_3 { background-color: #eff3f5; color: #949fa4; }

.shareList_dl .myShareCard { display: block; width: 10rem; margin: 0 auto; position: relative; top: 1rem; }
[class*=tlbtn] { display: inline-block; height: 4.6rem; line-height: 4.6rem; font-size: 1.5rem; padding: 0 1.7rem; text-align: center; color: #fff; /* border-radius: .3rem; */ background-color: #00acff; text-decoration: none; white-space: nowrap; }
[class*=stlbtn], [class^=sqlbtn] { height: 3rem; line-height: 3rem; font-size: 1.2rem; }
/*分享榜 end*/
/*语音直播欢迎消息*/
.bubble_dt b { position: relative; display: inline-block; padding: .5rem 1rem; margin: 0 1rem; font-weight: normal; z-index: 1; color: #fff; text-align: left; }
.bubble_dt b:before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; height: 100%; width: 100%; background: #ccc; opacity: 0.2; border-radius: 5px; }



/*全屏模式*/
/*全屏开始*/


.fsl-black-mask { width: 100%; height: 100%; background: rgba(0,0,0,.1); top: 0; left: 0; }

.fsl-anchor-head { width: 3rem; height: 3rem; overflow: hidden; border-radius: 50%; display: block; }

.fsl-anchor-head img { width: 100%; min-height: 3rem; }

.fsl-focus-bt { width: 3.6rem; height: 2.5rem; background: #00c3ed; border-radius: 3px; font-size: 1.4rem; color: #fff; display: block; line-height: 2.5rem; text-align: center; }

.fsl-top-left { max-width: 265px; background: rgba(0,0,0,.5); border-radius: 7px; height: 4rem; float: left; padding: 0.5rem 0.8rem 0; box-sizing: border-box; }

.fsl-top-left-f p { padding: 0 0.5rem; color: #fff; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

.fsl-top-visitor { width: 124px; float: right; overflow: hidden; height: 25px; }

.fsl-top-visitor a { width: 25px; height: 25px; display: block; float: right; overflow: hidden; border-radius: 50%; margin-left: 6px; }

.fsl-top-visitor img { width: 100%; min-height: 25px; }

.icon-fsl-pl { width: 3.6rem; height: 3.6rem; display: block; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -34.4rem -17rem; background-size: 50rem; }

.icon-fsl-red-packet { width: 3.6rem; height: 3.6rem; display: block; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -42rem -13.2rem; background-size: 50rem; }

.icon-fsl-present { width: 3.6rem; height: 3.6rem; display: block; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -34.4rem -13.2rem; background-size: 50rem; }

.icon-fsl-close { width: 3.6rem; height: 3.6rem; display: block; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -45.8rem -13.2rem; background-size: 50rem; }

/*input::-webkit-input-placeholder{color: #fff;}

input::-moz-placeholder {color: #000;}

input::-moz-placeholder {color: #000;}

input::-ms-input-placeholder{color: #000;}*/

.fix-top-left { width: 100%; top: 0; left: 0; position: fixed; z-index: 5; }

.fsl-bottom-ul { padding: 0 10px; box-sizing: border-box; height: 4.5rem; }

.fsl-input-all { margin: 0 1rem; border-radius: 7px; background: rgba(0,0,0,.3); height: 3.5rem; }

.fsl-input { display: block; padding: 0 1.4rem; box-sizing: border-box; width: 100%; font-size: 1.4rem; color: #fff; height: 100%; }

.fsl-come { font-size: 1.2rem; height: 3rem; background: rgba(0,0,0,.3); color: #fff; line-height: 3rem; padding: 0 10px; box-sizing: border-box; background: linear-gradient(to right,rgba(0, 0, 0, 0.3) 50%,rgba(255, 255, 255, 0)); }

.chat-kuang-all { height: 100%; padding-top: 250px; padding-bottom: 5.5rem; overflow: hidden; }

.qpzb-pl-send { color: #00c3ed; font-size: 1.5rem; height: 5rem; width: 5rem; display: block; text-align: center; line-height: 5rem; position: relative; }

.qpzb-pl-send:after { content: " "; position: absolute; left: 0; top: 25%; width: 1px; height: 50%; border-left: 1px solid #e5e5e5; color: #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }

.qpzb-input-pl { color: #333; font-size: 1.5rem; padding: 0 1rem; box-sizing: border-box; width: 100%; display: block; height: 5rem; }
/*全屏结束*/

/*看房开始*/
input, textarea { font-family: "Microsoft YaHei",Arial; }

.none { display: none; }

textarea { outline: none; resize: none; }

.kfzb-cells { margin-bottom: 1rem; }

.kfzb-cell { background: #fff; padding: 15px 10px; position: relative; font-size: 1.5rem; line-height: 1.4em; }

.kfzb-cell-input { width: 100%; display: block; text-align: right; line-height: 1.4em; font-size: 1.5rem; }

.kfzb-cell:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.kfzb-textarea { height: 7rem; display: block; width: 100%; font-size: 1.5rem; color: #555; border: none; overflow: auto; }

.kfzb-pic-plus { width: 5.2rem; height: 5.2rem; overflow: hidden; display: block; float: left; margin-right: 1rem; margin-bottom: 1rem; border-radius: 5px; position: relative; }

.kfzb-pic-plus img { width: 100%; min-height: 5.2rem; }

.kfzb-close-a { padding: 0 1rem 1rem 0; display: block; position: absolute; top: 0; left: 0; }

.kfzb-close { width: 2rem; height: 2rem; display: block; background: rgba(0,0,0,.5) url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -37rem 0; background-size: 50rem; }

.kazb-lfxx-bt { width: 100%; display: block; height: 4.3rem; background: #01b3e9; border-radius: 0.4rem; line-height: 4.3rem; text-align: center; color: #fff; }

.kfzb-cell-infor1 { color: #666; width: 100%; display: block; line-height: 1.4em; font-size: 1.5rem; }

.kazb-f1 { font-size: 1.5rem; color: #666; padding: 10px; background: #fff; line-height: 1.65; }

.kazb-lpjs-pic { padding: 0 10px 10px; background: #fff; }

.kazb-lpjs-pic img { width: 100%; }

.bjfcyhan a { height: 4.5rem; background: #01b3e9; line-height: 4.5rem; text-align: center; color: #fff; display: block; font-size: 1.7rem; float: left; width: 50%; position: relative; }

.bjfcyhan .bt01 { background: #fff; color: #666; }

.bjfcyhan .bt01:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.kg-intro-plus-bt { width: 100%; height: 4.5rem; background: #01b3e9; line-height: 4.5rem; text-align: center; color: #fff; display: block; font-size: 1.7rem; }

.look-buy-head { width: 9.6rem; height: 7.4rem; display: block; overflow: hidden; border-radius: 0.4rem; margin-right: 1rem; }

.look-buy-head img { min-height: 7.4rem; width: 100%; }

.look-buy-title2 { line-height: 1.3; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

.look-buy-f2 { font-size: 1.3rem; color: #999; }

.look-buy-f3 { font-size: 1.3rem; color: #999; line-height: 1.3; }

.kfzb-price { font-size: 1.6rem; color: #ff5d38; }

.yuyue-bt { display: block; background: #ff5d38; color: #fff; font-size: 1.2rem; height: 2.2rem; width: 4.3rem; line-height: 2.2rem; text-align: center; border-radius: 1.1rem; margin-left: 1rem; position: absolute; right: 0; bottom: 0; border-radius: 1.1rem; }

.kfzb-youhui { padding: 10px; display: block; width: 100%; box-sizing: border-box; }

.kfzb-youhui img { width: 100%; }

.kfzb-youhui-f .gray { color: #999; }

.kfzb-youhui-f p { line-height: 1.45; }

.kfzb-black-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 110; }

.kfzb-dialog { position: fixed; z-index: 15; width: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; }

.kfzb-dialog .title { color: #fff; background: #ff5d38; height: 4.8rem; line-height: 4.8rem; }

.kfzb-dialog .content { background: #fff; padding: 0 10px; }

.kfzb-dialog .write { padding: 15px 0 10px; position: relative; }

.kfzb-dialog .write:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.kfzb-input { width: 100%; font-size: 1.5rem; color: #666; }

.get-yanzhengma { color: #ff5d38; font-size: 1.5rem; }

.kfzb-yuyue-visitor { width: 3.8rem; height: 3.8rem; display: block; overflow: hidden; border-radius: 50%; max-width: 100px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

.kfzb-yuyue-visitor img { height: 3.8rem; width: 100%; }

.kfzb-yuyue-visitor-infor { color: #999; line-height: 1.35; padding-left: 1rem; }

.kfzb-yuyue-visitor-name { font-size: 1.5rem; color: #333; max-width: 100px; }

.kfzb-yuyue-visitor-cells { overflow: hidden; }

.kfzb-yuyue-visitor-cell { padding: 10px 15px; background: #fff; position: relative; }

.kfzb-yuyue-visitor-cell:after { content: " "; position: absolute; left: 6.3rem; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.kfzb-yuyue-visitor-cell:last-child:after { display: none; }

.top-nav { position: fixed; width: 100%; top: 0; left: 0; z-index: 200; }

.top-nav ul { margin: 0 auto; height: 4rem; line-height: 4rem; background: #fff; padding: 0 1rem; position: relative; }

.post-back:after { content: " "; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 8px; width: 8px; border-width: 0 0 1px 1px; border-color: #888; border-style: solid; position: relative; margin-left: 2px; }

.kfzb-textarea2 { width: 100%; display: block; color: #666; font-size: 1.5rem; text-align: left; box-sizing: border-box; border: none; resize: none; overflow: auto; height: 8rem; background: transparent; }

.mask-auto { top: auto; left: auto; position: static; }

.ellipsis-line1 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

.icon-shangpin-close2 { width: 2.3rem; height: 2.3rem; background: url(../images/new-vzan-live-01.png) no-repeat -39.1rem 0; background-size: 50rem; position: absolute; right: 0; top: 0; display: block; }


.kfzb-textarea3 { width: 100%; display: block; color: #333; font-size: 1.5rem; text-align: left; box-sizing: border-box; border: none; resize: none; overflow: auto; height: 8rem; background: transparent; }

.kfzb-tk-close1 { width: 2.3rem; height: 2.3rem; display: block; background: url(../images/new-vzan-live-01.png) no-repeat -41.6rem 0; background-size: 50rem; position: absolute; top: 12px; right: 10px; }

input::-webkit-input-placeholder { color: #999; }

input::-moz-placeholder { color: #999; }

input::-moz-placeholder { color: #999; }

input::-ms-input-placeholder { color: #999; }
/*看房结束*/
/*礼物弹框开始*/
.fsl-present { color: #fff; padding-bottom: 1.2rem; background: radial-gradient(200px 200px at 50% 0px,rgba(110,89,58,.90),rgba(0,0,0,.90)); background: radial-gradient(200px 200px at 50% 0px,rgba(110,89,58,.90),rgba(0,0,0,.90)); }

.fsl-present-ul { padding: 0.7rem 0 1.2rem; text-align: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.fsl-present-ul li { width: 25%; float: left; padding-bottom: 0.6rem; }
.fsl-present-ul li.on a { border: 1px solid #666; }

.fsl-present-ul li a { display: block; width: 80%; margin: 0 auto; position: relative; padding-bottom: .5rem; border: 1px solid transparent; }

.fsl-present-ul li a img { width: 5.5rem; height: 5.5rem; }

.fsl-present-ul .f1 { font-size: 1.2rem; line-height: 1.2rem; }

.fsl-present-ul .f2 { color: #ada8ad; font-size: 1rem; line-height: 1rem; margin-top: 0.5rem; }

.fsl-present-ul .select { position: absolute; right: -1rem; top: 0.4rem; width: 2rem; height: 2rem; display: none; background: url(../images/ioc-2.0.png?v=11016-6-11-18) no-repeat -45.7rem -5.4rem; background-size: 50rem; }

.fsl-shuliang { margin-left: 0.8rem; }

.fsl-shuliang span, .fsl-shuliang input { display: block; box-sizing: border-box; float: left; line-height: 2.8rem; height: 3rem; text-align: center; font-size: 1.8rem; color: #fff; }

.fsl-shuliang-reduce { width: 3.2rem; border: 1px solid #ada8ad; border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }

.fsl-shuliang .fsl-shuliang-number { width: 4rem; border-top: 1px solid #ada8ad; border-bottom: 1px solid #ada8ad; font-size: 1.3rem; }

.fsl-shuliang-plus { width: 3.2rem; border: 1px solid #ada8ad; border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }

.fsl-fasong-bt { margin-left: 1rem; }

.fsl-fasong-bt a { width: 6.5rem; height: 3rem; display: block; border-radius: 1.5rem; color: #fff; background: rgba(173,168,173,.8); line-height: 3rem; text-align: center; font-size: 1.5rem; }

.fsl-present-price { text-align: right; color: #fff; }

.bottom-nav-shawdow { height: 8rem; width: 100%; background: -webkit-repeating-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.4)); background: repeating-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.4)); }

.top-nav-shawdow { height: 8rem; width: 100%; background: -webkit-repeating-linear-gradient(rgba(0,0,0,.4),rgba(255,255,255,0)); background: repeating-linear-gradient(rgba(0,0,0,.4),rgba(255,255,255,0)); }

.gift-giver-appear { height: 3.6rem; padding: 0.2rem; box-sizing: border-box; background: rgba(0,0,0,.3); border-radius: 1.8rem; position: relative; width: 100%; }

.gift-giver-appear li { float: left; }

.gift-giver-head { width: 3.2rem; height: 3.2rem; display: block; overflow: hidden; border-radius: 50%; }

.gift-giver-head img { width: 100%; min-height: 3.3rem; }

.gift-giver-infor { padding-left: 1rem; }

.gift-giver-infor .f01 { max-width: 120px; font-size: 1.3rem; color: #fff; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; }

.gift-giver-infor .f02 { color: #ffed08; font-size: 1.3rem; margin-top: 0.1rem; }

.gift-giver-appear-pic { width: 6rem; height: 6rem; display: block; position: absolute; right: 0; top: -2rem; }

.gift-giver-appear-pic img { width: 100%; }

.gift-giver-appear-x { margin-left: 1rem; position: relative; top: -1rem; }

.gift-giver-appear-x i { font-weight: bold; font-size: 3.5rem; color: #f8e71c; -webkit-text-stroke: 1px #c89200; -o-text-stroke: 1px #c89200; -ms-text-stroke: 1px #c89200; -moz-text-stroke: 1px #c89200; }

.gift-giver-appear-x i:before { content: "x"; /* width: 2rem; */ /* height: 2rem; */ display: inline-block; /* background: url(../images/ioc-2.0.png) no-repeat -38.2rem -17rem; */ /* background-size: 50rem; */ /* vertical-align: -0.2rem; */ /* margin-right: 0.5rem; */ }

.gif-show-item { margin-left: 1rem; min-width: 50%; max-width: 25rem; }
.gift-show-item-left { width: 100%; }
/*礼物弹框结束*/


/*录音*/
.tab_speak li:before,
.btn_dd .btn_recording:before,
.others_box li a:before,
.others_box li i:before,
/*.right_info .btn_like:before,*/
.right_info .btn_hate:before,
.cbox_main .dd_1 a:before,
/*.btn_closeCBox,*/
.btn_gtb_close,
/*.live_redbag .redbag_cancel, .otherredmoney_content .gene_cancel,*/
/*.btn_gotoCreateLive:before,*/
.tab_recordingType:before,
.img_view_window .btn_closed { background: url(../img/live/live_logo_deepgreen2.png) no-repeat; background-size: 50rem; }






.recording_tab_box { display: none; position: relative; width: 100%; height: 30rem; overflow: hidden; white-space: nowrap; }
.recording_box, .recording_click { display: inline-block; width: 100%; height: 100%; transition: 1s; -webkit-transition: 1s; margin-left: 0; vertical-align: top; }
.recording_tab_box .second_dd { display: block; width: 100%; height: 3rem; margin: 1rem 0 0; line-height: 3rem; text-align: center; color: #00a2ff; font-size: 1.4rem; }
.recording_tab_box .second_dd:before { content: ""; display: inline-block; width: 3.8rem; height: 1.5rem; margin: 0.7rem 1rem 0; vertical-align: top; background: url(../img/live/ico_voice_1.png) left center no-repeat; background-size: 100%; }
.recording_tab_box .second_dd:after { content: ""; display: inline-block; width: 3.8rem; height: 1.5rem; margin: 0.7rem 1rem 0; vertical-align: top; background: url(../img/live/ico_voice_2.png) left center no-repeat; background-size: 100%; }
.recording_tab_box .btn_dd { position: relative; display: block; width: 100%; padding: 2rem 0; text-align: center; }
.recording_tab_box .btn_recording { display: inline-block; width: 9rem; height: 9rem; border-radius: 9rem; line-height: 9rem; font-size: 1.4rem; color: #fff; text-align: center; background-color: #00a2ff; background-position: 0 -14rem; cursor: pointer; }
.btn_dd .btn_recording:before { content: ""; display: inline-block; width: 6rem; height: 6rem; margin: 1.5rem 0 0; background-position: 0 -14rem; }
.btn_recording.stop_rec { display: none; }
.btn_recording.send_rec { display: none; }
.btn_recording.stop_rec:before { background-position: -12rem -14rem; }
.btn_recording.send_rec:before { display: none; }
.recording_tab_box .tips_dd { display: block; height: 2rem; line-height: 2rem; font-size: 1.4rem; color: #888888; text-align: center; }
.btn_dd.startRec .btn_recording.start_rec, .btn_dd.stopRec .btn_recording.start_rec { display: none; }
.btn_dd.startRec .btn_recording.stop_rec, .btn_dd.stopRec .btn_recording.send_rec { display: inline-block; }

.btn_dd .btn_cancel_clickRec { display: none; position: absolute; top: -2.5rem; right: 1rem; width: 5rem; height: 2.5rem; line-height: 2.5rem; cursor: pointer; text-align: center; color: #888888; border: solid 1px #888888; border-radius: 3rem; }
.btn_dd.stopRec .btn_cancel_clickRec { display: block; }

body.voiceBottom .recording_tab_box { display: block; }

.btnInputVoice { width: 3rem; height: 3rem; background: url(../images/voice.png) no-repeat center center; background-size: contain; margin-right: 1rem; }

.voiceBottom .btnInputVoice { background: url(../img/live/keybord.png) no-repeat center center; background-size: contain; margin-right: 1rem; }
.voiceBottom .morebutton, .voiceBottom #pingQqFace, .voiceBottom .mlbn-present { display: none; }



.recording_tab_box { display: none; position: relative; width: 100%; height: 21rem; padding: 4rem 0 0; background: #fff; overflow: hidden; white-space: nowrap; }

.recording_box, .recording_click { display: inline-block; width: 100%; height: 100%; transition: 0.5s; -webkit-transition: 0.5s; margin-left: 0; vertical-align: top; }

.recording_tab_box .second_dd { position: absolute; left: 0; top: 0; width: 100%; height: 3rem; margin: 1rem 0 0; line-height: 3rem; text-align: center; color: #00acff; font-size: 1.4rem; }

.recording_tab_box .second_dd i:first-child { background: url(../img/live/ico_voice_1.png) right center no-repeat; }

.recording_tab_box .second_dd i:last-child { background: url(../img/live/ico_voice_2.png) left center no-repeat; }

.recording_tab_box .second_dd i { display: inline-block; width: 5rem; height: 1rem; margin: 1rem 1rem 0; vertical-align: top; background-size: auto 100%; }

.recording_tab_box .rec_Title_box { position: absolute; left: 0; top: 2rem; display: block; width: 100%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.4rem; color: #888; }

.recording_tab_box .rec_Title_box b { font-weight: normal; }

.recording_tab_box .rec_Title_box b:last-child { display: none; }


.recording_tab_box .btn_dd { position: relative; display: block; width: 100%; padding: 2rem 0; text-align: center; }

.recording_tab_box .btn_recording { position: relative; display: inline-block; width: 9rem; height: 9rem; border-radius: 9rem; line-height: 9rem; font-size: 1.4rem; color: #fff; text-align: center; background-color: #00acff; background-position: 0 -14rem; cursor: pointer; }


.btn_recording.stop_rec { display: none; }

.btn_recording.send_rec { display: none; }

.btn_recording.start_rec { border: solid 1px #d4d4d4; background: #fff; }

.btn_recording.start_rec:before { width: 6.8rem; height: 6.8rem; margin: 1rem 0 0; border-radius: 7rem; background: #f15959; }

.btn_recording.stop_rec:before { background-position: -12rem -14rem; }

.btn_recording.send_rec:before { display: none; }

.recording_tab_box .tips_dd { display: block; height: 2rem; line-height: 2rem; font-size: 1.4rem; color: #888888; text-align: center; }

.btn_dd.startRec .btn_recording.start_rec, .btn_dd.stopRec .btn_recording.start_rec { display: none; }

.btn_dd.startRec .btn_recording.stop_rec, .btn_dd.stopRec .btn_recording.send_rec { display: inline-block; }

.btn_dd .btn_cancel_clickRec { position: absolute; z-index: 4; top: -2.5rem; right: 1rem; width: 5rem; height: 2.5rem; line-height: 2.5rem; cursor: pointer; text-align: center; color: #888888; border: solid 1px #888888; border-radius: 3rem; }

.btn_dd.stopRec .btn_cancel_clickRec { display: block; }


.recordingTips_1, .recordingTips_2 { display: none; z-index: 6; position: absolute; width: 100%; height: 5rem; line-height: 5rem; text-align: center; font-size: 1.5rem; color: #fff; left: 0; top: 0; }
.recordingTips_1 { background: #00a2ff; }
.recordingTips_2 { background: #ff5f63; }
.recording .recordingTips_1 { display: block; }

.recording_tab_box .btn_dd i { content: ""; position: absolute; z-index: -1; left: 50%; top: 50%; width: 9rem; height: 9rem; margin: -4.5rem 0 0 -4.5rem; border-radius: 9rem; background-color: #e5f4fc; }
.recording .recording_box .btn_dd i, .btn_dd.startRec i { animation: recordingAnime 1s linear infinite alternate; -webkit-animation: recordingAnime 1s linear infinite alternate; -moz-animation: recordingAnime 1s linear infinite alternate; }


.tab_recordingType { position: absolute; right: 0; top: 5.7rem; width: 3.5rem; padding: 0 2rem 0 0; white-space: normal; line-height: 1.4rem; color: #888; transition: 1s; -webkit-transition: 1s; }
.tab_recordingType:before { content: ""; position: absolute; right: 0; top: 3.4rem; width: 2rem; height: 2rem; background-position: -2rem -2rem; }
.tab_recordingType.recType_2 { display: none; left: 0; right: auto; padding: 0 0 0 2rem; }
.recType_2:before { left: 0; right: auto; background-position: 0 -2rem; }

.clickRecording .recording_box { margin-left: -100%; }
.clickRecording .recType_2 { display: block; }
.clickRecording .recType_1 { display: none; }

.recording .tab_recordingType, .recording_2 .tab_recordingType { display: none; }



/*抽奖 start*/

.box_lo { width: 100%; height: 128px; bottom: 0; position: absolute; }


.boxImg, .boxFront, .boxLeft, .boxRight { position: absolute; bottom: 0; height: 100%; width: auto; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -o-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); }

.boxLeft, .boxRight { opacity: 0; }

.boxFront { z-index: 20; }

/*第一只手开始*/
.shou { position: absolute; z-index: 11; width: 100%; top: -8px; text-align: center; }

.shou i { width: 60px; display: inline-block; position: relative; }


.shou-active { animation: shou 1.5s infinite; transform-origin: top right; -webkit-animation: shou 1.5s infinite; -webkit-transform-origin: top right; -moz-animation: shou 1.5s infinite; -moz-transform-origin: top right; -ms-animation: shou 1.5s infinite; -ms-transform-origin: top right; -o-animation: shou 1.5s infinite; -o-transform-origin: top right; }

@-webkit-keyframes shou {
    0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

    50% { transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); }

    100% { margin-top: 20px; display: none; transform: rotate(-55deg); transform-origin: center center; -webkit-transform: rotate(-55deg); -webkit-transform-origin: center center; -moz-transform: rotate(-55deg); -moz-transform-origin: center center; -ms-transform: rotate(-55deg); -ms-transform-origin: center center; -o-transform: rotate(-55deg); -o-transform-origin: center center; }
}

/*第一只手结束*/

/*第二只手开始*/
.shou2 { position: absolute; z-index: 11; width: 100%; top: -8px; text-align: center; }

.shou2 i { width: 60px; display: inline-block; position: relative; margin-top: 20px; transform: rotate(-55deg); transform-origin: center center; -webkit-transform: rotate(-55deg); -webkit-transform-origin: center center; -moz-transform: rotate(-55deg); -moz-transform-origin: center center; -ms-transform: rotate(-55deg); -ms-transform-origin: center center; -o-transform: rotate(-55deg); -o-transform-origin: center center; }

.shou2-touxiang { height: 22px; width: 22px; display: block; position: absolute; bottom: 6px; left: -4px; border: 1px solid #ffcf5b; border-radius: 2px; z-index: 30; }

.shou2-touxiang img:first-child { width: 100%; height: 22px; }

.shou2-touxiang .muzhi { width: 6px; position: absolute; right: -1px; bottom: -4px; }

.shou-active2 { animation: shoutwo 1s infinite; -webkit-animation: shoutwo 1s infinite; -moz-animation: shoutwo 1s infinite; -ms-animation: shoutwo 1s infinite; -o-animation: shoutwo 1s infinite; }

@-webkit-keyframes shoutwo {
    0% { margin-top: 0; top: 0; transform-origin: top right; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; }


    100% { margin-top: 0; top: -28px; transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); }
}

/*第二只手结束*/

/*box抽奖开始*/

.box-left-active { animation: boxleft 0.5s infinite; -webkit-animation: boxleft 0.5s infinite; -moz-animation: boxleft 0.5s infinite; -ms-animation: boxleft 0.5s infinite; -o--animation: boxleft 0.5s infinite; }

@-webkit-keyframes boxleft {
    0% { opacity: 0; }

    50% { opacity: 1; }

    100% { opacity: 0; }
}

.box-right-active { animation: boxright 0.5s infinite; -webkit-animation: boxright 0.5s infinite; -moz-animation: boxright 0.5s infinite; -ms-animation: boxright 0.5s infinite; -o-animation: boxright 0.5s infinite; }

@-webkit-keyframes boxright {
    0% { opacity: 1; }


    50% { opacity: 0; }

    100% { opacity: 1; }
}

/*box抽奖结束*/

/*卷轴开始*/
.juanzhou-active { animation: juanzhouactive 1.5s ease-in-out forwards; transition-property: all; transform-origin: center center; opacity: 1; -webkit-animation: juanzhouactive 1.5s ease-in-out forwards; -webkit-transition-property: all; -webkit-transform-origin: center center; -webkit-opacity: 1; -moz-animation: juanzhouactive 1.5s ease-in-out forwards; -moz-transition-property: all; -moz-transform-origin: center center; -moz-opacity: 1; -ms-animation: juanzhouactive 1.5s ease-in-out forwards; -ms-transition-property: all; -ms-transform-origin: center center; -ms-opacity: 1; -o-animation: juanzhouactive 1.5s ease-in-out forwards; -o-transition-property: all; -o-transform-origin: center center; -o-opacity: 1; }

@-webkit-keyframes juanzhouactive {
    0% { transform: translateX(-317.5px); -webkit-transform: translateX(-317.5px); -moz-transform: translateX(-317.5px); -ms-transform: translateX(-317.5px); -o-transform: translateX(-317.5px); transform-origin: center center; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; }

    100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform-origin: center center; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; }
}

/*卷轴结束*/

.bg { height: 100%; background: #6d1018; }

.basewrap { min-width: 320px; max-width: 640px; margin: 0 auto; }

.choujiang-boy { width: 30%; height: 111px; position: absolute; top: -60px; left: 0; z-index: 2; overflow: hidden; }

.choujiang-boy img { width: 100%; margin-left: -15px; }

.choujiang-qiandai { width: 20%; position: absolute; bottom: -20px; right: 10px; z-index: 5; }

.yidengjiang { font-size: 1.7rem; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); font-weight: bold; }

.juanzhouzhi { width: 100%; margin: 0 auto; position: relative; z-index: 4; margin-left: 0.6rem; }

.juanzhouzhi .bg2 { width: 100%; }

.gun1 { display: inline-block; position: absolute; top: 0; left: -13px; z-index: 5; height: 100%; }

.gun1 img { width: auto; height: 100%; }

.xygz { position: absolute; top: 0; left: 0; height: 100%; width: 95%; overflow: hidden; }

.xingyunguanzhong { width: 100%; padding: 7% 0 1%; }

.xingyunguanzhong img { width: 60%; margin: 0 auto; display: block; }

.huojiang-pic { width: 100%; overflow: hidden; border-radius: 5px; border: 2px solid #dfbb61; display: block; box-sizing: border-box; }

.huojiang-pic img { width: 100%; }
.juanzhouzhi ul { padding-left: 10px; box-sizing: border-box; width: 95%; overflow: hidden; margin-left: 8px; }

.juanzhouzhi ul li { display: inline-block; width: 20%; margin-left: 16px; }

.juanzhouzhi ul li:first-child { margin-left: 0; }

.juanzhouzhi .name { font-size: 1.3rem; text-align: center; line-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; }

.huojiang-name { position: relative; z-index: 2; padding: 1.5rem; width: 100%; box-sizing: border-box; margin-top: 0; margin-left: 0; overflow: hidden; }

.huojiang-name .content { position: relative; z-index: 10; }

.choujiang-06 { position: absolute; top: 0; left: 0; width: 100%; }

.huojiang-name-all { position: relative; z-index: 1; background: #6d1018; }

/*2016-12-28修改开始*/
select { font-size: 1.4rem; text-align: right; box-sizing: border-box; -webkit-appearance: none; appearance: none; background: transparent; border: none; outline: none; max-width: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Microsoft YaHei",Arial; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; }

.cj-set { position: absolute; top: 1.5rem; right: 1.5rem; display: block; }

.cj-set img { width: 6rem; }

.cj-back { position: absolute; top: 1.5rem; left: 1.5rem; display: block; }

.cj-back img { width: 6rem; }

.mask-auto { top: auto; left: auto; position: static; }

.kfzb-black-mask { width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 110; }

.withdraw-select-bank { line-height: 4.4rem; position: relative; height: 4.4rem; z-index: 2; }

.kfzb-dialog { position: fixed; z-index: 120; width: 85%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; }

.kfzb-dialog .title { color: #333; height: 4.4rem; line-height: 4.4rem; background: #f3f3f3; }

.withdraw-select-bank .triangle { width: 1.3rem; height: 0.8rem; display: block; background: url(../images/choujiang-13.png); background-size: 100%; position: absolute; top: 1.8rem; right: 1.5rem; }

.withdraw-select-bank .bank { padding: 0 1rem; line-height: 4.4rem; height: 4.4rem; position: relative; z-index: 3; }

.withdraw-select-bank:before { content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e5e5e5; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-sizing: border-box; border-radius: 5px; z-index: 1; }

.mashang-sign-up { font-size: 1.8rem; line-height: 4.4rem; position: relative; padding: 0 1.5rem 1.5rem; }

.mashang-sign-up a { display: block; box-sizing: border-box; border: 1px solid #bea257; border-radius: 0.4rem; background: #bea257; color: #fff; }

.kfzb-tk-close { width: 2.3rem; height: 2.3rem; display: block; background: url(../images/choujiang-14.png); background-size: 100%; position: absolute; top: 10px; right: 10px; }

.xiaoxi-alert { height: 4.4rem; font-size: 1.8rem; line-height: 4.4rem; position: relative; }

.xiaoxi-alert { color: #bea257; }

.xiaoxi-alert:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }


@media screen and (min-width: 376px) and (max-width: 414px) {
    .box_lo { width: 100%; height: 150px; bottom: 0; position: absolute; }

    .shou { position: absolute; z-index: 11; width: 100%; top: -35px; text-align: center; }

    .shou i { width: 80px; display: inline-block; position: relative; }

    /*第一只手开始*/
    @-webkit-keyframes shou {
        0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

        50% { transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); }

        100% { margin-top: 50px; display: none; transform: rotate(-55deg); transform-origin: center center; -webkit-transform: rotate(-55deg); -webkit-transform-origin: center center; -moz-transform: rotate(-55deg); -moz-transform-origin: center center; -ms-transform: rotate(-55deg); -ms-transform-origin: center center; -o-transform: rotate(-55deg); -o-transform-origin: center center; }
    }

    /*第一只手结束*/

    .shou2 i { width: 80px; display: inline-block; position: relative; margin-top: 20px; transform: rotate(-55deg); transform-origin: center center; -webkit-transform: rotate(-55deg); -webkit-transform-origin: center center; -moz-transform: rotate(-55deg); -moz-transform-origin: center center; -ms-transform: rotate(-55deg); -ms-transform-origin: center center; -o-transform: rotate(-55deg); -o-transform-origin: center center; }

    .shou2-touxiang .muzhi { width: 9px; position: absolute; right: -3px; bottom: -3px; }

    .shou2-touxiang { height: 30px; width: 30px; display: block; position: absolute; bottom: 6px; left: -4px; border: 1px solid #ffcf5b; border-radius: 2px; z-index: 30; }

    .shou2-touxiang img:first-child { width: 100%; height: 30px; }
}

@media screen and (min-width: 415px) and (max-width: 640px) {
    .box_lo { width: 100%; height: 230px; bottom: 0; position: absolute; }


    .shou { position: absolute; z-index: 11; width: 100%; top: -35px; text-align: center; }

    .shou i { width: 105px; display: inline-block; position: relative; }

    /*第一只手开始*/
    @-webkit-keyframes shou {
        0% { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

        50% { transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); }

        100% { margin-top: 60px; display: none; transform: rotate(-55deg); transform-origin: center center; -webkit-transform: rotate(-55deg); -webkit-transform-origin: center center; -moz-transform: rotate(-55deg); -moz-transform-origin: center center; -ms-transform: rotate(-55deg); -ms-transform-origin: center center; -o-transform: rotate(-55deg); -o-transform-origin: center center; }
    }

    /*第一只手结束*/

    .shou2 i { width: 105px; display: inline-block; position: relative; margin-top: 20px; transform: rotate(-55deg); transform-origin: center center; -webkit-transform: rotate(-55deg); -webkit-transform-origin: center center; -moz-transform: rotate(-55deg); -moz-transform-origin: center center; -ms-transform: rotate(-55deg); -ms-transform-origin: center center; -o-transform: rotate(-55deg); -o-transform-origin: center center; }

    .shou2-touxiang .muzhi { width: 13px; position: absolute; right: -1px; bottom: -3px; }

    .shou2-touxiang { height: 40px; width: 40px; display: block; position: absolute; bottom: 6px; left: -4px; border: 1px solid #ffcf5b; border-radius: 2px; z-index: 30; }

    .shou2-touxiang img:first-child { width: 100%; height: 40px; }
}

.gun1 { position: absolute; top: 0; left: 0; z-index: 5; height: 100%; }

.gun2 { position: absolute; top: 0; right: -15px; z-index: 4; height: 100%; }

.gun1 img { position: relative; z-index: 6; }

.huojiang-name .content { overflow: hidden; padding: 0 5px; }

.juanzhouzhi .bg2.no-touming { position: absolute; top: 0; left: 0; }

.live_winUsers::-webkit-scrollbar { width: 0px; height: 0px; }
#live_lottery_box::-webkit-scrollbar { width: 0px; height: 0px; }
.user_reward { background-color: #ffa200; position: absolute; right: .5rem; top: .5rem; border-radius: .2rem; color: #fff; padding: .5rem 1rem; }
/*设置弹框开始*/
.admin { background: #fff; line-height: normal; height: auto; font-size: 1.4rem; width: 10rem; position: absolute; top: 4.6rem; right: 2rem; z-index: 20; border-radius: 0.2rem; box-shadow: 0 1px 3px #999; }

.admin:before { content: ""; position: absolute; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #fff transparent; border-style: dashed dashed solid dashed; overflow: hidden; top: -1rem; right: 1.5rem; }

.admin a { line-height: 4rem; color: #333; display: block; width: 100%; float: none; text-align: center; position: relative; padding: 0 1.5rem; box-sizing: border-box; }

.admin a:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }

.admin a:last-child:after { display: none; }

/*设置弹框结束*/
/*抽奖 end*/

/*弹框 start*/
/*自消失提示 新版*/
.min_tips_box .bg { position: fixed; z-index: 999; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: #000000; opacity: 0.3; filter: alpha(opacity=5); }
.min_tips_box .tips_content { position: fixed; z-index: 1000; max-width: 80%; min-width: 10rem; line-height: 2rem; margin-top: -2.3rem; margin-left: -50%; padding: 1.2rem 1rem; left: 50%; top: 50%; background: #000000; border-radius: 5px; text-align: center; color: #fff; box-shadow: 0 0 5px #000000; word-break: break-all; }
/*.popBox .pop_content{ display: block; min-height:5.9rem; padding:1rem 1rem 5rem; text-align: center;}
.popBox .pop_content.alignLeft{text-align: left;}
.popBox .pop_content span{display: inline-block; padding: 2rem 0px;line-height: 2rem; color: #666666;word-break: break-all;}

.popBox .pop_bottom{ position: absolute; left: 0; bottom: 0rem; width: 100%;padding: 0 0rem; border-top: solid 1px #eee;white-space: nowrap;}
.popBox .pop_bottom .pop_btn{display: block;  height: 4rem; line-height: 4rem; margin: 0 0rem; text-align: center;}
.pop_btn.btn_confirm{color: #00acff;}
.pop_btn.btn_cancel{color: #666;}
.popBox .both span{ display:inline-block; width: 50%;}
.popBox .both span:last-child{border-left: solid 1px #eee;}*/

/*提示弹框*/
.popBox .bg { position: fixed; z-index: 110; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter: alpha(opacity="50"); }
.popBox .main { position: fixed; z-index: 111; width: 80%; max-width: 320px; min-height: 15rem; background: #fff; border-radius: 0.7rem; overflow: hidden; }
.popBox .pop_content { display: block; min-height: 5.9rem; padding: 1rem 1rem 5rem; text-align: center; }
.popBox .pop_content.alignLeft { text-align: left; }
.popBox .pop_content span { display: inline-block; padding: 2rem 0px; font-size: 1.6rem; line-height: 2rem; color: #666666; word-break: break-all; }

.popBox .pop_bottom { position: absolute; left: 0; bottom: 0rem; width: 100%; padding: 0 0rem; border-top: solid 1px #eee; white-space: nowrap; }
.popBox .pop_bottom .pop_btn { display: block; height: 4rem; line-height: 4rem; font-size: 1.5rem; margin: 0 0rem; text-align: center; }
.pop_btn.btn_confirm { color: #00acff; }
.pop_btn.btn_cancel { color: #666; }
.popBox .both span { display: inline-block; width: 50%; }
.popBox .both span:last-child { border-left: solid 1px #eee; }

/*通用弹框 */
.geneBox { display: none; }
.geneBox:before, .qlGbBg { position: fixed; content: ""; z-index: 20; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: #000000; opacity: 0.5; filter: alpha(opacity="50"); }
.qlGbBg { background: none; }
.geneBox .main { position: fixed; z-index: 21; max-width: 200px; max-height: 300px; min-height: 15rem; background: #fff; border-radius: 0.7rem; overflow: hidden; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.geneBox .gene_content { display: block; min-height: 9rem; padding: 1rem 1rem 1rem; text-align: center; }
.geneBox .gene_content.alignLeft { text-align: left; }
.geneBox .gene_content span { display: block; font-size: 1.6rem; line-height: 2rem; color: #666666; word-break: break-all; }
.geneBox .gene_top { display: block; width: 100%; height: 4rem; line-height: 4rem; padding: 0; text-align: center; border-bottom: solid 1px #eee; white-space: nowrap; }
.geneBox .gene_bottom { display: block; width: 100%; padding: 0; border-top: solid 1px #eee; white-space: nowrap; }
.geneBox .gene_bottom .gene_btn { display: block; height: 4rem; line-height: 4rem; font-size: 1.5rem; margin: 0 0rem; text-align: center; }
.gene_btn.gene_confirm { color: #00acff; }
.gene_btn.gene_cancel { color: #666; }
.geneBox .both span { display: inline-block; width: 50%; }
.geneBox .both span:last-child { border-left: solid 1px #eee; }


.c-notlogin {
    text-align: left;
    font-size: 12px;
    width: 100%;
    height: 47px;
    line-height: 47px;
    /* background: #383a42; */
    text-indent: 8px;
}
    .c-notlogin a {
        color: #0084ff;
    }

#speakBox::-webkit-scrollbar {
    /* background: #2f3035; */
    width: 5px;
}
#speakBox::-webkit-scrollbar-track-piece {
    /* background-color: #2f3035; */
    margin: -2px;
}
#speakBox::-webkit-scrollbar-thumb {
    /* background: #3e3f42; */
    min-height: 150px;
    min-width: 150px;
    border-radius: 10px;
}

    #speakBox::-webkit-scrollbar-thumb:vertical:hover {
        /* background: #3e3f42; */
    }
    #speakBox::-webkit-scrollbar-thumb:horizontal:hover {
        /* background: #3e3f42; */
    }
.category-list .item-content  {
    /* display: flex; */
    /* justify-content: space-between; */
}

.category-list .item-content dl {
    position: relative;
    /* width: 19%; */
    width: 22.9%;
    margin-left: 18px;
    margin-bottom: 30px;
    /* flex: 0 0 23%; */
}

/* .category-list .item-content dl:not(:nth-child(4n)) {
    margin-left: 16px
} */

.category-list .item-content dl dt a .overlay { -khtml-opacity: 0; background-image: url(../images_pc/play.png); background-position: center center; background-repeat: no-repeat; bottom: 0; display: block; left: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity 1s,background-color 1s; -moz-transition: opacity 1s,background-color 1s; -ms-transition: opacity 1s,background-color 1s; -o-transition: opacity 1s,background-color 1s; transition: opacity 1s,background-color 1s; }

.category-list .item-content dl dt a:hover .overlay { filter: alpha(opacity=70); -khtml-opacity: 0.7; background-color: #000; -moz-opacity: 0.7; opacity: 0.7; }

    .category-list .item-content dl dt a img {
        border-radius: 2px;
        height: 100%;
        -webkit-transition: transform 1s;
        -moz-transition: transform 1s;
        -ms-transition: transform 1s;
        -o-transition: transform 1s;
        transition: transform 1s;
        position: absolute;
        top: 0;
    }

.category-list .item-content dl dt a img.thumbnail { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.category-list .item-content dl dt a:hover img { -webkit-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1); -ms-transform: scale3d(1.1,1.1,1); -o-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); }

.category-list .item-content dl dt img { display: block; width: 100%; height: 163px; }

.category-list .item-content dl dt { position: relative; }

.category-list .item-content dl dt .camera-title, .category-list .item-content dl dt .channel { background: url(../images_pc/index_category_list_item_bg.png) repeat-x 0 -124px; }

.category-list .item-content dl dt .camera-title { background-position: 0 -124px; bottom: 0; color: #fff; display: block; font-size: 15px; height: 32px; left: 0; line-height: 32px; padding: 0 10px; position: absolute; right: 0; }

.category-list .item-content dl dt .channel { background-position: 0 0; color: #fff; display: block; font-size: 14px; height: 30px; left: 0; line-height: 22px; padding: 5px 10px; position: absolute; right: 0; top: 0; }

.category-list .item-content dl dt .status i { background: #fff; border-radius: 50%; display: inline-block; height: 6px; margin-bottom: 1px; margin-right: 5px; width: 6px; }

.category-list .item-content dl dt .status { background-color:#00b4e6; border-radius: 4px; color: #fff; display: block; font-size: 14px; padding: 1px 5px; position: absolute; right: 5px; text-align: center; top: 5px; }

    .category-list .item-content dl dt a {
        display: block;
        overflow: hidden;
        position: relative;
        padding-top: 58%;
        height: 0;
    }

.category-list .item-content dl dd { 
    color: #7f7f7f; 
    font-size: 12px; 
    /* height: 20px;  */
    /* line-height: 20px; */
}

    .category-list .item-content dl dd.desc {
        /*background: #2f3035;
        border: 1px solid #2f3035;*/
        /* color: #fff; */
        float: left;
        /* font-size: 15px; */
        /* height: 30px; */
        /* line-height: 30px; */
        overflow: hidden;
        /* padding: 0 5px; */
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

        .category-list .item-content dl dd.desc:last-child {
            border-radius: 0 0 2px 2px;
        }
.category-list .item-content dl dd.desc a{
    /* color: #202124; */
    font-size: 14px;
    font-weight: bold;
}
.category-list .item-content dl dd .viewnum { float: right; }

    .category-list .item-content dl dd i {
        font-size: inherit;
        margin-right: 5px;
    }

.category-list .item-content dl dd .zan i { background-image: url(../images_pc/t014ef6fde2f9678a3b.png); background-position: -16px -38px; }

.stateLive {
    position: absolute;
    /* top: 6px; */
    /* left: 6px; */
    top: 10px;
    left: 10px;
    z-index: 6;
    /* height: 26px; */
    height: 20px;
    width: 60px;
    background-size: 100%;
}
.state-living {
    background: url(data:image/gif;base64,R0lGODlhSgAgAPf/APL5/zud/yKQ/2Kz/6bT/1Oq/02m/0qm/3y+/yaT/3/A/1Gq/06n/yGP/xWJ/5bK/3C4/2y2/zGY/yyX/0Oj/6TS/5rN/zef/1ir/0Wj/3m8/1+v/////0Cg/wB+/zWa/zae/zGb/zSd/x2P/yCR/zOc/y+a/xuO/wOA/y6Z/wJ//xaL/yKS/yyY/x6Q/xiM/yWU/wWB/zWd/xmN/yqX/ymW/xGI/w+H/xSK/weC/yeV/xOJ/wqE/wF//yOT/wyF/wiD/xqN/w6G/xKJ/w2G/y2Z/xeM/wmD/wSA/zKc/yuX/yST/yaU/zee/8zm/x+Q/yiW/zCa/xWK/xyP/yGS/xCH/waC/8rl/wuF/yaV/5XL/83n/wuE/zCb/xeL/wF+/zKb/5PK/xyO/8fj/zWe/8vm/5vP/yGR/5fM/xCI/xqO/x+R/waB/8jk//H4/5rO/yiV/8nl/yuY/5jN/47H/8nk/5bM/x6P/8Xi/8bj/xWL/+Ty/4zG/wSB/+bz/+Xy/5nN/5TL/5nO/xKI/w2F/5HJ/ySU/y2Y/4/I/5DI/+Lx/wmE/9Xq/8Ti/5fN/xOK/8vl/1Co/+Px/43G/5LJ/4/H/8Ph/xmM/xuN/xiL/yOS/9br/4LD/w6H/xeK/ymX/63X/5vO/7Pa/8fk/8bi/3a8/5TK/xKH/2m3/7rd/1yw/x+P/yWS/9Tp/9Pp/x2O/9Tq/xaK/6jU/ySR/1+x/3u//zCZ/xOI/z+h/yqW/02o/4rF/4jD/9nt/6PS/1Kp/1qu/zOb/4bC/wiC/5/Q/53P/3a7/9fr/1at/5LK/8Dh/8Th/y+Y/xaJ/1Gp/xyN/2e1/43H/xqM/264/2q2/7DZ/67X/zKa/1ar/2m1/7ze/2Gy/6zW/63W/8Lg/1mt/1mv/0Gi/6HR/zSc/2W0/16w/1+w/12x/5zO/4nE/1yv/yqV/3q+/yiU/ymV/yGQ/yuW/yeU/5jM/3O6/1yt/5XK/ySS/6TR/zOa/2y1/2Cw/3q8/1ut/4DA/3G5/wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjcwQjA3QjVFMjQwMTFFOEE5RDg4Q0JDOTZBNkYwMDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjcwQjA3QjZFMjQwMTFFOEE5RDg4Q0JDOTZBNkYwMDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NzBCMDdCM0UyNDAxMUU4QTlEODhDQkM5NkE2RjAwNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NzBCMDdCNEUyNDAxMUU4QTlEODhDQkM5NkE2RjAwNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUDAP8ALAAAAABKACAAAAj/AP9dGEiwoMGDCAk2aQIChAwZIkSUSAImRIgoJlKkKNJCjhIaNaDoyMIExhIfLKiQWOPizggxJ4LMEJiwpk2FDclAlDjRIsaMHFt8DAlHR8mTKUmQeOJixJSYM14YWXGz6kGGIHRGLNEzRBcTQA8JBVmj6FGULM4sbfpUTdQXXlZIsUoXq0OIXCl6xbhRrBwaIEVmgWEIqVqmTk+okSlVLo4ddG/afbhVbxe+GzsOFXw2KcsRL6E21oPj0Y5BkWtipcwziU+wmceG1GHUJEqVaxDDZDxVj5THQ2ykSX0OVUGsWiXqAvcaaAvZ5czaTnmYrWgjcX/vCJ7mxo3UynoN/0S+M++cMpeRDRiwbZqWQNqOceCgirAPTWnXJnYbNTtwGzZUcYMQRCSEihkIJmiGH36E8saDDwoCzUQVOVJGRtXMx8EebuwhThiqBDOdSog9dd0Ks2g4SIADEkHIDwlxssWMNG7BgR8zOqGjjgpUdBEakGQmRwEgxREGSaAwcNtKLYXG2wqkpTifgJ0Q+AMWPES2AAecJJeXT2gA+YcW2yhBCwcUwFEHJTBk44YtKun31JOO7fCOhi1eyQUPR9yEoIOicCCKIIIAAsgcFn1lAiRX/AHAFewsYM4e1qizSTfAMJLKNweUqNhbXpzRyqjBraIhEXryCQQQN92Y4446/v/BwWVhtaDFFUVqqKuGY+z3pBRSchDgHRr+sOciRwCRQw6qgcDBG6xRGIIjHGQkpBKBxMEZDKWk0kYxY5DTlJNR9VaaAHgKIYaGPKi6rBUxJIQVB04Qaugc+KJRBgexDRVGHbVdww0jKYyByAGSoLPOdU/IIgsB2zWgIYGYaJjsMDnAG0MfV+Ukw407liGyyLI+txkcYWwCCjGlSDIKMySMQccIueThBh8JYIeihsIRO9+V0miorBVsbIwECsd5HBEHgFjGVxFacPDRJ7NR0wYHbRjjhhuIVEIHHdFMwgcfsCjCimPoTnnDKxrumYmGRMcQw9EoqDBeQ3eJME4J9M7/4UiYdgR+KweB6RCOGxy40UZSHDCSh82KkIKHInjUOYTE8xH4jIbIeqGh3HSroEIPCzUULUUclAG44FoMvm0huCQyCpMcYAMTKXxItUsjOPxn6nyoBiF0Dp5oiEToo3+hdGsWcYCGc7KFwUFtSFGByBiIcaBAAQW0IkskkRDQyHbC3eAzB1hwcYmGGTejIQp1J++BB1529RUHf1yhv/5xxFHHHhyYTn4q0aun7EpXyxCOgNTFriN4bj5Fc4CGRNeDHsxvfniRFq1SwIErtC4QgTBFGMKQjKsZZi10yINihPeLqTQiHdvhhSUWiKqKzSdZxZvP3G6hoQp+4YLzk4jT/6xVBA5oYTMjKUkhOOCZcU0iD4zhAAIiwQBXEMAABqiAJQj0Iiysbz7LioXxUHAKDf0QiPPryk9S4Av9bah/dYhjG+YoCQ6M4Y5N8cckKNeYA2rIEqjCEg/eNh94SXA+dSvjfNB4weZkphbvEeEIKUGJQhQiEZjs2teewgc84MEZ2eEAA7jjHSEIwxvpU9XQitYH5PXgjIy84AaLIJapzWYwhrhPfjzFH7hYDkA0/IGx+JSsjBVtbvCjoAVjiUYidgQwt4TBiOR0ghNpZwgrouGLjlXMjIEumaN7JTMZea3CkWSaLHHJbsoFpd6Rj0pWEmQ3NXY8cIpznIw0WWCkU2I9pXiKTtcsX55SmaxVGs2esMQnGodSFuqhpTr7AdUv0xBMgq7KmAeNXwUVOk5zEuaEvPzVf1hkpWEiS1k5OKYr78nRWP4jiegc1zpHU5rTkNRFV2rXPEF3NGUmtKVo/EdAAAAh+QQFAwD/ACwyAAgAEAAHAAAIKAD/CRxIUCCmCPnyFVzIkOAIBBAbEmTFoaLEiwNf6duwAeM/ihYxBgQAIfkEBQMA/wAsMgAIABAABgAACCkA/wkcSFCgFBw7hhT8d+LDB3wCn+Bp1GhhAg4YF2rcyHFjAjcgOwoMCAAh+QQFAwD/ACwyAAkAEAAFAAAIIQD/CRxoL08ePAJXSJDAbKDDhxAjRjxjoaLEhxwyXhwYEAAh+QQFAwD/ACwyAAgAEAAFAAAIKgD/CRxIAoLBgQgTxuPAUCCOHUNsJJz479I+DRruZKBAgWLCdgw5eEQYEAAh+QQFAwD/ACwyAAgAEAAEAAAIHwD/CRzojoPBgQgTKlzI8N8QG2luxGPECBZDMa4yBgQAIfkEBQMA/wAsMgAIABAABAAACB4A/wkcSAKCwYEIEypEqKmfAgULE7rjQDHijgAYAwIAIfkEBQMA/wAsMgAIABAABQAACC0A/wkceCLIjBcDB5IIEECGmH/28uTBk1AgPA4YK2rcqDFNlRtCOCb08uBBvYAAIfkEBQMA/wAsMgAJABAABQAACCIA3Y0ZeOLfiQ8f8P1byLChw4cQI0p0eEMIkR8TF2JywzEgACH5BAUDAP8ALDIACAAQAAYAAAgnAGHMm+fvn8GDCA1O4MDQ4IwXRlYknPhvBIKLFDNq3Mgx4SAMIAMCACH5BAUDAP8ALDIACAAQAAcAAAgoAA9xGPivoMGDCBMqTGhkxQopCw+eaUUxosWLB4kQ+oEFY6wK9+4FBAAh+QQFAwD/ACwyAAgAEAAHAAAIIgBhzJvn75/BgwgTKlzIsGHCSx0iOpxI8d8gDBgpYuLAMSAAIfkEBQMA/wAsMgAIABAABgAACCcASTxxMeKfwYMIDbobwzChw4cQIa6QgmNHxINi5MlDcxEiJjcgAwIAIfkEBQMA/wAsMgAJABAABQAACCcASQQIIEPMv4MIEypcyLChw4Q4dgyxcdDLgwf1Fr5zw/GgGA4gAwIAIfkEBQMA/wAsMgAJABAABQAACCcAXdwZIebEv4MIE/7T1E+BAoUQI0LcEaCixIR3OGiEmIkePX4QAwIAIfkEBQMA/wAsMgAKABAABQAACCgAR0w5EeSfwYMIDcZjxAhWwoNiXEl8SLHivx2DbFSxeDAIAQIVHgYEACH5BAUDAP8ALDIACgAQAAUAAAgnAP8JHEhQ4KV9GjTcyUCBQsGBqzhIfEix4r9M9OjxsziwgUQODwMCACH5BAUDAP8ALDIACQAQAAUAAAgkAP8JHEhQ4AoJEpgVXPjvHYeHJ9TMeMGw4BkLGCtqbOim48KAACH5BAUDAP8ALDIACQAQAAUAAAgmAP8JHEhQ4BM8jRoVXMiw4cIgM14YEShGnjw0DN1oFCiAg8eFAQEAIfkEBQMA/wAsMgAIABAABgAACCcA/wkcSFAgpgj58hVc+G8Wh4cMIzK81KGixIEOIRZ8pW/DhosCAwIAOw==)no-repeat;
    /* background-size: 100%; */
    background-size: 80%;
}

.state-preview {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAMAAABw3UvaAAAAqFBMVEUozRI32iAWvAApzRIqzhMpzhMWvAA32iA32iAkyQ7///8pzhIYvgEWvAAs0RYu0xgnzBAhxwsdwwcw1RofxQk12R8z2B0bwQUZwAMy1hwq0BSo4qSq5qat7KjX89V33W6r6abY9dZ432/2/fWp5KV02Gxk1lvs+uty1Wrh9eDD8MCU5o5W10ri9+G47bRq319F1jSR4Is+zzA7yy3N8sug5puF3n1Qz0WQo3UbAAAACHRSTlPn5uZJ5uZKSZCRwx4AAAHySURBVDjLldTpdpswEIZhpenGkAApjp2yCaMABeM12/3fWT8GS+JQnxK/f/zrOR6NLIsfNz8v99i3RL9RiHzkoSiK3G+34maGLS8wJMQnmXHMgiAQ8wxNGHLEVcw6wBl3mQHOsqLzvE5O2BgWKfe4SXX8bXvaeF5OE/bwYOFmjWpa7vhjjXjKVmHKnDTTjqGd8lCnPGSq9OEkbfM8zyjhyoGhhbCsbZevW3Zhux6Yd6hVhmrKuKNmC0Czk72q1R6MzuVwW1W5KCGeUjP0S4xWuaddv0p6K4pCyh6+05EPl5Bm2gFqhjVuaZcWIRW+xCYpxxV07DS0DHBwSA/ok/TzNUOX/unMVisxuvCCwrDeAHp5FkWU4Gzc81DcB8YO0P5OCvIL6s7QBQzQZCfM0JMwjCHPKKM2cwF79lH2/Rn6YMYO0L5wQO/AMGMI5zzTqNgwwNEjkMSPgKSrgCjBiIB2SooNu7sThjGEc5PunaoySMoBasZQM8DRU5UEhk5NdlLZiXcCqN0KUDtAw3rIrmpU5VSqeel3GVNsotgwQMMqyY+nfKWmchyWmDKmUbFh9/fC/DG8Ee1wc2VzHG6uyl4WC0Bzc08UGwaonYv+d+HIMIYTNnVgU2dgNHHzjOGVzMIrD2fh1wmb/zrui7gV107J7vtf7pp+8WTRVpcAAAAASUVORK5CYII=)no-repeat;
    /* background-size: 73%; */
    background-size: 60%;
}

.state-playback {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAMAAABw3UvaAAAAgVBMVEX/qQD/qgD/tQD/qwD/nAD/nAD/rAD/nQD/tQD/swD/sAD/pQD/oAD/////qQD/pwD/ogD/2KP/yGf/7dT/26P/vmf/4Lz/1aP/wGf/6tT/+vX/zIf/tD//wmf/uFT/qyT/xHj/9er/8N//5cj/0Jb/pyT/37D/2bD/tST/sST/tiTakuNlAAAABnRSTlNJ5+bm5+Q0JrZGAAABy0lEQVQ4y5XT2XLjIBBAUTKZwWNwa4ksENqsxc72/x+YbizURJVyRfdFT6fUDYUQf/7/3JFTIRl6JrefySR5Eg8ZFTEVGCZ+yyh2aSr2T0mO4T5G8PGUn927Z+314xvTmuHLJkW917mkOui/sRjCJuXLaw/xE7ENNPH/DMGu6xrIu66VxVRRfWAMj0c4x2dyRihhKf+Aey64LBMLY7iMCJIqcn8mDbRp2kK5MoLEAnwtfK8xpOXchLuVAWYLPDIsijNWFEquMMEqAFxuAGank0ASoFLF2Y9ZyABHwKrJ1YPWdmT2I5QB4pBgqgrKpjWz1m5GFhxD5WGupAwwwWBIU1qthPYCzcoYKrVAuUJyLVR3qEdzhcvCGCoKcoTgCzCt4KK1hw2MJmKHgyC2QCmb3NckCUK8AVtrD3G5CdoTO4KKIb8dhCnmZg9xxB7AMiO4PjmE7FKLUON5aN0T7Gt3hWZlDCXCIl+z1tFtW1pxgD4b6ul2MnAlFkNJwSatL7XR1o51NoO74b/eYL7FUN7Lu/iplhbhW5sZZ/qTWdYb3IGhXGMWPYL4CkIbyGzpEWOYUL9lDHnKLWO3hTuXY/i8ZznurxBPO5Zb+ye+AEdEVEzW6XeSAAAAAElFTkSuQmCC)no-repeat;
    /* background-size: 73%; */
    background-size: 60%;
}

.state-relaylive {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAYAAABHA7voAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3OTNCQzFBRUEzQzExRThBRUI0QjRBNEM0RjUyQjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3OTNCQzFCRUEzQzExRThBRUI0QjRBNEM0RjUyQjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njc5M0JDMThFQTNDMTFFOEFFQjRCNEE0QzRGNTJCODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Njc5M0JDMTlFQTNDMTFFOEFFQjRCNEE0QzRGNTJCODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rv1LwAAAGSklEQVR42sRZe2yPVxh+yJfMpXNdUaWlVaztzBhlE5t1NkJjjE0rIqH8McwYS40lSoQYs4TGzGUiW2ZhyDDZxXUY3ULR0k1p5zLEMHf7Z789x9tfv/utW+0k53e+833vd77znPd9n/c951crMjKvP4BVrHGoiRKp+rH3o7cjxucRS1v5Y2qd5GztRcqO0R4aOCdgnhMOC8wmH8dnq7QaAecHxnHCxnc8QHougE02TvvfgVVXe8EAQns4fhZQe2HM0kvWcE/798B8/KxGCMRHxjBe7VCAGtQHuna0gIlUNQ9+HqVM7y6UrWf5qMGHom3rWODxtmb/cqyW93qke8iaazgN9u0BDHoRGJnn7mftWwPjXgcWfwIUnvDWXibHa0+AeYuln9YGiKmvL1Z9LlLbeOknkAubNgJaNpf35y0HDhxztgbDt7RQ5piSCJSf8/atNvHSjYLzM0ejyQ14Huj+pH7/+g2gziPA/b+AopPA2d+BtZuBE2eAa7c9ySU4wA4ElTNAruOaycfyx+vPP9sCPNcNaNVC+o0bSDt3onmcc5eAgnXuvqnq/NXSpicBx0+L7AdTgVICWv6lPJs5FrhJcFdvBWBRPx80koZaSVXv3fcQZm3cUFbeVYQ/owdJVebZhPJjXgEy0nX/mvMWTbKFhTBYX8oAOpEDzl4O5qtw06AR2MnfgPcKgKGZQL/ewNRFdsY7US79hvSZ5fnA1l2sP7ibjwKmigJXtw6thP0r1+iDbUVGLdAIWs3OQ0A9Pn+sCfDME8CQl4FTFUAq5W7eAY6W+TKuFjhQp5AAin8FOtJkR2QBn35F8BXmQdsnSHv6vEOsMshNWyT3xg4WcG8v1M0xOVFkMjpLVUURS/Q6vrlosYzfnjDPN/RogQJ1K9J5Wgrw8RdkubpAEpkypjIMdEvlBEebLWDWBGcTXbACOFhsMSODWU1+X79+tQ9DUrpo8OxFYdGv9wDbD4RI2ZQGIwEC9QvdhVx2/SyAjJP6hSu5cJXcy8kSH934rcXko+Ze7gDOErgbMUxMyOGiEtA71HT+G8Cdu8DK9eyTYNK50CtIONdu+Wc0YqIR/7xRmWeUGZXPPAAzEBjMmLj/MLBlLwN7DE2JLLt2k2gpaNKsNDQjF7h7D6i4wDjbl5O/TjALBUS0FNHfxs8hAXEOq+cC3+0jg2+rBOoOUguUK27eQcdOlmsVbFW4OE/a/4MTuXxV5KIZzpHSYImwYsQOSeJfd6n1EgLIHlipaYaI4f30a1XGv1ZJaGWyyL2eJg9s8/b1B7loVTzyyPQLS4BDJSKjTLRbJ2DPT7xXrL/TNU3axdOd/W++yjyOA4kEtGCaTFKZcxlZetJ8GWfD9/Szj4AuaXo4im8h11f/1BdYXY+a4b+XrGLRMAkxLFl7RpqY5JbdwO5Cy1jqORejD1OyC1fkWQU1v4NEsZ0m1r8XWTnJrAVV1mwE9hZJt+BdapFaW1KZJLw5nPlrsnPC7TBvLfAOuRXNsmWsZC2q5A4j3efK9ZBJDCFn7GaYQG31IL1v20lgF/Wxl623b3CNqVtygtlHYxkHe3cWGXUdZGdvM1G3HXUqCWbWRLvJqYCr/ONwqZ6BDGUgXv8N8COT4IYknelkvQvMOpZtcN7uRGDf/qgyfKD5W8pMe3YxfLs8gPZMcdBDeyXUzHbGn+JTwK07sh1SmttFczx43O7geePEr9TKq3v5Bd4sasxFo2XOUvp4kcgumykm+uHn8mxSNhe9XeBNtea//WdZuUmfiNIUDPlhVFZtXVTtyZRqWD9hx2OlprzQ9WzF6oPtEvVv12NiEduUrvGU9Js1tYDwPtTSvGnWabfsEqCj7f6jwD7WUcwls5i/rphNLVIjR0/p4w/LlIk+21UY0QowOyuEiXqfA2lu+yh3woFFgy5HBmu4jdrNzGfKKODGbfP4iig6Jgu4dVvt489ewnePOM9jCrOc1BSX5MRi+iy1IkMnR5z2UUFOrFwXwf9QNuCZTMDDK8e+0QerdSQXBnzYQyYv3woGzBugNTbVxCIgWKAOdt4aCGAYTVTnDNMPUFAwwYAZAFbT1P4zP/MO1GHM0U2DKoeKC/0/QChANUMgAcql2vxgLusl00b0b8vhjWf1knV4BkvgtyYBNqDVBsfNJcb8I8AAcqCE68+0d+YAAAAASUVORK5CYII=)no-repeat;
    /* background-size: 73%; */
    background-size: 60%;
}

.goods-xf { position: relative; width: 25rem; height: 8rem; overflow: hidden; }
.sp-xf { position: absolute; top: 0; left: 0; }
.sp-xf img { width: 8rem; height: 8rem; display: inline-block; }
.wenzi-xf { background: #fff; height: 8rem; padding: 1.5rem 0.8rem; box-sizing: border-box; -moz-box-sizing: border-box; width: 17rem; }
.wenzi-xf p { font-size: 1.4rem; color: #101010; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.wenzi-xf span { font-size: 1.5rem; color: #f20033; line-height: 1.5; }
.close-l { width: 1.4rem; height: 1.4rem; background: url(https://static1.weizan.cn/zhibo/livecontent/liveshop/images/buy-09.png)no-repeat; background-size: 1.4rem 1.4rem; display: inline-block; }

/*投票-新版样式  -start*/
.test-paper {
    /* width: 248px; */
    /* background: #0084FF; */
    /* height: 90px; */
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 5px;
    background-image: url(../images/vote_bg.png);
    background-size: cover;
}

.test-paper .text-content {
    background: unset;
    margin: unset;
}

.test-paper-one {
    height: 65px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    box-sizing: border-box;
    /* padding: 0 0 0 16px; */
    margin: 0 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.paper-one-img {
    /* margin-top: 15px; */
    width: 35px;
    height: 36px;
    /* width: 3.3rem; */
    /* height: 4.3rem; */
    /*background-image: url(../images/marry-live-02.png);*/
    background-position: 194px 1888px;
    background-size: 50rem;
}
.paper-one-img img {
    width: 100%;
    height: 100%;
}

.paper-one-title {
    color: #fff;
}

.paper-one-titleP1 {
    font-size: 16px;
    width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 10px;
}

.paper-one-titleP2 {
    font-size: 12px;
    /* margin-top: 1px; */
    margin-top: -13px;
    margin-left: 10px;
}

.test-paper-two {
    font-size: 11px;
    /* color: #747474; */
    /* background: #fff; */
    color: #fff;
    box-sizing: border-box;
    /* padding: 0 16px; */
    padding: 0.5rem 16px;
    /* height: 25px; */
    /* line-height: 25px; */
    border-radius: 0 0 5px 5px;
}

.test-lianxi {
    background: #00DA9A;
}

/*投票-新版样式  -end*/

img {
    vertical-align: baseline;
}

.direct-three-right-gundong .weui_actionsheet {
    position: absolute;
    color: black;
}

.rolename {
    /* background-color: #0084FF; */
    background: #FFAA42;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    /* padding: 0px 4px; */
    padding: 2px 4px;
}
/*.videowrap img { height: 100%; }*/
#iframeVi {
    height: 100%;
}

.link-liveroom:hover {
    color: red;
}

.videowrap img[livestatus] {
    width: 100%;
    height: 100%;
}

.timewrap {
    width: 100%;
    height: 100%;
    padding-left: 25px;
    color: #FFFFFF;
    font-size: 18px;
}
.yelloColor {
    color: #FFB910;
    font-size: 18px;
}
/* .timewrap-tit{
    color: #FFFFFF;
    font-size: 26px;
} */

.timeover {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 320px;
    height: 100px;
    background: url('../images_pc/countdown.png') no-repeat;
    background-size: 100% 100%; */
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    z-index:99;
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.timeoverin {
    position: absolute;
    right: 2.5rem;
    bottom: .5rem;
    line-height: 40px;
    font-size: 32px;
    color: #fff;
}

.overch {
    position: absolute;
    top: -15px;
    right: -10px;
    font-size: 12px;
    font-style: inherit;
}

.RoleShang {
    display: none;
}

.closecode {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #00b4e6;
    border: 4px solid #fff;
    border-radius: 50%;
    margin-left: 257px;
}
.closecode img {
    position: absolute;
    top: 7px;
    left: 265px;
}
.rpna-ul.answer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #FF900D;
    border: 1px solid #FF900D;
}

/* 新版样式 */
.new-gift-msg {
    display: block;
    width: 100%;
    text-align: center;
}

    .new-gift-msg > div {
        display: inline-block;
        padding: .3rem .8rem;
        /* color: #fff; */
        font-size: 1.3rem;
        line-height: 1.6rem;
        border-radius: 3px;
        /* background-color: #383940; */
        color: rgba(244, 0, 0, 1);
        background: linear-gradient(315deg, rgba(244, 0, 0, .1) 0%, rgba(255, 152, 0, .1) 100%);
    }

.new-gift-msg img {
    margin-right: .7rem;
}

.new-gift-msg img,
.new-gift-msg span {
    vertical-align: middle;
}

new-gift-msg span {
    color: #814000;
}

.new-gift-msg .name {
    color: #ff2b3f;
}

img{
    object-fit:cover;
}
/*观看奖励红包兼容样式*/
.redbag-bg > p.tips-w {
    margin: 12% 0 2%;
}

.Uhead-tx {
    width: 7rem;
    height: 7rem;
}

.nomorereward.redbag-bg .confirn-btns {
    margin-top: 2rem;
}

.nomorereward.redbag-bg > p.tips-w {
    margin: 15% 0 2%;
}

.newredbag .rb-bg {
    width: 17rem;
    height: 13.89rem;
}

/* 新增跑马灯 start */
@keyframes toLeft{
    0%{
        left:100%;
    }
    100%{
        left: 0;
        transform: translateX(-100%);
    }
}
@keyframes toLeftBlink{
    0%{
        left:100%;
        opacity: 0;
    }
    17%{
        opacity: 1;
    }
    34%{
        opacity:0;
    }
    52%{
        opacity: 1;
    }
    76%{
        opacity:0;
    }
    85%{
        opacity:1;
    }
    100%{
        opacity:0;
        left: 0;
        transform: translateX(-100%);
    }
}
#horse-box{
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;
    /* 比弹幕多1 */
    display: none;
    z-index: 7; 
    pointer-events: none;
}
#horse-box .horse-text{
    position: absolute;left: 100%;top: 20px;
    white-space: nowrap;
    color: #ffffff;
}
#horse-box .horse-text.default{
    animation: toLeft 14s linear infinite;
}
#horse-box .horse-text.blink{
    animation: toLeftBlink 14s linear infinite;
}
/* 新增跑马灯 end */

/* 红包雨倒计时 */
#pc-rain-countdown{
    position: absolute;
    left: 12px;bottom: 65px;
    color: #ffedb0;
    font-size: 14px;
    display: none;
    text-align: center;
}
#pc-rain-countdown i{
    width: 45px;height: 49px;
    background: url(https://static1.weizan.cn/zhibo/livecontent/homelive/img/icon-redbag-3.png) no-repeat;
    background-size: cover;
    margin: 0 auto 6px;
    display: block;
}

/* 多会场 start */
.scene-area{
    display: flex;align-items: center;
    position: absolute;right: 0;top: 0;
    height: 100%;
    z-index: 100;
    margin-right: -256px;
    transition: all .5s;
    pointer-events: none;
}
.scene-area .scene-tab{
    position: relative;
    height: 136px;width: 30px;
    background:url(../images/square.png) no-repeat;
    background-size: cover;
    font-size: 14px;
    color: rgba(255,255,2525,.8);
    display: flex;align-items: center;justify-content: center;
    text-align: center;
    line-height: 1.3;
    padding:0 4px; 
    pointer-events: initial;
}
.scene-area.open{
    margin-right: 0;
}
.scene-area.open .scene-tab{
    padding: 0;
}
.scene-area.open span{
    display: none;
}
.scene-area .toright{
    background: url(../images/toright.png) no-repeat;
    background-size: cover;
    width: 20px;height: 20px;
    display: none;
}
.scene-area.open .toright{
    display: block;
}
.scene-area .scene-list{
    width: 256px;height: 100%;
    background: rgba(0,0,0,.6);
    color: #ffffff;
    padding: 16px 18px;
    overflow-y: auto;
    box-sizing: border-box;
    pointer-events: initial;
}
.scene-area .scene-item{
    height: 124px;
    position: relative;
    border-radius:4px;
    overflow: hidden;
    background-image: url(https://i2cut.vzan.cc/image/liveImage/jpeg/2019/4/28/142226128dfd19d82547e582b348311c205dd2.jpeg!640x360);
    background-size: cover;
    background-position: center center;
    margin-bottom: 14px;
}
.scene-area .scene-item.on{
    border:1px solid #0084ff;
}
.scene-area .scene-item:last-of-type{
    margin-bottom: 0;
}
.scene-area .scene-title{
    color: #ffffff;font-size: 16px;
    padding: 11px;
    box-sizing: border-box;
    position: absolute;bottom: 0;left: 0;
    width: 100%;z-index: 2;line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.scene-area .scene-item:after{
    content: ' ';
    height: 51px;width: 100%;
    position: absolute;bottom: 0;left: 0;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));
    z-index: 1;
}
/* 多会场 end */

.video-js.vjs-fullscreen video {
    height: 100% !important;
}

/*  新版 欢迎提示 start */
.my-slide-container {
    position: relative;
}
.my-slide-container .vertical-slide{
    position:absolute;top:30px;z-index:300;margin-left:10px;margin-top: 10px;
}

.myslide-box {
    position:absolute;
    top:0;
    z-index:300;
    margin-left:10px;
    margin-top: 10px;
}
.myslide-enter-active {
  transition: all .5s ease;
}
.myslide-leave-active {
  transition: all .5s ease;
}
.myslide-enter, .myslide-leave-to{
  transform: scale(1.0) translateX(-253px) translateZ(0);
  opacity: 0;

}
.welcome {
  position: relative;
  display: flex;
  font-size: 11px;
  font-family: PingFang;
  font-weight: 500;
}
.bg-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  font-family: PingFang;
  font-weight: 500;
  color: #FFFFFF;
  z-index:300;
  position: relative;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  display: flex;
  height: 24px;
  background: #5C86FF;
  border-radius: 50px;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.wel-text {
  padding: 4px 10px;
  font-size: 13px;
}
/*  新版 欢迎提示 end */
/* 2021 红包优化 新红包需求 start 企业红包 */
.content-redpacket[red-type="8"] .rpna-ul,
.content-redpacket[red-type="8"] .rpna-pic,
.content-redpacket[red-type="8"] .white-top {
    background: linear-gradient(270deg, rgba(244, 0, 0, 0) 0%, #FF9800 100%);
}



.qrcode-popupp-center .login-tabs {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #F5F6F7;
}
.qrcode-popupp-center .login-tabs p {
    flex: 1;
    text-align: center;
    color: #60646B;
}
.qrcode-popupp-center .login-tabs span.act::before {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    width: 24px;
    background: linear-gradient(270deg, #006CFF 0%, #00A5FF 100%);
}
.qrcode-popupp-center .login-tabs span.act {
    color: #006CFF;
    position: relative;
}
.qrcode-popupp-center .login-tabs span {
    display: inline-block;
    height: 100%;
    cursor: pointer;
}
.visitor-user {
    padding: 20px;
    box-sizing: border-box;
    height: 248px;
}
.visitor-user input {
    border-bottom: 1px solid #202124;
    width: 100%;
    height: 44px;
    line-height: 44px;
}
.visitor-user .nametitle {
    font-size: 14px;
    font-weight: 500;
    color: #202124;
    line-height: 14px;
    margin-bottom: 20px;
    margin-top: 24px;
}
.visitor-user .login-btn {
    width: 240px;
    height: 44px;
    background: #006CFF;
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    margin: 34px auto 0;
}
.visitor-user .login-btn.haslogin {
    background: #aeaeae;
    color: #FFFFFF;
}

/* 弹窗 */
#tips-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
    z-index: 2000;
}
#tips-modal .wrap {
    width: 674px;
    height: 750px;
    max-height: 80vh;
    max-width: 80vw;
    background-color: white;
    padding: 43px 6px 11px 38px;
    background-image: url(../images/modal-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#tips-modal .wrap .title {
    font-size: 26px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
    line-height: 36px;
    margin-right: 32px;
    text-align: center;
}
#tips-modal .wrap .content-wrap {
    flex: 1;
    margin-top: 21px;
    overflow: auto;
    padding-right: 26px;
    word-break: break-all;
    text-align: justify;
    line-height: 1.5em;
    white-space: pre-wrap;
}
#tips-modal .img-modal-wrap {
    width: 674px;
    max-height: 80vh;
    max-width: 80vw;
    background-color: white;
    padding: 6px;
    background-image: url(../images/modal-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#tips-modal .img-modal-wrap .img-wrap {
    flex: 1;
    overflow: auto;
}
#tips-modal .img-modal-wrap .img-wrap .img {
    width: 100%;
}

#tips-modal .img-modal-wrap .btn-wrap {
    margin-top: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 32px;
}

#tips-modal .img-modal-wrap .btn-wrap .cus-btn {
    width: 180px;
    height: 38px;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

#tips-modal .img-modal-wrap .btn-wrap .cus-btn:active {
    opacity: 0.7;
}

#tips-modal .img-modal-wrap .btn-wrap .close-btn {
    background: #F3F3F3;
    border-radius: 4px;
    color: #60646B;
    line-height: 38px;
}  

#tips-modal .wrap .btn-wrap {
    margin-top: 11px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 32px;
}
#tips-modal .wrap .btn-wrap .cus-btn {
    width: 180px;
    height: 38px;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

#tips-modal .wrap .btn-wrap .cus-btn:active {
    opacity: 0.7;
}

#tips-modal .wrap .btn-wrap .close-btn {
    background: #F3F3F3;
    border-radius: 4px;
    color: #60646B;
    line-height: 38px;
}   

#tips-modal .wrap .btn-wrap .confirm-btn {
    background: linear-gradient(90deg, #00ABFF, #006CFF);
    margin-left: 12px;
    color: #FFFFFF;
    line-height: 38px;
}

#tips-modal ::-webkit-scrollbar {
    width: 6px !important;
}

#tips-modal ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(195,195,195,1);
    -webkit-box-shadow: inset 0 0 0px rgb(195 195 195);
    width: 6px;
    background: #E0E0E0;
}
/* 弹窗 */