@CHARSET "UTF-8";
body {width:100%;height:100%;}
div {margin:0 auto}
a {color:#000;text-decoration:none;}
li {list-style-type:none;}
.bcGray {background:#ebebeb;}
.bcRed {background:#e75f8d;}
.session {width:100%;padding:0.3rem 0 1.8rem 0;overflow:hidden;-webkit-animation-duration:0.5s;animation-duration:0.5s;display:none}
.session .qun_title {width:8rem;height:0.8rem;background:#cecece;line-height:0.85rem;color:#ffffff;text-align:center;}
.session .qun_time {width:2rem;height:0.6rem;background:#cecece;line-height:0.65rem;color:#ffffff;text-align:center;display:none}
.icon {width:0.45rem !important;height:0.44rem !important;vertical-align:middle;}

.chat_detail img {width:100%;height:100%}
.chat_detail {width:9rem;float:left;margin:0.5rem 0 0 0.27rem}
.chat_detail .li1 {width:1.07rem;height:1.07rem;float:left}
.chat_detail .li2 {width:7rem;float:left;color:#666;margin-left:0.4rem;}
.chat_detail .li3 {max-width:5.75rem;margin:0.05rem 0 0 0.32rem;float:left;border:#d0d0d0 1px solid;background:#fff;padding:0.25rem;position:relative;}
.chat_detail .li4 {width:6rem;margin:0.05rem 0 0 0.25rem;float:left;position:relative;}
.chat_detail .row {width:0.2rem;height:0.4rem;position:absolute;left:-0.2rem;top:0.25rem}

.chat_detail_my {width:9rem;float:right;margin:0.5rem 0.27rem 0 0}
.chat_detail_my img {width:100%;height:100%}
.chat_detail_my .li1 {width:1.07rem;height:1.07rem;float:right}
.chat_detail_my .li2 {max-width:5.75rem;margin:0.05rem 0.32rem 0 0;float:right;border:#83d45a 1px solid;background:#a0e75a;padding:0.25rem;position:relative;}
.chat_detail_my .li3 {width:6rem;text-align:right;margin:0.05rem 0.25rem 0 0;float:right;position:relative;}
.chat_detail_my .row {width:0.2rem;height:0.4rem;position:absolute;right:-0.2rem;top:0.25rem}

.send {width:10rem;height:1.33rem;position:fixed;left:50%;margin-left:-5rem;bottom:0}

@-webkit-keyframes p-chat-input {
	0%   { opacity: 0;}
	50%  { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes p-chat-input {
	0%   { opacity: 0;}
	50%  { opacity: 1;}
	100% { opacity: 0;}
}

@-webkit-keyframes resize {
    0% {opacity: 0.5;-webkit-transform:scale(20, 20);transform: scale(20, 20);}
    100% {opacity: 1;-webkit-transform:scale(1, 1);transform: scale(1, 1);}
}
@keyframes resize {
	0% {opacity: 0.5;-webkit-transform:scale(20, 20);transform: scale(20, 20);}
    100% {opacity: 1;-webkit-transform:scale(1, 1);transform: scale(1, 1);}
}

.outResize {
	width:7.65625rem;
	margin-top:2rem;
	-webkit-animation-name:resize;
	animation-name:resize;
	-webkit-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
}


[data-dpr="1"] .br3{border-radius:3px}
[data-dpr="2"] .br3{border-radius:6px}
[data-dpr="3"] .br3{border-radius:9px}

[data-dpr="1"] .br5{border-radius:5px}
[data-dpr="2"] .br5{border-radius:10px}
[data-dpr="3"] .br5{border-radius:15px}

[data-dpr="1"] .fontSize12{font-size:12px;}
[data-dpr="2"] .fontSize12{font-size:24px;}
[data-dpr="3"] .fontSize12{font-size:36px;}

[data-dpr="1"] .fontSize14{font-size:14px;}
[data-dpr="2"] .fontSize14{font-size:28px;}
[data-dpr="3"] .fontSize14{font-size:42px;}

[data-dpr="1"] .fontSize16{font-size:16px;}
[data-dpr="2"] .fontSize16{font-size:32px;}
[data-dpr="3"] .fontSize16{font-size:48px;}