.msgAddBox { padding: 10px 25px; background: #fff; border: 1px solid #dddddd; }
.msgAddBox .msgAdd { height: 30px; }
.msgAddBox .inputTxt { height: 20px; line-height: 20px; padding: 0; border: 1px solid #dddddd; width: 90px; color: #777777; }
.msgAddBox .msgAddTit { display: none; }
.msgAddBox .msgAddUser { height: 22px; line-height: 22px; }
.msgAddBox .msgAddUser label { float: left; display: inline; padding-right: 15px; }
.msgAddBox .msgAddUser i { color: #f00; }
.msgAddBox .msgAddUser #commentRankingBlock { float: right; display: inline; }
.msgAddBox #commentEmail { width: 180px; }
.msgAddBox #commentContnet { margin-top: 5px; background: #fff; border: 1px solid #dddddd; width: 100%; height: 60px; }
.msgAddBox .msgSubmitBar { padding-top: 10px; height: 22px; line-height: 22px; }
.msgAddBox .msgSubmitBar #commentValidCodeImg { float: left; display: inline; margin-right: 5px; }
.msgAddBox .msgSubmitBar .inputTxt { float: left; display: inline; margin-right: 5px; margin-top: -1px; }
.msgAddBox .msgSubmitBar .msgAddBtn { float: left; display: inline; height: 20px; line-height: 20px; width: 80px; text-align: center; text-decoration: none; color: #fff; border: 1px solid #0d4081; border-radius: 3px; box-shadow: inset white 0 0 1px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNTdiMCIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMTE1N2IwIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwZjRjOTkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjRjOTkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: linear-gradient(to bottom, #1157b0 0%, #1157b0 60%, #0f4c99 60%, #0f4c99 100%); background-color: #1157B0; }

.comListBox { margin: 10px 0; }

.msgList li { margin-bottom: 15px; border: 1px solid #ddd; background: #fff; box-shadow: #f1f1f1 0 3px 0; }
.msgList .msgInfo { height: 26px; line-height: 26px; padding: 0 10px; border-bottom: 1px solid #dfdfdf; color: #999; }
.msgList .msgInfo .reviewer { font-weight: 600; color: #c60; }
.msgList .msgInfo .star { float: right; display: inline; }
.msgList .msgInfo .star em { float: left; display: inline; }
.msgList .msgInfo .stars { display: block; width: 80px; height: 16px; margin-top: 5px; background: url('images/stars-s747e049a38.png') 0 0 repeat-x; }
.msgList .msgInfo .stars i { display: block; width: 0; height: 16px; background: url('images/stars-s747e049a38.png') 0 -26px repeat-x; }
.msgList .msgContent { *zoom: 1; padding: 10px; }
.msgList .msgContent:after { content: ""; display: table; clear: both; }
.msgList .msgContent .userPic { float: left; display: inline; padding-right: 10px; }
.msgList .msgContent .userPic img { width: 80px; height: 80px; }
.msgList .msgContent .msgCon { overflow: hidden; _zoom: 1; }
.msgList .msgContent .msgReply { border-top: 1px dotted #999999; margin-top: 5px; padding-top: 10px; }
.msgList .msgContent .msgReplyer { font-weight: 600; }
