.Panelwall { width: 96%; left: 50%; margin-left: -48%; top: 110px; bottom: 81px; position: absolute }
.Panel.leftqd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; overflow: hidden; display: none; opacity: 0 }
.comment-loop { }
.MsgItem { width: 100%; position: relative; background-color: rgba(0,0,0,.25); border-radius: 6px; margin: 0 0 10px; box-sizing: border-box; padding: 8px 8px 8px 7.2vw; min-height: 138px; box-sizing: border-box }
.MsgItem .head { background-color: #fff; border:.28vw solid rgba(255,255,255,.82);
background-size: cover; width: 5.6vw; height: 5.6vw; margin:.8vw;
border-radius: 100%; overflow: hidden; box-sizing: border-box; position: absolute; top: 0; left: 0 }
.MsgItem .head img { width: 100%; height: 100% }
.MsgItem .nickname { overflow: hidden; color: #fff; text-shadow: 0 0 8px rgba(0,0,0,.37); font-size: 1.5vw; line-height: 2vw }
.MsgItem .nickname .msgtime { font-size: 1.2vw }
.MsgItem .content-right { }
.MsgItem .msgword { overflow: hidden; color: #fff; text-shadow: 0 0 8px rgba(0,0,0,.37); word-break: break-all; font-size: 3vw; margin-top: 5px }
.MsgItem .msgword .ctimg { max-height: 16vw }
.msgin { -webkit-animation: msgin-transform 1s .2s ease both; -moz-animation: msgin-transform 1s .2s ease both }
.faceicon { display: inline-block; overflow: hidden; position: relative; margin: 0; padding: 0; display: none; vertical-align: middle }
.faceicon img { width: 2880px; height: 64px; position: absolute; top: 0; left: 0 }
@-webkit-keyframes msgin-transform { 0 {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0);
opacity:1
}
}
@-moz-keyframes flipInX { 0 {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-moz-transform:perspective(400px) rotateX(-10deg)
}
70% {
-moz-transform:perspective(400px) rotateX(10deg)
}
100% {
-moz-transform:perspective(400px) rotateX(0);
opacity:1
}
}


.amp_account_codeimage {  cursor: pointer; display: block; position: absolute; width: 90px; height: 90px; top: 50%; margin-top: -45px; right: 0px; border-radius: 6px;}
.closebutton { cursor: pointer; width: 30px; height: 30px;	right:0;position: absolute;}
.closebutton:before { position: absolute; content: ''; display: block; width: 22px; height: 1px; background: #9c9c9c; -webkit-transform: rotate(-45deg); top: 16px; left: 2px;}
.closebutton:after { position: absolute; content: '';  display: block;  width: 22px;  height: 1px; background: #9c9c9c; -webkit-transform: rotate(45deg); top: 16px; left: 2px;}
.qiandaoewm{ }
.anewm { }
.anewm a {padding: 10px 20px; box-sizing: border-box; background-color: #f5f5f5; border-radius: 0 0 10px 10px; color: #000; display: block;}
.rightewm{position: absolute; right:-400px; top:0; width:300px;  background-color: rgb(255, 255, 255); border-radius: 10px;    text-align: center; -webkit-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s; z-index:3}
.leftqd{height: 100%; overflow: auto; position: absolute; left: 0; right: 0; top: 0;-webkit-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s; overflow-x:hidden;}
.rightewm.openit{ right: 0 !important; }
.leftqd.openit2{ right: 300px !important;}
.rightewm .wemtp{ width:100%;border-radius:10px;}
.rightewm .sminfo{ font-size: 22px; margin-top: 24px;}
.rightewm .sminfo .activity_key {color: #FF5722;}