body, html {
				position: absolute;
				width: 100%;
				top: 0;
				bottom:0;
				overflow: hidden;
			}

			.msg-middle {
				/*flex: 1;*/
				bottom: 70px;
				margin-top: 10px;
				position: absolute;
				width: 100%;
				overflow-y: h;
				-webkit-overflow-scrolling: touch;
				overflow-scrolling: touch;
				left: 0;
				padding-bottom: 10px;
				overflow: hidden;
				top: 0px;
			}

			.msg-content-consult-content {
				overflow: hidden;
				width: auto;
			}

			.chat:before, .chat:after {
				content: " ";
				display: table;
				clear: both;
			}

			.msg-content-left .body {
				padding: 10px 10px;
				margin: 10px 50px 10px 15px;
				background-color: #fff;
				border-radius: 20px 20px 20px 4px;
				float: left;
				position: relative;
				line-height: 1.5;
				color: #333;
				text-align: left;
			}

			.msg-content-right .body {
				padding: 10px 10px;
				margin: 10px 15px 10px 50px;
				background-color: #ffdd8c;
				border-radius: 20px 20px 4px 20px;
				float: right;
				position: relative;
				line-height: 1.5;
				color: #333;
				text-align: left;
			}

			.msg-middle .content {
				word-break: break-all;
			}

			.msg-content-middle .content {
				font-size: 12px;
			}

			.msg-content-middle {
				text-align: center;
				color: #bbb;
				margin-bottom: 10px;
			}

			.msg-content-consult {
				padding: 0px 10px 10px 10px;
				overflow-x: auto;
				overflow: hidden;
				margin-top: 20px;
			}

			::-webkit-scrollbar {
				width: 0px
			}

			.msg-content-consult li {
				margin-right: 10px;
				width: 110px;
				float: left;
			}

			.msg-content-consult li .text {
				text-align: center;
				margin-top: -8px;
				padding: 10px 0;
				background: #fff;
				border-radius: 0 0 12px 12px;
			}

			.msg-content-consult li .title {
				margin: 4px 0 2px;
				text-overflow: ellipsis;
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}

			.msg-content-consult li .content {
				font-size: 10px;
				color: #999;
				text-overflow: ellipsis;
				overflow: hidden;
				display: -webkit-box;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}

			/*content end*/

			/*top start*/

			.msg-top {
				top: 0;
				position: fixed;
				background: #fff;
				width: 100%;
				left: 0;
				line-height: 40px;
				text-align: center;
				z-index: 99;
				color: #000;
				font-size: 18px;
			}

			.msg-top-btn {
				width: 50px;
			}

			.msg-top-btn-img {
				width: 15px;
				height: 15px;
			}

			/*top end*/

			/*foot start*/

			.msg-foot {
				overflow: hidden;
				background: #ffffff;
				width: 100%;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 100;
				position: fixed;
			}

			.msg-foot-bar {
				overflow: hidden;
				min-height: 50px;
				padding: 0 5px;
			}

			.msg-foot-btn {
				padding-left: 8px;
				padding-right: 8px;
				position: relative;
				width: 24px;
			}

			.msg-foot-btn-img {
				width: 24px;
				height: 24px;
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: 13px;
			}

			.msg-foot-input {
				border: 0;
				width: 100%;
				margin: 10px 0;
				font-size: 13px;
				color: #666;
				overflow: hidden;
				padding: 5px 10px;
				max-height: 45px;
				overflow-y: auto;
				position: relative;
				border: 0;
				border: 1px solid #efefef;
				border-radius: 5px;
				-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
				-webkit-user-select: none;
				-moz-user-focus: none;
				-moz-user-select: none;
				-webkit-appearance: none;
				outline: none;
				/*width: 100%;

margin: 10px 0;

font-size: 13px;

color: #666;

overflow: hidden;

    overflow-y: hidden;

padding: 5px 10px;

max-height: 45px;

overflow-y: auto;

position: relative;

height: 40px;

font-size: 15px;*/
			}

			.msg-foot-input:empty:before {
				content: attr(placeholder);
				color: #999999;
			}

			.msg-foot-input:focus:before {
				content: none;
			}

			/*foot end*/

			/*ohter*/

			.swiper-slide {
				height: auto;
			}

			.active-btn:active {
				background: #f5f5f5;
				-webkit-tap-highlight-color: transparent;
			}

			.touch-tip {
				display: none;
				position: absolute;
				left: 0;
				width: 100%;
				margin: 10px 0;
				text-align: center;
				color: #999;
				font-size: 12px;
				z-index: 500;
			}

			.touch-loading-container {
				display: none;
				width: 100%;
				background: #f3f5f5;
				overflow: hidden;
				position: relative;
			}

			/*animate*/

			.touch-loading {
				width: 15px;
				height: 15px;
				border-radius: 50%;
				margin: 0 auto;
				position: relative;
				border: 5px solid lightgreen;
				-webkit-animation: turn 2s linear infinite;
			}

			.touch-loading span {
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #ff9800;
				position: absolute;
				left: 50%;
				margin-top: -7px;
				margin-left: -7px;
				-webkit-animation: changeBgColor 2s linear infinite;
			}

			@-webkit-keyframes changeBgColor {
				0% {
					background: #ff9800;
				}
				100% {
					background: #ff9800;
				}
			}

			@-webkit-keyframes turn {
				0% {
					-webkit-transform: rotate(0deg);
					border-color: #ff9800;
				}
				100% {
					-webkit-transform: rotate(360deg);
					border-color: #ff9800;
				}
			}

			.msg-loading {
				height: 18px;
				margin: 0 auto;
				margin: 0 10px;
			}

			.msg-loading span {
				display: inline-block;
				width: 7px;
				height: 100%;
				border-radius: 4px;
				background: #ff9800;
				-webkit-animation: load 1s ease infinite;
				animation: load 1s ease infinite;
			}

			@-webkit-keyframes load {
				0%, 100% {
					height: 18px;
					background: #ff9800;
				}
				50% {
					height: 25px;
					margin: -4px 0;
					background: #ff9800;
				}
			}

			.msg-loading span:nth-child(2) {
				-webkit-animation-delay: 0.2s;
				animation-delay: 0.2s;
			}

			.msg-loading span:nth-child(3) {
				-webkit-animation-delay: 0.4s;
				animation-delay: 0.4s;
			}

			.msg-loading span:nth-child(4) {
				-webkit-animation-delay: 0.6s;
				animation-delay: 0.6s;
			}

			.msg-loading span:nth-child(5) {
				-webkit-animation-delay: 0.8s;
				animation-delay: 0.8s;
			}

			/*已读未读*/

			.mrwd {
				position: absolute;
				left: -30px;
				bottom: 10px;
				color: #F44336;
				font-size: 10px;
			}

			.mryd {
				position: absolute;
				left: -30px;
				bottom: 10px;
				color: #5c5b5b;
				font-size: 10px;
			}

			.loadEffect {
				position: absolute;
				left: -25px;
				bottom: 10px;
			}

			/*已读未读*/

			/*满意度*/

			.satisfaction {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: rgba(0, 0, 0, 0.5);
				z-index: 9999999;
				display: none;
			}

			.satisfaction-content {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				background: #FFFFFF;
				overflow: hidden;
			}

			.satisfaction-content h3 {
				line-height: 40px;
				text-align: center;
				font-weight: 500;
				background: #fff;
				font-size: 13px;
				color: #333;
			}

			.satisfaction-content h3 i {
				position: absolute;
				right: 10px;
				font-size: 20px;
				color: #9c9595;
			}

			.pj {
				padding: 5px 0;
			}

			.pj ul {
				overflow: hidden;
				width: 170px;
				margin: 0 auto;
				margin-bottom: 5px;
			}

			.pj li {
				width: 24px;
				height: 24px;
				float: left;
				margin: 0 5px;
				background: url(../img/star.png);
			}

			.pj li.cur {
				background: url(../img/star-choose.png);
			}

			.satisfaction-content .textres {
				display: block;
				font-size: 12px;
				width: 85%;
				max-width: 90%;
				height: 50px;
				max-height: 50px;
				padding: 5px;
				margin: 0px auto;
				border-radius: 3px;
				box-sizing: border-box;
				border: 1px solid #999;
				overflow-y: auto;
				word-break: break-all;
			}

			.satisfaction-content .textres:empty:before {
				content: attr(placeholder);
				color: #999999;
			}

			.satisfaction-content #submit {
				display: block;
				width: 85%;
				padding: 7px 0;
				margin: 20px auto;
				background: #FF9800;
				border: none;
				border-radius: 3px;
				color: #FFFFFF;
				text-align: center;
				font-weight: 600;
			}

			/*满意度*/

			.msg-current-flag {
				font-size: 12px;
				width: 100%;
				background: #c2c4c4;
				color: #fff;
				line-height: 20px!important;
			}

			/*new知识库*/

			.repository_div {
				overflow: hidden;
				background: #fff;
				margin: 20px 10px 10px 10px;
				border-radius: 10px;
				padding: 10px;
			}

			.repository_div .title {
				padding: 8px 0;
				line-height: 16px;
				font-size: 13px;
				font-weight: 400;
				color: #000;
				border-bottom: 1px solid #CCC;
			}

			.repository_li {
				border-bottom: 1px solid #F0F0F0;
				position: relative;
				width: 100%;
				line-height: 1.5em;
				padding: 7px 0;
			}

			.icon-enter {
				display: inline-block;
				float: right;
				width: 18px;
				height: 18px;
				background: url(../images/enter.png) no-repeat center;
			}

			.loading_ {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: #fff;
				z-index: 9999;
			}

			.services {
				background: #fff;
				width: 130px;
				margin: 0 auto;
				border-radius: 10px;
				position: relative;
				height: 50px;
				margin-top: 10px;
			}

			.services img {
				position: relative;
				top: -15px;
			}

			.services p {
				font-size: 14px;
				position: relative;
				top: -12px;
				color: #333;
			}

			.prestrain span {
				display: inline-block;
				width: 5px;
				height: 5px;
				margin-right: 5px;
				background: #DDDDDD;
				border-radius: 15px;
				-webkit-animation: prestrain 1.04s ease infinite;
			}

			.prestrain span:last-child {
				margin-right: 0px;
			}

			@-webkit-keyframes prestrain {
				0% {
					opacity: 1;
					-webkit-transform: scale(1.2);
				}
				100% {
					opacity: .2;
					-webkit-transform: scale(.2);
				}
			}

			.prestrain span:nth-child(1) {
				-webkit-animation-delay: 0.13s;
			}

			.prestrain span:nth-child(2) {
				-webkit-animation-delay: 0.26s;
			}

			.prestrain span:nth-child(3) {
				-webkit-animation-delay: 0.39s;
			}

			.msg-animate {
				-webkit-animation: my-show 0.8s;
				animation: my-show 0.8s;
				margin-top: 0;
			}

			@-webkit-keyframes my-show {
				0% {
					margin-top: 60px;
				}
				/*50%{
					opacity: 0.5;
				}*/
				100% {
					margin-top: 0;
				}
			}

			.servicers {
				position: fixed;
				z-index: 99;
				right: 15px;
				bottom: 80px;
				background: #fff;
				padding: 8px;
				border-radius: 100px;
				opacity: 0.6;
			}

			.servicers div {
				position: absolute;
				font-size: 12px;
				left: -65px;
				bottom: 37px;
				background: #fff;
				padding: 10px;
				border-radius: 35px 35px 0;
				display: none;
			}

			.sx_flex {
				display: flex;
				flex-direction: column;
				height: 100%;
				position: relative;
			}

			/*留言*/

			.leave {
				background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
				display: none;
				left: 0;
				position: absolute;
				right: 0;
				bottom: 0;
				height: 100%;
				overflow-y: auto;
				top: 0;
				z-index: 9999999;
			}

			.leave-content {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				background: white;
				padding: 20px;
				padding-top: 0px;
				line-height: 30px;
			}

			.leave-content-top {
				line-height: 40px;
				font-size: 15px;
				margin-top: 5px;
				margin-bottom: 5px;
				text-align: center;
				position: relative;
			}

			.leave-content ul {}

			.leave-content li {
				margin-bottom: 12px;
				line-height: 35px;
			}

			.leave-input {
				flex: 1;
				border: 1px solid #eee;
				line-height: 35px;
				border-radius: 5px;
				margin-left: 10px;
				overflow: hidden;
				font-size: 12px;
			}

			.leave-input input {
				width: 100%;
				border: 0;
				margin: 0;
				padding: 0;
				padding: 0px 5px;
				float: left;
				height: 35px;
				padding-left: 10px;
				font-size: 14px;
			}

			.leave-btn {
				line-height: 35px;
				border-radius: 5px;
				background: #ff9801;
				color: #fff;
				text-align: center;
				margin-top: 15px;
				margin-bottom: 10px;
			}

			.leave-content-ptitle {
				font-size: 13px;
			}

			.leave-content .empty {
				border-color: red;
			}

			.face_witem {
				overflow: hidden;
				display: inline-block;
				padding: 8px;
			}

			.red {
				color: red;
				line-height: 37px;
				padding-left: 3px;
			}

			/*弹出*/

			/* .information-container{
				
					position:absolute;
					bottom:50px;
					left:0px;
					right:0px;
					
			}
				.information {
				margin:0 auto;
		    	height: 50px;
		    	line-height: 50px;
		    	background: rgba(0,0,0,0.5);
		    	color: #FFFFFF;
		    	border-radius:5px ;
		    	text-align: center;
		    	width: 100%;
		    	margin:0 auto ;
		    	display: none;
		    	overflow: hidden;
		    	white-space:nowrap;
		    	font-size: 14px;
		    	
		    }
		   @-webkit-keyframes my-show{
				0%{
					width: 100%;
					height: 50px;
		    	    line-height: 50px;
		    	    font-size: 14px;
		    	    color: #FFFFFF;
				}
				25%{
					width: 80%;
					height: 40px;
		    	    line-height: 40px;
		    	    font-size: 14px;
		    	    color: #FFFFFF;
				}
				60%{
					width: 80%;
					height: 40px;
		    	    line-height: 40px;
		    	    font-size: 14px;
		    	    color: #FFFFFF;
				}
				75%{
					width: 60%;
					height: 30px;
		    	    line-height: 30px;
		    	    font-size: 12px;
		    	    -webkit-animation-delay: 0.1s;
					animation-delay: 0.1s;
					color: #FFFFFF;
				}
				100%{
					color: rgba(0,0,0,0.5);
					line-height: 0px;
					width: 0;
					height: 0;
					font-size: 1px;
				}
			}
			.load_s{
				-webkit-animation: my-show 3s;
		    	animation: my-show 3s;
		    	display: block !important;
			}*/

			.msg-middle a {
				color: #007AFF;
			}

			.pswp__button--close {
				background: url("");
				font-size: 24px;
				font-weight: bold;
			}