.ec--cs-wrapper {z-index: 99999;margin: 0;padding: 0;font-family: 'sans-serif', 'Arial', 'Microsoft YaHei';-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;}
.ec--cs-wrapper div,
.ec--cs-wrapper p,
.ec--cs-wrapper ul,
.ec--cs-wrapper ol,
.ec--cs-wrapper li,
.ec--cs-wrapper a,
.ec--cs-wrapper span,
.ec--cs-wrapper i {margin: 0;padding: 0;float: none;position: static;top: auto;bottom: auto;left: auto;right: auto;width: auto;height: auto;font-size: 12px;font-family: 'sans-serif', 'Arial', 'Microsoft YaHei';font-weight: normal;font-style: normal;color: #262626;background: none;border: none;border-radius: 0;text-decoration: none;text-align: left;vertical-align: baseline;overflow: visible;box-sizing: content-box;}
.ec--cs-wrapper ul,
.ec--cs-wrapper ol {list-style: none outside none;}
.ec--cs-wrapper a {color: #262626;text-decoration: none;}
.ec--cs-wrapper a:link,
.ec--cs-wrapper a:visited,
.ec--cs-wrapper a:hover,
.ec--cs-wrapper a:active {color: #262626;text-decoration: none;}
.ec--cs-wrapper a:visited,
.ec--cs-wrapper a:focus {text-decoration: none;}
.ec--cs-wrapper ::-webkit-scrollbar {width: 6px;height: 6px;}
.ec--cs-wrapper ::-webkit-scrollbar-button:start:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:end:increment {display: block;}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:decrement {display: none;}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:decrement,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:increment,
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:decrement {display: none;background: url(images/scroll.png) no-repeat;}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:increment {width: 6px;height: 6px;background-position: -2px -10px;}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:end:hover {background-position: -1px 0px;}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:decrement {background-position: -12px -12px;height: 6px;width: 6px;}
.ec--cs-wrapper ::-webkit-scrollbar-button:vertical:start:hover {background-position: -12px -2px;}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:vertical:start {background: #fff;}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:vertical:end {background: #fff;}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:vertical {background: #e6e9f0;border-radius: 4px;}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:vertical:hover {background: #a8afbd;}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:decrement {background-position: -30px -11px;height: 6px;}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:hover {background-position: -30px -1px;}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:end:increment {background-position: -31px -11px;height: 6px;width: 6px;}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:decrement {background-position: -23px -11px;width: 6px;}
.ec--cs-wrapper ::-webkit-scrollbar-button:horizontal:start:hover {background-position: -23px -1px;}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:horizontal:start {background: #fff;}
.ec--cs-wrapper ::-webkit-scrollbar-track-piece:horizontal:end {background: #fff;}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:horizontal {background: #e6e9f0;border-radius: 4px;}
.ec--cs-wrapper ::-webkit-scrollbar-thumb:horizontal:hover {background: #a8afbd;}
@font-face {font-family: "ec--iconfont";src: url('images/font_256629_8gim64zt8fpkqpvi.eot?t=1519612452000');src: url('images/font_256629_8gim64zt8fpkqpvi.eot') format('woff'), url('images/font_256629_8gim64zt8fpkqpvi.ttf') format('truetype'), url('images/font_256629_8gim64zt8fpkqpvi.svg?t=1519612452000#iconfont') format('svg');}
.ec--cs-wrapper .ec--icon {font-family: "ec--iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;line-height: 1;vertical-align: baseline;text-align: center;text-transform: none;display: inline-block;}
.ec--cs-wrapper .ec--icon:before {display: block;font-family: "ec--iconfont" !important;}
.ec--cs-wrapper .ec--icon-close-small:before {content: "\E722";}
.ec--cs-wrapper .ec--icon-arrow-right:before {content: "\E631";}
.ec--cs-wrapper .ec--icon-down:before {content: "\E61E";}
.ec--cs-wrapper .ec--icon-customer-service:before {content: "\E61D";}
.ec--cs-wrapper .ec--cs-root {width: 260px;height: auto;}
.ec--cs-wrapper .ec--cs-root .ec--unread-num {position: absolute;min-width: 16px;width: auto;height: 16px;line-height: 16px;padding: 0 4px;border-radius: 8px;background: #ff5946;color: #fff;font-weight: normal;font-size: 12px;box-sizing: border-box;margin: 0;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list {display: inline-block;vertical-align: bottom;min-width: 224px;max-width: 260px;margin: 0;position: relative;border: none;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main {background: #fff;border-radius: 2px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title {width: auto;height: 38px;line-height: 38px;padding-left: 10px;background-color: #2580e6;border-bottom: none;border-radius: 2px 2px 0 0;color: #fff;font-size: 14px;font-weight: bold;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--title-main {width: auto;height: 38px;line-height: 38px;position: relative;color: #fff;z-index: 1;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--title-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--title .ec--close {position: absolute;top: 12px;right: 12px;font-size: 16px;font-weight: normal;color: #fff;cursor: pointer;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main {overflow-y: auto;padding: 10px 6px;border-radius: 0 0 2px 2px;background-size: cover;min-height: 160px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group {line-height: 24px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name {max-width: 232px;position: relative;margin-left: 10px;display: block;word-break: break-word;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name .ec--icon {font-size: 10px;margin-right: 6px;-webkit-transform: scale(0.7);}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--group-name .ec--lefts {margin-right: 5px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list {overflow: hidden;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item {position: relative;display: block;width: 100%;height: 38px;padding-left: 10px;margin-bottom: 4px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item:hover {background: #F0F1F5;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {display: inline-block;width: auto;height: 38px;line-height: 38px;width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 8px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item .ec--unread-num {font-size: 10px;-webkit-transform: scale(0.8);left: 8px;top: -5px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item i {display: inline-block;top: 4.5px;font-family: 'iconfont' !important;vertical-align: top;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item i.ec--cs-icon-right {margin-right: 26px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--offline:before,
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--offline i.ec--icon-cs1-2 {opacity: .3;filter: alpha(opacity=30);}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--main .ec--group .ec--list .ec--cs-item.ec--selected {background: rgba(0, 0, 0, 0.2);font-weight: 600;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list .ec--list-main .ec--offline .ec--cs-name {opacity: .3;filter: alpha(opacity=30);}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--list-main {position: relative;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--group-name {color: #fff;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--group-name .ec--icon {color: #fff;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {color: #fff;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item:hover {background: rgba(255, 255, 255, 0.2);}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item.ec--selected {background: rgba(255, 255, 255, 0.2);}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main .ec--group .ec--list .ec--cs-item .ec--unread-num {left: 18px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--chat-tools.ec--inlist.ec--vertical li a span {color: #fff;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--chat-tools.ec--inlist.ec--vertical li:hover {background: rgba(255, 255, 255, 0.2);}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--title,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--main,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--tools-wrapper {z-index: 1;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--cloud {position: absolute;bottom: 0;right: 0;width: 100%;height: 78px;background: url(images/a1.png) 100% no-repeat;opacity: .25;filter: alpha(opacity=25);}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2 {width: 29px;height: 29px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2.ec--male {background: url(images/a2.png) center no-repeat;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--color .ec--icon-cs1-2.ec--female {background: url(images/a3.png) center no-repeat;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main {border: 5px solid;border-radius: 5px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title {color: #262626;border-radius: 0;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title .ec--title-main {color: #262626;font-weight: bold;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--border .ec--list-main .ec--title .ec--close {color: #262626;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--list-main {background: none;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item.ec--offline .ec--cs-name {opacity: .3;filter: alpha(opacity=30);}

.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item:hover {background: rgba(0, 0, 0, 0.2);}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--group-name {color: #2580e6;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--group-name .ec--group-arrow {color: #2580e6;border-left: 4px solid #2580e6;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item .ec--cs-name {color: #2d2b31;}
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item:before,
.ec--cs-wrapper .ec--cs-root .ec--cs-list.ec--theme-custom .ec--main .ec--group .ec--list .ec--cs-item i {color: #2d2b31;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn {display: inline-block;vertical-align: top;-webkit-tap-highlight-color: transparent;cursor: pointer;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--tools-wrapper {background: none;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num {left: -7px;top: -5px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--top {top: -5px;bottom: auto;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--bottom {top: auto;bottom: -5px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--left {left: -7px;right: auto;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--unread-num.ec--right {left: auto;right: -7px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape {display: block;text-align: center;font-size: 16px;color: #fff;box-sizing: border-box;position: relative;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape .ec--shape-ele {border-radius: 5px;width: 100%;height: 100%;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square {width: 66px;height: 66px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square .ec--shape-ele {text-align: center;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-square .ec--icon-customer-service {margin-top: 13px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h {text-align: left;width: 178px;height: 56px;line-height: 56px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele {line-height: 56px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele .ec--zh,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--shape-ele .ec--en {font-size: 16px;color: #fff;margin-left: 10px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--icon-customer-service {margin-left: 15px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h .ec--zh {letter-spacing: 6px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v {width: 56px;height: 165px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--shape-ele {text-align: center;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text {-ms-writing-mode: tb-rl;writing-mode: tb-rl;writing-mode: vertical-rl;margin-top: 10px;text-align: justify;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text.ec--zh {letter-spacing: 6px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text.ec--en {margin-top: 4px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--text p {height: 105px;line-height: 56px;font-size: 16px;color: #fff;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v .ec--icon-customer-service {margin-top: 8px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle {width: 66px;height: 66px;margin: 0 auto;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--shape-ele {text-align: center;border-radius: 50%;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--icon-customer-service {margin-top: 14px;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-circle .ec--unread-num {top: 4px;left: 2px;right: auto;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper .ec--cs-shape.ec--shape-custom {width: auto;height: auto;border-radius: 0px;text-align: left;}
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-square,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-rect-h,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-rect-v,
.ec--cs-wrapper .ec--cs-root .ec--cs-btn .ec--cs-shape-wrapper.ec--pc-cs-shape-wrapper .ec--cs-shape.ec--shape-custom {margin: 0;}
.ec--cs-wrapper .ec--cs-root .ec--icon-customer-service {display: inline-block;vertical-align: middle;font-size: 38px;color: #fff;}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2 {position: relative;display: inline-block;vertical-align: text-bottom;width: 20px;height: 25px;}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2.ec--male {background: url(images/a3.png) center no-repeat;}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2.ec--female {background: url(images/a3.png) center no-repeat;}
.ec--cs-wrapper .ec--cs-root .ec--icon-cs1-2 .ec--icon-cell-phone {position: absolute;bottom: 0;right: 0;width: 8px;height: 12px;background: url(images/a5.png) center no-repeat;}
.ec--cs-wrapper .ec--cs-root .ec--icon-qq1-2 {position: relative;display: inline-block;vertical-align: text-bottom;background: url(images/qq.png) center no-repeat;width: 20px;height: 25px;margin-top: 2px;}
.ec--cs-wrapper .ec--cs-root .ec--icon-qq1-3 {position: relative;display: inline-block;vertical-align: text-bottom;background: url(images/qq.png) center no-repeat;width: 20px;height: 25px;margin-top: 2px;opacity: 0;}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode {position: relative;display: inline-block;vertical-align: text-bottom;width: 20px;height: 20px;margin-right: 15px;margin-top: 4px;background: url(images/wx.png) center no-repeat;z-index: 200;cursor: pointer;}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode:active {background: url(images/wx2.png) center no-repeat;}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode2 {position: relative;display: inline-block;vertical-align: text-bottom;width: 20px;height: 20px;margin-right: 15px;margin-top: 4px;opacity: 0;visibility: hidden;background: url(../images/wx.png) center no-repeat;z-index: 200;cursor: pointer;}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode2:active {background: url(../images/wx2.png) center no-repeat;}
.ec--cs-wrapper .ec--cs-root .ec--cs-qrcode-info {display: none;position: fixed;left: 0;width: 232px;height: 303px;background: #ffffff;border: 1px solid #E6E9F0;border-radius: 3px;}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow,
.ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow {position: absolute;top: 30px;right: 0px;}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::after,
.ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow::after {content: '';display: block;position: absolute;height: 0;border-top: 10px solid transparent;border-left: 10px solid white;border-bottom: 10px solid transparent;}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::before,
.ec--cs-wrapper .ec--cs-root .side-right .ec--info-arrow::before {content: '';display: block;position: absolute;height: 0;border-top: 11px solid transparent;border-left: 11px solid #E6E9F0;border-bottom: 11px solid transparent;}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow {left: -12px;right: auto;}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::after {margin-left: 2px;border-left: unset;border-right: 10px solid white;}
.ec--cs-wrapper .ec--cs-root .side-left .ec--info-arrow::before {border-left: unset;border-right: 11px solid #E6E9F0;}
.ec--cs-wrapper .ec--cs-root .ec--info-close {position: absolute;top: 10px;right: 10px;width: 17px;height: 17px;background: url(../images/a11.png) center no-repeat;cursor: pointer;opacity: 0.8;}
.ec--cs-wrapper .ec--cs-root .ec--info-close:hover {opacity: 1;}
.ec--cs-wrapper .ec--cs-root .ec--info-title {font-size: 14px;color: #41444B;text-align: center;line-height: 20px;text-overflow: ellipsis;margin-bottom: 2px;margin-top: 29px;padding: 0 25px;overflow: hidden;}
.ec--cs-wrapper .ec--cs-root .ec--info-tip {font-size: 12px;color: #888F9E;text-align: center;}
.ec--cs-wrapper .ec--cs-root .ec--info-qrcode {display: block;width: 160px;height: 160px;margin: 0 auto;margin-top: 14px;}
.ec--cs-wrapper .ec--cs-root .ec--info-qrcode-tip {font-size: 12px;color: #D0D4DB;text-align: center;margin-top: 9px;}
.ec--cs-wrapper .ec--cs-root .ec--tools-wrapper {border-radius: 0 0 2px 2px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools li a {display: block;height: 100%;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools li a img {display: block;width: 100%;height: 100%;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist {margin: 0 13px;padding: 0 7px 10px;border-top: 1px dashed #eee;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li {margin-top: 10px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li a {position: relative;padding-left: 40px;height: 30px;line-height: 30px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li a img {width: 30px;height: 30px;position: absolute;left: 0;top: 0;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--vertical li:hover {background: rgba(0, 0, 0, 0.2);}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen {overflow: hidden;padding-top: 10px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen li {float: left;width: 30px;height: 30px;margin-right: 15px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inlist.ec--horizen li .ec--name {display: none;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn li {margin-top: 14px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn li .ec--name {display: none;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-square li {width: 66px;height: 66px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-rect-h li {width: 178px;height: 56px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-rect-v li {width: 56px;height: 56px;}
.ec--cs-wrapper .ec--cs-root .ec--chat-tools.ec--inbtn.ec--shape-circle li {width: 66px;height: 66px;}
</style><style type="text/css">#ec--cs-wrapper {  background: transparent!important;}
#ec--cs-wrapper iframe {border: none!important;background: transparent!important;}
#ec--cs-invite {cursor: pointer;z-index: 99999;font: normal 12px/24px -apple-system, BlinkMacSystemFont, SF UI, PingFang SC, Roboto, '\601D\6E90\9ED1\4F53', Helvetica Neue, Helvetica, Microsoft YaHei, Arial, sans-serif;}
#ec--cs-invite.ec--cs-invite-center {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto auto auto auto;position: fixed;}
#ec--cs-invite.ec--cs-invite-right {position: fixed;right: 0;bottom: 0;}
#ec--cs-invite.ec--cs-invite-left {position: fixed;left: 0;bottom: 0;}
#ec--cs-invite.ec--cs-invite-bottom {position: fixed;left: 0;right: 0;margin: 0 auto;bottom: 0;}
#ec--cs-invite.ec--cs-invite-envelope {max-width: 95%;}
#ec--cs-invite.ec--cs-invite-envelope img {max-width: 100%;}
#ec--cs-invite.ec--cs-invite-note {max-width: 95%;}
#ec--cs-invite.ec--cs-invite-note img {max-width: 100%;}
#ec--cs-invite .invite-wrapper {position: relative;}
#ec--cs-invite .invite-wrapper .content-text {position: absolute;line-height: 2;width: 205px;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;font-size: 12px;color: #65727b;}
#ec--cs-invite .invite-wrapper img {vertical-align: middle;}
#ec--cs-invite .invite-wrapper.envelope-invite .content-text {top: 32px;left: 67px;overflow: hidden;line-height: 38px;max-height: 114px;text-align: justify;margin-right: -1em;padding-right: 1em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#ec--cs-invite .invite-wrapper.envelope-invite .content-text:before {content: '...';position: absolute;right: 0;bottom: 0;z-index: 1;}
#ec--cs-invite .invite-wrapper.envelope-invite .content-text:after,
#ec--cs-invite .invite-wrapper.envelope-invite .content-text span {z-index: 2;content: ' ';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 19px;background: #fffef2;}
#ec--cs-invite .invite-wrapper.envelope-invite img {max-width: 100%;}
#ec--cs-invite .invite-wrapper.note-invite .content-text {top: 47px;left: 35px;overflow: hidden;line-height: 30px;max-height: 150px;text-align: justify;margin-right: -1em;padding-right: 1em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#ec--cs-invite .invite-wrapper.note-invite .content-text:before {content: '...';position: absolute;right: 0;bottom: 0;z-index: 1;}
#ec--cs-invite .invite-wrapper.note-invite .content-text:after,
#ec--cs-invite .invite-wrapper.note-invite .content-text span {z-index: 2;content: ' ';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 15px;background: #fcf677;}
#ec--cs-invite .invite-wrapper.note-invite img {max-width: 100%;}
#ec--cs-invite .invite-wrapper.dialog-invite {width: 420px;max-width: 100%;cursor: auto;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-title {color: #fff;font-size: 14px;height: 34px;line-height: 34px;padding-left: 14px;background: #2580E8;border: 1px solid #2580E8;border-bottom: none;border-radius: 3px 3px 0 0;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main {height: 176px;position: relative;padding-left: 122px;border: 1px solid #DEE2E6;border-top: none;background: #fff;border-radius: 0 0 3px 3px;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-avatar {position: absolute;top: 14%;left: 7%;width: 70px;height: 70px;border: 1px solid #e1e5ea;border-radius: 5px;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-wrapper {width: 95%;height: 120px;position: relative;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text {top: 50%;width: 100%;font-size: 16px;color: #3C3C3C;overflow: hidden;line-height: 24px;max-height: 72px;text-align: justify;margin-right: -1em;padding-right: 1em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text:before {content: '...';position: absolute;right: 0;bottom: 0;z-index: 1;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text:after,
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .content-text span {z-index: 2;content: ' ';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 12px;background: #fff;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns {position: absolute;bottom: 20px;right: 10px;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue {display: inline-block;color: #fff;line-height: 12px;width: auto;height: 30px;line-height: 30px;border-radius: 2px;text-align: center;min-width: 70px;margin-right: 10px;transition: all .3s;cursor: pointer;background: #2580E8;border: 1px solid #2580E8;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue:hover {border: 1px solid #5199ed;background: #5199ed;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-blue:active {border: 1px solid #1e66ba;background: #1e66ba;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white {display: inline-block;color: #383838;line-height: 12px;width: auto;height: 30px;line-height: 30px;border-radius: 2px;text-align: center;min-width: 70px;margin-right: 10px;transition: all .3s;cursor: pointer;background: #fff;border: 1px solid #b8bfcc;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:hover {border: 1px solid #c6ccd6;background: #ffffff;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:active {border: 1px solid #9399a3;background: #cccccc;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn-white:hover {border-color: #8c919c;}
#ec--cs-invite .invite-wrapper.dialog-invite .invite-main .ec-btns .ec-btn {width: 90px;font-size: 14px;}
#ec--cs-invite .invite-wrapper.dialog-invite .close-invite {width: 35px;height: 35px;top: 0;right: 0;line-height: 35px;font-size: 20px;text-align: center;background: none;color: #fff;opacity: .8;text-decoration: none;}
#ec--cs-invite .invite-wrapper.dialog-invite .close-invite:hover {opacity: 1;background: rgba(0, 0, 0, 0.2);}
#ec--cs-invite .invite-wrapper.custom-invite .close-invite {background: none;width: auto;height: auto;}
#ec--cs-invite .invite-wrapper .close-invite {position: absolute;top: 0;right: 0;width: 24px;height: 24px;cursor: pointer;z-index: 1;}
#ec--cs-invite .invite-wrapper .close-invite i {color: #8f8f8f;}
.mobile #ec--cs-invite .envelope .close-invite,
.mobile #ec--cs-invite .note .close-invite,
.mobile #ec--cs-invite .custom-invite .close-invite {top: auto;bottom: -35px;left: 0;width: 100%;text-align: center;}
.mobile #ec--cs-invite .envelope .close-invite img,
.mobile #ec--cs-invite .note .close-invite img,
.mobile #ec--cs-invite .custom-invite .close-invite img {max-height: 30px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
#ec--cs-invite .mobile #ec--cs-invite .close-invite {background-image: url(../images/a12.png);background-size: 24px;}
}
.ec--full-html {width: 100% !important;height: 100% !important;overflow: hidden !important;}
.ec--full-body {width: 100% !important;height: 100% !important;overflow: hidden !important;}