Light12306/Web12306/css/ui/chat/chat-frame.css

#chat_frame {
	position: fixed;
	right: -370px;
	top: 0;
	z-index: 2;
	width: 360px;
	height: 100%;
	background: #fff;
	border-left: 1px solid #d67e29;
	box-shadow: 0 0 5px rgba(214, 126, 41, 0.50);
	box-sizing: border-box;
	transition: all linear 0.3s;
}

	#chat_frame.open {
		right: 0;
		display: block;
	}

#chat_float_tip {
	display: none;
}

#chat_frame .chat-page {
	position: absolute;
	top: 67px;
	left: 370px;
	bottom: 10px;
	width: 340px;
	transition: all linear 0.2s;
}

#chat_frame .chat-page-current {
	left: 10px;
	opacity: 1;
	transition: all linear 0.2s;
}

#chat_frame > header {
	line-height: 44px;
	font-size: 18px;
	padding: 5px 10px 5px 10px;
	position: absolute;
	display: block;
	width: 100%;
	background: linear-gradient(to bottom, #FF8005, #EF7108);
	font-weight: bold;
	color: #ffffff;
	top: 0;
}

@media(max-width:1730px) {
	.wrap.chat-on {
		margin-right: 365px;
		margin-left: 0;
	}
}