/********m_base_player.css********/
body {margin:0;padding:0;font-family: "微软雅黑", Microsoft Yahei;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
#chat {color: #AAAAAA;margin: 0;position: relative;height:470px;padding:0;overflow:hidden;}
#chat .activity {overflow-y: auto;padding-right: 0px;border-bottom: 1px solid #e7e7e7;padding: 10px 0 10px 5px;}
#chat .item {clear: both;padding: 1px 0;position: relative;width: 100%;display:block;}
#chat .item .icon_area {float: left;height: 40px;width: 40px;}
#chat .user_icon img {border-radius: 50%;}
#chat .item .contenttext {background-color: rgba(0, 0, 0, 0);font-size: 12px;line-height: 18px;margin:0 5px 0 50px;position: relative;word-wrap: break-word;z-index: 0;}
#chat .item .contenttext a.user_link {border: medium none;font-family:微软雅黑;color: #737476;font-size: 13px;text-decoration: none;}
#chat .item .contenttext .timeago,#chat .timeafter {font-size: 13px;font-family: "hiragino sans gb",Arial;color: #949596;position: absolute;right: 5px;}
#chat .item .textSty{color: black;font-size: 14px;margin-top: 7px;margin-left: 3px;}
.otherchat {overflow-y:auto;height:100%;}
/************************images show***************************/
.imagesDiv{height:100%;overflow-y:auto;}
.imagesShowDiv{overflow-y:auto;}
.imagesShowDiv {/*color: #AAAAAA;margin: 0;position: relative;padding:0;overflow:hidden;*/}
.imagesShowDiv .activity {overflow-y: auto;padding-right: 0px;border-bottom: 1px solid #e7e7e7;padding: 10px 0 10px 5px;}
.imagesShowDiv .item {clear: both;padding: 1px 0;position: relative;width: 100%;display:block;}
.imagesShowDiv .item .icon_area {float: left;height: 40px;width: 40px;}
.imagesShowDiv .user_icon img {border-radius: 50%;}
.imagesShowDiv .item .contenttext {background-color: rgba(0, 0, 0, 0);font-size: 12px;line-height: 18px;margin:0 5px 0 50px;position: relative;word-wrap: break-word;z-index: 0;}
.imagesShowDiv .item .contenttext a.user_link {border: medium none;font-family:微软雅黑;color: #737476;font-size: 13px;text-decoration: none;}
.imagesShowDiv .item .contenttext .timeago,#chat .timeafter {font-size: 13px;font-family: "hiragino sans gb",Arial;color: #949596;position: absolute;right: 5px;}
.imagesShowDiv .item .textSty{color: black;font-size: 14px;margin-top: 7px;margin-left: 3px;}
.imagesShowDiv .item .dianzanPortrait{margin-top:5px;margin-right: 20px;}
.imagesShowDiv .item .dianzanPortrait span img{width:25px; height:25px;}
.imagesShowDiv .item .dianzanPortrait .dianzanNum{color:#D4D4D4}
.imagesShowDiv .item .imgComtCont{margin-top:5px;}
.imagesShowDiv .item .imgComtCont .comtName{color: #846DBC;}
.imagesShowDiv .item .imgComtCont .comtCont{color:#000}
.imagesShowDiv .item .imgBottomMenu{margin-top:10px;height:25px;line-height:25px;}
.imagesShowDiv .item .imgBottomMenu .commentNum{color:#4C4B51;font-size:13px;}
.imagesShowDiv .item .imgBottomMenu .likeIcon{width:30px;position:absolute;right:45px;}
.imagesShowDiv .item .imgBottomMenu .likeIcon img{width:25px; height:25px;}
.imagesShowDiv .item .imgBottomMenu .greySlip{width:1px; height:20px;margin-top:3px;position:absolute;right:40px;background-color:#E8E8E8;}
.imagesShowDiv .item .imgBottomMenu .commentIcon{position:absolute;right:5px;}
.imagesShowDiv .item .imgBottomMenu img{width:26px; height:27px;}
/************************images more comment function***************************/
.imageAllComt{position:absolute;z-index:1000;top:330px;bottom:0px;background-color:rgba(255,255,255,1);width:100%;}
.imageAllComt .downArroWrap{width:100%;height:42px;position: absolute;background-color: rgba(249,248,248,1);z-index: 10000;}
.imageAllComt .downArrow{position:relative;margin-top:11px;}
.imageAllComt .downArrow:after, .imageAllComt .downArrow:before {border: 15px solid transparent;border-top: 15px solid #fff;width: 0;height: 0;position: absolute;left: 50%;margin-left: -15px;content: ' '}
.imageAllComt .downArrow:before{border-top-color: #000;top: 2px;}
.imageAllComt .comtContWrap{margin: 0;position: relative;padding:0;height:100%;color:black;padding-top:42px;overflow-x:hidden;overflow-y: auto;}
.imageAllComt .comtContWrap .activity {overflow-y: auto;padding-right: 0px;border-bottom: 1px solid #e7e7e7;padding: 10px 0 10px 5px;}
.imageAllComt .comtContWrap .item {clear: both;padding: 1px 0;position: relative;width: 100%;display:block;}
.imageAllComt .comtContWrap .item .icon_area {float: left;height: 40px;width: 40px;}
.imageAllComt .comtContWrap .user_icon img {border-radius: 50%;}
.imageAllComt .comtContWrap .item .contenttext {background-color: rgba(0, 0, 0, 0);font-size: 12px;line-height: 18px;margin:0 5px 0 50px;position: relative;word-wrap: break-word;z-index: 0;}
.imageAllComt .comtContWrap .item .contenttext a.user_link {border: medium none;font-family:微软雅黑;color: #737476;font-size: 13px;text-decoration: none;}
.imageAllComt .comtContWrap .item .contenttext .timeago,#chat .timeafter {font-size: 13px;font-family: "hiragino sans gb",Arial;color: #949596;position: absolute;right: 5px;}
.imageAllComt .comtContWrap .item .textSty{color: black;font-size: 14px;margin-top: 7px;margin-left: 3px;}
.otherchat {overflow-y:auto;height:100%;}
/*以下是写首页打开视频新增的样式 */
ol, ul, li {list-style: none outside none;}
.commentbox-send{position:absolute;bottom:0;left:0;width:100%;padding:0px 5px 0px 8px;}
label {padding: 0;font-weight: 700;}
.comment_list_body{margin-top:120px;padding:0px 0px 5px 10px;z-index:2;}
::-webkit-scrollbar{width:2px; height:1px;}
::-webkit-scrollbar-button{}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,1); -webkit-border-radius: 10px;border-radius: 10px;}
::-webkit-scrollbar-track-piece:vertical{background: rgba(0,0,0,1);}
::-webkit-scrollbar-track-piece:horizontal{background: rgba(255,255,255,1);}
::-webkit-scrollbar-thumb{-webkit-border-radius: 10px;border-radius: 10px;background: rgba(0,0,0,1); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); }
::-webkit-scrollbar-corner{}
BODY{SCROLLBAR-FACE-COLOR: #274546;SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;SCROLLBAR-SHADOW-COLOR: #ffffff;SCROLLBAR-3DLIGHT-COLOR: #ffffff;SCROLLBAR-ARROW-COLOR: #ffffff;SCROLLBAR-TRACK-COLOR: #272526;SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*******m_video_index.css*******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
a{color:#fff}
a,a:hover{text-decoration:none}
a:active{opacity:.8}
body{font-size:12px;font-family:"微软雅黑", Microsoft Yahei;color:#878e9c;background:rgba(255,255,255,1);-webkit-tap-highlight-color:rgba(0,0,0,0)}
.wrap{padding-bottom:56px}
.m_intro .btn_share i,.praise i,.praised i,.icon_warning{background-image:url(//imgcache.gtimg.cn/mediastyle/mobile/event/20140318_ceremony_live/img/icon.png);background-repeat:no-repeat;background-size:17px 65px}
.icon_warning{display:inline-block;width:14px;height:14px;overflow:hidden;background-position:0 -51px;margin-right:3px;position:relative;top:1px}
.live_now{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,.9);color:#15274f;text-align:center;padding:5px 0}
.m_video{width:100%;overflow-x:hidden}
.m_video img,.m_time img{display:block;width:100%}
.m_time{position:relative;min-height:180px}
.m_time .mask{position:absolute;width:100%;top:0;bottom:0;left:0;background:rgba(7,13,27,.8)}
.m_time .mask .adv{position:absolute;left:15px;top:15px}
.m_time .mask img{width:80px;height:46px}
.countdown{padding-top:45px;text-align:center}
.countdown h2{font-size:17px;margin-bottom:5px}
.countdown .timer p{display:inline-block;width:60px;height:87px;color:#fff;background:#172C56;border-right:1px solid #1b3364}
.countdown .timer p:nth-of-type(2){background-color:#1e396f}
.countdown .timer p:nth-of-type(3){background-color:#22407d}
.countdown .timer strong{display:block;font-size:33px;font-weight:normal;padding-top:5px}
.m_notlive{text-align:center;padding:40px 10px 30px 10px;font-size:15px;background:#0d1932}
.m_notlive p{margin-bottom:10px}
.btn_tenplay{display:inline-block;padding:0 10px;height:25px;line-height:25px;border-radius:3px;background:#cb6543;margin-bottom:20px}
.btn_tenplay:active{opacity:.8}
.m_intro{border-top:1px solid #39538f;-moz-box-shadow: 0px 3px 3px #130c0e;-webkit-box-shadow: 0px 3px 3px #130c0e; box-shadow: 0px 3px 3px #130c0e;}/*border-bottom: 1px solid #39538f;padding-bottom:14px;padding:0 10px;*/
.m_intro h1 img{width:100%}
.m_intro p{text-align:center;font-size:13px;}/*margin-bottom:5px*/
.m_intro .btn_share{position:relative;display:inline-block;width:56px;height:25px;line-height:25px;padding-left:24px;background:#3f5ea3;color:#fff;font-size:15px;border-radius:3px;margin-left:10px}
.m_intro .btn_share i{position:absolute;width:16px;height:14px;left:13px;top:6px;background-position:0 0}
/*comment input*/
.comment_input{position:fixed;display:-webkit-box;width:100%;padding:5px 0px;left:0;bottom:0;line-height: 0.5;z-index:1000;background:#f7f7f7;-webkit-transform:translateZ(0);border-top: 1px solid #acacac;}
.comment_input input[type="text"]{-webkit-box-flex:1;display:block;position:relative;height:31px;margin-left:5px;border-style: none;-webkit-appearance: none;border:1px solid #bababa;border-radius:3px;padding:0 8px;font-size:12px;color:#333;line-height:15px;}
.comment_input input[type="button"]{-webkit-box-flex:1;background-color:white;display:block;position:relative;height:31px;margin-left:7px;border:1px solid #bababa;border-radius:3px;padding:0 8px;font-size:12px;color:#333;-webkit-appearance:none;}
.btnVideo {display: block;position: absolute;top: 12px;left: 50px;right: 73px;height: 31px;border: 1px solid #bababa;border-radius: 3px;padding: 0 8px;font-size: 12px;color: #333;}
.comment_input .btn_submit{position:relative;height:30px;border:1px solid #B5B2B8;font-size:15px;color:#54514F;line-height:29px;width:50px;margin-left:7px;margin-right:7px;padding:0;text-align:center;background:#F0F0F0;border-radius: 5px;font-family: 微软雅黑;}
.m_dialog{position:fixed;left:25%;right:25%;bottom:15%;line-height: 1.5;z-index:1000;background:rgba(0,0,0,.6);padding:7px;color:#ffffff;text-align:center;-webkit-border-radius:5px;border-radius:5px;font-size:14px;font-family:"微软雅黑";}
.mod_loading{height:55px;line-height:55px;text-align:center;font-size:17px}
.mod_loading .icon_loading{display:inline-block;position:relative;top:4px;width:14px;height:18px;-webkit-transform:translateZ(0)}
.mod_loading .text_loading{margin-left:5px}
/*window close*/
.close {position: relative;display: inline-block;width: 30px;height: 30px;overflow: hidden;}
.close.black::before, .close.black::after {height: 3px;}
.close.rounded::before, .close.rounded::after {border-radius: 5px;}
.close::before, .close::after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #000;}
.close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
/*top scroll msg start*/
ul.marquee {display: block;position: relative;overflow: hidden;width:100%%;height: 35px;line-height:35px;}
ul.marquee li {position:absolute;top:-999em;left:0;display:block;line-height:35px;white-space:nowrap;text-indent:0.8em;color:#FFCB00;}
.marquee li a{border:none;color:#FFCB00;}
/*danmu start*/
.commentitem{float:left;width:100%;margin-top:6px}
.commencontent{max-width:100%;height:25px;line-height:25px;color:#fff;font-size:12px;background-color:rgba(0,0,0,.5);border-radius:12.5px;padding:0 5px 0 0;overflow:hidden}
.commentitem .commencontent img.avatar{float:left;width:20px;height:20px;border-radius:50%;margin:2.5px 5px 0 2.5px}
/*********m_base_tab.css**********/
body{overflow-x: hidden;}
#top_container {background: none repeat scroll 0 0 #000000;overflow: hidden;top: 0;width: 100%;}
a, button, input, img, div {-webkit-tap-highlight-color: rgba(255,0,0,0);}
.compIndex_public .indexFastNav {margin-top: 0;}
.tab {box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: #fefefe;border-bottom: 1px #e7e7e7 solid;}
.indexFastNav ul {display: box;display: -o-box;display: -ms-box;display: -moz-box;display: -webkit-box;box-orient: horizontal;-o-box-orient: horizontal;-ms-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-box-orient: horizontal;}
.indexFastNav ul li {box-flex: 1;-o-box-flex: 1;-ms-box-flex: 1;-moz-box-flex: 1;-webkit-box-flex: 1;width: 100%;padding: 10px 0;}
.indexFastNav ul li a {box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;display: block;position: relative;width: 100%;height: 20px;font-size: 0;line-height: 20px;text-align: center;}
.indexFastNav ul li em {display: inline-block;vertical-align: middle;font-style: normal;color: #444;font-family:微软雅黑;font-size: 15px;}
.on {border-bottom: 1px #f86442 solid;}
.on em {color: #f86442;}
.img{width:100%;height:100%;}
/*chat @ function*/
.icon_area, .user_icon, .user_icon img
{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.user_icon img {pointer-events: none; }
section {position: relative;}
.agenda {padding: 0 20px;display: none;font-family: 微软雅黑;}
.section-ul {padding: 10px 0;color: #ccc;font-size: 0.725rem;border-bottom: 1px solid #52516e;overflow: hidden;}
.section-ul li {float: left;line-height: 20px;overflow: hidden;box-sizing: border-box;}
.hy-li {width: 90px;}
.hy-li-padd {padding-left: 19px;width: 60%;border-left: 2px solid #3399ff;}
.color-2 {color: #fff !important;}
/********m_reward.css********/
.close {position: relative;display: inline-block;width: 30px;height: 30px;overflow: hidden;}
.close1 {width: 20px;height: 20px;}
.close.rounded::before, .close.rounded::after {border-radius: 5px;}
.close.black::before, .close.black::after {height: 3px;}
.close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.close::before, .close::after {content: '';position: absolute;height: 2px;width: 100%;top: 50%;left: 0;margin-top: -1px;background: #000;}
.close1::before, .close1::after {background: #E2DFDF;}
/*reward*/
.reward{background: rgba(0, 0, 0, 0.6);display: inline-block;padding: 4px 8px; border-radius: 5px;font-size: 13px;color:#ffffff;margin-top: 5px;}
/********m_emoji.css********/
@charset "UTF-8";
/*newinfo=====================================*/
.newhuatiinfo{width: 100%;position:fixed;bottom:0px;z-index:100;display:block;-webkit-transition:top 0.2s ease-in-out;background-color:#efeff4;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;}
.emotion_wrp {display:block; width: 100%;}
.emotion_wrp .emotions {-moz-user-select: none;overflow: hidden;}
.emotion_wrp ul, .emotion_wrp ol {padding-left: 0;list-style-type: none;display:inline-block;margin:0;}
.emotion_wrp .emotions_item {float: left;line-height: 48px;height: 48px;font-size: 0;text-align: center;width: 14.28571%;}
.emotion_wrp .cartoon_item{float: left;line-height: 72px;height: 72px;font-size: 0;text-align: center;width: 24%;}
.emotion_wrp .cartoon_item p{width: 100%;height: 12px;line-height: 12px;text-align: center;color: #878788;font-size: 12px;margin-top: -13px;}
.emotion_wrp .emotions_item i {display: inline-block;cursor: pointer;width: 48px;height: 48px;margin:-5px 0 0 -5px;transform:scale(0.64);-webkit-transform:scale(0.64);vertical-align: middle;background: transparent url(../images/emojiBg.png) no-repeat 0 0;}
.emotion_wrp .cartoon_item i {display: inline-block;cursor: pointer;width: 60px;height: 55px;vertical-align: middle;margin-top:-15px;}
.emotion_wrp .algxn_item i {background: transparent url(../images/cartoon/algxn/algxnBg.png) no-repeat 0 0;}
.emotion_wrp .ppbqyb_item i {background: transparent url(../images/cartoon/ppbqyb/ppbqybBg.png) no-repeat 0 0;}
.emotion_wrp .fndxn_item i {background: transparent url(../images/cartoon/fndxn/fndxnBg.png) no-repeat 0 0;}
.emotion_wrp .charitmas_item i {background: transparent url(../images/cartoon/charitmas/charitmasBg.png) no-repeat 0 0;}
.emotion_wrp .brt_item i {background: transparent url(../images/cartoon/brt/brtBg.png) no-repeat 0 0;}
.emotion_wrp .xhmmd_item i {background: transparent url(../images/cartoon/xhmmd/xhmmdBg.png) no-repeat 0 0;}
.emotion_wrp .gfxb3_item i {background: transparent url(../images/cartoon/gfxb3/gfxb3Bg.png) no-repeat 0 0;}
.emotion_wrp .mgjd_item i {background: transparent url(../images/cartoon/mgjd/mgjdBg.png) no-repeat 0 0;}
.emotion_wrp .pagination {display:block;padding: 0;margin: 0;border-radius:0;}
.emotionimg{width:20px; height:20px;}/*vertical-align: bottom;*/
.emotionimgBig{width:70px; height:70px;vertical-align: bottom;}
#wrapper {z-index: 1;width: 100%;overflow: hidden;}
#scroller {z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 350px;height: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
span.emoji-sizer {line-height: 0.81em;font-size: 1em;margin: -2px 0;}
span.emoji-outer {display: -moz-inline-box;display: inline-block;*display: inline;height: 1em;width: 1em;}
span.emoji-inner {display: -moz-inline-box;display: inline-block;text-indent: -9999px;width: 100%;height: 100%;vertical-align: baseline;*vertical-align: auto;*zoom: 1;}
img.emoji {width: 1em;height: 1em;}
.emoji-wysiwyg-editor:empty:before {content: attr(placeholder);color: #9aa2ab;}.emoji-picker-container {position: relative;}
.emoji-picker-icon {position: absolute;right: 10px;top: 5px;font-size: 20px;opacity: 0.7;z-index: 100;transition: none;color: black;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none;}
.emoji-picker-icon.parent-has-scroll {right: 28px;}
.emoji-picker-icon:hover {opacity: 1;}/* Emoji area */
.emoji-wysiwyg-editor:empty:before {content: attr(placeholder);color: #9aa2ab;}
.emoji-wysiwyg-editor:active:before,.emoji-wysiwyg-editor:focus:before {content: none;}
.emoji-wysiwyg-editor {padding: 6px;padding-right: 35px;margin-bottom: 0px;min-height: 35px; /* 35 */height: 30px;max-height: 284px;overflow: auto;line-height: 17px;border: 1px solid #d2dbe3;border-radius: 2px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;-webkit-user-select: text;word-wrap: break-word;}
.emoji-wysiwyg-editor.parent-has-scroll {padding-right: 40px;}
.emoji-wysiwyg-editor.single-line-editor {min-height: 35px;height: inherit;}
.emoji-wysiwyg-editor img {width: 20px;height: 20px;vertical-align: middle;margin: -3px 0 0 0;}
.emoji-menu {position: absolute;z-index: 999;width: 225px;overflow: hidden;border: 1px #dfdfdf solid;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow: hidden;-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);}
.emoji-items-wrap1 {background: #ffffff;padding: 5px 2px 5px 5px;}
.emoji-items-wrap1 .emoji-menu-tabs {width: 100%;margin-bottom: 8px;margin-top: 3px;}
.emoji-items-wrap1 .emoji-menu-tabs td {text-align: center;color: white;line-height: 0;}
.emoji-menu-tabs .emoji-menu-tab {display: inline-block;width: 50px;height: 40px;background: url('../images/IconsetSmiles.png') no-repeat;background-size: 56px 466px;border: 0;}
.emoji-menu-tabs .icon-selected{background-color: rgba(0,0,0,.1);}
.is_1x .emoji-menu-tabs .emoji-menu-tab {background-image: url('../img/IconsetSmiles_1x.png');}
.emoji-menu-tabs .icon-smile { background-position: -3px -7px; }
.emoji-menu-tabs .icon-smile-selected { background-position: -3px -7px; }
.emoji-menu-tabs .icon-algxn  { background-position: -3px -43px; }
.emoji-menu-tabs .icon-ppbqyb  { background-position: -3px -259px; }
.emoji-menu-tabs .icon-fndxn  { background-position: -3px -156px; }
.emoji-menu-tabs .icon-charitmas  { background-position: -3px -110px; }
.emoji-menu-tabs .icon-brt  { background-position: -3px -79px; }
.emoji-menu-tabs .icon-xhmmd  { background-position: -3px -296px; }
.emoji-menu-tabs .icon-gfxb3  { background-position: -3px -192px; }
.emoji-menu-tabs .icon-mgjd  { background-position: -3px -225px; }
.emoji-menu-tabs .icon-algxn-selected { background-position: -3px -295px; }
.emoji-menu-tabs .icon-smile,.emoji-menu-tabs .icon-flower,.emoji-menu-tabs .icon-bell,.emoji-menu-tabs .icon-car,.emoji-menu-tabs .icon-grid {opacity: 0.7;}
.emoji-menu-tabs .icon-smile:hover,.emoji-menu-tabs .icon-flower:hover,.emoji-menu-tabs .icon-bell:hover,.emoji-menu-tabs .icon-car:hover,.emoji-menu-tabs .icon-grid:hover {opacity: 1;}
.emoji-menu .emoji-items-wrap {position: relative;height: 174px;}
.emoji-menu .emoji-items {padding-right: 8px;outline: 0 !important;}
.emoji-menu img {width: 20px;height: 20px;vertical-align: middle;border: 0 none;}
.emoji-menu .emoji-items a {margin: -1px 0 0 -1px;padding: 5px;display: block;float: left;border-radius: 2px;border: 0;}
.emoji-menu .emoji-items a:hover {background-color: #edf2f5;}
.emoji-menu:after {content: ' ';display: block;clear: left;}
.emoji-menu a .label {display: none;}
/**********************语音按钮***************************/
@-webkit-keyframes micphone_wxfade_inOut{0%{opacity:1}100%{opacity:0}}@keyframes micphone_wxfade_inOut{0%{opacity:1}100%{opacity:0}}
.micphone_wx{position:fixed;left:50%;bottom:60px;z-index:100000000;width:120px;height:120px;margin:-60px 0 0 -60px;background-color:rgba(0,0,0,0.8);border-radius:8px;text-align:center;color:#FFF;font-family:微软雅黑;display:none;}
.micphone_wx a{display:block;padding:5px;color:#FFF;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,1);-webkit-tap-highlight-color:transparent}
.micphone_wx .micphonesvg{width:60px}
.micphone_wx .micphonesvg polygon{opacity:0}
.micphone_wx.animation .micphonesvg polygon{opacity:0;-webkit-animation-name:micphone_wxfade_inOut;-webkit-animation-duration:2.1s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear}
.micphone_wx .micphonesvg .fade_1{-webkit-animation-delay:0s}
.micphone_wx .micphonesvg .fade_2{-webkit-animation-delay:.3s}
.micphone_wx .micphonesvg .fade_3{-webkit-animation-delay:.6s}
.micphone_wx .micphonesvg .fade_4{-webkit-animation-delay:.9s}
.micphone_wx .micphonesvg .fade_5{-webkit-animation-delay:1.2s}
.micphone_wx .micphonesvg .fade_6{-webkit-animation-delay:1.5s}
.micphone_wx .micphonesvg .fade_7{-webkit-animation-delay:1.8s}
.micphone_wx .micphonesvg .fade_8{-webkit-animation-delay:2.1s}
/***********************聊天内容中的语音按钮**********************************/
.bubble.bubble_default {background-color: #fff;}
.bubble {max-width: 500px;min-height: 1em;display: inline-block;vertical-align: top;position: relative;text-align: left;font-size: 14px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;margin: 0 10px;}
.bubble.left:after {border-right-color: #E8E8E8;border-right-width: 6px;}
.bubble.left:before, .bubble.left:after {right: 100%;}
.bubble:before, .bubble:after {position: absolute;top: 10px;border: 6px solid transparent;content: " ";}
.bubble_cont {word-wrap: break-word;word-break: break-all;min-height: 25px;}
.bubble_cont .voice {padding: 3px 10px;width: 150px;max-width: 300px;cursor: pointer;position: relative;border: solid 1px #DDDBDB;}
.web_wechat_voice_gray {background: url(../images/voiceIcon.jpg);width: 23px;height: 23px;vertical-align: middle;display: inline-block;}
.web_wechat_voice_gray_playing {background: url(../images/web_wechat_voice_gray_playing28a2f7.gif);width: 23px;height: 23px;vertical-align: middle;display: inline-block;}
i, cite, em, var, address, dfn {font-style: italic;}
.bubble_cont .voice .duration {position: absolute;right: -70px;top: 5px;width: 55px;color: #888;cursor: default;}
.bubble_cont .voice .duration i {margin-left: 5px;}
.web_wechat_noread {background: url(../images/voiceIcon.jpg);width: 11px;height: 11px;vertical-align: middle;display: inline-block;}
/**************************emoji lib********************************/
.pagination{text-align:center;}
.topic_pagination{text-align:center;}
.swiper-pagination-bullet{ margin:0 3px;}
.swiper-pagination-bullet-active{background:#777;}
/********************************chat msg delete tip**********************************************/
.weui_mask {position: fixed;z-index: 1001;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);}
.weui_dialog {position: fixed;z-index: 1003;width: 75%;bottom: 20px;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #FAFAFC;text-align: center;border-radius: 5px;}
.weui_dialog_confirm .weui_dialog .weui_dialog_hd {padding: 1.2em 20px .5em;}
.weui_dialog_title {font-weight: 400;font-size: 17px;}
.weui_dialog_confirm .weui_dialog .weui_dialog_bd {text-align: left;}
.weui_dialog_bd {padding: 0 20px;font-size: 15px;color: #888;padding-top: 20px;}
.weui_dialog_ft {position: relative;line-height: 42px;margin-top: 20px;font-size: 17px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.weui_dialog_confirm .weui_dialog_ft a {position: relative;}
.weui_dialog_ft:after {content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 1px;border-top: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.weui_dialog_confirm .weui_dialog_ft a: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);}
.weui_btn_dialog.default {color: #353535;}
.weui_btn_dialog.primary {color: #0BB20C;border-left: 1px solid #D5D5D6;}
.weui_dialog_ft a {display: block;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;color: #3CC51F;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/********************************danmu btn***************************************************/
.bottomMenu{border-radius:3px; background-color:rgba(0,0,0,0.8); position:absolute; right:10px; top:10px; z-index: 2; font-family:微软雅黑; font-size:14px; color:white; cursor:pointer;}
.bottomMenu .outer {width:50px; height:50px; text-align:center; display:none; overflow:hidden;}
.middle {display:table-cell; vertical-align:middle; padding:0px 10px;line-height:1.4}
.kotow{width:150px; height:150px;position:absolute;left:50%;margin-left:-75px;top:10px;text-align:center;z-index:10001;display:none;}
/*****************************************************indentify code********************************************************/
.gift-dialog {position: fixed;left: 40px;right: 40px;z-index: 901;background-color: #fff;border-radius: 4px;}
.gift-dialog .title {background-color: #222328;color: #fff;border-radius: 4px 4px 0 0;font-size: 16px;padding: 14px;text-align: center;}
.gift-dialog .title h4 {line-height: 1;margin: 0;}
.gift-dialog .title a {position: absolute;right: 14px;color: #fff;font-size: 20px;top: 8px;}
.gift-dialog .content {margin: 20px 14px;color: #222;max-height: 300px;overflow-x: auto;}
.gift-dialog .foot {background-color: #FF4646;text-align: center;border-top: 2px dotted #fff;border-radius: 0 0 4px 4px;}
.gift-dialog .foot a {font-size: 16px;display: inline-block;padding: 12px;color: #fff;width: 49.5%;}
.gift-dialog .foot a.lr {border-left: 1px solid #f5f5f5;}
.gift-dialog input[type="text"]{display:block;height:31px;border:1px solid #bababa;border-radius:3px;padding:0 8px;font-size:12px;color:#333;margin: 0 auto;}
.gift-dialog .foot a {font-size: 16px;display: inline-block;padding: 12px;color: #fff;width: 49.5%;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/********************************************gift pay style********************************************/
.emotion_wrp .gift_item{float: left;line-height: 81px;height: 85px;font-size: 0;text-align: center;width: 24%;}
.emotion_wrp .gift_item p{width: 100%;height: 12px;line-height: 12px;text-align: center;color: #ffffff;font-size: 12px;margin-top: -24px;}
.emotion_wrp .gift_item p:last-child{margin-top: 2px;color: #868080;}
.emotion_wrp .gift_item i {display: inline-block;cursor: pointer;width: 60px;height: 55px;vertical-align: middle;margin-top:-20px;}
.emotion_wrp .gift_item i {background: transparent url(../images/gift/giftBg.png) no-repeat 0 0;}
/******************************************************video tap wrap*************************************************/
.videoTapWrap{width:100%;margin-top:5px;z-index:10000;text-align:center;font-size:12px;color:#9B9CA0}
.videoTapWrap .singleOuter{width:120px;height:50px;border-top:1px solid #434C51;border-right:1px solid #434C51;border-bottom: 1px solid #434C51;float:left;}
.videoTapWrap .on{border-top:none;background-image:linear-gradient(to top,#035468,#05060A);color: #44B6D0;}
.videoTapWrap .singleOuter .day{height:17px;line-height:17px;margin-top:8px;}
.videoTapWrap .singleOuter .time{height:17px;line-height:17px;display:inline-block;}
.videoTapWrap .singleOuter img{width:16px;height:16px;vertical-align:middle;margin-top:-2px;margin-right:-16px;}