@charset "UTF-8";
/* 在线咨询样式 */
html,body,div,section,article,aside,nav,footer,p,dl,dt,dd,ul,li,ol,span,em,a,del,h1,h2,h3,h4,h5,h6,iframe,object,form, label, legend,caption, tbody, tfoot, thead, tr, th, td,menu,audio,video{padding:0;margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
ul,ol,li{list-style: none;}
html{font-size:14px;color:#3b4144;font-family:'Microsoft YaHei',Verdana,Arial,san-serif;width:100%; background:#fff;}
img{border:none;vertical-align:top;}
em,i{font-style: normal;}
.clearfix:after{clear:both;height:0;content:'';display: block;overflow: hidden;}
.clearfix{zoom:1;}
input::-webkit-input-placeholder{color: #ccc;}
input,textarea{font-family: 'Microsoft YaHei',Verdana,Arial,san-serif;vertical-align: middle;}
a {
background-color: transparent;
text-decoration:none;
color: inherit;
}
a:active,
a:hover {
outline: 0;
}
.ahover:hover{color:#5ab331;}
.fl{float: left;}
.fr{float: right;}
.mt5{margin-top: 5px;}
.green{color: #5ab431;}
.pr{position: relative;}
.onlineTalk{position: fixed;right: 40px;bottom: 0;z-index: 100001;}
.onlineTalk .info-btn{width: 183px;height: 58px;border:1px solid #ddd;padding-left: 45px;padding-right: 10px;background-color: #fff;position: relative;cursor: pointer;box-shadow: -1px -1px 5px #ccc;}
.onlineTalk .info-btn i{background: url(../../images/v5.0/talk_icons.png) 0 -50px no-repeat;width: 19px;height: 18px;display: block;position: absolute;left:15px;top: 21px;}
.onlineTalk .info-btn.hasInfo i{-webkit-animation:blink 1.5s infinite;-moz-animation:blink 1.5s infinite;-o-animation:blink 1.5s infinite;animation:blink 1.5s infinite;}
.onlineTalk .info-btn span{display: block;width:100%;height: 58px;line-height: 58px;}
.onlineTalk .talkBox{width: 240px;position: absolute;bottom: 36px;left: 0;box-shadow: 1px -1px 5px #efefef;}
.onlineTalk .talkBox .linksman{width: 238px;height:450px;border:1px solid #ddd;}
.onlineTalk .talkBox .top-tit{width: 100%;height: 59px;border-bottom:1px solid #ddd;position: relative;overflow: hidden;background-color: #fff;}
.onlineTalk .talkBox .con-wrap{height: 390px;background-color: #fff;/* overflow-x:hidden;overflow-y:auto; */position: relative;}
.onlineTalk .talkBox .linksman .lins-icon{height: 19px;display: block;margin-left: 12px;margin-top: 20px;padding-left: 27px;background: url(../../images/v5.0/talk_icons.png) 0 -49px no-repeat;}
.onlineTalk .talkBox .linksman i.fold{width: 14px;height: 19px;display: block;background: url(../../images/v5.0/talk_icons.png) 0 -70px no-repeat;position: absolute;top:20px;right: 12px;cursor: pointer;}
.onlineTalk .talkBox .con-wrap .links-sort{padding-left: 39px;line-height: 20px;margin-top: 10px;margin-bottom: 5px;cursor: pointer;}
.onlineTalk .talkBox .con-wrap .links-sort.fold{background: url(../../images/v5.0/talk_icons.png) 15px -242px no-repeat;}
.onlineTalk .talkBox .con-wrap .links-sort.unfold{background: url(../../images/v5.0/talk_icons.png) 12px -106px no-repeat;}
.onlineTalk .talkBox .con-wrap .links-name{margin-bottom: 18px;}
.onlineTalk .talkBox .con-wrap .links-name li{}
.onlineTalk .talkBox .con-wrap .links-name li:hover,
.onlineTalk .talkBox .con-wrap .links-name li.current{background-color: #f2f2f2;}
.onlineTalk .talkBox .con-wrap .links-name li a{display: block;margin-left: 12px;border-bottom: 1px solid #f2f2f2;height: 40px;padding: 7px 0;position: relative;padding-left: 50px;}
.onlineTalk .talkBox .con-wrap .links-name li:last-child a{border-bottom: none;}
.onlineTalk .talkBox .con-wrap .links-name li .img{width: 40px;height: 40px;display: block;border-radius: 50%;overflow: hidden;position: absolute;top:7px;left: 0;}
.onlineTalk .talkBox .con-wrap .links-name li .img img,.onlineTalk .talkBox .con-wrap .links-name li .img canvas{width: 100%;height: 100%;border-radius: 50%;}
.onlineTalk .talkBox .con-wrap .links-name li .img.shake{-webkit-animation:blink2 .5s;-moz-animation:blink2 .5s;-o-animation:blink2 .5s;animation:blink2 .5s;}
.onlineTalk .talkBox .con-wrap .links-name li .name{white-space: nowrap;overflow: hidden;line-height: 20px;}
.onlineTalk .talkBox .con-wrap .links-name li .num{padding: 1px 0 1px 7px;color: #fff;font-size: 12px;font-family: 'Simsun';background: url(../../images/v5.0/info_numbg.png) left 0 no-repeat;margin-left: 5px;position: relative;top:-1px;}
.onlineTalk .talkBox .con-wrap .links-name li .num i{height: 20px;background:url(../../images/v5.0/info_numbg.png) right 0 no-repeat;padding:1px 7px 1px 0;}
.onlineTalk .talkBox .con-wrap .links-name li .serv{color: #999;font-size: 12px;white-space: nowrap;overflow: hidden;line-height: 20px;}
.onlineTalk .talkBox .con-wrap .links-name li .serv .gray{color: #333;}
.onlineTalk .talkBox .leftBox{width: 380px;height: 450px;border:1px solid #ddd;background-color: #fff;position: absolute;top:0;left: -380px;box-shadow: -1px -1px 5px #efefef;}
.onlineTalk .talkBox .leftBox .talkpeople{padding: 10px 15px;display: table;height: 40px;}
.onlineTalk .talkBox .leftBox .talkpeople .img{width: 40px;height: 40px;display: block;border-radius: 50%;overflow: hidden;float: left;margin-right: 10px;}
.onlineTalk .talkBox .leftBox .talkpeople .img img,.onlineTalk .talkBox .leftBox .talkpeople .img canvas{width: 100%;height: 100%;border-radius: 50%;}
.onlineTalk .talkBox .leftBox .talkpeople .txt{display: table-cell;vertical-align: middle;}
.onlineTalk .talkBox .leftBox .talkpeople .name{color: #333;font-size: 14px;}
.onlineTalk .talkBox .leftBox .talkpeople .tel{color: #999;font-size: 12px;}
.onlineTalk .talkBox .leftBox .close{width: 12px;height: 12px;display: block;background: url(../../images/v5.0/talk_icons.png) 0 -90px no-repeat;position: absolute;top:24px;right: 20px;cursor: pointer;}
.onlineTalk .talkBox .leftBox .con-wrap{height: 281px;background-color: #f2f2f2;margin-top: -1px;position:relative;}
.onlineTalk .talkBox .leftBox .more{height: 20px;color: #5ab431;font-size: 12px;line-height: 20px;text-align: center;padding: 5px 0;vertical-align: top;cursor: pointer;}
.onlineTalk .talkBox .leftBox .time-icon{width: 12px;height: 20px;background: url(../../images/v5.0/talk_icons.png) 0 -322px no-repeat;margin-right: 4px;display: inline-block;}
.onlineTalk .talkBox .leftBox .more span{display: inline-block;vertical-align: top;}
.onlineTalk .talkBox .leftBox .talk-list{padding: 0 10px;}
.onlineTalk .talkBox .leftBox .talk-list li{margin-bottom: 20px;overflow: hidden;position: relative;}
.onlineTalk .talkBox .leftBox .talk-list li.time{margin-bottom: 15px;text-align: center;color: #999;font-size: 12px;}
.onlineTalk .talkBox .leftBox .talk-list li .pimg{width: 40px;height: 40px;display: inline-block;border-radius: 50%;overflow: hidden;background: url(../../images/v5.0/talk_icons.png) 0 -195px no-repeat;float: left;}
.onlineTalk .talkBox .leftBox .talk-list li .txtBox{max-width: 70%;padding: 10px;font-size: 14px;line-height: 20px;border-radius: 10px;display: inline-block;word-break: break-all;position: relative;float: left;}
.onlineTalk .talkBox .leftBox .talk-list li .txtBox .arrow{width: 7px;height: 11px;display: block;background: url(../../images/v5.0/talk_icons.png) 0 -174px;position: absolute;top:10px;}
.onlineTalk .talkBox .leftBox .talk-list .question .txtBox{background-color: #5ab431;color: #fff;margin-right: 17px;}
.onlineTalk .talkBox .leftBox .talk-list .question .txtBox .arrow{right: -7px;}
.onlineTalk .talkBox .leftBox .talk-list .question .pimg,
.onlineTalk .talkBox .leftBox .talk-list .question .txtBox{float: right;}
.onlineTalk .talkBox .leftBox .talk-list .answer .pimg img,
.onlineTalk .talkBox .leftBox .talk-list .answer .pimg img canvas{width: 100%;height: 100%;border-radius: 50%;}
.onlineTalk .talkBox .leftBox .talk-list .answer .txtBox{background-color: #fff;color: #333;margin-left: 17px;}
.onlineTalk .talkBox .leftBox .talk-list .answer .txtBox .arrow{left: -7px;background-position: 0 -153px;}
.onlineTalk .talk-list li .cardTxt{width: 220px;display: block;}
.onlineTalk .talk-list li .cardTxt .cardimg{width: 40px;height: 54px;float: left;display: block;}
.onlineTalk .talk-list li .cardTxt .cardimg img,.onlineTalk .talk-list li .cardTxt .cardimg canvas{width: 100%;height: 100%;}
.onlineTalk .talk-list li .cardTxt .cardinfo{float: left;color: #999;font-size: 12px;}
.onlineTalk .talk-list li .cardTxt .cardinfo .name em{color: #333;font-size: 14px;font-weight: bold;}
.onlineTalk .talk-list li .cardTxt .cardinfo .name,.onlineTalk .talk-list li .cardTxt .cardinfo .yewu{display: block;}
.onlineTalk .talk-list li .cardTxt .cardinfo .yewu{line-height: 18px;margin-top: 2px;max-height: 36px;overflow: hidden;}
.onlineTalk .talk-list li .cardTxt .cardlabs{float: left;width: 100%;margin-top: 5px;font-size: 0;}
.onlineTalk .talk-list li .cardTxt .cardlabs span{border:1px solid transparent;color: #999;font-size: 12px;padding: 0 3px;display: inline-block;*display: inline-block;*zoom:1;margin-right: 3px;}
.onlineTalk .talk-list li .cardTxt .cardlabs span.c1{border-color: #e7ac26;color: #e7ac26;}
.onlineTalk .talk-list li .cardTxt .cardlabs span.c2{border-color: #fd8746;color: #fd8746;}
.onlineTalk .talk-list li .cardTxt .cardlabs span.c3{border-color: #f67575;color: #f67575;}
.onlineTalk .talk-list li .cardTxt .cardlabs span.c4{border-color: #5eb4fd;color: #5eb4fd;}
.onlineTalk .talk-list li .cardTxt .cardlabs span.c5{border-color: #8c85e6;color: #8c85e6;}
.onlineTalk .talk-list li .cardTxt .cardlabs span.c6{border-color: #6a86f2;color: #6a86f2;}
.onlineTalk .talkBox .leftBox .split-bar{height: 30px;background-color: #fff;}
.onlineTalk .talkBox .leftBox .split-bar .img-upld{width: 16px;height: 13px;display:block;float:left;background: url(../../images/v5.0/talk_icons.png) 0 -130px no-repeat;margin-top: 8px;margin-left: 15px;cursor: pointer;overflow: hidden;position: relative;}
.onlineTalk .talkBox .leftBox .split-bar .hideFileBtn{filter:alpha(opacity=0);opacity: 0;cursor: pointer;position: absolute;right: 0;top:0;}
.onlineTalk .talkBox .leftBox .split-bar .tips{line-height: 30px;margin-left: 20px;font-size: 12px;float: right;margin-right: 25px;color: #999;}
.onlineTalk .talkBox .leftBox .input-area{height: 48px;background-color: #fff;position: relative;}
.onlineTalk .talkBox .leftBox .input-area .textarea{display: block;height: 44px;border: none;resize:none;padding: 0 10px 4px 10px;overflow: auto;outline: none;font-family: 'Microsoft yahei';position: relative;}
.onlineTalk .talkBox .leftBox .send-bar{height:32px;padding-right: 20px;font-size: 12px;color: #999;}
.onlineTalk .talkBox .leftBox .send-bar .sendBtn{width: 60px;height: 24px;color: #fff;display: block;float: right;font-family: 'Microsoft yahei';background-color: #5ab431;text-align: center;line-height: 24px;border-radius: 3px;box-shadow: inset 0 0 3px #366620;}
.onlineTalk .talkBox .leftBox .send-bar .sendBtn.disabled{background-color: #ccc;box-shadow: inset 0 0 3px #ccc;}
.onlineTalk .talkBox .leftBox .send-bar span{float: right;line-height: 24px;margin-right: 10px;}
.onlineTalk .talkBox .leftBox .talk-list li .txtBox img{max-width: 185px;}
.onlineTalk .talkBox .leftBox .talk-list .send-fail{width: 20px;height: 20px;display: block;background: url(../../images/v5.0/talk_icons.png) 0 -296px no-repeat;position: absolute;bottom: 0;left:-28px;}
.leftBox .talk-list .send-read,.leftBox .talk-list .send-unread{font-size:12px;position: absolute;left:-30px;bottom: 0;}
.leftBox .talk-list .send-read{color:#999;}
.leftBox .talk-list .send-unread{color:#5ab431;}
.onlineTalk .talkBox .leftBox .talk-list .check-img{width: 17px;height: 17px;display: block;background: url(../../images/v5.0/talk_icons.png) 0 -269px no-repeat;position: absolute;bottom: 5px;right: 10px;cursor: pointer;}
.onlineTalk{width: 240px;}
.onlineTalk .talkBox{bottom: 0!important;}
.imgWrap{padding: 20px;box-shadow: 0 0 5px #000;background-color:#000;background-color:rgba(0,0,0,.5);position: fixed;top:50%;left: 50%;z-index: 100005;}
.imgWrap .close{width: 30px;height: 30px;display: block;background: url(../../images/v5.0/talk_icons.png) 0 -348px no-repeat;position: absolute;top:-15px;right: -15px;cursor: pointer;}
.img-thumbnail{width: 50px;height: 50px;}
.wait-img-mask{width:50px;height:50px;filter:alpha(opacity=80);opacity:.8;position: absolute;}
.wait-icon{width: 50px;height: 50px;display: block;background: url(../../images/v5.0/wait.gif) 0 0 no-repeat;position: absolute;top:0;left:0;}
.onlineTalk .talkBox .img,.onlineTalk .talk-list li .pimg{position: relative;}
.onlineTalk .talkBox .img-mask{width: 100%;height: 100%;display: block;background: url(../../images/v5.0/talk_icons.png) 0 0 no-repeat;position: absolute;top:0;left: 0;}
.onlineTalk .talkBox .con-wrap .links-name li:hover .img .img-mask,
.onlineTalk .talkBox .con-wrap .links-name li.current .img .img-mask,
.onlineTalk .talk-list li .pimg .img-mask{background-position: 0 -380px;}
@-webkit-keyframes blink{
0%, 10%, 20%, 30%, 40% {-webkit-transform:translateY(0);}
5%, 25%{-webkit-transform:translateY(-3px);}
15%, 35%{-webkit-transform:translateY(3px);}
}
@-moz-keyframes blink{
0%, 10%, 20%, 30%, 40% {-moz-transform:translateY(0);}
5%, 25%{-moz-transform:translateY(-3px);}
15%, 35%{-moz-transform:translateY(3px);}
}
@-o-keyframes blink{
0%, 10%, 20%, 30%, 40% {-o-transform:translateY(0);}
5%, 25%{-o-transform:translateY(-3px);}
15%, 35%{-o-transform:translateY(3px);}
}
@keyframes blink{
0%, 10%, 20%, 30%, 40% {transform:translateY(0);}
5%, 25%{transform:translateY(-3px);}
15%, 35%{transform:translateY(3px);}
}
@-webkit-keyframes blink2{
0%, 25%, 50%, 75%, 100% {-webkit-transform:translateY(0);}
12%, 62%{-webkit-transform:translateY(-3px);}
36%, 86%{-webkit-transform:translateY(3px);}
}
@-moz-keyframes blink2{
0%, 25%, 50%, 75%, 100% {-moz-transform:translateY(0);}
12%, 62%{-moz-transform:translateY(-3px);}
36%, 86%{-moz-transform:translateY(3px);}
}
@-o-keyframes blink2{
0%, 25%, 50%, 75%, 100% {-o-transform:translateY(0);}
12%, 62%{-o-transform:translateY(-3px);}
36%, 86%{-o-transform:translateY(3px);}
}
@keyframes blink2{
0%, 25%, 50%, 75%, 100% {transform:translateY(0);}
12%, 62%{transform:translateY(-3px);}
36%, 86%{transform:translateY(3px);}
}
/* 滚动条 */
.ps-container>.ps-scrollbar-y-rail{opacity: .6;}
.talktips{width: 300px;padding: 10px;border-radius: 6px;background: url(../../images/v5.0/mask_bg.png) 0 0 repeat\9;background: rgba(0,0,0,.8);position: absolute;top:37.6%;left: 50%;margin-left: -160px;color: #fff;font-size: 14px;text-align: center;}