@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;}