﻿@charset"utf-8";*{font-family:Arial, sans-serif,"宋体";}
html*{font-family:Arial;}
:focus {outline:0}
body{margin:auto;font-size:12px;font-family:arial,tahoma,sans-serif,"宋体";line-height:150%;color:#555; background-color:#fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;}
form{margin:auto}
p{margin:0;padding:0}
dl,dt,dd{margin:0;padding:0}
ul,ol,li{list-style:none;margin:0;padding:0}
input{line-height:22px;color:#666666;vertical-align:middle; }
select{height:22px;line-height:21px;color:#666666;vertical-align:middle;border:1px solid #cccccc; background-color:#ffffff;}
textarea { background-color:#fff;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;line-height:160%}
.fl{float:left}
.fr{float:right}
a{text-decoration:none}
img{border:0}
.clb{clear:both}
/*消息列表*/
.mlist{margin: 0 auto}
.top{ position: fixed;top: 0; width: 100%; background:#fff;}
.nve a{ width:25%; display: block; float: left;font-size: 18px; text-align: center; color: #838383; font-family: Microsoft YaHei; line-height: 40px}
.active{ border-bottom: 1px solid #3fd495; color: #3fd495!important}
.sou{ line-height:50px; height: 50px; padding:0 10px}
.sou img{ float: left; width: 20px; padding-top:13px}
.sou a{ padding: 0 5px; float: left;}
.sou span{ float: left; color: #505050; padding-left: 2px} 
.m_mian{ padding-top:90px; padding-bottom: 52px;}
.m_mian ul li{ border-bottom: 1px solid #f1f1f1; padding: 10px;}
.lt_left{float: left; width:4%;}
.lt_left img{width:18px;height:18px}
.li_top span{ float: left; padding-left:2%; width: 75%;font-size:14px;}
.m_mian ul li a{color: #565656;font-family: Microsoft YaHei;}
.lt_right{ width:18%;}
.lt_right img{ width: 100%;}
.lb_left{color:#cbcbcb; font-size: 14px;}
.lb_right{color:#cbcbcb; font-size: 14px;}
.lb_right span img{ width:20px; float: left;padding-right:5px}
.lb_right span{float: left; padding:0 3px}
.tp_bot{ position:fixed; bottom: 0;  height:40px;  display: block; width:94%; padding:5px 3%; background:#fff; border-top:1px solid #b8b8b8}
.tp_bot a{ text-align: center; display: block; background: #CCCEDB; padding: 5px 0;}
/*conversation*/

.conversation{ background:#d8d8d8}
.conversation ul li{padding: 5px; background: #fff; margin-bottom:5px }
.cl_top{border-bottom: 1px solid #f2f2f3; padding:0 5px;}
.cl_top p img{ width:20px; padding-right: 2px}
.clt_top h2{ line-height: 30px;margin-left:5px;}
.clt_top span{ float: right; margin-right:10px;}
.clt_top span img{ width: 20px}
.li_bot { height:20px; line-height:20px; vertical-align:middle}
.li_bot a{ color:#e6e6e6;}
.li_bot img{ width: 20px; height:20px; line-height:20px; vertical-align:middle}
.cl_bot{ padding:5px 5px 5px 5px;}
.cb_top{ padding: 0 5px; }
.cbt_left img{ width: 30px;float: left;}
.cbt_left h2{font-size: 14px; color: #666; padding:0 5px; float: left;}
.cbt_left span{ float: left;}
.cbt_left span img{ width:20px;}
.cbt_left p{ float: left; padding: 0 5px; background: #ececec; margin-left: 2%; color: #91dcbb;
border-radius:8px;}
.cb_bot{ padding:5px; color: #898989;font-family: Microsoft YaHei; font-size: 12px;}
/*song*/
.song{ padding-bottom: 150px;}
.s_top{ }
.s_top h2{ line-height: 25px; font-size: 16px;font-family: Microsoft YaHei;}
.s_top p{color: #141414;font-family: Microsoft YaHei;}
.st_right{ padding-top: 20px;text-align: center;}
.st_right a p{ color: #64625f;font-family: Microsoft YaHei;}
.st_right img{width: 30px}
.s_mian{ background: #ff808b; padding: 10px;}
.sml_left{ width:100px; height: 100px;  border-radius:50%; }
.sml_right h2{ font-size: 14px; color: #fff; font-weight: 500; padding: 3%;font-family: Microsoft YaHei;}
.sml_right p{font-family: Microsoft YaHei;color: #fff;padding:0 3%;}
.sm_right{ padding-top: 20px}
.sm_right img{ width:50px;}
.s_bot ul{ padding:5px;}
.s_bot ul li{ background: #fff; padding: 5px}
.s_bot ul li{margin-bottom: 10px;}
.sbt_left img{ width: 30px;float: left;}
.sbt_left span{ padding-top:5px; padding-left: 5px; float: left;}
.sbt_left h2{ font-size: 14px; color: #666; padding:0 5px; float: left;}
.sbt_right{ color: #dedede}
.sbt_left p{ float: left; padding: 0 5px; background: #ececec; margin-left: 2%; color: #91dcbb;
border-radius:8px;}
.sb_bot{ padding:5px 0; color:#989898;font-family: Microsoft YaHei;}
.sb_bot i{ display: block; padding: 5px; background: #f8f8f8; margin: 8px 0;font-style:normal ;}
.sbb_bot{ text-align: right}
.sbb_bot a img{ width: 15px; float: left;}
.sbb_bot a {background: #eaeaea;padding: 5px;border-radius:8px; color: #a4a4a4; float: right; margin-left:8px}
.sbb_bot a b{ float: left;}
.pinz{ width: 100%; height: 50px;position: fixed; bottom: 0;z-index: 995; background:#fff; border-top:1px solid #b8b8b8}
.pinz a{ width: 29%; height: 50px; padding: 0 2%;  line-height: 50px; float: left; text-align: center;border-right:1px solid #b8b8b8}
.pinz a img{ width:30px; padding-top:10px; float: left;}
.pinz a span{font-size: 16px; color: #000000; float: left;}
.tan{ width: 100%; height: 100%; top: 0; position: fixed; z-index: 9999; opacity: 0.6; background:#000; display: block;}
.chuang{ height: 220px; width: 100%; padding-top: 10px; position: fixed; left: 0; bottom: 0; z-index: 99999; background: #fff; overflow:auto;}
.c_kuan{width: 90%; height: 40px; border: 1px solid #b8b8b8; float: left; border-radius:8px}
.ck_top{ padding: 0 10px}
.ck_top a{ padding: 0 5px; float: right; line-height: 40px; background: #f4b630; font-size: 16px; color: #fff;font-family: Microsoft YaHei; margin-left: 3px;border-radius:8px}
.ck_bot img{ width:40px; padding:10px 5px;}
.hftj{padding:0 10px 10px 10px;}
.hftj ul li a{ width: 30px; line-height: 30px; height: 30px;color: #d7d6db; font-weight: bold ; text-align: center; display: block;font-size: 30px;}
.hftj ul li{width: 30px; height: 30px;border-radius:3px;border: 1px dotted  #d7d6db; float:left; margin-right:3px;}
/*Release*/
.relea{ background: #fff}
.biaot{ height:50px;margin-bottom: 10px; border-bottom: 1px solid #f0f0f0}
.kuangz{ width: 93%; height: 50px; font-size: 16px; padding:0 3%; border: none;}
.k_d{ width: 93%; height: 400px; font-size: 16px; padding:0 3%; border: none;resize: none;}
.weizhi{ border-bottom: 1px solid #f0f0f0}
.weizhi img{width: 30px; float: left;}
.weizhi span{ float: left; padding: 0 5px; line-height: 30px}
.r_bot{ padding:10px}
.r_bot img{ width: 30px; float: left;}
.r_bot a{ color: #fff;border-radius:5px; float: right; background: #2791db; line-height: 30px; padding:0 20px; display: block;font-family: Microsoft YaHei;}
.tj{padding:0;}
.tj ul li a{ width: 60px; line-height: 60px; height: 60px;color: #d7d6db; font-weight: bold ; text-align: center; display: block;font-size: 30px;}
.tj ul li{width: 60px; height: 60px;border-radius:5px;border: 3px dotted  #d7d6db; float:left; margin-left:3px;}

span.emotion  {width: 42px; height: 20px; background: url(http://www.16code.com/cache/demos/user-say/img/icon.gif) no-repeat 2px 2px; padding-left: 20px; cursor: pointer; }
span.emotion:hover{ background-position: 2px -28px;  }

