/* 字体 */
@font-face {
  font-family: 'PingFang Regular';
  src: url('/healthcodon/fonts/PingFang Regular.eot'); /* IE9 Compat Modes */
  src: url('/healthcodon/fonts/PingFang Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/healthcodon/fonts/PingFangSC-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/healthcodon/fonts/PingFang Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/healthcodon/fonts/PingFang Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/healthcodon/fonts/PingFang Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}


			.chatbox{
				width: 70px;
				height: 70px;
				border-radius: 50%;
				/* background-color: rgb(43,43,43); */
				position: fixed;
				right: 40px;
				bottom: 150px;
				overflow: visible;
			}
			.chata{
				position: relative;
				text-decoration: none;
				outline: none;
				color: #fff;
				font-size: 16px;
				display: inline-block;
				margin: 0;
				padding: 0;
				border: none;
				line-height: 43px;
				float: none;
				width: 100%;
				height:100%;
				border-radius: 50%;
				/* background-color: #a6a6a6; */
			}
			/* .chatspan{		
			    box-shadow: rgba(107,113,114,0.15) 0px 2px 4px 0px;
			    border: 1px solid rgb(235,239,240);
			    color: rgb(85,85,86);
			    background-color: #ffffff;
			    font-size: 13px;
			    margin: 0;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    word-break: normal;
			    visibility: hidden;
			    border-radius: 3px;
			    padding: 5px;
			    margin-left: -170px;
			} */
			.chatbox:hover .chatspan{
				visibility: visible;
			}
			.chatimg{
				display: inline-block;
				width: 100%;
				height: 100%;
				/* margin-left: 16%;
    			margin-top: 20%; */
				/* background-position: 18px -58px; */
				background: url(/healthcodon/images/Ipcontact.png) no-repeat;
				/* transition: opacity .2s ease-in-out; */	
			}
			.chata1{
				position: relative;
				text-decoration: none;
				outline: none;
				color: #fff;
				font-size: 16px;
				display: inline-block;
				margin-top:10px;
				padding: 0;
				border: none;
				line-height: 43px;
				float: none;
				width: 100%;
				height:100%;
				border-radius: 50%;
				/* background-color: #9a9a9a; */
			}
			.chatimg1{
				display: inline-block;
				width: 100%;
				height: 100%;
				/* margin-left: 24%;
    			margin-top: 35%; */
				/* background-position: 18px -58px; */
				background: url(/healthcodon/images/Ipup.png) no-repeat;
				/* transition: opacity .2s ease-in-out; */	
			}
			.kefu{
			    position: fixed;
			    z-index: 11;
    			bottom: 150px;
    			right:0;
    			float: right;
    			width:380px;
    		}
    		.YYbgc{
    		    border-radius: 5px;
    			border: 1px solid rgba(0,0,0,0.1);
    		}
    		.YYclass{
    			display: inline-block;
    			margin-right: 10px;
    			margin-top: 5px;
    		}
    		.YYpadd{
    			background-color:#2b2b2b;
    			padding: 10px 13px;
    			border-top-left-radius: 5px;
    			border-top-right-radius: 5px;
    		}
    		.YYli{
    			float:left;
    		}
    		.YYcolor{
    			color:#fff;
    		}
    		.YYdiv{
    			font-size: 18px;
    			font-family:'PingFang-SC-Medium';
    		}
    		.YYfont{
    			font-size: 12px;
    			font-family:'PingFang Regular';
    		}
    		.YYsize{
    			float:right;
    			margin-top: -31px;
    		}
    		.YYback{
    			background-color:#fbfbfc;
    			padding: 10px 13px 25px 13px;
    			overflow-y: scroll;
    			overflow-x: hidden;
    			overflow-y: scroll;
    			height: 260px;
    		}
    		.YYspan{
    			font-size:14px;
    			color:#666;
    		}
    		.YYfloat{
    			color:#999;
    			margin-top:20px;
    		}
    		.YYco{
    			color:#000;
    			width: 245px;
    		}
    		.Uyco{
    			width: 100%;
    		}
    		.Uycoco{
    			font-size: 10px;
    			color:#999;
    			position: relative;
    			top: 14px;
    			left: 10px;
    			display: inline-block;
    			padding-right:10px;
    			font-family:'PingFang Regular';
    		}
    		.Uyimg{
    			height:40px;
    		}
    		.Uyspan{
    			display: inline-block;
    			font-size: 10px;
    			position: relative;
    			top: -10px;
    			left:10px;
    			width: 90px;
    			overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
    		}
    		#sendsss{
    			padding:2px 8px;
    		}
    		#sendsss:hover{
    			background-color:#000;
    			color:#fff;
    		}
    		.Uysrc{
    			display: inline-block;
    			font-size: 11px;
    			position: absolute;
    			top: 15px;
    			left: 50px;
    			color: #999;
    		}
    		.Uykefu{
    			/* border: 1px solid #ececec; */
    			display: inline-block;
    			/* padding: 5px 10px; */
    			width:100%;
    		}
    		.Uytext{
    			width:100%;
    			text-align: right;
    		}
    		.YYin{
    			display:inline-block;
    			margin-right:10px;
    			font-size:16px;
    			font-family:'PingFang-SC-Medium';
    		}
    		.YYfami{
    			font-size:14px;
    			font-family:'PingFang-SC-Medium';
    		}
    		.YYbor{
    			font-size:14px;
    			background-color:#fff;
    			border:1px solid #ececec;
    			border-radius:2px;
    			padding:5px 10px;
    			display:inline-block;
    			font-family:'PingFang Regular';
    		}
    		.YYder{
    			font-size:14px;
    			background-color:#fff;
    			border:1px solid #ececec;
    			border-radius:2px;
    			padding:5px 10px;
    			display:inline-block;
    			width:85%;
    			font-family:'PingFang Regular';
    		}
    		.YYtop{
    			color:#999;
    			margin-top:20px;
    			margin-top:30px;
    			text-align:center;
    		}
    		.YYposi{
    			position: relative;
    			margin-top: 20px;
    			left:110px;
    		}
    		.YYre{
    			color:#999;
    		}
    		.YYleft{
    			font-size:14px;
    			font-family:'PingFang-SC-Medium';
    			margin-left: 135px;
    		}
    		.YYright{
    			font-size:14px;
    			background-color:#2b2b2b;
    			border:1px solid #ececec;
    			border-radius:2px;
    			padding:5px 10px;
    			display:inline-block;
    			font-family:'PingFang Regular';
    		}
    		.YYding{
    			background-color:#fff;
    			padding: 10px 13px 18px 13px;
    			border-top:1px solid #fbfbfc;
    		}
    		.YYtext{
    			font-family:'PingFang Regular';
    			font-size:14px;
    			color:#666;
    			width:85%;
    		}
    		.YYmar{
    			margin-top:20px;
    		}
    		.YYbutt{
    			background-color:#f7f7f7;
    			border-radius:3px;
    			font-size:16px;
    			color:#a5a4a4;
    			padding: 2px 15px;
    			float:right;
    		}
    		.YYimg{
    			margin-left:5px;
    		}
    		.Ybutton{
    		    float: left;
   				padding: 2px 15px;
    			border-radius: 3px;
    			background-color: #f7f7f7;
    			margin-top: -30px;
    			margin-left: 10px;
    			font-size:16px;
    			color:#a5a4a4;
    		}
    		.Ysend{
    		 /*    float: left;
    			padding: 2px 15px;
    			border-radius: 3px;
    			background-color: #f7f7f7;
    			margin-top: -30px;
    			margin-left: 80px;
    			font-size:16px;
    			color:#a5a4a4; */
    		}
    		.YYbor p{
    			margin-bottom:0;
    			width: 100%;
    			float: right;
    			word-break: break-all;
				word-wrap: break-word;
    			/* text-align: right; */
    			/* background-color: #000;
    			color: #fff; */
    		}
    		.Yai{
    			padding-left: 10px;
    			position: relative;
    			top: -100px;
    			left: 88%;
    			z-index: 100000;
    		}
    		.bullet{
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				z-index: 10;
				width:349px;
				height: 564px;
				display: none;
				right: 16px;
				bottom: 70px;
			}
			.bulletText{
				text-align: center;
				background-color: #d8d8d8;
				width: 90%;
				margin:140px auto;
				border-radius: 10px;
			}
			.bulletDiv{
				padding:15px;
			}
			.bulletSpan{
				font-size: 16px;
				font-family:'PingFang-SC-Regular';
				color: #222;
				}
			.bulletFloat{
				float: right;
				color: #999;
			}
			.bulletColor{
				background-color: #fff;
				padding: 70px 0;
			}
			.bulletSize{
				font-size: 16px;
				font-family:'PingFang-SC-Regular';
				color: #666;
			}
			.bulletBu{
				/* padding: 20px; */
			}
			.bulletBor{
				background-color: #d8d8d8;
				border-radius: 10px;
				padding: 10px 10px;
				width:50%;
				display:inline-block;
			}
			.bulletLin{
				background: linear-gradient(#3d9de9,#0573cc);
				background: -webkit-linear-gradient(#0573cc,#3d9de9);
				border-bottom-right-radius: 10px;
				padding: 10px 10px;
				color: #fff;
				display: inline-block;
    			width: 50%;
    			float: right;
			}
			.Ybullet{
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				z-index: 10;
				width:349px;
				height: 485px;
				display: none;
				right: 16px;
				bottom: 145px;
			}
    		.YbulletText{
				text-align: center;
				width: 90%;
				margin:100px auto;
				border-radius: 10px;
			}
			.YbulletDiv{
				padding:15px;
			}
			.YbulletBu{
				padding: 160px 70px 0 0;
				margin:0 auto;
			}
			.YbulletBor{
				background-color: #f65c44;
				border-radius: 100px;
				width:50px;
				height:50px;
				display:inline-block;
			}
			.YbulletLin{
				background-color: #2bb22c;
				border-radius: 100px;
				width:50px;
				height:50px;
				display:inline-block;
    			float: right;
			}
			.YYjeane{
				background-color:#9f9d9f;
				border-radius:100px;
				display:inline-block;
				width:90px;
				height:90px;
				margin:0 auto;
			}
			.YYCall{
				display:block;
				color:#e5e5e5;
				font-size:18px;
				padding-top:18px;
			}
			.YYvideo{
				display:block;
				color:#e5e5e5;
				font-size:14px;
			}
			.Yju{
				padding-top:15px;
			}
			.cancelBu{
				padding: 100px 0 0 0;
				margin:0 auto;
			}
			.videoBu{
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				z-index: 10;
				width:349px;
				height: 564px;
				/* display: none; */
				right: 16px;
				bottom: 70px;
			}
			.yinBu{
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				z-index: 10;
				width:349px;
				height: 564px;
				/* display: none; */
				right: 16px;
				bottom: 70px;
			}
			.cancelTo{
				display:block;
				color:#fff;
				font-size:14px;
				padding-top:25px;
			}
			.answer{
				padding-top:10px;
			}
			.answerYu{
				display:block;
				color:#fff;
				font-size:14px;
				padding-top:18px;
			}
    		.Yindex{
    			position: fixed;
    			bottom: 0;
    			right: -750px;
    			z-index: 2;
    		}
    		#myEditor{
    			width:349px;
    			height:140px;
    		}
    		.Yborder{
    			height:30px;
    			border:1px solid #d4d4d4;
    			border-top:0;
    			background-color:#fff;
    			width: 349px !important;
    			border-bottom-left-radius: 5px;
    			border-bottom-right-radius: 5px;
    		}
    		#YUhigh{
    			position: fixed;
    			bottom: 0;
    			right: -750px;
    			z-index: 2;
    		}
    		
    		.Kyimg{
    			position: relative;
    		}



			@media screen and (min-width:320px) and (max-width:640px){

/* 字体 */
@font-face {
  font-family: 'PingFang Regular';
  src: url('/healthcodon/fonts/PingFang Regular.eot'); /* IE9 Compat Modes */
  src: url('/healthcodon/fonts/PingFang Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/healthcodon/fonts/PingFangSC-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/healthcodon/fonts/PingFang Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/healthcodon/fonts/PingFang Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/healthcodon/fonts/PingFang Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}


			.chatbox{
				width: 70px;
				height: 70px;
				border-radius: 50%;
				/* background-color: rgb(43,43,43); */
				position: fixed;
				right: 40px;
				bottom: 150px;
				overflow: visible;
			}
			.chata{
				position: relative;
				text-decoration: none;
				outline: none;
				color: #fff;
				font-size: 16px;
				display: inline-block;
				margin: 0;
				padding: 0;
				border: none;
				line-height: 43px;
				float: none;
				width: 100%;
				height:100%;
				border-radius: 50%;
				/* background-color: #a6a6a6; */
			}
			/* .chatspan{		
			    box-shadow: rgba(107,113,114,0.15) 0px 2px 4px 0px;
			    border: 1px solid rgb(235,239,240);
			    color: rgb(85,85,86);
			    background-color: #ffffff;
			    font-size: 13px;
			    margin: 0;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			    word-break: normal;
			    visibility: hidden;
			    border-radius: 3px;
			    padding: 5px;
			    margin-left: -170px;
			} */
			.chatbox:hover .chatspan{
				visibility: visible;
			}
			.chatimg{
				display: inline-block;
				width: 100%;
				height: 100%;
				/* margin-left: 16%;
    			margin-top: 20%; */
				/* background-position: 18px -58px; */
				background: url(/healthcodon/images/Ipcontact.png) no-repeat;
				/* transition: opacity .2s ease-in-out; */	
			}
			.chata1{
				position: relative;
				text-decoration: none;
				outline: none;
				color: #fff;
				font-size: 16px;
				display: inline-block;
				margin-top:10px;
				padding: 0;
				border: none;
				line-height: 43px;
				float: none;
				width: 100%;
				height:100%;
				border-radius: 50%;
				/* background-color: #9a9a9a; */
			}
			.chatimg1{
				display: inline-block;
				width: 100%;
				height: 100%;
				/* margin-left: 24%;
    			margin-top: 35%; */
				/* background-position: 18px -58px; */
				background: url(/healthcodon/images/Ipup.png) no-repeat;
				/* transition: opacity .2s ease-in-out; */	
			}
			.kefu{
			    position: fixed;
			    z-index: 11;
    			bottom: 150px;
    			right:0;
    			float: right;
    			width:380px;
    		}
    		.YYbgc{
    		    border-radius: 5px;
    			border: 1px solid rgba(0,0,0,0.1);
    		}
    		.YYclass{
    			display: inline-block;
    			margin-right: 10px;
    			margin-top: 5px;
    		}
    		.YYpadd{
    			background-color:#2b2b2b;
    			padding: 10px 13px;
    			border-top-left-radius: 5px;
    			border-top-right-radius: 5px;
    		}
    		.YYli{
    			float:left;
    		}
    		.YYcolor{
    			color:#fff;
    		}
    		.YYdiv{
    			font-size: 18px;
    			font-family:'PingFang-SC-Medium';
    		}
    		.YYfont{
    			font-size: 12px;
    			font-family:'PingFang Regular';
    		}
    		.YYsize{
    			float:right;
    			margin-top: -31px;
    		}
    		.YYback{
    			background-color:#fbfbfc;
    			padding: 10px 13px 25px 13px;
    			overflow-y: scroll;
    			overflow-x: hidden;
    			overflow-y: scroll;
    			height: 260px;
    		}
    		.YYspan{
    			font-size:14px;
    			color:#666;
    		}
    		.YYfloat{
    			color:#999;
    			margin-top:20px;
    		}
    		.YYco{
    			color:#000;
    			width: 245px;
    		}
    		.Uyco{
    			width: 100%;
    		}
    		.Uycoco{
    			font-size: 10px;
    			color:#999;
    			position: relative;
    			top: 14px;
    			left: 10px;
    			display: inline-block;
    			padding-right:10px;
    			font-family:'PingFang Regular';
    		}
    		.Uyimg{
    			height:40px;
    		}
    		.Uyspan{
    			display: inline-block;
    			font-size: 10px;
    			position: relative;
    			top: -10px;
    			left:10px;
    			width: 90px;
    			overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
    		}
    		#sendsss{
    			padding:2px 8px;
    		}
    		#sendsss:hover{
    			background-color:#000;
    			color:#fff;
    		}
    		.Uysrc{
    			display: inline-block;
    			font-size: 11px;
    			position: absolute;
    			top: 15px;
    			left: 50px;
    			color: #999;
    		}
    		.Uykefu{
    			/* border: 1px solid #ececec; */
    			display: inline-block;
    			/* padding: 5px 10px; */
    			width:100%;
    		}
    		.Uytext{
    			width:100%;
    			text-align: right;
    		}
    		.YYin{
    			display:inline-block;
    			margin-right:10px;
    			font-size:16px;
    			font-family:'PingFang-SC-Medium';
    		}
    		.YYfami{
    			font-size:14px;
    			font-family:'PingFang-SC-Medium';
    		}
    		.YYbor{
    			font-size:14px;
    			background-color:#fff;
    			border:1px solid #ececec;
    			border-radius:2px;
    			padding:5px 10px;
    			display:inline-block;
    			font-family:'PingFang Regular';
    		}
    		.YYder{
    			font-size:14px;
    			background-color:#fff;
    			border:1px solid #ececec;
    			border-radius:2px;
    			padding:5px 10px;
    			display:inline-block;
    			width:85%;
    			font-family:'PingFang Regular';
    		}
    		.YYtop{
    			color:#999;
    			margin-top:20px;
    			margin-top:30px;
    			text-align:center;
    		}
    		.YYposi{
    			position: relative;
    			margin-top: 20px;
    			left:110px;
    		}
    		.YYre{
    			color:#999;
    		}
    		.YYleft{
    			font-size:14px;
    			font-family:'PingFang-SC-Medium';
    			margin-left: 135px;
    		}
    		.YYright{
    			font-size:14px;
    			background-color:#2b2b2b;
    			border:1px solid #ececec;
    			border-radius:2px;
    			padding:5px 10px;
    			display:inline-block;
    			font-family:'PingFang Regular';
    		}
    		.YYding{
    			background-color:#fff;
    			padding: 10px 13px 18px 13px;
    			border-top:1px solid #fbfbfc;
    		}
    		.YYtext{
    			font-family:'PingFang Regular';
    			font-size:14px;
    			color:#666;
    			width:85%;
    		}
    		.YYmar{
    			margin-top:20px;
    		}
    		.YYbutt{
    			background-color:#f7f7f7;
    			border-radius:3px;
    			font-size:16px;
    			color:#a5a4a4;
    			padding: 2px 15px;
    			float:right;
    		}
    		.YYimg{
    			margin-left:5px;
    		}
    		.Ybutton{
    		    float: left;
   				padding: 2px 15px;
    			border-radius: 3px;
    			background-color: #f7f7f7;
    			margin-top: -30px;
    			margin-left: 10px;
    			font-size:16px;
    			color:#a5a4a4;
    		}
    		.Ysend{
    		 /*    float: left;
    			padding: 2px 15px;
    			border-radius: 3px;
    			background-color: #f7f7f7;
    			margin-top: -30px;
    			margin-left: 80px;
    			font-size:16px;
    			color:#a5a4a4; */
    		}
    		.YYbor p{
    			margin-bottom:0;
    			width: 100%;
    			float: right;
    			word-break: break-all;
				word-wrap: break-word;
    			/* text-align: right; */
    			/* background-color: #000;
    			color: #fff; */
    		}
    		.Yai{
    			padding-left: 10px;
    		}
    		.bullet{
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				z-index: 10;
				width:349px;
				height: 564px;
				display: none;
				right: 16px;
				bottom: 70px;
			}
			.bulletText{
				text-align: center;
				background-color: #d8d8d8;
				width: 90%;
				margin:140px auto;
				border-radius: 10px;
			}
			.bulletDiv{
				padding:15px;
			}
			.bulletSpan{
				font-size: 16px;
				font-family:'PingFang-SC-Regular';
				color: #222;
				}
			.bulletFloat{
				float: right;
				color: #999;
			}
			.bulletColor{
				background-color: #fff;
				padding: 70px 0;
			}
			.bulletSize{
				font-size: 16px;
				font-family:'PingFang-SC-Regular';
				color: #666;
			}
			.bulletBu{
				/* padding: 20px; */
			}
			.bulletBor{
				background-color: #d8d8d8;
				border-radius: 10px;
				padding: 10px 10px;
				width:50%;
				display:inline-block;
			}
			.bulletLin{
				background: linear-gradient(#3d9de9,#0573cc);
				background: -webkit-linear-gradient(#0573cc,#3d9de9);
				border-bottom-right-radius: 10px;
				padding: 10px 10px;
				color: #fff;
				display: inline-block;
    			width: 50%;
    			float: right;
			}
			.Ybullet{
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				z-index: 10;
				width:349px;
				height: 564px;
				display: none;
				right: 16px;
				bottom: 70px;
			}
    		.YbulletText{
				text-align: center;
				width: 90%;
				margin:100px auto;
				border-radius: 10px;
			}
			.YbulletDiv{
				padding:15px;
			}
			.YbulletBu{
				padding: 160px 70px 0 0;
				margin:0 auto;
			}
			.YbulletBor{
				background-color: #f65c44;
				border-radius: 100px;
				width:50px;
				height:50px;
				display:inline-block;
			}
			.YbulletLin{
				background-color: #2bb22c;
				border-radius: 100px;
				width:50px;
				height:50px;
				display:inline-block;
    			float: right;
			}
			.YYjeane{
				background-color:#9f9d9f;
				border-radius:100px;
				display:inline-block;
				width:90px;
				height:90px;
				margin:0 auto;
			}
			.YYCall{
				display:block;
				color:#e5e5e5;
				font-size:18px;
				padding-top:18px;
			}
			.YYvideo{
				display:block;
				color:#e5e5e5;
				font-size:14px;
			}
			.Yju{
				padding-top:15px;
			}
			.cancelBu{
				padding: 160px 0 0 0;
				margin:0 auto;
			}
			.videoBu{
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				z-index: 10;
				width:349px;
				height: 564px;
				/* display: none; */
				right: 16px;
				bottom: 70px;
			}
			.yinBu{
				background-color: rgba(0,0,0,0.7);
				position: fixed;
				z-index: 10;
				width:349px;
				height: 564px;
				/* display: none; */
				right: 16px;
				bottom: 70px;
			}
			.cancelTo{
				display:block;
				color:#fff;
				font-size:14px;
				padding-top:25px;
			}
			.answer{
				padding-top:10px;
			}
			.answerYu{
				display:block;
				color:#fff;
				font-size:14px;
				padding-top:18px;
			}
    		.Yindex{
    			position: fixed;
    			bottom: 0;
    			right: -750px;
    			z-index: 2;
    		}
    		#myEditor{
    			width:349px;
    			height:140px;
    		}
    		.Yborder{
    			height:30px;
    			border:1px solid #d4d4d4;
    			border-top:0;
    			background-color:#fff;
    			width: 349px !important;
    			border-bottom-left-radius: 5px;
    			border-bottom-right-radius: 5px;
    		}
    		#YUhigh{
    			position: fixed;
    			bottom: 0;
    			/* right: -750px; */
    			z-index: 2;
    		}
    		
    		
}