body{font-size:12px;font-family:Microsoft Yahei,Arial,Simsun,Helvetica,Segoe UI,sans-serif;margin:0 auto;padding:0;color:#424242;font-size:12px;font-family:Microsoft Yahei,Arial,Simsun,Helvetica,Segoe UI,sans-serif;background-color:#f2f2f2;max-width:640px;}a{text-decoration:none;}.messagesBanner{position:fixed;width:100%;max-width:640px;height:42px;top:0;font-size:15px;z-index:100;background-color:#EEE;}.messagesBanner .arrow{position:absolute;left:5px;color:#888;font-size:18px;line-height:42px;}.messagesBanner .title{position:relative;width:100%;height:42px;line-height:42px;text-align:center;}.messagesBanner .back,.messagesBanner .options{position:absolute;top:0;left:0;width:80px;height:42px;cursor:pointer;line-height:42px;text-indent:25px;}.messagesBanner .options{right:0;color:#888;width:40px;left:inherit;text-indent:0;font-size:22px;text-align:center;}.messagesMain{width:94%;margin:0 3%;padding-bottom:2px;padding-top:2px;}.messagesMain .messageMore{width:100%;display:table;}.messagesMain .messageMore .timeIcon{position:absolute;left:50%;color:#576B95;line-height:35px;margin-left:-64px;}.messagesMain .messageMore .timeIcon img{width:18px;height:18px;}.messagesMain .messageMore a{display:block;width:120px;height:35px;line-height:35px;margin:0 auto;text-align:center;color:#576b95;font-size:13px;cursor:pointer;}.messagesMain .messageList{width:100%;margin-bottom:20px;min-height:250px;display:table;}.messagesMain .messageList .messageItem{width:100%;display:table;}.messagesMain .messageList .messageItem.tips{width:86%;margin:15px auto 0 auto;height:40px;line-height:40px;background-color:#BFBFBF;text-align:center;border-radius:4px;color:#FFF;}.messagesMain .messageList .messageItem .messageTime{width:100%;display:table;margin:15px 0;text-align:center;}.messagesMain .messageList .messageItem .messageTime.empty{margin:8px 0;}.messagesMain .messageList .messageItem .messageTime span{border-radius:10px;padding:2px 10px;background-color:#D1D1D1;color:#FFF;font-size:12px;}.messagesMain .messageList .messageItem .messageTime.empty span{display:none;}.messagesMain .messageList .messageItem .messager{float:left;width:50px;height:50px;margin:0 5px;border-radius:3px;}.messagesMain .messageList .messageItem.self .messager{float:right;}.messagesMain .messageList .messageItem .messager img{width:100%;height:100%;border-radius:3px;border:none;}.messagesMain .messageList .messageItem .tail{float:left;height:10px;width:20px;margin:20px -10px 0 0;background-image:url("../images/messageTail.png");background-repeat:no-repeat;background-size:100%;}.messagesMain .messageList .messageItem.self .tail{float:right;margin:20px 0 0 -10px;background-image:url("../images/messageTailSelf.png");}.messagesMain .messageList .messageItem .content{position:relative;float:left;font-size:15px;max-width:58%;line-height:20px;padding:8px;border-radius:10px;background-color:#FFF;word-break:break-word;}.messagesMain .messageList .messageItem .content p{ line-height:25px;margin:0;}.messagesMain .messageList .messageItem .content a{color:#6388d4;text-decoration:underline;}.messagesMain .messageList .messageItem.self .content{float:right;background-color:#9BD348;}.messagesMain .messageList .messageItem .content img.emoji{width:20px;height:20px;vertical-align:middle;margin-top:-2px;margin-left:1px;margin-right:1px;}.messagesMain .messageList .messageItem.text .content img:not(.emoji){width:100%;max-width:96%;border-radius:3px;display:block;}.messagesMain .messageList .messageItem.text .content img.clickImg{opacity:0.5;}.messagesMain .messageList .messageItem.image .content img{width:100%;max-width:130px;border-radius:3px;display:block;}.messagesMain .messageList .messageItem.image .content img.clickImg{opacity:0.5;}.messagesMain .messageList .messageItem.image .content .uploading{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../images/loadingData.gif);background-size:35px;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0.5);border-radius:5px;}@-webkit-keyframes playVoice{0%{width:3px;}34%{width:6px;}67%{width:10px;}100%{width:18px;}}.messagesMain .messageList .messageItem.voice .content{max-width:45%;min-width:30px;height:20px;cursor:pointer;}.messagesMain .messageList .messageItem.voice .content .voiceIcon{position:absolute;width:18px;height:20px;left:10px;right:initial;border-radius:10px;background-image:url("../images/voicePlayLeft.png");background-repeat:no-repeat;background-size:auto 100%;background-position:left center;}.messagesMain .messageList .messageItem.voice.self .content .voiceIcon{right:10px;left:initial;background-image:url("../images/voicePlayRight.png");background-position:right center;}.messagesMain .messageList .messageItem.voice .content .voiceIcon.play{-webkit-animation:playVoice 1s infinite;}.messagesMain .messageList .messageItem.voice .content .voiceSec{position:absolute;font-size:12px;right:-20px;bottom:0px;}.messagesMain .messageList .messageItem.voice.self .content .voiceSec{left:-25px;}.messagesMain .messageList .messageItem.voice .content .uploading{position:absolute;width:36px;height:36px;right:-60px;left:inherit;background-image:url(../images/loadingData.gif);background-size:25px;background-color:transparent;background-repeat:no-repeat;background-position:center;border-radius:5px;}.messagesMain .messageList .messageItem.self.voice .content .uploading{left:-55px;right:inherit;opacity:0.6;}.messagesMain .messageList .messageItem.sale .content{width:200px;display:table;}.messagesMain .messageList .messageItem.sale .content .salePic{position:relative;width:100%;height:100px;background-size:cover;background-repeat:no-repeat;}.messagesMain .messageList .messageItem.sale .content .salePic span{position:absolute;width:96%;height:24px;bottom:0;background-color:rgba(0,0,0,0.4);color:#FFF;line-height:24px;font-size:12px;padding:0 2%;display:block;}.messagesMain .messageList .messageItem.sale .content .saleDesc{margin-top:6px;line-height:22px;height:20px;font-size:13px;overflow:hidden;float:left;}.messagesMain .messageList .messageItem.sale .content .saleDesc a{display:block;}.messagesMain .messageList .messageItem.sale .content .sendSaleMessageBtn{float:right;border-radius:2px;text-align:center;font-size:13px;margin-top:7px;color:#FFF;}.messagesMain .messageList .messageItem.sale .content .close{width:18px;height:18px;padding:12px;background-image:url(../images/messageClose.png);background-repeat:no-repeat;background-position:center;background-size:18px;border-radius:8px;position:absolute;top:0;right:0;opacity:0.6;}.messagesMain .gotoBottom{position:fixed;right:10px;width:40px;color:#888;height:40px;bottom:75px;display:none;font-size:24px;cursor:pointer;margin-left:3rem;background:url(../images/backbottom.png);background-size:40px;}.messageMain{width:100%;margin-top:10px;}.messageMain .systemMessageMain{overflow:hidden;}.messageMain .systemMessageMain .systemMessage{position:relative;height:64px;margin:10px 0;background-color:#FFFFFF;}.messageMain .systemMessageMain .systemMessage .msgIcon{position:absolute;width:60px;height:64px;color:#169ADA;font-size:27px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}.messageMain .systemMessageMain .systemMessage .systemMsg{float:left;line-height:64px;font-size:16px;text-indent:60px;color:#000;}.messageMain .systemMessageMain .systemMessage .arrow{position:absolute;right:3%;width:22px;color:#C7C7C7;font-size:25px;line-height:64px;}.messageMain .messageRoomList{width:100%;display:table;overflow:hidden;background-color:#FFF;}.messageMain .messageRoomList .messageItem{position:relative;height:50px;cursor:pointer;padding:10px 3%;}.messageMain .messageRoomList .messageItem.border.horizonBottom:after{left:3%;}.messageMain .messageRoomList .messageItem .avatar{width:50px;height:50px;float:left;background-repeat:no-repeat;background-position:center left;background-size:100%;border-radius:4px;}.messageMain .messageRoomList .messageItem .nickname,.messageMain .messageRoomList .messageItem .lastMessage{position:relative;margin-left:10px;height:25px;line-height:25px;overflow:hidden;font-size:16px;color:#000;min-width:150px;word-break: break-all;}.messageMain .messageRoomList .messageItem.system .nickname:after{content:"官方";display:block;position:absolute;top:5px;left:85px;width:30px;height:12px;line-height:12px;text-align:center;color:#F43530;font-size:10px;border:solid 1px #F43530;border-radius:6px;}.messageMain .messageRoomList .messageItem .lastMessage img{width:20px;height:20px;}.messageMain .messageRoomList .messageItem .detail{display:table;margin:0 70px 0 50px;}.messageMain .messageRoomList .messageItem .updateTime{line-height:25px;font-size:14px;color:#888;float:right;}.messageMain .messageRoomList .messageItem .lastMessage{font-size:14px;color:#888;}.messageMain .messageRoomList .messageItem .info{position:absolute;height:50px;right:3%;top:10px;}.messageMain .systemMessageMain .systemMessage .unread,.messageMain .messageRoomList .messageItem .unread{font-size:12px;color:#FFF;float:right;padding:0 6px 0 6px;border-radius:10px;line-height:18px;background-color:#F43530;position:absolute;right:0;bottom:0;}.messageMain .systemMessageMain .systemMessage .unread{text-indent:0;position:absolute;right:7%;bottom:23px;}.recordMain{width:100%;display:table;}.recordMain.noData{background-color:none;text-align:center;padding-top:40px;font-size:14px;display:none;}.recordMain.noData img{width:80px;height:80px;margin-bottom:13px;}.border{ border-top:1px solid #f2f2f2;}
.dianxian{height:50px;line-height:50px;text-align:center;}.dianxian .line{display:inline-block;width:30px;border-bottom:1px solid #aaa;vertical-align:middle;}.dianxian .content{font-size:12px;color:#999;}