@charset "utf-8";
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0) }
li { list-style: none }
i { font-style: normal }
a { text-decoration: none; font-size: 14px; color: #F00 }
input { outline: 0; border: 0 }
img { border: 0 }
.fl { float: left }
.fr { float: right }
.clear { content: ''; display: block; clear: both }
html, body { width: 100%; height: 100%; overflow: hidden }
body {font-size: 13px; font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;}
input { font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,”Hiragino Sans GB”,Simsun,sans-self;}
::-webkit-scrollbar {
color:white;
background-color:rgba(0,0,0,0.2);
width:10px;
height:10px;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.2) inset
}
::-webkit-scrollbar-thumb {
border-radius:16px;
background:gray
}
header { height: 36px; background-color: #FFF }
header .rightList { height: 36px; line-height: 36px; padding-right: 10px }
header .rightList input { position: relative; bottom: 11px; width: 68px; height: 26px; text-align: center; background-color: #caecfc; font-size: 14px; border-radius: 2px; color: #333 }
header i { display: inline-block; font-style: normal; color: #333 }
header .h-icon1 { padding-left: 42px; background: url(i/headerIcon.png) no-repeat 0 4px; position: relative; bottom: 20px; right: 20px }
header .h-icon2 { width: 34px; height: 34px; background: url(i/headerIcon.png) no-repeat center; background-size: cover }
header .h-icon3 { width: 30px; height: 30px; background: url(i/headerIcon.png) no-repeat center -176px }


#editor { margin-top: 8px; height: 40px; padding: 2px 2px 0 2px; background-color: #e7ebf2; /*margin-left:70px;*/ margin-right:50px; width:auto }
.messageEditor { padding-left: 8px; margin-left:5px; margin-right:5px;height: 30px; border: 1px solid #cbcbcb; border-radius: 4px; line-height: 30px; overflow: hidden; background: white; outline: none;}
#footer .smile,#footer .caitiao { float: left; margin: 13px 3px 0px 3px;}
#footer .smile>img,#footer .caitiao>img{ width: 26px; height: 26px; }
.sendBtn { margin-top: 12px; margin-right: 4px; width: 50px; height: 30px; line-height: 30px; text-align: center; background-color: #148bcf; color: #FFF; border-radius: 4px; cursor: pointer }
#logo { height: 45px; text-align: center; background: black; border-bottom: 1px solid white; color: white; line-height: 45px; }
article { position: relative }
.kuaiXun { background-color: #FFF; width: 100%; display: none; }
#qqOnline { padding-top: 8px; background-color: #FFF; width: 100%; display: none; overflow:auto; }
#qqOnline li { height: 40px; line-height: 40px; padding-left: 38px; border-bottom: 1px solid #f4f4f4; font-size: 14px; color: #333 }
#qqOnline li img { position: relative; top: 6px; margin-right: 18px }
nav { width: 100%; height: 30px; background-color: #e7ebf2; z-index: 999; border-top: 1px solid #c0c7d3; border-bottom: 1px solid #c0c7d3;}
nav ul{ display: flex; justify-content: space-around;}
nav li {height: 30px; line-height: 30px; margin: 0 auto; text-align: center; color: black; font-size: 12px; display: flex;justify-content: center;align-items: center;}
/* nav .active { border-bottom: 2px solid red; } */
/* nav .active1 { border-bottom: 2px solid red; } */
/* nav .active2 { border-bottom: 2px solid red; } */

.setting-expression-layer .expression { position: fixed; bottom: 50px; left: 2px; background-color: #e7ebf2; z-index: 8; border: 1px solid #c0c8d5; }
.login { position: absolute; left: 50%; top: 80px; margin-left: -45%; width: 90%; background-color: #FFF; z-index: 9999 }
#loginActiveLeft, #loginActiveRight { position: relative }
#loginActiveLeft img, #loginActiveRight img { position: absolute; left: 50%; margin-left: -7px }
#loginSpec { height: 40px; line-height: 40px; text-align: center; background-color: #f6f5f5 }
#loginSpec li { float: left; width: 50%; color: #7e7e7e; font-size: 20px }
.login .active { background-color: #b8e8ff; color: #2c2c2c }
.login .tabCon { width: 80%; margin: 0 auto; text-align: center; padding: 20px 28px 4px }
.login .tabCon input { width: 100%; margin: 0 auto; margin-bottom: 12px; padding-left: 2%; border: 1px solid #ccc; height: 30px; line-height: 30px; border-radius: 2px }
.login .tabCon .spec01, .login .tabCon .spec02 { line-height: 30px; padding-left: 34px; text-align: left }
.login .tabCon .LTabCon p { color: #6c6c6c }
.zhezhao, #sharedWrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8888; background-color: #000; opacity: .702; display: none }
.zClose { width: 23px; height: 18px; position: absolute; right: 15px; top: 15px; z-index: 8889; background: url('../images/icon.png') no-repeat left -10px }
.sharedClose { width: 23px; height: 18px; position: absolute; right: 5px; top: 8px; z-index: 8889; background: url('../images/sharedClose.png') no-repeat left }
.tipMes { position: absolute; top: 122px; left: 50%; margin-left: -45%; width: 90%; height: 30px; z-index: 99999; text-align: center; color: #F00 }
#shared { position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -153px; width: 264px; height: 226px; padding: 8px 8px 10px; background-color: #FFF; z-index: 9999; display: none }
#sharedBtn { float: left; width: 40px; padding-left: 4px;}
#sharedBtn2 { float: left; width: 25px; padding-left: 4px; margin-top: 4px; }
#sharedBtn2 a{ color: #148bcf; font-size: 24px; line-height: 40px; }
#sharedBtn2 span { margin-top: 10px; display: inline-block; background-color: #076aa3; color: #FFF; padding: 4px; border-radius: 4px; font-size: 12px }
#sharedBtn span { margin-top: 10px; display: inline-block; background-color: #076aa3; color: #FFF; padding: 4px; border-radius: 4px; font-size: 12px }
#sharedBtn img { position: relative; top: 12px }
#shared li { position: relative; margin-bottom: 10px; padding-left: 128px; height: 56px; line-height: 56px; text-align: left; background-color: #ebecec; border-radius: 4px }
#shared li a { color: #4a4a4a }
#shared li img { position: absolute; left: 66px; top: 6px }
#shared li:hover { background: #b8e8ff }
.chat-message-wrap { padding-top: 10px }
.video-box { width: 100%; height: 230px; position: relative }
.video-wrap { width: 100%; height: 230px; overflow: hidden; position: absolute }
.video-wrap .bg-opacity { width: 100%; height: 100%; background: #000; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6 }
.video-title { width: 100%; overflow: hidden }
.video-title .item1 { width: 80px; position: absolute; left: 10px; top: 2px; display: block; font-size: 14px; color: #fff; display: block; height: 18px; font-weight: bold }
.video-title .open-bigwin { width: 55px; height: 23px; position: absolute; left: 180px; top: 2px; display: block; text-align: right; color: #fff }
.video-title .video-statue { width: 70px; height: 23px; position: absolute; left: 206px; top: 0; display: block; text-align: left; cursor: default; color: #febf50; font-size: 14px }
.video-status-container { width: 76px; height: 65px; background-color: #edf7ff; display: none; position: absolute; top: 30px; left: 200px; padding: 4px 0 0 0; border: 1px solid #c7e3fc; z-index: 101 }
.video-status-container button { font-weight: normal }
.video-status-container .radio { background: transparent; border: 0 }
.sure-status-wrap { width: 100%; text-align: right; padding-top: 4px \9 }
.sure-status-wrap button { font-size: 12px }
.video-wrap .video-win { width: 100%; height: 230px; overflow: hidden; border-right: 1px solid #d9d9d9; background-color: #000; position: absolute; z-index: 100 }
.novideo-cover { width: 100%; height: 370px; position: absolute; background-color: #000; z-index: 100; top: 30px }
.novideo-cover .novideo-text { font-size: 14px; color: #FFF; width: 400px; position: absolute; top: 135px; left: 95px; line-height: 20px }
.load-video-cover { width: 100%; height: 230px; background-color: #000; z-index: 100; position: absolute; left: 0; top: 0 }
.load-video-text { font-size: 14px; color: #FFF; width: 100%; position: absolute; top: 50%; left: 50%; margin-left: -50%; text-align: center }
.load-video-text1 { font-size: 14px; color: #FFF; width: 100%; position: absolute; top: 50%; left: 50%; margin-left: -50%; text-align: center; z-index: 101 }
.load-video-text2 { font-size: 14px; color: #FFF; width: 100%; position: absolute; top: 50%; left: 50%; margin-left: -50%; text-align: center }
.btn-send { position: relative; bottom: 6px; background-color: #ebebeb; padding: 3px 5px; text-decoration: none; border: 1px solid #CCC; font-size: 12px }
.zTabCon a { color: #333 }
.loadmore-wrap { padding-bottom: 4px; width: 100%; text-align: center }
.history-hr-wrap { position: relative; bottom: 0; margin-top: 4px; width: 100%; text-align: center; color: #ccc; font-size: 12px }
.history-hr-wrap .history-hr-text { display: inline-block; background-color: #3e3d3d; padding: 1px 2px }
#newsDetail .con { max-height: 220px; overflow-y: auto }
#details, #newsDetail { width: 218px; position: absolute; top: 12px; left: 4px; border-radius: 4px; color: #FFF; background-color: rgba(68,68,68,0.9); z-index: 9998 }
#newsDetail .handanClose, #details .handanClose { position: absolute; top: 4px; left: 190px; z-index: 999 }
#chatWindowContainer { padding-top: 6px }
#details ul, #newsDetail { padding: 4px }
.scrollbar { border-radius: 4px; line-height: 0 }
.scrollbar .handle { border-radius: 4px; background: gray; cursor: pointer; line-height: 0; -webkit-box-shadow: 0 1px 0 #555; -moz-box-shadow: 0 1px 0 #555; -o-box-shadow: 0 1px 0 #555; box-shadow: 0 1px 0 #555 }
.slyWrap { margin: 0; width: 100%; float: left }
.scrollbar { width: 9px }
.scrollbar .handle { height: 100px; width: 100% }
.sly { width: 100%; margin-right: 25px; border: 0 solid #aaa }
.sly>div { padding: 0 }
.scrollbar { position: absolute; top: 0; right: 0 }
#loginBtn { width: 60px; height: 24px; line-height: 23px; text-align: center; border-radius: 2px; color: #f9f9f9; background: #fb0606; font-size: 12px }
#dropOut { position: absolute; right: 2px; top: 3px; width: 60px; height: 24px; line-height: 24px; text-align: center; border-radius: 4px; color: #454343; background: #DDD; font-size: 12px }
.loginClose { position: absolute; top: 12px; right: 10px; z-index: 99999 }
#footer { position: fixed; bottom: 0; width: 100%; height: 50px; background-color: #e7ebf2; }
section .videoTitle {  width: 30px; height: 30px; border-radius: 4px; background: #000; position: absolute; z-index: 999; top: 10px ; right:5px;}
section .videoTitle img { float: left; margin:5px; }
.loginTip { width: 140px; height: 21px; line-height: 22px; background: #e6e6e6; text-align: center; margin: 0 auto; overflow: hidden; margin-bottom: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.white { background: #FFF }
.qaclass { width: 100%; max-width: 150px; height: 25px; border-top: 1px solid #CCC; padding: 4px 0 0; margin: 6px auto 0 }
.billSpec1 { max-width: 150px; font-size: 14px; color: #0072ff }
.billSpec2 { max-width: 150px; font-weight: bold; color: #F30 }
/*.publicChat{ color:#FFF; padding:5px;}*/
.publicChat{ color:black; padding:5px;}
.msg_li{ display:block}
.info {background-color:#666;border-radius:4px; padding:2px 5px; margin:2px 0; display:inline-block}
.msg { float: left; margin-bottom: 1px; font-size:13px; padding:1px 0px; }
.msg .msg_head { float: left; color:#FFF; margin-bottom:2px;}
.msg .msg_head img { float:left;width: 22px; height: 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.msg .msg_head span { float:left; line-height:22px; margin:0 2px;padding:0 2px;}
.msg .msg_head .u{background-color:#a066cc;border-radius:2px;}
.msg .msg_head .uadmin{background-color:#FF0000;border-radius:2px;}
.msg .msg_content { min-height:22px; line-height:22px;float: left;background-color:#e7ebf2;border-radius:2px;color:#333; padding:0 5px;word-break: break-all;margin-left: 2px;}
.msg .msg_content img{vertical-align: text-bottom;  max-width: 95%;}
.msg .msg_group_ico{ width:18px; height:18px; vertical-align:text-bottom}
.chat_gift{height:30px; line-height:30px; background:#FFF; float:left; color:#000000;margin-bottom:5px;border-radius: 3px;}
.chat_giftimg{vertical-align:middle; margin-left:5px; width:27px; height:27px;}
.chat_giftx{color:#f70; margin-left:5px; font-weight:bold;}

.Notice_main{height: 30px;background: rgba(0, 0, 0, .76); padding-right: 25px;}
#close{ width: 30px; height: 30px; float: right; line-height: 29px; font-size: 25px; text-align: center; position: relative; top:-30px; font-weight: bold; color: white; }
.logoutbox{ background: #148bcfb5; display: inline-block; border-radius: 3px; padding: 0px 9px; height: 25px; line-height: 25px; margin-top: 2px; color: white;}
.OnlineUserNum{ position: relative; float: right; top: 4px; right: 2px; z-index: 101;line-height: 28px;color: white;border-radius: 30px;background: #80808094; padding-left: 10px; text-align: center; cursor: pointer; }
.dui,.shuo{ color: black; }
nav li>i:first-child{
	margin-right: 3px; font-size: 14px;
}
nav li>i:last-child{
	position: relative;top: 13px;right: 30%;color: red;
}
#logo>span{
	float: right;
}
.videoTitle{
	float: right;
	margin: 0 3px;
}
.videoTitle>img{ vertical-align: middle; }
#logo>img{
	float: left;
	height: 45px;
}
.title_bar{
	position: absolute; top: 307px; width: 100%;height: 30px;line-height: 30px;
}
#msg_tip_show span,#msg_tip_show p,#msg_tip_show font{
	color:#FF0 !important;
}

/*彩条*/
#caitiao{
	position: fixed;
    bottom: 50px;
    left: 3px;
    background: #e7ebf2;
    padding: 8px;
    border: 1px solid #c0c8d5;
    z-index: 7;
    line-height: 20px;
}
.hide{
	display: none;
}