*{margin:0;padding:0;list-style:none;font-family:微软雅黑}#container{width:450px;height:780px;background:#eee;margin:5px auto 0;position:relative;box-shadow:20px 20px 55px #777}.header{background:#000;height:40px;color:#fff;line-height:34px;font-size:20px;padding:0 10px}.footer{width:430px;height:50px;background:#666;position:absolute;bottom:0;padding:10px}.footer input{width:275px;height:45px;outline:none;font-size:20px;text-indent:10px;right:80px}.footer input,.footer span{position:absolute;border-radius:6px}.footer span{display:inline-block;width:62px;height:48px;background:#ccc;font-weight:900;line-height:45px;cursor:pointer;text-align:center;right:10px}.footer span:hover{color:#fff;background:#999}#user_face_icon{display:inline-block;background:red;border-radius:30px;position:absolute;bottom:6px;left:14px;cursor:pointer;overflow:hidden}#user_face_icon,img{width:60px;height:60px}.content{font-size:20px;width:435px;height:662px;overflow:auto;padding:5px}.content li{margin-top:10px;padding-left:10px;width:412px;display:block;clear:both;overflow:hidden}.content li img{float:left}.content li span{background:#7cfc00;padding:10px;border-radius:10px;float:left;margin:6px 10px 0;max-width:310px;border:1px solid #ccc;box-shadow:0 0 3px #ccc}.content li img.imgleft{float:left}.content li img.imgright{float:right}.content li span.nickleft{float:left;text-align:left}.content li span.nickleft,.content li span.nickright{background:#eee;padding:0;border-radius:0;margin:6px 10px 0;max-width:310px;border:0 solid #ccc;box-shadow:0 0 0 #ccc;width:90%;font-size:16px;color:#aaa}.content li span.nickright{float:right;text-align:right}.content li div.sysinfo{font-size:16px;border-radius:5px;background:#ddd;color:#fff;text-align:center;width:auto}.content li span.spanleft{float:left;background:#fff}.content li span.spanright{float:right;background:#7cfc00}