@charset "utf-8";

/* CSS Document */
*, *:before, *:after { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font-family: Microsoft Yahei, Verdana, Geneva, sans-serif; font-size: 14px; line-height: 24px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow: hidden; }
a { outline: none; cursor: pointer; color: #222; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a, img { border: none; -ms-interpolation-mode: bicubic; }
li { list-style-type: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.clearfix { clear: both; _height: 1px; overflow: hidden; *display: inline; }
.ption_r { position: relative; }
.ption_a { position: absolute; }
.f_left { float: left; }
.f_right { float: right; }
.orange_word { font-style: normal; }
.white_word { color: #eee; }
.test { border: 1px solid #a00; }
.test2 { border: 1px solid #0a0; }
.qqbt { display: block; width: 77px; height: 22px; background: url(../images/qqjt.gif) no-repeat center; }
.background img { position: absolute; top: 0; left: 0; z-index: -999; width: 100%; height: 100%; }
.header { width: 100%; height: 50px; background: rgba(50, 50, 50, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232, endColorstr=#7F323232); background-size: auto 50px; }
.header .logo { width: 212px; height: 54px;/*background: url(../images/logo.png) left no-repeat;_background: url(../images/logo.gif) left no-repeat;*/ text-indent: -600px; overflow: hidden; float: left; }
.header .nav { float: left; display: block; height: 100%;/*width:820px;*/	/* overflow: hidden; */ }
.header .nav .navlink { display: block; padding: 0px 7px; height: 50px; line-height: 50px; float: left; color: #fff; font-weight: bold; border-right: 1px solid #8F9498; }
.header .nav .navlink:hover { color: #ff0; background-color: rgba(37, 96, 185, 0.7); }
.header .nav .navlink.save { border-left: none; background: url(../images/save.png) no-repeat 3px center; border-right: none; background-color: rgb(153, 0, 255); padding-left: 25px; }
.header .kefu_bt { position: relative; top: 0px; float: left; display: inline-block; background-color: #425468; width: 135px; z-index: 100; }
.header .kefu_bt li { display: none; width: 100%; height: 30px; text-align: center; margin-top: 5px; }
.header .kefu_bt li a { *margin-left: -28px; }
.header .kefu_bt li.first { height: 50px; line-height: 50px; display: block; background: url(../images/olzx.gif) no-repeat center; display: block; margin-top: 0px; }
.header .kefu_wx { position: relative; top: 0px; float: left; display: none; background-color: #425468; width: 135px; z-index: 100; }
.header .kefu_wx li { display: none; width: 100%;/*height: 30px;*/ text-align: center; margin-top: 5px; }
.header .kefu_wx li a { *margin-left: -28px; }
.header .kefu_wx li.first { height: 50px; line-height: 50px; display: block; background: url(../images/wxzx.gif) no-repeat center; display: block; margin-top: 0px; }
.header .right_wrap { float: right; }
.header .right_wrap div { height: 30px; line-height: 30px; text-align: center; float: left; }
.header .right_wrap .bt { color: #fff; margin: 10px; padding: 0px 10px; }
.header .right_wrap .bt:hover { cursor: pointer; }
.header .right_wrap .bt:hover { cursor: pointer; }
.header .right_wrap .bt.huanfu { font-weight: bold; border: solid 1px #FF0; color: #FF0; }
.header .right_wrap .bt.reg { background-color: #f00; margin-right: 0px; }
.header .right_wrap .bt.login { background-color: #0a0; }
.header .right_wrap .user { margin-top: 10px; margin-right: 10px; }
.header .right_wrap .mynickname img { width: 30px; display: block; float: left; margin-right: 5px; }
.header .right_wrap .mynickname:hover { cursor: pointer; }
.header .right_wrap .mynickname { display: block; color: #fff; text-align: center; height: 30px; line-height: 30px; float: left; margin-right: 8px; }
.usermenu { display: none; background: #ccc; z-index: 999; position: fixed; top: 50px; right: 15px; width: 90px; }
.usermenu li { text-align: center; }
.usermenu li a { width: 100%; display: block; }

/*布局*/
.main { width: 100%; margin-top: 10px; overflow: hidden; position: relative; }
.main_left { width: 190px; height: 100%; float: left; margin-left: 10px; }
.main_mid { height: 100%; margin-right: 660px; margin-left: 212px; left: 0; top: 0; position: relative; background: rgba(80, 80, 80, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C505050, endColorstr=#4C505050); }
.main_right { height: 100%; width: 640px; right: 10px; top: 0; position: absolute; }
.main_left .topdiv { width: 100%; }

/*投票*/
.vote ul { width: 100%; height: 25px; }
.vote li { margin-top: 3px; font-size: 14px; height: 22px; text-align: center; line-height: 22px; color: #333; background: #eee; border-top: 1px solid #ccc; float: left; cursor: pointer; width: 33.3%; overflow: hidden; }
.vote li.active { background: #ffffff; color: #e4393c; height: 25px; line-height: 25px; font-weight: bold; margin-top: 0; -moz-box-shadow: 2px 0 2px #DDDDDD; -webkit-box-shadow: 2px 0 2px #DDDDDD; box-shadow: 2px 0 2px #DDDDDD; border-bottom: none; }
.vote .tab_con div { height: 40px; background: url(../images/tp.png) no-repeat; overflow: hidden; }
.vote .tab_con a { float: left; width: 62px; *width: 58px; padding-right: 4px; height: 40px; text-align: right; margin-right: 1px; display: block; color: #ff0; line-height: 22px; }
.vote .tab_con a em { display: block; color: #fff; line-height: 14px; font-style: normal; }

/*用户列表*/
#user_list { background: rgba(80, 80, 80, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C505050, endColorstr=#4C505050); margin-top: 5px; overflow: hidden; }
.user_ti { height: 31px; line-height: 31px; border-bottom: rgba(255, 255, 255, 0.3) 1px solid; color: #fff; padding-left: 5px; }
.u_ty { width: 24px; height: 24px; overflow: hidden; display: block; float: right; background: url(../images/ico.png) left no-repeat; font-size: 0px; margin-top: 3px; margin-right: 2px; }
.member_u { background-position: 0 1px; }
.manage_u { background-position: 0 -38px; }
.member_io_u { background-position: 0 -133px; }
.friend_u { background-position: 0 -86px; }
.u_ty:hover { margin-top: 2px; }
#ul_member_io  li { position: relative; margin: 5px 0 }
#ul_member_io  i.role_img { width: 30px; height: 30px; position: absolute; top: -1px; }
#ul_member_io  i.role_img img { width: 100%; }
#ul_member_io  i.name .u_mor { margin-left: 35px; color: #d4b340; }
#ul_member_io  i.msg { color: #fff; }

/*border:rgba(255,255,255,0.4) 1px solid;*/
.user_sh { margin: 5px 0; width: 100%; height: 26px; }
.user_sh input { margin-left: 5px; width: 150px; float: left; height: 18px; line-height: 18px; background: rgba(0, 0, 0, 0.3); border: none; padding: 4px 5px; color: #eee; }
.user_sh a { background: rgba(0, 0, 0, 0.3) url(../images/ico.png) -2px -200px no-repeat; width: 22px; height: 26px; display: block; float: left; font-size: 0; }
#list_u li { height: 32px; line-height: 32px; margin-top: 1px; color: #fff; overflow: hidden; position: relative; padding-left: 5px; }
#list_u li:hover { background: rgb(170, 190, 205); }
#list_u li a { color: #d4d8da; color: rgba(255, 255, 255, 0.8); *color: #d4d8da; /*width: 135px;*/ overflow: hidden; text-overflow: ellipsis; }
#list_u span { width: 30px; display: block; height: 28px; margin-top: 1px; margin-right: 5px; float: right; }
#list_u span img { width: 100%; }
.te-img { width: 23px; height: 20px; margin-left: 5px; margin-top: 3px; float: left; }
#list_u .u_cur, #list_u .u_cur:hover { height: 53px; background: rgb(205, 218, 229); color: #222; overflow: visible; }
#list_u .u_cur span { width: 40px; height: 40px; margin-top: 4px; }
#list_u .u_cur a { color: #222; font-size: 18px; height: 53px; line-height: 53px; }
#list_u li p { padding-left: 5px; font-size: 12px; width: 144px; height: 23px; line-height: 23px; position: absolute; left: 0; top: 27px; }
#list_u .u_cur p a { float: left; display: block; color: #999; }
#list_u .u_cur p a:hover { color: #222; }
#list_u .u_cur p .u_mor { float: right; background: url(../images/ico.png) 25px -225px no-repeat; padding: 0 18px 0 5px; margin-right: 2px; }
#list_u .u_cur p .u_id { float: right; }
#list_u .loadUmore a { color: #fff; cursor: pointer }
.talkto { padding: 0 0px 0 22px; background-image: url(../images/ico.png); background-position: 0px -133px; background-repeat: no-repeat no-repeat; }
.talkto:hover { background-position: 0 -163px; }
.like { background: url(../images/heart.png) left top no-repeat; width: 16px; margin: 3px 0 0 15px; font-size: 0px; height: 16px; }
.follow .like { background-position: left bottom; }
dl.umenu { z-index: 200; background: rgb(216, 220, 223); width: 72px; font-size: 13px; }
dl.umenu dd { height: 27px; line-height: 27px; padding-left: 3px; color: #222; }
dl.umenu dd:hover { background: rgb(233, 234, 236); cursor: pointer; }
.main_left .btmdiv { position: absolute; bottom: 0px }
a#nav9 { display: block; }
.btmdiv img { width: 100%; height: 100%; display: block }

/* 聊天区样式 */
.notice { height: 31px; line-height: 31px; border-bottom: rgba(255, 255, 255, 0.3) 1px solid; color: #ff0; padding: 0 10px; overflow: hidden; }
.topiccontent { float: left; width: 100%; margin-top: 5px; }
.navbts { position: absolute; width: 100%; right: 0px; top: 30px; z-index: 7 }
.nav6 { right: 0px; }
.r_btn { right: 5px; width: 100px; text-align: center; z-index: 8; display: none }
.r_btn a { display: inline-block; height: 23px; width: 40px; line-height: 23px; background: rgba(170, 170, 170, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2aaaaaa, endColorstr=#B2aaaaaa); margin-top: 3px; margin-right: 10px; border-radius: 3px; box-shadow: 1px 1px 3px #000; }
.r_btn a.cur { background: rgba(255, 255, 255, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff, endColorstr=#C8ffffff); }
.talk { position: relative; clear: both; margin: 5px; margin-right: 2px; }
.talk span { display: block; width: 40px; height: 40px; position: absolute; left: 0; top: 5px; }
.talk_name, .talk_hua { margin-left: 50px; }
.talk_name { color: #333; height: 20x; line-height: 20px; }
.talk_name a { margin-right: 4px; color: #d4d8da; color: rgba(255, 255, 255, 0.8); *color: #d4d8da; float: left; }
.talk_name a.time { color: #333 }
.talk_name a.dui { background-color: #EC781A; padding: 0 4px; border-radius: 4px; }
.talk_name img { width: 23px; float: left; margin-right: 4px; }
.talk_hua { margin-top: 5px; }
.talk_hua p { color: #333; }
.talk_hua p, .shenhe, .delete ,.show_room_code { background: rgb(243, 245, 246); /*padding: 3px;*/ border-radius: 3px; float: left; box-shadow: 1px 1px 3px #000; line-height: 2em; }
.talk_hua p img { max-height: 60px; width: auto; height: expression(this.height> 60 ? 60:true); margin-right: 3px; }
.show_room_code { background: #1b82f1; margin-left: 5px; color: #fff; }
.shenhe, .delete { background: rgb(243, 15, 16); margin-left: 5px; color: #fff; }
.delete { float: right; display: none }
.clear { clear: both; }
.ared { color: #f00; font-weight: bold; }
#mCSB_1_scrollbar_vertical { margin-right: 3px; }

/*私聊*/
#topicbox_pri .private_time { background: #dedede; color: #fff; border-radius: 10px; padding: 0 5px; font-size: 12px; }
#topicbox_pri .myself .private_time { float: right; margin-right: 10px; }

/* 聊天区输入上端温馨提示 */
#warnmsg { height: 24px; color: #f00; width: 100%; left: 0; bottom: 129px;/* position: absolute; */ overflow: hidden; }
#warnmsg p { margin: 0 5px; background: #fff; padding-left: 10px; }
#gaojikefu {/* height: auto; */color: #f00; width: 100%; left: 0; bottom: 99px;/* position: absolute; */ overflow: hidden; }
#gaojikefu p { margin: 0 5px; background: #fff; padding-left: 10px; padding-top: 2px;/* height: 30px; */ /*line-height: 30px;*/ padding-top: 5px; clear: both; height: auto; overflow: hidden; }
#gaojikefu p a { margin-right: 10px; display: inline-block; }
#gaojikefu p a img { display: inline-block; }
#gaojikefu span { background: #2184DF url(../images/bi.png) right no-repeat;/* height: 22px; */ line-height: 22px; padding: 0 10px 0 8px; display: inline-block; float: left; color: #fff; }
#gaojikefu .navbt { float: right; color: red; line-height: 20px; margin-right: 10px; display: inline-block; outline: none; cursor: pointer; }
#topicinput .navbt { background: url(../images/book.png) no-repeat 3px 3px; background-color: #ff0; border: 1px #f00 solid; color: #f00; padding: 0px 3px 0px 23px; height: 24px; line-height: 20px; border-radius: 2px; margin: 5px 0 5px 5px; display: inline-block; }

/* 聊天区输入部分样式 */
#topicinput { width: 100%;/* height: 100px; */ left: 0; bottom: -1px;/* position: absolute; */ }
.tool_bar { margin: 0 5px; background: rgb(243, 243, 243); /*height: 37px;*//* overflow-x:hidden;overflow-y:visible;*/ position: relative; }
.bar { padding: 0px 3px 0px 23px; height: 24px; line-height: 20px; border: #ccc 1px solid; border-radius: 2px; background: #fff; margin: 5px 0 5px 5px; display: inline-block; background: url(../images/tool.png) no-repeat; }
.bar:hover { border: #999 1px solid; }
.bar_1 { background-position: 4px 4px; }
.bar_2 { background-position: 4px -35px; }
.bar_3 { background-position: 3px -77px; }
.bar_4 { background-position: 4px -116px; }
.bar_5 { background-position: 4px -155px; }
.bar_1:hover { background-position: 4px -201px; }
.bar_2:hover { background-position: 4px -241px; }
.bar_3:hover { background-position: 3px -282px; }
.bar_4:hover { background-position: 4px -321px; }
.bar_5[select=true] { background-position: 4px -361px; }
.bar_6 { background: url(../images/book.png) no-repeat 3px 3px; background-color: #ff0; border: 1px #f00 solid; color: #f00; }
.tool_bar .s_right { /*position: absolute; right: 3px; top: 5px;*/ height: 25px; }
.tool_bar select { margin: 0 5px; }
.input_area { margin: 0 5px; background: rgb(255, 255, 255); height: 62px; position: relative; padding: 5px 130px 0 5px; }
.input_area input { font-size: 20px; padding: 5px 0; width: 100%; height: 52px; border: #B67233 1px solid; outline: none; font-family: 楷体; }
.sub_btn { background: #aaa url(../images/sent.png) center center no-repeat; width: 110px; height: 52px; line-height: 35px; display: block; border-radius: 5px; font-size: 0px; position: absolute; right: 5px; top: 5px; }
.sub_btn1 { background: #aaa url(../images/sent1.png) 15% center no-repeat; width: 110px; height: 52px; line-height: 50px; display: block; border-radius: 5px; font-size: 25px; color: rgba(255,255,255, 0.8);text-align: right;padding-right: 12px; position: absolute; right: 5px; top: 5px; }

/* 表情、彩条 */
#face { background: #fff; border: rgb(146, 146, 142) 1px solid; border-radius: 3px; padding: 5px 5px 20px 5px; /*width: 255px;*/ /*height: 180px;*/ position: fixed; box-shadow: 1px 1px 3px #000; z-index: 1001; }
#face dd { float: left; /*width: 27px; height: 25px;*/ overflow: hidden; cursor: pointer; }
#face dd img { max-width: 40px; padding: 2px; max-height: 40px; }
#face ul, #caitiao ul { background: #e4e4e3 url(../images/g_bg.jpg) left top repeat-x; position: absolute; left: 0; bottom: 0; width: 100%; }
#face ul li, #caitiao ul li { float: left; padding: 0 5px; border-left: #e4e4e3 1px solid; border-right: #e4e4e3 1px solid; }
#face ul li:hover, #face ul .active, #caitiao ul li:hover, #caitiao ul .active { background: #fff; border-color: #d9d9d8; cursor: pointer; }
#face #blx img { height: 40px; }
#caitiao { background: #fff; border: rgb(146, 146, 142) 1px solid; border-radius: 3px; padding: 5px; width: 70px;/*height:190px;*/ left: 280px; bottom: 135px; box-shadow: 1px 1px 5px #666; }
#caitiao dd { background: #f8f6fe; height: 22px; line-height: 22px; text-align: center; cursor: pointer; }
#caitiao dd:hover { background: #4ca0d9; }
/* #caitiao dl { padding-bottom: 22px } */

/* 视频区样式 */
.sp_ti { height: 30px; background: rgba(80, 80, 80, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F505050, endColorstr=#7F505050); padding-top: 4px; overflow: hidden }
.sp_ti span { float: left; width: 100px; height: 26px; line-height: 26px; display: inline-block; text-align: center; background: rgba(255, 255, 255, 0.3); margin-left: 2px; color: #fff; }
.sp_ti a { float: left; color: #fff; margin-left: 10px;  height: 26px; line-height: 26px; }
.sp_ti span a { float: none; margin: 0; }
#videolink { float: left; padding-left: 50px; }
#livenotice { float: right; width: 300px; display: inline-block; color: #ff0; margin-right: 10px; }
#shiping { height: 480px; background: rgb(31, 53, 85); position: relative; }
#shiping img { /*max-width: 100%;*/ /*height: 480px;*/ }
#shiping-shelte { width: 100%; height: 100%; color: #fff; background-color: #222; font-size: 16px; }
#shiping-shelte p { text-align: center; padding-top: 160px; }
#shiping>.prism-ErrorMessage { border: 1px solid black;    /* width: 200px; */    /* height: 200px; */
text-align: center; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: -moz-box; -moz-box-align: center; -moz-box-pack: center; display: -o-box; -o-box-align: center; -o-box-pack: center; display: -ms-box; -ms-box-align: center; -ms-box-pack: center; display: box; box-align: center; box-pack: center; }
#introduce { margin-top: 10px; background: rgba(80, 80, 80, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F505050, endColorstr=#7F505050); overflow: hidden; }
#introduce .tab_bt { border-bottom: rgba(255, 255, 255, 0.5) 1px solid; height: 31px; line-height: 31px; overflow: hidden }
#introduce .tab_bt a { width: 81px; text-align: center; height: 26px; line-height: 26px; margin-top: 4px; display: inline-block; background: rgba(0, 0, 0, 0.5); color: #fff; margin-left: 2px; }
#introduce .tab_bt .active { background: rgba(255, 255, 255, 0.3); }
#introduce .tab_bt a:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); }
#introduce .tab_con { padding: 10px; padding-bottom: 2px; }
.footer { width: 100%; position: fixed; z-index: 14; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.5); color: #666; }
.footer a { color: #666; margin-right: 10px }
.footer a:hover { color: #ff0; }
.pl_15 { padding-left: 15px; }
.pr_15 { padding-right: 15px; }

/*私聊弹出框*/
#face_new { background: #fff; border: rgb(146, 146, 142) 1px solid; border-radius: 3px; padding: 5px; width: 252px; height: 180px; position: fixed; box-shadow: 1px 1px 3px #000; z-index: 20; }
.icon-close { background: url(../images/icon-close1.png) center no-repeat; width: 20px; height: 20px; cursor: pointer; }
.icon-close:hover { background: url(../images/icon-close1-over.png) center no-repeat; }
#Talkbox { position: fixed; z-index: 1000; top: 50%; left: 50%; margin: -300px 0 0 -350px; box-shadow: 0px 0px 5px #000; width: 700px; height: 600px; background: #f7f7f7; overflow: hidden; display: none; }
#TalkToNames .name_list { height: 600px; float: left; width: 150px; position: absolute; left: 0; top: 0; background-color: rgb(67, 158, 208); }
#TalkToNames dl {	/* float:left;width:120px;position:absolute;left:0;top:0; */background-color: rgb(67, 158, 208); margin-bottom: -999px; padding-bottom: 999px; font-size: 12px; }
#TalkToNames dd {	/*height:20px;*/line-height: 20px; padding: 8px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; *white-space: auto; *height: 36px; *line-height: 36px; *padding: 0 5px; }
#TalkToNames dd .uname { width: 86px; display: block; overflow: hidden; text-overflow: ellipsis; }
#TalkToNames dd i { float: right; display: none; *margin-top: 8px; }
#TalkToNames dd img { float: left; margin-top: -1px; width: 20px; *margin-top: 8px; }
#TalkToNames dd.cur { background-color: rgb(152, 215, 249); }
#TalkToNames dd.cur i { display: block; }
#TalkToNames dd.newmsg { background-color: rgba(255, 95, 95, 0.8); *background-color: rgb(255, 95, 95); font-weight: bold; }
#TalkCon { margin-left: 150px; position: relative; height: 600px; }
#TalkName {	/*height:19px;*/line-height: 19px; padding: 8px; border-bottom: #ccc 1px solid; background: #ddd; padding-left: 20px; font-size: 16px; }
#TalkName i { float: right; background-color: #ccc; }
#TalkName img { width: 20px; }
#TalkCon .msgpanel { height: 500px;/* overflow-y:scroll; overflow-x:hidden;*/ }
#TalkCon ul { padding: 10px; }
#TalkCon li { position: relative; margin-top: 10px; display: block; }
#TalkCon li img.roleimg { position: absolute; left: 0px; top: 5px; width: 40px; height: 40px; }
#TalkCon li span, #TalkCon .TalkCon_p { padding-left: 45px; line-height: 18px; }

/*#TalkCon .TalkCon_p{padding-top:5px;background:url(../images/icon-talk.gif) 60px top no-repeat;}*/
#TalkCon .TalkCon_p span { padding: 5px 8px; min-width: 30px; max-width: 380px; background-color: rgb(152, 215, 249); border-radius: 5px; display: inline-block; width: auto; word-break: break-all; }
#TalkCon .TalkCon_p img { border: none; }
#TalkCon .mine { text-align: right; }
#TalkCon .mine img.roleimg { left: auto; right: 0px; }
#TalkCon .mine span { padding-left: 0px; padding-right: 45px; }

/*#TalkCon .mine .TalkCon_p{padding:5px 45px 0 0;background:url(../images/icon-talk.gif) 385px top no-repeat;}*/
#TalkCon .mine .TalkCon_p span { padding: 5px 8px; text-align: left; }
#TalkCon .talktime { height: 24px; line-height: 24px; color: #999; font-size: 12px; text-align: center; }

/*#TalkCon .talkhistory{background:url(../images/talkhistory.png) center no-repeat;}*/
#Talkinput { position: absolute; bottom: 0; left: 0px; height: 64px; border-top: #ccc 1px solid; width: 551px; background: #fff; }
.faceShow { float: left; display: block; width: 40px; height: 63px; border-right: #eee 1px solid; background: url(../images/tool.png) 10px -14px no-repeat; font-size: 0; overflow: hidden; text-indent: -20px; }
.faceShow:hover { background-color: #ddd; border-right: #ccc 1px solid; }
.Talkinputarea { float: left; width: 404px;/*height:27px;*/ line-height: 41px; padding: 10px 5px; border: 1px solid #fff; font-size: 16px; }
.Talksentbtn { position: absolute; bottom: 0; right: 0; width: 108px; height: 63px; line-height: 50px; border: none; background-color: rgb(67, 158, 208); color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; }
.codeli { width: 250px; }
.lyy_talkname a { color: #666;/* background: #7dc91c; */ padding: 0 3px; border-radius: 5px;/* color: #fff; */ }
#TalkCon .m_talkhistory { width: 249px; height: 41px; background: url(../images/history.jpg); margin-left: 93px; }
a.word_gray { color: #3f3f3f; }
.myself span { position: absolute; left: 486px; }
.myself .talk_name { margin-right: 50px; }
.myself .talk_name a { float: right; }
.myself .talk_hua { float: right; margin-right: 50px; margin-left: 0; }
#talkpanels .talk_hua p { background: #98d7f9; box-shadow: none; }

/*以下是飞屏*/
.feiping { width: 900px; position: fixed; left: 213px; font-size: 30px; color: red; line-height: 30px; }
.m_feiBox { width: 581px; height: 332px; background: #f5f5f5; border-radius: 3px; overflow: hidden; }
.mfei_title { font-size: 26px; color: #cc0001; margin: 40px 40px; }
.m_ml { margin-left: 40px; }
.m_ml label { margin-right: 20px; }
.m_feiText { width: 500px; height: 95px; resize: none; }
.m_feiBox .btn { width: 150px; height: 40px; background: #489d48; line-height: 40px; text-align: center; color: #fff; border: none; border-radius: 5px; margin-top: 20px; font-size: 16px; cursor: pointer; }
.flyscreen { font-size: 30px; display: none;/*left:210px;*/ position: fixed; top: 150px; line-height: 30px; height: 40px; overflow: hidden; }
.m_scroll { width: 10000px; position: absolute; top: 0; left: 10000px; }
.talk_pic { cursor: pointer; }

/*弹出框的下载按钮*/
.download_pc { width: 273px; height: 51px; border-radius: 7px; }
.download_pc a { width: 273px; height: 51px; display: block; }
@media screen and (max-width:1600px) {
	.header .nav {		/*width:680px;*/ }
	.main { margin-top: 5px; }
	.main_left { margin-left: 5px; }
	.main_mid { margin-right: 570px; margin-left: 202px; }
	.main_right { width: 560px; right: 5px; }
	#shiping { height: 420px; }
	#introduce { margin-top: 5px; }
}
@media screen and (max-width:1366px) {
	.main_mid { margin-right: 490px; }
	.main_right { width: 480px; }
	#shiping { height: 360px; }
}
@media screen and (max-width:960px) {
	#daojikefu .morekf { display: none; }
}
@media screen and (max-width:890px) {
	.main_left { display: none; }
	.main_mid { margin-left: 5px; }
	.flyscreen { left: 10px; }
}
@media screen and (max-width:598px) {
	.main_right { width: 100%; height: 240px; right: 0; top: 0px; }
	.header { height: 30px; background-size: auto 30px; }
	.header .logo { width: 133px; height: 32px; background-size: auto 32px; }
	.sp_ti, .notice, .footer, .tool_bar, .header .nav, #warnmsg, #daojikefu { display: none; }
	.header .right_wrap .bt { padding: 0px 5px; margin: 0px 5px; height: 30px; line-height: 30px }
	.header .right_wrap .bt.huanfu { display: none; }
	.header .right_wrap .user { margin: 0px; }
	.header .kefu_bt li.first { height: 30px; line-height: 30px; }
	.navbts { right: 0px; top: 0px; }
	#shiping { height: 240px; z-index: 2 }
	#introduce { display: none; }
	.main { margin: 0; z-index: 0; }
	.main_mid { margin: 0; top: 240px; }

	/*公聊输入框*/
	#topicinput { position: fixed; height: 45px; left: 0px; bottom: 0px; }
	.input_area { height: 42px; }
	.input_area input { font-size: 16px; padding: 0px; height: 32px; }
	.sub_btn { height: 32px; }
	.sub_btn1 { height: 32px;font-size: 22px;line-height: 32px; padding-right:16px}
}

/*登录框*/
.us_mian { background: rgba(255, 255, 255, 0.75); padding: 35px 0; border-radius: 8px; }
.us_con { width: 360px; margin: auto; *margin-top: -35px; }
.us_con li { clear: both; margin-top: 15px; *margin-top: 11px; position: relative; }
.us_con li .validform_check { position: absolute; right: 5px; top: 15px; }
.us_con li .validform_right { background: url(../images/right.png); width: 16px; height: 16px; }
.us_con li .validform_wrong { background: url(../images/wrong.png); width: 16px; height: 16px; }
.us_con li img { float: right; width: 140px; height: 40px; border: #ccc 1px solid; }
.us_con .areg { width: 358px; margin: auto; height: 40px; line-height: 40px; font-size: 18px; color: #fff; display: block; text-align: center; background: #5CB85C; border: #4CAE4C 1px solid; border-radius: 3px; }
.red { color: rgb(215, 55, 57); }
.us_input { border-radius: 4px; font-size: 16px; }
.text_input { width: 328px; height: 16px; line-height: 16px; padding: 15px; border: #ccc 1px solid; }
.btn_input { width: 358px; height: 46px; line-height: 46px; border: rgb(201, 0, 0); background: rgb(215, 55, 57); *border: none; color: #fff; font-size: 20px; font-weight: bold; cursor: pointer; }
.btn_input:hover { background: rgb(201, 0, 0); }

/*登录框，注册框，修改密码，修改昵称*/
.m_login { background: #f5f5f5; overflow: hidden; height: 419px; border-radius: 3px; padding: 0 100px; }
.m_login input[type="text"] { border: 1px solid #ccc; }
.login_title { text-align: center; font-size: 26px; color: #666; margin-top: 40px; }
.num_login { width: 338px; *width: 308px;/* margin-left:110px;*/ line-height: 18px; padding: 15px; color: #999; display: block; }
.password { width: 338px; *width: 308px;/* margin-left:110px;*/ margin-top: 20px; line-height: 18px; padding: 15px; color: #999; }
.yanzhengma { width: 340px; height: 48px;/* margin-left:110px;*/ margin-top: 20px; position: relative; display: block; }
.yanzhengma input { width: 338px; *width: 308px; line-height: 16px; padding: 15px;/* float:left;*/ color: #999; }
.yan_new { height: 120px; }
.yanzhengma img { float: right; border: 1px solid #ccc; position: absolute; right: 7px; top: 7px; width: 100px; height: 36px; }
.auto_login { clear: both; height: 40px; line-height: 40px;/* margin-left:110px;*/ }
.auto_login label { color: #969696; }
.auto_login input { float: left; margin-top: 14px; margin-right: 5px; }
.forget_password { margin-left: 190px; color: #bdbdbd; font-style: normal; }
.green_button_tan { width: 339px; height: 46px;/* margin-left:110px;*/ background: #37a647; color: #fff; text-align: center; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; font-size: 20px; font-weight: 400; }
.zhuce_title { text-align: center; font-size: 26px; color: #666; margin-top: 50px; margin-bottom: 10px; }
.red_button_tan { width: 338px; height: 46px;/* margin-left:108px;*/ background: #c50304; color: #fff; text-align: center; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; margin-top: 20px; font-size: 20px; font-weight: 400; }
.zhuce_wrap { height: 550px; }

/*.zhuce_wrap input{padding-top:10px;padding-bottom:10px; *width:300px;}*/
.wrong { font-size: 12px; color: #fd3434; background: url(../images/wrong.png) left 5px no-repeat; margin-left: 110px; height: 20px; line-height: 25px; padding-left: 20px; }
.tishi { font-size: 12px; color: #cacaca; margin-left: 110px; height: 20px; line-height: 25px; }
.red_border { border: 1px solid #fd3434; }
.revise_title { text-align: left; font-size: 22px; color: #666; margin-top: 40px; padding-left: 110px; }
.mt20 { margin-top: 20px; }
.mt60 { margin-top: 60px; }
.name_login { background: #f5f5f5; overflow: hidden; height: 342px; border-radius: 3px; padding: 0 100px; }
.name_input { width: 338px;/* margin-left:110px;*/ line-height: 18px; padding: 15px; color: #999; *width: 300px; }
.name_login input[type="text"] { border: 1px solid #ccc; }
.name_wrap { *width: 330px; margin-top: 40px; position: relative; }
.cha { width: 24px; height: 23px; background: url(../images/cha.png) no-repeat; position: absolute; right: 106px; top: 14px; }
.resetbutton { *margin-left: -338px; }
.div { width: 800px; height: 250px; overflow: hidden; }

/*推广*/
.m_spread { background: #f5f5f5; overflow: hidden; height: 245px; border-radius: 3px; padding: 0 100px; }
.spread_title { text-align: center; font-size: 22px; color: #666; margin-top: 40px; margin-bottom: 50px; }
p.spread_people { margin: 40px 0; text-align: center; font-size: 16px; }
.spread_url textarea { width: 266px; height: 37px; float: left; padding: 0 10px; resize: none; }
.spread_button_tan { width: 80px; height: 37px; background: #37a647; color: #fff; text-align: center; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; font-size: 20px; font-weight: 400; margin-left: 20px; }
@media screen and (max-width:480px) {
	.m_login { padding: 0 20px; height: 390px; }
	.m_spread { padding: 0 20px; height: 240px; }
	.num_login { width: 240px; padding: 7px; }
	.password { width: 240px; padding: 7px; }
	.yanzhengma { width: 240px; height: 40px; }
	.yanzhengma input { width: 240px; padding: 7px; }
	.yan_new { height: 87px; }
	.green_button_tan { width: 240px; }
	#getcode { width: 55px; height: 25px; top: 4px; }
	.zhuce_wrap { height: 428px; }
	.zhuce_title { margin-top: 20px; }
	.red_button_tan { width: 240px; }
	.name_input { width: 240px; }
	.name_login { padding: 0 20px; }
	.revise_title { padding-left: 0; }

	/*飞屏*/
	.m_feiBox { width: 288px; }
	.m_feiText { width: 238px; }
	.mfei_title { margin: 40px 25px; }
	.m_ml { margin-left: 25px; }
	.div { width: 360px; height: 120px; }
	.div a { width: 30px; display: inline-block; }
	.div a img { width: 100%; }
	.download_pc { width: 134px; height: 34px; }
	.div .download_pc a { width: 134px; height: 34px; }
	.win_img { width: 14px; height: 14px; margin: 10px 0 0 16px; }
	.windows { font-size: 10px; width: 85px; padding-left: 8px; margin-top: 3px; }
	.short_input input { width: 160px; }
	#getcode { width: 77px; height: 32px; top: 0px; right: 0px; }
	.spread_url { width: 200px; }
	textarea.text.copytext { width: 200px; height: 46px; float: left; padding: 10px; }
	.spread_button_tan { width: 60px; font-size: 16px; margin-left: 0; margin-top: 20px; }
}
@media screen and (max-width:350px) {
	.div { width: 300px; height: 100px; }
}

/*换肤*/
.huanfu-layer { padding: 20px; padding-right: 8px; }
.huanfu-layer img { margin: 2px; width: 100px; height: 55px; }
.huanfu-layer img:hover { cursor: pointer; }

/*审核*/
.shenghe { padding: 3px 6px; margin-left: 20px; background: #f3f5f6; border: 1px solid #666; cursor: pointer; border-radius: 3px; }

/*右下角信息提示*/

/*.right_bottom_message{ width: 197px; height: 0px; background: #9b0a11; position: fixed; right:0; bottom:0; border-radius:5px 0 0 0; z-index: 1000;}*/
.right_bottom_message { width: 260px; height: 0px; background: #9b0a11; position: fixed; right: 0; bottom: 0; border-radius: 5px 0 0 0; z-index: 1000; }
#lyy_notice { cursor: pointer; }
.clos_btn { width: 20px; height: 19px; background: url(../images/clo.jpg); position: absolute; right: 0; top: 0; display: block; cursor: pointer; }

/*.mes_wrap{margin-left:25px;margin-top:25px; overflow:hidden;}*/
.mes_wrap { margin-left: 35px; margin-top: 40px; overflow: hidden; }
.mes_wrap img { float: left; margin-right: 5px; }
.mes_title { height: 26px; font-size: 20px; color: #fff; float: left; }

/*.right_bottom_message p{ color:#fff; padding-left:40px; height:28px; line-height: 28px;}*/
.right_bottom_message p { color: #fff; padding-left: 80px; height: 28px; line-height: 28px; }

/*兼容ie*/
.ief { position: absolute; left: 17px; color: rgb(153, 153, 153); font-size: 13px; }
.ieg { position: absolute; left: 17px; color: rgb(153, 153, 153); font-size: 13px; }
.lief { left: 120px; }
.pass_lyy1, .pass_lyy2 { position: absolute; left: 120px; color: rgb(153, 153, 153); font-size: 13px; }
.pass_lyy3 { position: absolute; left: 17px; color: rgb(153, 153, 153); font-size: 13px; }
@media screen and (max-width:370px) {
	.logo { position: absolute; left: 0; top: 0; }
}
#MoreM dd a { width: 100%; height: 100%; display: block; }
#reg_qq a { display: inline-block; margin: 0 5px; }
.m_login { z-index: 999; }
.strategy_txt { cursor: pointer; font-size: 16px; color: #832422; }
.nav_img { z-index: 14; position: absolute; display: none }
/* .loading { width: 128px; height: 25px; background: url(../images/load.gif) no-repeat 0 3px; padding-left: 27px; color: #a9b9d0; margin: 40px auto; } */
.new_gift_detail  li { position: relative; margin: 5px 0 }
.new_gift_detail  i.role_img { width: 30px; height: 30px; position: absolute; top: -1px; }
.new_gift_detail  i.role_img img { width: 100%; }
.new_gift_detail  i.name .u_mor { margin-left: 35px; color: #d4b340; }
.new_gift_detail  i.msg { color: #fff; }
.chat_vest_select { width: 120px; margin: 5px 0 5px 5px; height: 24px; line-height: 29px; border: 1px solid #e5e5e5; border-radius: 3px; background: url(../images/g_t.jpg) no-repeat 104px 11px; color: #666; font-size: 12px; float: left; cursor: pointer; position: relative; }
.chat_vest_name { line-height: 24px }
.chat_vest_list { max-height: 300px; width: 120px; overflow-x: hidden; overflow-y: auto; border: 1px solid #e5e5e5; border-radius: 3px; }
.chat_vest_list li { width: 100%; height: 28px; line-height: 28px; background: #eee; }
.chat_vest_list li:hover { background: #CCC; }
.chat_vest_img { width: 17px; height: 17px; margin: 5px 5px 0; float: left; }
.chat_vest_box { position: absolute; left: 0; bottom: 34px; display: none; }
#chat_vest_manage{padding: 20px;}
#chat_vest_manage .chat_vest_add input[type=text] { padding: 5px; border: 1px solid #ccc; }
#chat_vest_manage .chat_vest_add select { padding: 5px; border: 1px solid #ccc; }
#chat_vest_manage .chat_vest_add input[type=button] { width: 50px; background: #489d48; line-height: 30px; text-align: center; color: #fff; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; }
.hide { display: none; }
.show { display: block; }
#ul_member .search { width: 100%; background: transparent; border: none; color: #fff; border-bottom: 1px solid #7b817f; }
a.chat_list_rolename { border-radius: 6px; border: 1px solid; font-size: 12px; padding: 0px 5px; background-color: #ffffff45; }

/*直播室内注册*/
#QSDNIpRG6o { padding: 2em 0em; }
#QSDNIpRG6o .pop_tit { font-size: 24px; line-height: 50px; color: #444; text-align: center;/* padding-top: 1em; */ }
#QSDNIpRG6o .pop_tit span { display: inline-block; margin: 25px 20px 0; height: 1px; vertical-align: top; background: #aec7de; width: 20%; }
#QSDNIpRG6o .pop_tit span i { display: block; height: 1px; background: #5d8fbe; width: 60%; }
#QSDNIpRG6o>form { padding: 0 20px; }
#QSDNIpRG6o>form>div { padding: 5px; }
#QSDNIpRG6o>form>div>input { line-height: 1.5em; width: 100%; border: 1px solid #eee; height: 40px; text-indent: 1em; }
#QSDNIpRG6o #getcode { outline: red dashed 1px; vertical-align: middle; height: 40px; }
#QSDNIpRG6o .code { width: 70%; }
#QSDNIpRG6o .mobile_code { width: 70%; }
#QSDNIpRG6o .submit { width: 100%; line-height: 1.5em; height: 40px; border: 1px solid #eee; background: #3396ff; color: #fff; }

/*隐藏技术支持标识*/
.footer .navbt { display: none; }

/*喊单*/
#topicbox .handan { background: red; display: block; border-radius: 3px; color: #fff; font-size: 14px; font-weight: normal; }
#topicbox .handan a { color: yellow; }
#topicbox .handan>img { vertical-align: middle; max-height: 30px; }

/*角色头像大小*/
#topicbox img.roleimg { max-width: 40px; }

/*积分榜单样式*/
.credits_top { overflow: hidden; margin: 20px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0 }
.credits_top table { width: 100%; color: #666; text-align: center; font-size: 1pc; border-spacing: 0; }
.credits_top table th { width: 33.3%; background-color: #2d2e38; text-align: center; line-height: 40px; color: #fff; }
.credits_top td { width: 33.3%; border-bottom: 1px #e5e5e5 dashed; line-height: 34px }
.chatbottom { position: absolute; bottom: 0; width: 100%;background: #fff; }