:root{--brandMain:#fff;--brandCustomerListHover:#fff;--brandCustomerListActive:#b5c2e2;--brandPopBg:#fff;--brandCustomerBg:#e4ebfe;--brandServiceBg:#7b97e5;--brandSidebar:#e1e6f0;--BtnText:#fff;--Btn:#668aef;--BtnLeft:#668aef;--BtnRight:#668aef;--BtnHover:#4d70d1;--BtnActive:#3453aa;--closeBtn:#fa5f5a;--closeBtnHover:#c4433f;--secBtn:transparent;--secBtnHover:#dee7fc;--secBtnDisabled:#ccc;--HeadBar:#fff;--NavBar:#506293;--NavBarTop:#798bbe;--NavBarBottom:#2d3e6e;--textDark:#111;--textLight:#666;--textSerMain:#999;--textSer:#fff;--lineDark:#ccc;--lineLight:#ddd;--textA:#4875ee;--textHoverA:#254aaf;--inputBgColor:#fff;--borderColor:#ccc;--tipRed:#fa5f5a;--keyword:#ff7d13;--brandTipBg:#eff1f2;--brandBtnBg:#c7d1eb;--brancHover:#c7d3f2;--SumNoList:#fff;--SumList:#7d98e2;--popTitle:#d3dcf4;--keyBoard:#7d98e2;--keyBoardText:#fff;--transferSecTitle:#d3dcf4;--brandMainCard:#fff;--callOperations:#dee6f2;--scroll:#bcc9d7;--callCard:#f5f8fd;--callCardOpen:#d3dcf4;--SumBg:#e4eaf5;--PopTitleText:#111;--brandTrackBtn:#e4ebfe;--settingLeft:#f5f8ff;--settingRight:#fff;--brandTab:#e1e6f0;--brandTabHover:#c7d3f2;--brandTabActive:#b5c2e2;--brandTabText:#4875ee;--brandTabActiveBorder:#668aef;--inputBorderFocusColor:#668aef;--selectBgHoverColor:#c7d3f2;--radioBorderColor:#d9d9d9;--brandBtnHoverBg:#93aae3;--brandBtnActiveBg:#668aef;--brandSideCardbar:#eff2f8;--linkColor:#001dff;--mainHollowButtonColor:#fff;--mainHollowButtonColorHover:#c7d3f2;--mainHollowButtonColorActive:#b5c2e2;--mainGreenButtonColor:#17d790;--mainGreenButtonColorHover:#10b678;--mainGreenButtonColorActive:#078b59}.btn,.btn-Red,.btn-blue,.btn-grayB,.chat_area-list li .chat.invoice-order .invoice-order-btn{display:inline-block;line-height:28px;height:30px;text-align:center;border-radius:15px;white-space:nowrap;font-size:14px;outline:none;padding:0 20px;cursor:pointer}.btn-blue{color:#fff;border:1px solid transparent;background:#70a3fe;background-image:linear-gradient(90deg,#5d81ec,#70a3fe)}.btn-blue:hover{background:#5b84d9;background-image:linear-gradient(90deg,#4e69c8,#5b84d9)}.btn-blue:active{background:#4b69b6;background-image:linear-gradient(90deg,#3e54aa,#4b69b6)}.btn-grayB,.chat_area-list li .chat.invoice-order .invoice-order-btn{color:#111;border:1px solid #ccc;background:#fff}.btn-grayB:hover,.chat_area-list li .chat.invoice-order .invoice-order-btn:hover{background:#dee7fc}.btn-grayB:active,.chat_area-list li .chat.invoice-order .invoice-order-btn:active{background:#bfcff8}.btn-Red{color:#fff;border:none;background:#ff8fa6;background-image:linear-gradient(90deg,#ff6887,#ff8fa6)}.btn-Red:hover{background:#cc7283;background-image:linear-gradient(90deg,#cc526c,#cc7283)}.btn-Red:active{background:#995563;background-image:linear-gradient(90deg,#993e51,#995563)}.btn.disabled,.chat_area-list li .chat.invoice-order .disabled.invoice-order-btn,.disabled.btn-Red,.disabled.btn-blue,.disabled.btn-grayB,button.disabled{cursor:not-allowed!important;background:#ccc!important;background-image:#ccc!important}.btn.disabled:active,.btn.disabled:hover,.chat_area-list li .chat.invoice-order .disabled.invoice-order-btn:active,.chat_area-list li .chat.invoice-order .disabled.invoice-order-btn:hover,.disabled.btn-Red:active,.disabled.btn-Red:hover,.disabled.btn-blue:active,.disabled.btn-blue:hover,.disabled.btn-grayB:active,.disabled.btn-grayB:hover,button.disabled:active,button.disabled:hover{background:#ccc!important;background-image:#ccc!important}.mode-radio{cursor:pointer;position:relative;height:20px;line-height:20px;white-space:nowrap;padding-left:25px;display:inline-block;margin-right:10px}.mode-radio:before{width:16px;height:16px;border-radius:8px;border:1px solid var(--radioBorderColor);background:#fff;top:2px;left:4px}.mode-radio:after,.mode-radio:before{content:"";display:inline-block;box-sizing:border-box;position:absolute}.mode-radio:after{width:8px;height:8px;border-radius:4px;background:transparent;left:8px;top:6px}.mode-radio.active:before,.mode-radio.choosen:before{border-color:var(--inputBorderFocusColor)}.mode-radio.active:after,.mode-radio.choosen:after{background:var(--inputBorderFocusColor)}.mode-radio.disabled{color:#c9c9c9;cursor:not-allowed}.mode-radio.disabled:before{border:1px solid #d9d9d9;background:#f5f5f5}.mode-radio.disabled.active:after,.mode-radio.disabled.choosen:after{background:#d9d9d9}.mode-radio:not(.disabled):hover:before{border-color:var(--inputBorderFocusColor)}.mode-checkbox{display:inline-block;vertical-align:middle;cursor:pointer;position:relative;height:20px;line-height:20px;white-space:nowrap;padding-left:25px}.mode-checkbox:before{width:16px;height:16px;border-radius:2px;border:1px solid var(--radioBorderColor);background:#fff;top:2px;left:4px}.mode-checkbox:after,.mode-checkbox:before{content:"";display:inline-block;box-sizing:border-box;position:absolute}.mode-checkbox:after{width:8px;height:8px;border-radius:4px;background:transparent;left:8px;top:6px}.mode-checkbox.active:before,.mode-checkbox.choosen:before{border-color:var(--inputBorderFocusColor);background:var(--inputBorderFocusColor)}.mode-checkbox.active:after,.mode-checkbox.choosen:after{left:7px;width:10px;height:6px;border-radius:1px;border:2px solid #fff;border-bottom:none;border-left:none;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.mode-checkbox.disabled{color:#c9c9c9;cursor:not-allowed}.mode-checkbox.disabled:before{border:1px solid #d9d9d9;background:#f5f5f5}.mode-checkbox.disabled.active:after,.mode-checkbox.disabled.choosen:after{border-color:#d9d9d9}.mode-checkbox:not(.disabled):hover:before{border-color:var(--inputBorderFocusColor)}.bdb-none{border-bottom:none!important}blockquote,body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,p,pre{margin:0}menu,ol,ul{list-style:none;margin:0;padding:0}body{line-height:1.5;background-color:transparent}body,button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:12px}input[type=button],input[type=reset],input[type=submit]{font-size:14px}body,button,input,optgroup,option,pre,select,textarea{font-family:Microsoft YaHei,SimSun,Tahoma,Verdana,Arial,sans-serif}body:focus,button:focus,input:focus,optgroup:focus,option:focus,pre:focus,select:focus,textarea:focus{outline:none}iframe{background-color:#fff;vertical-align:middle}a{color:var(--textA);cursor:pointer}a,a:hover{text-decoration:none}a:hover{color:var(--textHoverA)}img{vertical-align:middle}a img{border:0}fieldset{margin:0;padding:0}button,input.ie6{overflow:visible;padding:.1em .25em;cursor:pointer}legend{color:windowtext}input[type=button],input[type=reset],input[type=submit]{overflow:visible;padding:.1em .25em;cursor:pointer}input[type=text],select,textarea{background-color:#fff}select{border:1px inset}textarea{overflow:auto;vertical-align:text-bottom;*vertical-align:auto;border:1px solid;resize:vertical}table{border-spacing:0}caption,td,th{padding:0}input{margin:0;vertical-align:middle}.dial_search-tab::-webkit-scrollbar-track,.im_friend-queue::-webkit-scrollbar-track,.list-body::-webkit-scrollbar-track,.reply>ul::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-track,.setting-content::-webkit-scrollbar-track,::-webkit-scrollbar-track{border-radius:86px;background-color:transparent}.dial_search-tab::-webkit-scrollbar,.im_friend-queue::-webkit-scrollbar,.list-body::-webkit-scrollbar,.reply>ul::-webkit-scrollbar,.scroll::-webkit-scrollbar,.setting-content::-webkit-scrollbar,::-webkit-scrollbar{height:8px;width:6px;background-color:transparent}.dial_search-tab::-webkit-scrollbar-thumb,.im_friend-queue::-webkit-scrollbar-thumb,.list-body::-webkit-scrollbar-thumb,.reply>ul::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb,.setting-content::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{border-radius:6px;background-color:#bcc9d7}.img-scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:3px}.img-scroll::-webkit-scrollbar{position:absolute;right:0;bottom:0;height:6px;width:6px;background-color:transparent}.img-scroll::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,.8)}.search-keyword{color:#5d81ec!important}.arrow{display:inline-block;width:6px;height:6px;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #9facba;border-bottom:0;border-left:2px solid #9facba;border-right:0;z-index:10;overflow:hidden;cursor:pointer}.arrow:hover{border-top:2px solid #2d5dc0;border-left:2px solid #2d5dc0}.arrow.top{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.arrow.bottom{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.arrow.left{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.arrow.right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.demand-popover-item-txt,.msg-list-con .msg-list-info .msg-list-name,.msg-list-con .msg-list-txt,.txt-over,.video-txt-group .video-name,.video-txt-group .video-size{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-fixed{position:fixed!important}::-webkit-input-placeholder,input::-webkit-input-placeholder{color:#ccc}::placeholder,input::-webkit-input-placeholder{color:#ccc}:-ms-input-placeholder,input:-ms-input-placeholder{color:#ccc}.chat-drop-down{position:absolute;border-radius:4px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);background:#fff;z-index:10;box-sizing:border-box}.chat-drop-down li{position:relative;line-height:30px;padding:3px 30px 3px 10px;width:100%;box-sizing:border-box;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;color:#666;vertical-align:middle}.chat-drop-down li.active:after{content:"";position:absolute;right:8px;top:10px;width:16px;height:16px;background:url(../img/select.png) 50% no-repeat}.chat-drop-down li:hover{background:#dce6fb}.sup_tips{height:14px;padding:0 5px 1px;line-height:15px;font-size:10px;border-radius:14px}.sup_point,.sup_tips{display:inline-block;overflow:hidden;color:#fff;background-color:#fa5f5a}.sup_point{border-radius:50%;border:4px solid red}.min-height-40{min-height:40px}.func_emote{background:url(../img/ico_emote.png) 50% no-repeat;width:24px;height:24px;display:inline-block;vertical-align:middle}.arrow-bottom{position:absolute;bottom:-20px;left:50%;margin-left:-10px;display:inline-block;width:0;height:0;border:10px solid transparent;border-top-color:#fff;-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.absolute-center{position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;z-index:9999!important}.icon-loading{width:14px;height:14px}.icon-loading,.icon-loading-bg{display:inline-block;border:2px solid #5d81ec;border-bottom-color:transparent;border-radius:50%;vertical-align:middle;-webkit-animation:loading-mini .8s linear 0s infinite;animation:loading-mini .8s linear 0s infinite}.icon-loading-bg{width:25px;height:25px}@-webkit-keyframes loading-mini{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-mini{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icon-warn{position:relative;display:inline-block;width:16px;height:16px;background:#ff4646;border-radius:50%;font-style:normal}.icon-warn:after{display:block;width:16px;height:16px;line-height:16px;box-sizing:border-box;content:"!";color:#fff;text-align:center;font-weight:700}.icon-sensitive{position:relative;display:inline-block;width:16px;height:16px;border:1px solid #ff5d5d;border-radius:50%;font-style:normal;cursor:pointer}.icon-sensitive:after{display:block;width:16px;height:16px;line-height:16px;box-sizing:border-box;content:"!";color:#ff5d5d;text-align:center;font-weight:700;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icon-sensitive:hover+.tip-con{display:block}.ico-loading-s{border:2px solid #5d81ec;border-bottom-color:transparent;border-radius:50%;-webkit-animation:loading-mini .8s linear 0s infinite;animation:loading-mini .8s linear 0s infinite}.ico-history-s,.ico-loading-s{display:inline-block;width:14px;height:14px;vertical-align:middle}.ico-history-s{background:url(../img/ico_chat_history.png) 0 0 no-repeat;background-size:contain}.tip-con{display:none;position:absolute;bottom:28px;right:-73px;width:168px;border-radius:4px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);font-size:12px;color:#666;line-height:20px;padding:5px 14px;box-sizing:border-box;z-index:2}.tip-con:after{content:"";width:0;height:0;border-color:#fff transparent transparent;border-style:solid;border-width:6px 6px 0;position:absolute;bottom:-5px;left:50%;margin-left:-3px}.icon-locate{display:inline-block;width:14px;height:18px;background:url(../img/icon-locate.png) 0 0 no-repeat;vertical-align:middle}.pop_close{position:absolute;top:3px;right:3px;width:30px;height:30px;overflow:hidden;line-height:25px;font-size:0;background:url(../img/ico_close_gray.png) 50% no-repeat;z-index:5}.pop_mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:10}.border-bottom{border-bottom:1px solid #eee}.border-top{border-top:1px solid #eee}.label{color:#5d81ec;background-color:#d8e7ff}.label,.tag-ctrip,.tag-guest,.tag-merchant{display:inline-block;border-radius:2px;font-size:12px;line-height:12px;padding:2px 6px;margin-right:6px}.tag-merchant{color:#1cadaa;background-color:#c5f5f4}.tag-guest{color:#ff7300;background-color:#ffeacb}.tag-ctrip{color:#5d81ec;background-color:#d8e7ff}.pop_status{position:absolute;left:90px;width:100px;overflow:hidden;background:hsla(0,0%,100%,.95);box-shadow:0 0 3px 1px hsla(0,0%,40%,.3);border-radius:3px}.pop_im{top:35px}.pop_call{top:70px}.pop_status.network_status-block{width:auto;height:30px;overflow:hidden;line-height:30px;padding:0 10px;font-size:14px;color:#666;z-index:999}.pop_status li{position:relative;width:100%;height:30px;line-height:30px;box-sizing:border-box;text-indent:10px;padding-left:30px;background-color:#f2f7fe;cursor:pointer}.pop_status li a{display:block;width:100%;height:100%;text-decoration:none;color:#666;background:#fff;font-size:14px}.pop_status li:hover,.pop_status li:hover a{background-color:#e4efff}.queue_info .pop_status li .ico_status{position:absolute;top:7px;left:9px;right:auto}.pop_status li.no-click{cursor:not-allowed}.pop_status li.no-click .ico_busy{background:url(../img/ico_no_busy.png) 50% no-repeat}.pop_status li.no-click a{cursor:not-allowed;color:#ccc}.pop_status li.no-click:hover{background-color:#f2f7fe}.pop_status li.no-click:hover a{background-color:#fff}.loading{position:absolute;top:32%;left:50%;width:30px;height:30px;overflow:hidden;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}.loading.history{display:none}.loading img,.loading.history.show{display:block}.loading img{width:30px;height:30px;-webkit-animation:loading .8s linear 0s infinite;animation:loading .8s linear 0s infinite}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrap{display:inline-block;position:relative;box-sizing:border-box;background-color:#fff;border:none;width:100%;height:100%;overflow:hidden;min-width:1200px;min-height:600px}.wrap.setting{height:590px}.wrap_mini{width:300px}.im_board{z-index:3;width:300px;box-sizing:border-box}.im_board,.im_detail{position:relative;float:left;height:calc(100% - 60px)}.im_detail{z-index:2;background-color:#fff;width:calc(100% - 360px);display:flex}.im_user-info{position:relative;background:#70a3fe;background-image:linear-gradient(90deg,#5d81ec,#70a3fe);z-index:6;width:100%;height:52px;padding-top:8px}.im_user-info .im_setting{position:absolute;top:8px;left:8px;width:18px;height:18px;overflow:hidden;font-size:0;background:url(../img/ico_setting.png) 50% no-repeat;z-index:3;box-shadow:0 0 0 0}.im_user-info .im_min{position:absolute;top:6px;right:56px;width:20px;height:20px;overflow:hidden;background:url(../img/ico_min.png) 50% no-repeat;z-index:1}.im_user-info .im_min:hover{background-color:#075283}.im_close{position:absolute;top:5px;right:6px;width:20px;height:20px;overflow:hidden;background:url(../img/ico_close.png) 50% no-repeat;z-index:1}.im_close.im_modify{top:6px}.im_user-info .im_close:hover{background-color:#ff5959}.im_user-info .im_magnify{position:absolute;top:10px;right:56px;width:20px;height:20px;overflow:hidden;background:url(../img/ico_magnify.png) 50% no-repeat;z-index:1;display:none}.im_user-info .im_magnify.show{display:block}.im_user-info .im_magnify:hover{background-color:#075283}.im_user-info .im_minify{position:absolute;top:10px;right:56px;width:20px;height:20px;overflow:hidden;background:url(../img/ico_minify.png) 50% no-repeat;z-index:1;display:none}.im_user-info .im_minify.show{display:block}.im_user-info .im_minify:hover{background-color:#075283}.im_user-info .user_info{position:relative;padding:0 10px 0 74px}.im_user-info .user_info-header{position:absolute;top:0;left:11px;width:44px;height:44px;border-radius:50%;background-size:50px 50px;cursor:pointer}.im_user-info .user_info-header.default{background-image:url(../img/avatar/head_default.png)}.im_user-info .user_info-header img{width:100%;height:100%;border-radius:50%}.im_user-info .user_info-header .per-info-icon{position:absolute;right:-5px;bottom:-3px;width:26px;height:18px;background:url(../img/per-info.png) 50% no-repeat}.im_user-info .user_info-nick{font-size:15px;position:relative;width:100%;height:20px;padding-top:2px;color:#fff}.im_user-info .user_info-nick>span{position:relative;display:inline-block;vertical-align:text-top}.im_user-info .user_info-nick .name{max-width:85px;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.im_user-info .hor-spread,.im_user-info .ver-spread{width:20px;height:20px;position:absolute;top:5px;z-index:100;display:block;background-image:url(../img/spread-arrow.png);background-repeat:no-repeat;background-size:38px}.im_user-info .hor-spread{right:56px;background-position:-7px -28px}.im_user-info .hor-spread.spread{background-position:-7px -3px}.im_user-info .hor-spread:hover{background-color:#075283}.im_user-info .ver-spread{right:80px;background-position:-8px -92px}.im_user-info .ver-spread.spread{background-position:-8px -56px}.im_user-info .ver-spread:hover{background-color:#075283}.service_info{font-size:12px;color:#fff;margin-top:2px}.service_info .infos,.service_info .infos-time{margin-right:20px;vertical-align:middle}.service_info .infos{display:inline-block;border-radius:25px;box-sizing:border-box}.service_info .infos .info{vertical-align:middle}.service_info .infos .info i{position:static;display:inline-block;vertical-align:-2px}.service_info .infos-status{display:inline-block;width:80px;vertical-align:middle;overflow:hidden}.service_info .infos-status .infos-status-text{width:-webkit-min-content;width:-moz-min-content;width:min-content;white-space:nowrap}.service_info .ico_status{position:absolute;top:4px;right:5px;width:14px;height:14px;font-size:0}.service_info .pop_status .ico_status{left:7px;top:8px}.service_info .pop_status.message{left:80px}.service_info .pop_status.call{left:135px}.service_info .pop_status.mail{left:185px}.showtips{position:relative}.showtips~.tip-content{display:none;position:absolute;top:0;background:hsla(0,0%,100%,.95);color:#999;box-shadow:0 0 3px 1px hsla(0,0%,40%,.3);border-radius:3px}.im_user-info .user_info-nick .tip-content{position:absolute;display:none;z-index:1;top:30px;left:20px}.im_user-info .user_info-nick .extension-content:hover,.im_user-info .user_info-nick .showtips:hover~.extension-content{display:none}.im_user-info .user_info-nick .extension-content:hover.show,.im_user-info .user_info-nick .showtips:hover~.extension-content.show{display:block}.user_info-nick .extension:hover{background:#0c6297}.ico_message_small{background:url(../img/ico_message_small.png) 50% no-repeat}.ico_free{background:url(../img/ico_free.png) 0 0 no-repeat}.ico_busy{background:url(../img/ico_busy.png) 50% no-repeat}.ico_leave{background:url(../img/ico_leave.png) 50% no-repeat}.ico_exit{background:url(../img/ico_exit.png) 0 0 no-repeat}.ico_turnback{background:url(../img/ico_turnback.png) 0 0 no-repeat}.ico_pasue{background:url(../img/ico_pasue.png) 0 0 no-repeat}.ico_meeting{background:url(../img/ico_meeting.png) 0 0 no-repeat}.ico_eat{background:url(../img/ico_eat.png) 0 0 no-repeat}.ico_new_busy{background:url(../img/ico_busy.png) 0 0 no-repeat}.ico_list{background:url(../img/ico_list.png) 0 0 no-repeat}.ico_network-block{width:15px;height:15px;overflow:hidden;border-radius:50%;background:url(../img/ico_network-block.png) 0 -1px no-repeat}.queue_info dd{float:left;width:210px;height:25px;padding:0 5px 0 80px;margin-bottom:8px;line-height:28px;border-radius:25px;background-color:#0c6297;color:#fff;box-sizing:border-box}.queue_info dd strong{font-style:normal;margin-right:10px}.queue_info .queue_info-call{position:absolute;left:260px;bottom:0;width:25px;height:25px;overflow:hidden;padding:0}.queue_info .queue_info-call .call_now{display:block;width:25px;height:25px;overflow:hidden;margin:0 auto;font-size:0;background:url(../img/ico_tel.png) 50% no-repeat}.im_friend-box{display:flex;flex-direction:column;height:100%;background:#e7ecf8}.im_friend-inform{height:50px;line-height:50px;font-size:14px;color:#111;padding-left:20px;border-bottom:1px solid #ddd;box-sizing:border-box}.im_friend-nav{float:left;position:relative;width:60px;height:calc(100% - 60px);background:#404556;z-index:5}.im_friend-nav .im_nav_img{width:40px;height:40px;background:50% no-repeat;margin:20px auto;cursor:pointer}.im_friend-nav .im_nav_img .sup_tips{right:3px;position:absolute;background:#fa5f5a}.im_friend-nav .im_nav_img.im_nav_chat{background-image:url(../img/IM_online/ico_nav_chat.svg);background-size:30px 30px}.im_friend-nav .im_nav_img.im_nav_chat.current,.im_friend-nav .im_nav_img.im_nav_chat:hover{background-image:url(../img/IM_online/ico_nav_chat_current.svg)}.im_friend-nav .im_nav_img.im_nav_inform{background-image:url(../img/IM_online/ico_nav_inform.svg);background-size:30px 30px}.im_friend-nav .im_nav_img.im_nav_inform.current,.im_friend-nav .im_nav_img.im_nav_inform:hover{background-image:url(../img/IM_online/ico_nav_inform_current.svg)}.im_friend-nav .im_nav_img.im_nav_setting{background-image:url(../img/IM_online/ico_nav_setting.svg);position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-size:30px 30px}.im_friend-nav .im_nav_img.im_nav_setting.current,.im_friend-nav .im_nav_img.im_nav_setting:hover{background-image:url(../img/IM_online/ico_nav_setting_current.svg)}.im_friend-nav .im_nav_img.im_nav_feedback{background-image:url(../img/IM_online/ico_nav_feedback.png);position:absolute;bottom:60px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-size:30px 30px}.im_friend-nav .im_nav_img.im_nav_feedback.current,.im_friend-nav .im_nav_img.im_nav_feedback:active,.im_friend-nav .im_nav_img.im_nav_feedback:hover{background-image:url(../img/IM_online/ico_nav_feedback_current.png)}.im_friend-tab{display:flex;flex:0 0 50px;z-index:5;border-bottom:1px solid #ccc}.im_friend-tab,.im_friend-tab a{position:relative;height:50px;box-sizing:border-box}.im_friend-tab a{flex:auto;text-align:center;color:#111}.im_friend-tab a:hover{color:#5d81ec}.im_friend-tab a .sup_right{position:absolute;width:0;top:2px;right:25px}.im_friend-tab a .invite-notify{float:left;color:#fff;background:#fa5f5a;padding-left:3px;padding-right:3px;height:18px;line-height:18px;font-size:10px;border-radius:10px}.im_friend-tab a .invite-notify span{height:12px;line-height:12px;vertical-align:baseline}.im_friend-tab a sup{float:left;margin-left:-5px;vertical-align:top}.im_friend-tab a span{display:inline-block;height:50px;line-height:50px;font-size:14px;vertical-align:top}.im_friend-tab a+strong{display:none}.im_friend-tab a:hover+strong{display:block;position:absolute;top:37px;left:21px;padding:0 10px;height:30px;overflow:hidden;line-height:30px;font-size:14px;font-weight:400;background:hsla(0,0%,100%,.95);box-shadow:0 0 3px 1px hsla(0,0%,40%,.3);color:#666;border-radius:3px}.im_friend-tab a:nth-of-type(2):hover+strong{left:127px}.im_friend-tab a:nth-of-type(3):hover+strong{left:226px}.im_friend-tab a.tab_current{color:#5d81ec}.im_friend-tab a.tab_current:after,.im_friend-tab a:hover:after{content:"";position:absolute;bottom:0;left:20%;width:60%;border-radius:2px;height:2px;overflow:hidden;line-height:0;font-size:0;background-color:#5d81ec}.im_friend-none{padding-top:90px;text-align:center;color:#ccc}.im_friend-none p{padding-top:60px;background:url(../img/ico_message_none.png) top no-repeat}.im_friend-queue{flex:1;position:relative;overflow:hidden;overflow-y:auto;box-sizing:border-box}.im_friend-queue li{position:relative;width:100%;height:76px;overflow:hidden}.im_friend-queue li.active,.im_friend-queue li:hover{background-color:#ccd2ea}.im_friend-queue li .header{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:50%}.im_friend-queue li a{display:block;width:100%;height:100%;box-sizing:border-box;text-decoration:none;padding:10px 10px 5px 60px;transition:all .3s linear}.im_friend-sel{background-color:#dce6fb}.im_friend-queue li .header img{width:100%;height:100%;border-radius:50%}.im_friend-queue li .nick{display:block;width:65%;height:22px;overflow:hidden;line-height:20px;font-weight:400;font-size:14px;color:#333}.im_friend-queue li .nick .merchant{font-size:12px;background:#19a0f0;border-radius:2px;color:#fff;padding:2px 6px;margin-right:3px}.im_friend-queue li .nick.unanswered{color:#fa5f5a}.im_friend-queue li.invite .invite-notify{position:absolute;top:35px;right:10px;font-size:12px;color:#fff;background:#fa5f5a;padding-left:3px;padding-right:3px;border-radius:10px}.im_friend-queue li .message{display:block;width:80%;height:21px;overflow:hidden;line-height:21px;font-style:normal;font-size:12px;color:#666}.im_friend-queue li .message.message-name{color:#999}.im_friend-queue li .message.hotel-message{width:73%}.im_friend-queue li .message .draft_txt{color:#fa5f5a}.im_friend-queue li .message .emoji{margin:0 1px}.icon-remind{position:absolute;top:40px;right:0}.icon-remind .pre-star{display:inline-block;vertical-align:middle;width:14px;height:14px;overflow:hidden;font-size:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;background:url(../img/ico_star.png) 50% no-repeat;background-size:cover}.icon-remind .pre-star.active{background:url(../img/ico_star_c.png) 50% no-repeat;background-size:cover}.im_friend-queue li .message i{vertical-align:middle}.im_friend-queue li .name{display:inline-block;max-width:50%;overflow:hidden;vertical-align:bottom}.im_friend-queue li .date{position:absolute;top:10px;right:10px;font-size:12px;color:#666}.message-icon{float:left}.im_friend-queue li .pre-heart{width:auto;margin-right:0;padding-left:20px;background:url(../img/heart.png) 4px no-repeat}.im_friend-queue li .sup_tips{position:absolute;top:5px;left:32px;z-index:2}.im_friend-queue li sub{position:absolute;bottom:0;left:15px;-webkit-transform:scale(.7);transform:scale(.7);padding:0 4px;height:16px;overflow:hidden;line-height:16px;font-size:12px;background-color:#4d8bf5;border:1px solid #2065d7;color:#fff;border-radius:3px}.im_friend-queue li sub.sub_voip{left:13px;background-color:#62c000;border-color:#468d00}.im_friend-sort{font-size:14px;line-height:20px;padding:5px 0 5px 23px;position:relative}.list-arrow_right{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #19a0f0;border-right:0}.list-arrow_down,.list-arrow_right{position:absolute;left:0;top:11px;display:inline-block;width:0;height:0;overflow:hidden;line-height:0;font-size:0;margin:0 5px 0 10px;vertical-align:2px}.list-arrow_down{border-top:7px solid #19a0f0;border-bottom:0;border-left:4px solid transparent;border-right:4px solid transparent}.im_friend-search-sort{text-align:center}.im_friend-search-sort .search-sort-title{margin:30px 0 24px;font-size:14px;color:#111;line-height:20px}.im_friend-search-sort .search-sort-btn{margin-bottom:30px}.im_friend-search-sort .search-sort-btn span{display:inline-block;border:1px solid #ced5e6;background:#fff;border-radius:4px;font-size:14px;color:#111;line-height:20px;padding:10px 0;width:108px;cursor:pointer}.im_friend-no-result{text-align:center;margin-top:100px}.im_friend-no-result img{width:160px;height:100px}.im_friend-no-result div{font-size:14px;color:#333}.im_friend-search-result .im_friend-result-title{font-size:14px;color:#111;line-height:20px;margin:10px 0 10px 10px}.im_friend-search-result .im_friend-result-con li{height:64px}.im_friend-search-result .im_friend-result-con li a{border-top:1px solid #ced5e6;padding:10px 0 10px 50px;margin:0 10px;width:auto}.im_friend-search-result .im_friend-result-con li a .result-con-sen{color:#ff7d13;font-weight:600}.im_friend-search-result .im_friend-result-con li a .ico-right{position:absolute;top:45%;right:11px;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #666;border-bottom:0;border-left:2px solid #666;border-right:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.im_friend-search-result .im_friend-result-con li.queue-more{margin-top:10px;height:20px;line-height:20px;text-align:center;font-size:0}.im_friend-search-result .im_friend-result-con li.queue-more .queue-more-txt{font-size:14px;color:#666;vertical-align:middle;cursor:pointer;padding-right:4px}.im_friend-search-result .im_friend-result-con li.queue-more .arrow-down{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);vertical-align:-2px}.im_friend-search-result .im_friend-result-con li.queue-more .arrow-down,.im_friend-search-result .im_friend-result-con li.queue-more .arrow-up{display:inline-block;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #666;border-bottom:0;border-left:2px solid #666;border-right:0;cursor:pointer}.im_friend-search-result .im_friend-result-con li.queue-more .arrow-up{-webkit-transform:rotate(45deg);transform:rotate(45deg);vertical-align:-6px}.im_friend-search-result .im_friend-result-con li.queue-more:hover{background:transparent}.sec-menu{position:absolute;background:#e7ecf8;left:300px;width:300px;top:87px;height:calc(100% - 87px);border:1px solid #ced5e6;border-bottom:none}.im_friend_loading{margin-top:100px}.im_friend_loading .smileLoading{background:transparent}.im_detail_hd{position:relative;height:50px;padding:0 10px 0 20px;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #b8cbdd;flex:0 0 50px}.im_detail_hd .btns{margin-top:8px}.chat_area-list li .chat.invoice-order .im_detail_hd .invoice-order-btn span:first-of-type,.im_detail_hd .chat_area-list li .chat.invoice-order .invoice-order-btn span:first-of-type,.im_detail_hd .btn span:first-of-type,.im_detail_hd .btn-Red span:first-of-type,.im_detail_hd .btn-blue span:first-of-type,.im_detail_hd .btn-grayB span:first-of-type{display:inline-block;width:20px;height:30px;line-height:30px;margin-right:4px}.chat_area-list li .chat.invoice-order .im_detail_hd .invoice-order-btn span:first-of-type img,.im_detail_hd .chat_area-list li .chat.invoice-order .invoice-order-btn span:first-of-type img,.im_detail_hd .btn span:first-of-type img,.im_detail_hd .btn-Red span:first-of-type img,.im_detail_hd .btn-blue span:first-of-type img,.im_detail_hd .btn-grayB span:first-of-type img{width:100%}.im_detail_hd h3{height:50px;line-height:50px;font-size:16px;color:#333;display:inline-block;position:relative;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im_detail_hd .chat-id span{margin-left:10px;padding:3px 0 3px 10px;border-left:1px solid #ddd;color:#999}.vertical-line{width:1px;height:20px;background:#dbe6f0;float:left;margin:5px 5px 0 10px}.im_detail_hd.chat-group-name h3{padding:0 15px 0 30px;cursor:pointer}.im_detail_hd.chat-group-name h3:before{content:"";position:absolute;height:16px;width:20px;top:15px;left:0;background:url(../img/ico_group-chat.png) 50% no-repeat;background-size:cover}.im_detail_hd.chat-group-name h3:after{content:"";position:absolute;top:36%;right:3px;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #4f6177;border-bottom:0;border-left:2px solid #4f6177;border-right:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.im_detail_hd.chat-group-name h3.arrow-up:after{top:44%;-webkit-transform:rotate(-315deg);transform:rotate(-315deg)}.im_detail_hd.chat-group-name h3:hover:after{content:"";border-top:2px solid #2d5dc0;border-left:2px solid #2d5dc0}.im_detail_hd.chat-group-name h3 .group-per-num{font-size:14px;color:#999;margin:0 5px}.im_detail_hd.chat-group-name h3:hover~.group-chat-hover-box{display:block}.chat_area{float:left;box-sizing:border-box;position:relative;flex:auto;min-width:510px;height:100%;display:flex;flex-direction:column}.inform-con .chat_area{width:100%}.inform-con .chat_area .im_detail_hd{border-bottom:1px solid #d3deea}.chat_area-list{position:relative;border-bottom:1px solid #b8cbdd;flex:1;display:flex;flex-direction:column}.chat_area-list,.chat_list{overflow:hidden;box-sizing:border-box}.chat_list{overflow-y:auto;padding:10px 20px;width:100%;height:100%;-webkit-overflow-scrolling:touch}.chat_area-list li.customer,.chat_area-list li.robot,.chat_area-list li.service{position:relative;width:90%;padding-left:50px;padding-top:3px;margin-bottom:12px;box-sizing:border-box}.chat_area-list li .chat .like_hate{position:absolute;right:-40px;top:-3px;z-index:2}.chat_area-list li .chat .like_hate .like_count{width:27px;height:27px;background:url(../img/IM_online/b_like.png) 50% no-repeat;background-size:contain;cursor:pointer}.chat_area-list li .chat .like_hate .like_count .point1,.chat_area-list li .chat .like_hate .like_count .point2,.chat_area-list li .chat .like_hate .like_count .point3{position:absolute;display:inline-block;background-color:#6997f8;height:7px;width:2px;border-radius:50%;opacity:0}.chat_area-list li .chat .like_hate .like_count.active{background:url(../img/IM_online/like.png) 50% no-repeat;background-size:contain;-webkit-animation:mylikemove .4s;animation:mylikemove .4s;-webkit-transform-origin:0 25%;transform-origin:0 25%}.chat_area-list li .chat .like_hate .like_count.active .point1{left:19px;top:9px;-webkit-animation:mypoint1move .5s;animation:mypoint1move .5s}.chat_area-list li .chat .like_hate .like_count.active .point2{left:22px;top:9px;-webkit-transform:rotate(10deg);transform:rotate(10deg);-webkit-animation:mypoint2move .5s;animation:mypoint2move .5s}.chat_area-list li .chat .like_hate .like_count.active .point3{left:24px;top:10px;-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-animation:mypoint3move .5s;animation:mypoint3move .5s}.chat_area-list li .chat .like_hate .hate_count{width:27px;height:27px;background:url(../img/IM_online/b_hate.png) 50% no-repeat;background-size:contain;cursor:pointer}.chat_area-list li .chat .like_hate .hate_count.active{background:url(../img/IM_online/hate.png) 50% no-repeat;background-size:contain;-webkit-animation:myhatemove .4s;animation:myhatemove .4s;-webkit-transform-origin:0 25%;transform-origin:0 25%}@-webkit-keyframes mypoint1move{0%{opacity:0}70%{opacity:1}99%{opacity:1;height:3px;-webkit-transform:translate(-12px,-14px);transform:translate(-12px,-14px)}to{opacity:0}}@keyframes mypoint1move{0%{opacity:0}70%{opacity:1}99%{opacity:1;height:3px;-webkit-transform:translate(-12px,-14px);transform:translate(-12px,-14px)}to{opacity:0}}@-webkit-keyframes mypoint2move{0%{opacity:0}70%{opacity:1}99%{opacity:1;height:3px;-webkit-transform:rotate(10deg) translate(-8px,-14px);transform:rotate(10deg) translate(-8px,-14px)}to{opacity:0}}@keyframes mypoint2move{0%{opacity:0}70%{opacity:1}99%{opacity:1;height:3px;-webkit-transform:rotate(10deg) translate(-8px,-14px);transform:rotate(10deg) translate(-8px,-14px)}to{opacity:0}}@-webkit-keyframes mypoint3move{0%{opacity:0}70%{opacity:1}99%{opacity:1;height:3px;-webkit-transform:rotate(20deg) translate(-3px,-14px);transform:rotate(20deg) translate(-3px,-14px)}to{opacity:0}}@keyframes mypoint3move{0%{opacity:0}70%{opacity:1}99%{opacity:1;height:3px;-webkit-transform:rotate(20deg) translate(-3px,-14px);transform:rotate(20deg) translate(-3px,-14px)}to{opacity:0}}@-webkit-keyframes mylikemove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes mylikemove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes myhatemove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes myhatemove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.chat_area-list li:after{display:block;clear:both;content:"";width:0;height:0;font-size:0}.chat_area-list li .header{position:absolute;top:0;width:40px;height:40px;overflow:hidden;border-radius:50%}.chat_area-list li .header img{width:100%;height:100%;border-radius:50%}.chat_area-list li .name{margin:-8px 0 6px;font-size:0}.chat_area-list li .name .nickname{display:inline-block;color:#999;font-size:12px;line-height:12px}.chat_area-list li .chat{position:relative;float:left;padding:8px;background:#e8ebf6;border-radius:2px 8px 8px 8px;max-width:85%;box-sizing:border-box}.chat_area-list li .chat:hover .tran-btn{display:flex}.chat_area-list li .chat p{word-break:break-word;word-wrap:break-word}.chat_area-list li .chat .chat-text{font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5; /*! autoprefixer: off */-webkit-box-orient:vertical;word-break:break-word}.chat_area-list li .chat .chat-text .emoji{margin:0 1px;display:inline-block!important}.chat_area-list li .chat .sensitive{color:#ff5d5d;position:relative}.chat_area-list li .chat .img-status{position:absolute;top:50%;right:-25px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.chat_area-list li .chat .tran-group{margin-top:5px;padding:8px 0 3px 3px;border-top:1px solid #ced5e6}.chat_area-list li .chat .tran-group .tran-title,.chat_area-list li .chat .tran-group .tran-title .tran-status{display:flex;flex-direction:row;align-items:center}.chat_area-list li .chat .tran-group .tran-title .tran-status .tran-exp{margin-left:8px;line-height:18px;font-size:14px}.chat_area-list li .chat .tran-group .tran-title .tran-status.doing .ico-tran{display:inline-block;width:14px;height:14px;border:2px solid #5d81ec;border-bottom-color:transparent;border-radius:50%;vertical-align:middle;-webkit-animation:loading-mini .8s linear 0s infinite;animation:loading-mini .8s linear 0s infinite}.chat_area-list li .chat .tran-group .tran-title .tran-status.doing .tran-exp{color:#111}.chat_area-list li .chat .tran-group .tran-title .tran-status.fail .ico-tran{width:16px;height:16px;background:#ff4646;border-radius:50%;font-style:normal}.chat_area-list li .chat .tran-group .tran-title .tran-status.fail .ico-tran:after{display:block;width:16px;height:16px;line-height:16px;box-sizing:border-box;content:"!";color:#fff;text-align:center;font-weight:700}.chat_area-list li .chat .tran-group .tran-title .tran-status.fail .tran-exp{color:#ff5d5d}.chat_area-list li .chat .tran-group .tran-title .retry-btn{color:#5d81ec;font-size:14px;font-weight:600;cursor:pointer;margin-left:15px}.chat_area-list li .chat .tran-con{margin-top:5px}.chat_area-list li .chat .tran-con .tran-con-title{font-size:12px;color:#999;float:left}.chat_area-list li .chat .tran-con .tran-con-pic{float:left}.chat_area-list li .chat .tran-con .tran-con-pic .tran-con-icon{float:left;width:17px;height:16px;cursor:pointer;margin-left:15px;background-size:contain}.chat_area-list li .chat .tran-con .tran-con-pic .tran-con-icon.like{background:url(../img/IM_online/ico_like_active.png) 50% no-repeat}.chat_area-list li .chat .tran-con .tran-con-pic .tran-con-icon.unlike{background:url(../img/IM_online/ico_unlike_active.png) 50% no-repeat}.chat_area-list li .chat .tran-con .tran-con-pic .tran-con-icon.nolike{background:url(../img/IM_online/ico_nolike_active.png) 50% no-repeat}.chat_area-list li .chat .tran-con .tran-con-pic .tran-con-icon.hate{background:url(../img/IM_online/ico_like_active.png) 50% no-repeat;-webkit-transform:rotatex(-180deg);transform:rotatex(-180deg)}.chat_area-list li .chat .tran-con .tran-con-pic .tran-con-icon.unhate{background:url(../img/IM_online/ico_unlike_active.png) 50% no-repeat;-webkit-transform:rotatex(-180deg);transform:rotatex(-180deg)}.chat_area-list li .chat .tran-con .tran-con-pic .tran-con-icon.nohate{background:url(../img/IM_online/ico_nolike_active.png) 50% no-repeat;-webkit-transform:rotatex(-180deg);transform:rotatex(-180deg)}.chat_area-list li .chat .arrow-down{position:relative;height:20px;margin-bottom:-5px;cursor:pointer;display:none}.chat_area-list li .chat .arrow-down i{position:absolute;bottom:7px;right:50%;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #4f6177;border-bottom:0;border-left:2px solid #4f6177;border-right:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.chat_area-list li .chat .arrow-down:hover i{border-top:2px solid #2d5dc0;border-left:2px solid #2d5dc0}.chat_area-list li .chat .arrow-up{position:relative;height:20px;margin-bottom:-5px;cursor:pointer;display:none}.chat_area-list li .chat .arrow-up i{position:absolute;bottom:3px;right:50%;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #4f6177;border-bottom:0;border-left:2px solid #4f6177;border-right:0;-webkit-transform:rotate(-315deg);transform:rotate(-315deg)}.chat_area-list li .chat .arrow-up:hover i{border-top:2px solid #2d5dc0;border-left:2px solid #2d5dc0}.chat_area-list li .chat .tran-btn{display:none;position:absolute;transform:translateY(-98%);font-size:14px;line-height:20px;cursor:pointer;z-index:2;background:#fff;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.15);white-space:nowrap;color:#6997f8;flex-direction:column;justify-content:center;align-items:center}.chat_area-list li .chat .tran-btn:before{content:"";position:absolute;bottom:-4px;margin-left:-5px;height:10px;width:10px;border-radius:2px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.chat_area-list li .chat .tran-btn li{display:inline-block;padding:6px 20px;color:#0f294d}.chat_area-list li .chat .tran-btn li:hover{background:rgba(50,100,255,.1)}.chat_area-list li .chat.more .arrow-down,.chat_area-list li .chat.more .arrow-up{display:block}.chat_area-list li.customer .chat .tran-btn,.history_list-detail li.customer .chat .tran-btn{left:20px}.chat_area-list li.service .chat .tran-btn,.history_list-detail li.service .chat .tran-btn{right:20px}.chat_area-list li.service .chat .tran-con .tran-con-title{color:#fff}.chat_area-list li .chat .arrow-down i,.chat_area-list li .chat .arrow-up i{border-top:2px solid #fff;border-left:2px solid #fff}.chat_area-list li.service .chat .tran-con .tran-con-pic .tran-con-icon.like{background:url(../img/IM_online/ico_like_active_w.png) 50% no-repeat;background-size:contain}.chat_area-list li.service .chat .tran-con .tran-con-pic .tran-con-icon.nolike,.chat_area-list li.service .chat .tran-con .tran-con-pic .tran-con-icon.unlike{background:url(../img/IM_online/ico_nolike_active_w.png) 50% no-repeat;background-size:contain}.chat_area-list li.service .chat .tran-con .tran-con-pic .tran-con-icon.hate{background:url(../img/IM_online/ico_like_active_w.png) 50% no-repeat;-webkit-transform:rotatex(-180deg);transform:rotatex(-180deg);background-size:contain}.chat_area-list li.service .chat .tran-con .tran-con-pic .tran-con-icon.nohate,.chat_area-list li.service .chat .tran-con .tran-con-pic .tran-con-icon.unhate{background:url(../img/IM_online/ico_nolike_active_w.png) 50% no-repeat;-webkit-transform:rotatex(-180deg);transform:rotatex(-180deg);background-size:contain}.result-con-sen{color:#ff7d13}.result-con-encoded{cursor:pointer}.result-con-encoded:hover{color:#280ce2;cursor:pointer;text-decoration:underline}.service .result-con-sen{color:#ffc85c}.chat_area-list .ad-notice{position:absolute;z-index:10;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;line-height:26px;border-radius:20px;padding:0 16px;background:rgba(0,0,0,.8);color:#fff;font-size:12px;cursor:pointer}.b-hover{position:relative}.b-hover:hover:before{content:attr(alt);position:absolute;z-index:10;left:70%;bottom:80%}.b-hover:hover:before,.info_name_tip,.transfer_name_tip{white-space:nowrap;font-style:normal;font-size:12px;color:#222;border-radius:5px;padding:2px 6px;background:hsla(0,0%,100%,.95);box-shadow:0 0 6px 1px hsla(0,0%,40%,.3)}.info_name_tip,.transfer_name_tip{position:fixed;z-index:100;top:140px;left:950px}.chat_area-list li .invitation-block .time-out{color:#fa5f5a}.chat_area-list li .invitation-block .chat-invitation{color:#6997f8;cursor:pointer}.chat_area-list li .invitation-block .chat-invitation:hover{color:#2d5dc2}.chat_area-list li.service .invitation-block{float:right;border-radius:8px 2px 8px 8px}.chat_area-list li .chat img{max-width:100%;max-height:200px;margin:auto;display:block}.chat_area-list li .date{clear:both;font-weight:400;color:#999;position:relative}.chat_area-list li .date strong{font-weight:400;color:#999;font-size:12px}.chat_area-list li .date strong.no-read{color:#fa5f5a}.chat_area-list li .date strong+strong{margin-left:5px}.chat_area-list li.customer .header,.chat_area-list li.robot .header{left:0}.chat_area-list li.service{padding-left:0;padding-right:50px;margin-left:10%;text-align:right}.chat_area-list li.service .img-status{left:-25px;right:auto}.chat_area-list li.service .header{right:0}.chat_area-list li.service .chat{float:right;text-align:left;background-color:#6c9cfa;color:#fff;border-radius:8px 2px 8px 8px}.chat_area-list li.service .chat.demand-chat{font-size:16px;color:#111;background-color:#fff;border:1px solid #d2d2d2}.chat_area-list li.system .edit{color:#5d81ec}.chat_area-list div.divider-content{width:100%;display:flex;padding:0;text-align:center;justify-content:center;align-items:center;margin-bottom:20px;margin-top:30px}.chat_area-list div.divider-content .divider{height:1px;background-color:#f3f3f3;flex:1 1 auto}.chat_area-list div.divider-content .content{color:#f3f3f3;margin-left:5px;margin-right:5px}.chat_area-list li.system .separate-line span{color:#666}.chat_area-list li.system .separate-line .line{top:11px}.chat_area-list li .chat.chat-coupon{width:290px;padding:8px 8px 8px 10px;background-color:#fff;border:1px solid #d2d2d2}.chat_area-list li .chat.chat-coupon .chat-coupon-title{font-size:16px;color:#222;line-height:1.3;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ececec}.chat_area-list li .chat.chat-coupon .coupon-list{display:flex;overflow:hidden;height:80px;position:relative;border:1px solid #ccc;border-radius:8px}.chat_area-list li .chat.chat-coupon .coupon-list .coupon-list-key{width:auto;flex:0;color:#ff7d13;padding:0 10px;display:flex;height:inherit;align-items:center;flex-direction:column;justify-content:center;border-radius:6px 0 0 6px}.chat_area-list li .chat.chat-coupon .coupon-list .coupon-list-key .coupon-list-money{font-size:16px;font-weight:700;line-height:1}.chat_area-list li .chat.chat-coupon .coupon-list .coupon-list-key .coupon-list-money span{font-size:30px;font-weight:700}.chat_area-list li .chat.chat-coupon .coupon-list .coupon-list-key .coupon-list-total{font-size:14px;white-space:nowrap}.chat_area-list li .chat.chat-coupon .coupon-list .coupon-list-rule{flex:1;display:flex;height:80px;flex-direction:column;justify-content:center;width:135px;padding-left:10px;border-left:1px solid #ccc;border-radius:0 6px 6px 0}.chat_area-list li .chat.chat-coupon .coupon-list .coupon-list-rule .coupon-list-type{font-size:16px;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; /*! autoprefixer: off */-webkit-box-orient:vertical;line-height:1.2;margin-bottom:5px}.chat_area-list li .chat.chat-coupon .coupon-list .coupon-list-rule .coupon-list-type span{vertical-align:middle}.chat_area-list li .chat.chat-coupon .coupon-list .coupon-list-rule .coupon-list-time{font-size:14px;color:#999;line-height:1.2}.chat_area-list li .chat.chat-coupon .coupon-list .received-tip{background:#999;border-radius:4px;font-size:12px;color:#fff;width:46px;line-height:18px;text-align:center;margin-left:5px;display:none}.chat_area-list li .chat.chat-coupon .coupon-list+.coupon-list{margin-top:5px}.chat_area-list li .chat.chat-coupon .coupon-list.received .received-tip{display:inline-block}.chat_area-list li .chat.chat-coupon .coupon-list.received .coupon-list-key{color:#999}.chat_area-list li .chat.chat-new-voice{background-color:#fff;border:1px solid #d2d2d2}.chat_area-list li .chat.chat-new-voice .voice-text{font-size:16px;color:#333;line-height:20px;margin-bottom:5px}.chat_area-list li .chat.chat-new-voice .voice-content{font-size:0}.chat_area-list li .chat.chat-new-voice .voice-content .audioBtn{height:24px;width:24px;border-radius:50%;display:inline-block;background:#19a0f0;position:relative;cursor:pointer;vertical-align:middle;margin-right:10px}.chat_area-list li .chat.chat-new-voice .voice-content .audioBtn:after{content:"";position:absolute;margin:6px;left:3px;width:0;height:0;overflow:hidden;line-height:0;font-size:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff;border-right:0}.chat_area-list li .chat.chat-new-voice .voice-content .audioBtn.playing:after{content:"";left:0;position:absolute;box-sizing:border-box;border:3px solid #fff;border-top:none;border-bottom:none;background:#19a0f0;height:10px;width:10px;margin:7px}.chat_area-list li .chat.chat-new-voice .voice-content .progressBar{position:relative;width:115px;height:6px;border-radius:30px;margin-right:10px;background:#d0ddec;display:inline-block;vertical-align:middle}.chat_area-list li .chat.chat-new-voice .voice-content .progressBar .completedBar{position:absolute;top:0;left:0;height:100%;max-width:100%;background:#19a0f0;border-radius:30px 0 0 30px}.chat_area-list li .chat.chat-new-voice .voice-content .progressBar .completedBar .completedbtn{position:absolute;top:-2px;right:-5px;height:10px;width:10px;border-radius:100%;background:#fff;cursor:move}.chat_area-list li .chat.chat-new-voice .voice-content .progressBar .bar-tip{position:absolute;z-index:10;left:13px;bottom:10px;white-space:nowrap;font-size:12px;color:#222;border-radius:5px;padding:7px 10px;background:hsla(0,0%,100%,.95);box-shadow:0 0 6px 1px hsla(0,0%,40%,.3)}.chat_area-list li .chat.chat-new-voice .voice-content .progressTime{font-size:14px;color:#4b7096;vertical-align:middle}.chat_area-list li .chat.chat-voice{width:100%;padding:0;background:none}.chat_area-list li .chat.chat-voice .voice-to-text{height:auto;min-width:calc(100% * (15 / 60))}.chat_area-list li .chat.chat-voice .voice-to-text .voice-to-text_result{position:relative;padding:8px 0;border-top:1px solid #c4d5e6;line-height:1.5;font-size:14px;color:#666}.chat_area-list li .chat.chat-voice .voice-to-text .voice-to-text_result .icon-loading,.chat_area-list li .chat.chat-voice .voice-to-text .voice-to-text_result .icon-warn{display:block;margin:0 auto}.voice-wrap .voice-bar{position:relative;height:35px;line-height:35px;border-radius:5px;padding:0 10px;background:#e3effb;box-sizing:border-box;border-radius:2px 8px 8px 8px}.voice-wrap .voice-bar.unread:after{position:absolute;top:0;right:-18px;content:"";width:8px;height:8px;border-radius:50%;background:#ff4646}.voice-wrap .voice-bar .voice-menu{position:absolute;right:-50px;top:90%;background:hsla(0,0%,100%,.95);box-shadow:0 0 3px 1px hsla(0,0%,40%,.3);z-index:1}.voice-wrap .voice-bar .voice-menu a{display:block;height:auto;line-height:20px;padding:5px 10px;font-size:14px;color:#666;text-decoration:none}.voice-wrap .voice-bar .voice-menu a:hover{cursor:pointer;box-shadow:0 0 4px 2px hsla(0,0%,40%,.5)}.service .voice-wrap .voice-bar.unread:after{left:-21px}.voice-wrap .voice-time{position:absolute;line-height:35px;right:-25px;top:0;color:#999;font-size:12px}.voice-wrap .voice-bar.active:before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.1);border-radius:2px 8px 8px 8px}.voice-wrap.active .chat-wrap-icon{background:#d3d3d3}.voice-symbol{display:inline-block;width:20px;height:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle}.voice-symbol .voice-circle{box-sizing:border-box;display:block;width:100%;height:100%;position:absolute;bottom:0;left:0;border-color:#333;border-style:solid;border-width:1px 1px 0 0;border-radius:0 100% 0 0;opacity:1}.voice-symbol .voice-circle.first{width:13px;height:13px;-webkit-animation-delay:.2s;animation-delay:.2s}.active .voice-symbol .voice-circle.first{opacity:.1;-webkit-animation:voiceanimation2 1s infinite both;animation:voiceanimation2 1s infinite both}.voice-symbol .voice-circle.second{width:8px;height:8px}.active .voice-symbol .voice-circle.second{opacity:.1;-webkit-animation:voiceanimation 1s infinite both;animation:voiceanimation 1s infinite both}.voice-symbol .voice-circle.third{width:3px;height:3px;opacity:1;-webkit-animation:none;animation:none}@-webkit-keyframes voiceanimation{0%{opacity:.1}25%{opacity:.2}50%{opacity:.6}70%,99%{opacity:.8}to{opacity:.1}}@keyframes voiceanimation{0%{opacity:.1}25%{opacity:.2}50%{opacity:.6}70%,99%{opacity:.8}to{opacity:.1}}@-webkit-keyframes voiceanimation2{0%,49%{opacity:.1}50%{opacity:.1}75%{opacity:.6}99%{opacity:.8}to{opacity:.1}}@keyframes voiceanimation2{0%,49%{opacity:.1}50%{opacity:.1}75%{opacity:.6}99%{opacity:.8}to{opacity:.1}}.chat_area-list li.service .chat.chat-voice .voice-bar,.chat_area-list li.service .chat.chat-voice .voice-bar.active:before{border-radius:8px 2px 8px 8px}.chat_area-list li.service .chat.chat-voice .voice-to-text{float:right}.chat_area-list li.service .chat.chat-voice .voice-time{left:-25px}.chat-file{float:right;width:280px;height:70px;box-sizing:border-box;border-radius:5px;padding:10px}.chat-file .chat-file-format{height:50px;width:50px;float:left;position:relative}.chat-file .chat-file-format img{height:100%;width:100%}.chat-file .chat-file-format .update{position:absolute;bottom:0;left:0;height:50%;width:100%;background:rgba(0,0,0,.4)}.chat-file .chat-file-format:after{content:"";position:absolute;top:-2px;right:-6px;width:0;height:0;overflow:hidden;line-height:0;font-size:0;border-top:9px solid #fff;border-bottom:0;border-left:9px solid transparent;border-right:9px solid transparent;-webkit-transform:rotate(-136deg);transform:rotate(-136deg)}.chat-file .chat-file-content{float:left;padding-left:10px;width:calc(100% - 60px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-file .chat-file-content .chat-file-name,.chat-file .chat-file-content .chat-file-size{font-size:14px;line-height:20px;color:#222}.chat-file .chat-file-content .chat-file-name{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-file .chat-file-content .chat-file-size{margin-top:6px}.chat-file .chat-file-content .chat-file-size a{float:right;color:#6997f8;margin-left:10px;cursor:pointer}.chat-file .chat-file-content .chat-file-size a:hover{color:#2d5dc0}.chat-file .chat-file-content .chat-file-size a.fail{color:#999;cursor:default}.chat-file .chat-file-content .chat-file-size .fail{float:right}.chat_area-list li.service .chat.service-file{padding:0;background-color:#fff;border:1px solid #ccc;border-radius:8px 2px 8px 8px;width:280px;min-width:280px}.chat_area-list li.service .chat.service-file:before{-webkit-filter:drop-shadow(1px 0 0 #ccc);filter:drop-shadow(1px 0 0 #ccc);right:-2px;border-left:3px solid #f2f7fe;border-right:0}.chat_area-list li.service.group-chat-content .header{top:3px;overflow:visible}.chat_area-list li.service.group-chat-content .header:before{content:"";position:absolute;top:-2px;left:-5px;height:16px;width:16px;background:url(../img/ico_lord.png) 50% no-repeat;background-size:cover}.chat_area-list li .infor-source{font-size:12px;color:#999}.chat_area-list li .chat.send-order-list{width:267px;min-width:267px;background-color:#fff;border:1px solid #d2d2d2;padding:10px 20px;box-sizing:border-box}.chat_area-list li .chat.send-order-list .order-title{font-size:16px;color:#222;line-height:22px;margin-bottom:0}.chat_area-list li .chat.send-order-list .order-detail{position:relative;margin-top:5px;width:100%}.chat_area-list li .chat.send-order-list .order-detail dl{line-height:17px;font-size:14px;color:#666}.chat_area-list li .chat.send-order-list .order-detail dl dd{margin:5px 0}.chat_area-list li .chat.send-order-list .order-detail dl dd:after{display:table;content:"";line-height:0;clear:both}.chat_area-list li .chat.send-order-list .order-detail dl dd .label-title{float:left;width:35%;overflow:hidden;word-break:break-all}.chat_area-list li .chat.send-order-list .order-detail dl dd .label-title img{height:50px;width:50px;margin-left:3px}.chat_area-list li .chat.send-order-list .order-detail dl dd .label-body{float:left;width:65%;display:-webkit-box; /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.chat_area-list li .chat.send-order-list .order-detail dl dd .label-body.label-img{-webkit-line-clamp:3}.chat_area-list li .chat.send-order-list .order-detail dl dd a{color:#6997f8;cursor:pointer}.chat_area-list li .chat.send-order-list .order-detail dl dd a:hover{color:#2d5dc0}.chat_area-list li .chat.send-order-list .content-more-btn{margin-bottom:3px}.chat_area-list li .chat.send-order-list .content-more{font-size:14px;line-height:17px;float:right;color:#6997f8;cursor:pointer}.chat_area-list li .chat.send-order-list .content-more:hover{color:#2d5dc0}.inform-con .chat_area-list li .chat.robot-result,.inform-con .chat_area-list li .chat.send-order-list{width:auto}.im_friend-queue li .grade-sup_tips{height:12px;padding:0 6px;border-radius:50%;top:7px;left:35px}.chat_area-list li .chat.service-appraisal{background-color:#fff;width:275px;box-sizing:border-box;border:1px solid #ccc;padding:12px 14px 16px;border-radius:5px}.chat_area-list li .chat.service-appraisal .appraisal-title{font-size:16px;line-height:20px;color:#222}.chat_area-list li .chat.service-appraisal .appraisal-content{display:flex}.chat_area-list li .chat.service-appraisal .appraisal-content li{text-align:center;padding:10px 0 4px;flex:1}.chat_area-list li .chat.service-appraisal .appraisal-content li a{display:inline-block;width:34px;height:34px;cursor:pointer}.chat_area-list li .chat.service-appraisal .appraisal-content li p{font-size:12px;color:#666;line-height:17px;margin-top:3px;white-space:nowrap}.chat_area-list li .chat.service-appraisal .appraisal-content .express1 a{background:url(../img/IM_online/n_express1.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .express2 a{background:url(../img/IM_online/n_express2.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .express3 a{background:url(../img/IM_online/n_express3.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .express4 a{background:url(../img/IM_online/n_express4.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .express5 a{background:url(../img/IM_online/n_express5.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .active.express1 a{background:url(../img/IM_online/g_express1.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .active.express2 a{background:url(../img/IM_online/g_express2.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .active.express3 a{background:url(../img/IM_online/g_express3.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .active.express4 a{background:url(../img/IM_online/g_express4.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal .appraisal-content .active.express5 a{background:url(../img/IM_online/g_express5.png) 50% no-repeat;background-size:cover}.chat_area-list li .chat.service-appraisal:hover{border:1px solid #6c9cfa}.chat_area-list li.customer .appraisal-result{width:300px;padding:12px 14px 16px;box-sizing:border-box;border:1px solid #d2d2d2;background-color:#fff}.chat_area-list li.customer .appraisal-result .appraisal-result-title{font-size:16px;line-height:20px;color:#222}.chat_area-list li.customer .appraisal-result p{font-size:14px;line-height:20px;color:#666}.chat_area-list li.customer .appraisal-result .appraisal-tag{margin:10px 0 5px}.chat_area-list li.customer .appraisal-result .appraisal-tag li{float:left;padding:5px 10px;border:1px solid #6fa1fd;border-radius:4px;font-size:14px;line-height:20px;color:#6fa1fd;text-align:center;margin:0 14px 10px 0;cursor:pointer}.chat_area-list li.system.invite{width:100%;padding:0;text-align:center;margin-bottom:10px}.chat_area-list li.system.invite .pop{position:static;width:300px;border:1px solid #ccc;border-radius:5px;box-shadow:none;background:#fff;font-size:14px;color:#666;z-index:1;box-sizing:border-box;margin:10px auto}.chat_area-list li.system.invite .pop .head{height:30px;line-height:30px;border-bottom:1px solid transparent}.chat_area-list li.system.invite .pop .content{font-size:14px;color:#222;padding:0}.chat_area-list li.system.invite .pop .content .name{color:#666;background:transparent;margin-top:5px;font-size:14px}.chat_area-list li.system.invite .pop .footer{margin-top:20px}.chat_area-list li.system.invite .pop .footer .accept{margin-right:10px}.chat_area-list li.system p{display:inline-block;width:auto;padding:3px 10px;background-color:#f3f3f3;color:#666;border-radius:5px}.chat_area-list li.system p.hotel-system{color:#136df3}.chat_area-list li.system .tips-title{background-color:#f3f3f3;padding:10px 14px;border-radius:5px;text-align:left;width:470px;margin:auto;box-sizing:border-box}.chat_area-list li.system .tips-title div{font-size:14px;color:#111;line-height:20px;margin-bottom:3px}.chat_area-list li.system .tips-title p{padding:0;line-height:17px}.chat_area-list li.system p span{padding-right:5px}.chat_area-list li.system .cancel-invit{color:#007aff;text-decoration:none}.chat_area-list li.system .cancel-invit:hover{color:#2d5dc0}.chat_area-list li .chat.chat-gift{background-color:#fff;border:1px solid #d2d2d2;display:flex}.chat_area-list li .chat.chat-gift .chat-gift-text{display:inline-block;vertical-align:middle;margin-right:10px}.chat_area-list li .chat.chat-gift .chat-gift-text p{word-break:break-all;word-wrap:break-word;font-size:14px;color:#000;line-height:1.5}.chat_area-list li .chat.chat-gift img{height:50px;width:50px;border-radius:4px;display:inline-block}.chat_area-list li .chat.tel-message{width:60%;border:1px solid #d2d2d2;background-color:#fff;padding:14px 14px 20px}.chat_area-list li .chat.tel-message .tel-message-list{display:flex;justify-content:space-between}.chat_area-list li .chat.tel-message .tel-message-list .tel-message-title{flex:auto;font-size:16px;color:#222;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat_area-list li .chat.tel-message .tel-message-list .tel-message-des{flex:none;font-size:14px;color:#999;line-height:20px}.chat_area-list li .chat.tel-message .tel-message-con{font-size:14px;color:#666;line-height:20px;margin-top:10px;display:-webkit-box; /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.chat_area-list li.system.queue{box-sizing:border-box;border:1px solid #ccc;padding:14px 12px;border-radius:4px;background:#fff;width:70%;min-width:470px;margin:0 auto 10px;display:flex;flex-direction:row;align-items:center}.chat_area-list li.system.queue .queue-status{flex:auto;display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.chat_area-list li.system.queue .queue-status .queue-status-img{flex:none;height:40px;width:40px;overflow:hidden}.chat_area-list li.system.queue .queue-status .queue-status-img img{height:100%;width:100%}.chat_area-list li.system.queue .queue-status .queue-status-con{margin:0 10px;text-align:left}.chat_area-list li.system.queue .queue-status .queue-status-con .queue-status-time{font-size:14px;color:#111;line-height:20px;margin-bottom:3px}.chat_area-list li.system.queue .queue-status .queue-status-con .queue-status-tip{font-size:12px;color:#666;line-height:17px}.chat_area-list li.system.queue .btn,.chat_area-list li.system.queue .btn-Red,.chat_area-list li.system.queue .btn-blue,.chat_area-list li.system.queue .btn-grayB,.chat_area-list li.system.queue .chat.invoice-order .invoice-order-btn{flex:none;padding:0 14px}.chat_area-list li.system{width:100%;padding:0;text-align:center;margin-bottom:10px}.chat_area-list li.system .separate-line{position:relative}.chat_area-list li.system .separate-line span{display:inline-block;width:auto;padding:3px 12px;color:#999;background:#fff;font-size:14px}.chat_area-list li.system .separate-line .line{position:absolute;top:13px;left:5%;width:90%;height:1px;background:#d8d8d8;z-index:-1}.chat_area-input{position:relative;height:190px;box-sizing:border-box;flex:0 0 190px}.chat_area-button:after,.chat_area-func:after{display:block;content:"";width:0;height:0;overflow:hidden;clear:both;font-size:0}.chat_area-func{position:relative;height:24px;padding:5px 15px}.chat_area-func a{position:relative;float:left;width:22px;height:22px;margin-right:15px;font-size:0;display:inline-block;vertical-align:middle}.chat_area-func a.func_dis,.not-allowed{cursor:not-allowed}.chat_area-func a.func_emote{background:url(../img/IM_online/ico_emote.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_emote.active,.chat_area-func a.func_emote:hover{background:url(../img/IM_online/ico_emote_h.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_file{background:url(../img/IM_online/ico_file.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_file:after{content:attr(alt);position:absolute;top:-34px;left:15px;line-height:30px;font-size:12px;z-index:2;width:345px;text-align:center;white-space:nowrap;color:#222;background-color:#fff;box-shadow:0 0 3px 1px hsla(0,0%,40%,.25);border-radius:5px;display:none}.chat_area-func a.func_file.active,.chat_area-func a.func_file:hover{background:url(../img/IM_online/ico_file_h.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_order{background:url(../img/IM_online/ico_order.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_order.active,.chat_area-func a.func_order:hover{background:url(../img/IM_online/ico_order_h.png) 50% no-repeat;background-size:cover}a.func_shopping{background:url(../img/IM_online/ico_shopping.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_shopping.active,.chat_area-func a.func_shopping:hover{background:url(../img/IM_online/ico_shopping_h.png) 50% no-repeat;background-size:cover}a.func_content{background:url(../img/IM_online/ico_content.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_content.active,.chat_area-func a.func_content:hover{background:url(../img/IM_online/ico_content_h.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_demand{height:20px;width:20px;background:url(../img/IM_online/icon-demand.png) 50% no-repeat;background-size:cover}.chat_area-func a.func_demand.active,.chat_area-func a.func_demand:hover{background:url(../img/IM_online/icon-demand_h.png) 50% no-repeat;background-size:cover}.chat_area-button{padding:0 20px 0 14px}.chat_area-button,.list-btn{position:relative;height:30px}.list-btn{float:left;line-height:30px;margin-right:10px;font-size:13px;color:#666;background-color:#fff}.list-btn:after{content:"";border-right:1px solid #ccc;position:absolute;top:0;right:25px;height:30px}.reserve-list{position:absolute;top:32px;border:1px solid #ccc;border-radius:5px;min-width:100px;color:#000;background:#fff;box-shadow:0 0 3px 1px hsla(0,0%,40%,.3)}.reserve-list li{height:30px;line-height:30px;padding:0 10px;cursor:pointer;font-size:14px;white-space:nowrap}.reserve-list li:hover{background:#dce6fb}.list-btn_send{float:right;height:30px;line-height:30px;font-size:13px;position:relative}.list-btn_send .btn_send[disabled]{border-color:#c4d5e6;background:#c4d5e6;color:#fff}.list-btn_send .send-list{position:absolute;bottom:32px;right:0;border:1px solid #ccc;border-radius:5px;overflow:hidden;width:160px;color:#fff;box-shadow:0 0 3px 1px hsla(0,0%,40%,.3)}.list-btn_send .send-list li{height:30px;line-height:30px;cursor:pointer;font-size:12px;position:relative;background-color:#19a0f0}.list-btn_send .send-list li:hover{background-color:#008dde}.list-btn_send .send-list li:active{background-color:#007cc4}.list-btn_send .send-list li i{display:inline-block;height:10px;width:13px;margin:0 8px}.list-btn_send .send-list li .select{background-image:url(../img/ico_alert_right.png);background-repeat:no-repeat;background-size:cover}.chat_area-button button[disabled]{background-color:#fff;border-color:#ccc;color:#ccc;cursor:not-allowed}.chat_input{height:90px;padding:0 14px;margin-bottom:7px;width:100%;box-sizing:border-box;overflow-y:auto}.chat_input textarea{width:100%;height:100%;padding-top:10px;border:0;resize:none;box-sizing:border-box;outline:none}.chat_input .simulate-textarea{font-size:14px;width:100%;white-space:pre-line}.chat_input .simulate-textarea:focus{outline:none}.chat_input .simulate-textarea img{margin-right:5px;max-height:100px;max-width:400px;vertical-align:inherit}.chat_input .simulate-textarea .emoji{margin:0 1px;height:20px}.simulate-textarea[contenteditable=true]:empty:before{content:attr(placeholder);color:#757575}.customer_info{position:relative;float:left;flex:0 0 330px;width:330px;box-sizing:border-box;overflow:hidden;padding-top:50px;height:100%}.customer_info:after{content:"";display:block;width:0;height:0;overflow:hidden;font-size:0;clear:both}.customer_info-tab{position:absolute;top:0;left:0;right:0;height:49px;border-bottom:1px solid #ccc;background-color:#e7ecf8}.customer_order-detail{position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;z-index:2;background-color:#e7ecf8}.evaluate-title{height:50px;line-height:50px;font-size:16px;color:#333;display:inline-block}.table-area{font-size:14px;border-spacing:20px;color:#333}.table-area tr{border-top:20px solid transparent}.table-area tr td:first-child{width:60px;text-align:left;color:#28506e}.ver_top{vertical-align:top}.table-area tr td:nth-child(2){width:500px}.experss1{background-image:url(../img/IM_online/n_express1.png)}.experss1,.experss2{background-repeat:no-repeat;background-size:cover}.experss2{background-image:url(../img/IM_online/n_express2.png)}.experss3{background-image:url(../img/IM_online/n_express3.png)}.experss3,.experss4{background-repeat:no-repeat;background-size:cover}.experss4{background-image:url(../img/IM_online/n_express4.png)}.experss5{background-image:url(../img/IM_online/n_express5.png)}.experss5,.experss6{background-repeat:no-repeat;background-size:cover}.experss6{background-image:url(../img/IM_online/n_express6.png)}.experss7{background-image:url(../img/IM_online/n_express7.png)}.experss7,.experss8{background-repeat:no-repeat;background-size:cover}.experss8{background-image:url(../img/IM_online/n_express8.png)}.active .experss1{background-image:url(../img/IM_online/g_express1.png)}.active .experss1,.active .experss2{background-repeat:no-repeat;background-size:cover}.active .experss2{background-image:url(../img/IM_online/g_express2.png)}.active .experss3{background-image:url(../img/IM_online/g_express3.png)}.active .experss3,.active .experss4{background-repeat:no-repeat;background-size:cover}.active .experss4{background-image:url(../img/IM_online/g_express4.png)}.active .experss5{background-image:url(../img/IM_online/g_express5.png)}.active .experss5,.active .experss6{background-repeat:no-repeat;background-size:cover}.active .experss6{background-image:url(../img/IM_online/g_express6.png)}.active .experss7{background-image:url(../img/IM_online/g_express7.png)}.active .experss7,.active .experss8{background-repeat:no-repeat;background-size:cover}.active .experss8{background-image:url(../img/IM_online/g_express8.png)}.emoji_box{position:absolute;z-index:9999;padding:10px;left:228px;bottom:210px;border-top:1px solid #bfbfbf;width:320px;height:170px;background:hsla(0,0%,100%,.95);box-shadow:0 0 1px 1px hsla(0,0%,40%,.34);border-radius:3px;box-sizing:border-box}.emoji_box .arrow-bottom{position:absolute;bottom:-20px;left:50%;margin-left:-10px;display:inline-block;width:0;height:0;border:10px solid transparent;border-top-color:#fff;-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.emoji_list{text-align:justify;text-justify:inter-ideograph}.emoji_list li{float:left;width:30px;height:30px;text-align:center;line-height:26px}.emoji_list li:last-of-type{border-right:none}.emoji_list:last-of-type li{border-bottom:none}.emoji{display:inline-block;width:20px;height:20px;text-align:center}.emoji,.emoji:hover{text-decoration:none}.emoji_list .hide{opacity:0}.bigimg-wrap{height:100%;width:100%;margin:auto;position:relative}.bigimg-wrap .bigimg-con{width:inherit;height:inherit;max-width:100%;max-height:100%;position:relative}.bigimg-wrap .bigimg-con .videoBg,.bigimg-wrap .bigimg-con img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;max-width:100%;box-shadow:0 20px 40px 0 rgba(8,23,51,.25)}.img_icon_close{position:absolute;right:40px;top:40px;font-size:0;padding:11px;background:rgba(0,0,0,.6);border-radius:100%;cursor:pointer}.img_icon_close i{width:14px;height:14px;display:inline-block;background:url(../img/IM_online/img-ico-close.png) 50% no-repeat;background-size:contain}.img-handle{position:absolute;width:380px;height:60px;left:50%;margin-left:-190px;bottom:60px;border-radius:30px;background:rgba(0,0,0,.6);text-align:center}.img-handle a{width:30px;height:30px;margin:15px;display:inline-block}.img-handle a.pre-img{background:url(../img/IM_online/ico_pre.png) 50% no-repeat;background-size:contain}.img-handle a.zoom-img{background:url(../img/IM_online/ico_zoom_out.png) 50% no-repeat;background-size:contain}.img-handle a.narrow-img{background:url(../img/IM_online/ico_zoom_in.png) 50% no-repeat;background-size:contain}.img-handle a.down-img{background:url(../img/IM_online/ico_down_img.png) 50% no-repeat;background-size:contain}.img-handle a.review-img{background:url(../img/IM_online/ico_review_img.png) 50% no-repeat;background-size:contain}.img-handle a.next-img{background:url(../img/IM_online/ico_next.png) 50% no-repeat;background-size:contain}.network_status{width:100%;height:24px;overflow:hidden;line-height:24px;text-align:center;color:#fff;background-color:#fa5f5a;flex:0 0 24px}.network_status .icon{display:inline-block;width:16px;height:17px;overflow:hidden;margin-right:3px;vertical-align:middle;font-size:0;line-height:99;background:url(../img/ico_warning.png) 0 0 no-repeat;border-radius:50%}.network_status p{display:inline-block}.appointment_reminder{width:100%;height:34px;overflow:hidden;position:absolute;line-height:34px;z-index:10;text-align:center;color:#fff;background:rgba(0,0,0,.8);font-size:14px}.appointment_reminder a{margin-left:10px;color:#19a0f0}.group_chat{width:100%;overflow:hidden;position:absolute;top:50px;z-index:2;color:#222;background:#fff;font-size:12px;border-bottom:1px solid #d3deea}.group_chat .chat-id{font-size:14px;line-height:40px;padding:0 20px;border-bottom:1px solid #d3deea}.group_chat .chat-id a{color:#136df3;margin-left:10px}.group_chat .chat-id a:hover{color:#0052ac}.group_chat .group-infor{margin-top:12px;padding:0 20px;font-size:14px;line-height:20px}.group_chat .group-infor .member_num{float:left}.group_chat .group-infor .group_chat_btn{float:right}.group_chat .group-infor .group_chat_btn .group-select-num{vertical-align:middle;color:#999;font-size:12px;margin-right:10px}.group_chat .group-infor .group_chat_btn .transfer_lord{cursor:pointer;vertical-align:middle;color:#6d9dfb;font-weight:700;padding-right:7px;margin-right:8px;border-right:1px solid #ddd}.group_chat .group-infor .group_chat_btn .transfer_lord i{display:inline-block;width:19px;height:19px;background:url(../img/IM_online/invite_member.png) 50% no-repeat;vertical-align:-4px;margin-right:4px}.group_chat .group-infor .group_chat_btn .delete_member{cursor:pointer;vertical-align:middle;color:#2d5dc0;font-weight:700}.group_chat .group-infor .group_chat_btn .delete_member i{display:inline-block;width:19px;height:19px;background:url(../img/IM_online/delete_member.png) 50% no-repeat;vertical-align:-4px;margin-right:4px}.group_chat .group_notice{margin:5px 0 5px 20px;font-size:12px;color:#ff5d5d;line-height:17px}.group_chat .group_member{max-height:178px;overflow-y:auto}.group_chat .group_member li{float:left;height:88px;width:125px;text-align:center;padding-top:15px;box-sizing:border-box}.group_chat .group_member li .member_img{position:relative}.group_chat .group_member li .member_img.lord:before{content:"";position:absolute;top:-2px;left:38px;height:16px;width:16px;background:url(../img/ico_lord.png) 50% no-repeat;background-size:cover}.group_chat .group_member li .member_img img{height:40px;width:40px;border-radius:50%}.group_chat .group_member li .member_name{line-height:17px;margin-top:5px;font-size:0;display:flex;justify-content:center}.group_chat .group_member li .member_name span{font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; /*! autoprefixer: off */-webkit-box-orient:vertical;white-space:inherit;word-break:break-all;height:38px;line-height:19px}.group-chat-hover-box{display:none;position:absolute;top:90%;word-break:break-all;max-width:300px;min-width:200px;border-radius:4px;background-color:#fff;padding:10px 16px 14px;box-shadow:0 4px 12px 0 rgba(0,0,0,.2);z-index:5}.group-chat-hover-box .group-chat-hover-box-title{font-size:14px;color:#111;line-height:22px}.group-chat-hover-box .group-chat-hover-box-txt{font-size:14px;color:#666;line-height:22px;margin-top:8px}.group-chat-hover-box:hover{display:block}.customize-invite{width:100%;overflow:hidden;position:absolute;top:50px;z-index:3;color:#222;background:#fff;border-bottom:1px solid #d3deea}.customize-invite .customize-invite-edit{display:flex;flex-direction:row;justify-content:space-between;font-size:14px;color:#6390e8;font-weight:700;line-height:20px;padding:14px}.customize-invite .customize-invite-edit .customize-invite-back{position:relative;padding-left:14px;cursor:pointer}.customize-invite .customize-invite-edit .customize-invite-back:before{content:"";position:absolute;top:6px;left:5px;width:6px;height:6px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #6390e8;border-bottom:0;border-left:2px solid #6390e8;border-right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.customize-invite .customize-invite-edit .customize-invite-back:hover{color:#2d5dc0}.customize-invite .customize-invite-edit .customize-invite-back:hover:before{border-top-color:#2d5dc0;border-left-color:#2d5dc0}.customize-invite .customize-invite-edit .customize-invite-cancel{cursor:pointer}.customize-invite .customize-invite-edit .customize-invite-cancel:hover{color:#2d5dc0}.customize-invite .customize-invite-group{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding-bottom:10px}.customize-invite .customize-invite-group .customize-invite-item{padding:10px;cursor:pointer}.customize-invite .customize-invite-group .customize-invite-item .customize-invite-img{height:44px;width:44px;margin:0 auto 10px}.customize-invite .customize-invite-group .customize-invite-item .customize-invite-img.commissioner{background:url(../img/IM_online/icon-invite-commissioner.png) 50% no-repeat;background-size:contain}.customize-invite .customize-invite-group .customize-invite-item .customize-invite-img.servicer{background:url(../img/IM_online/icon-invite-servicer.png) 50% no-repeat;background-size:contain}.customize-invite .customize-invite-group .customize-invite-item .customize-invite-img.merchant{background:url(../img/IM_online/icon-invite-merchant.png) 50% no-repeat;background-size:contain}.customize-invite .customize-invite-group .customize-invite-item .customize-invite-txt{font-size:13px;color:#111;line-height:18px}.history_list{width:100%;padding-bottom:10px;text-align:center}.history_list .ico-history-s{margin-right:5px}.history_list a{font-size:14px;color:#5d81ec;text-decoration:none}.history_list a:hover{text-decoration:underline}.emoji-img-wrap{overflow:hidden}.emoji-img-wrap img{float:left;margin-bottom:4px}.icon-order{position:relative;display:inline-block;width:20px;height:20px;margin-right:5px;background:#52bce8;border-radius:2px;vertical-align:middle}.icon-order:before{position:absolute;top:50%;left:50%;content:"";width:11px;height:12px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../img/ico_order_send.png) 0 0 no-repeat}.icon-dx,.icon-wf{display:inline-block;width:18px;height:12px;margin:0 5px;background:url(../img/icon-wf.png) 0 0 no-repeat;vertical-align:middle}.icon-dx{height:5px;background:url(../img/icon-dx.png) 0 0 no-repeat}.chat_area-list li .chat-send-address,.chat_area-list li .chat-send-order,.chat_area-list li.service .chat.chat-send-address,.chat_area-list li.service .chat.chat-send-order{background-color:#fff;border:1px solid #d2d2d2;width:300px}.chat_area-list li .chat-send-address:hover,.chat_area-list li .chat-send-order:hover,.chat_area-list li.service .chat.chat-send-address:hover,.chat_area-list li.service .chat.chat-send-order:hover{border:1px solid #6c9cfa}.send-order-content{width:270px;min-width:270px;padding:0 6px}.hr{margin:5px 0;height:1px;line-height:0;font-size:0;background:#ddd}.order-title{display:-webkit-box; /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:8px;color:#222;font-size:16px;line-height:1.3;clear:both}.order-info{margin-bottom:5px;color:#666}.order-info,.order-more{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1;font-size:14px}.order-more{margin:10px 0}.order-more a{font-size:14px;color:#5d81ec;cursor:pointer}.order-more a:hover{color:#2d5dc0}.order-price{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333;font-size:14px;float:right}.order-price dfn{font-style:normal;font-size:14px;color:#666}.order-status{float:left;color:#666;font-size:14px}.order-status.success{color:#2eb02c}.order-number{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;font-size:14px}.order-detail{clear:both;overflow:hidden}.order-detail .thumbnail{width:36px;height:36px;margin-right:5px;float:left;overflow:hidden}.order-detail .order-totalnumber{color:#666}.padding-top-6{padding-top:6px}.send-order-card .thumbnail{width:60px;height:60px;border-radius:4px}.send-order-card .order-detail-info{display:-webkit-box; /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;color:#666;padding-left:5px}.message-wrap{padding:6px}.message-wrap .content-wrap{line-height:14px;font-size:14px;color:#666}.message-wrap .content-wrap .title{height:16px;line-height:16px;font-weight:500;font-size:16px;font-family:PingFangSC-Medium;color:#222}.message-wrap .content-wrap .desc{margin-top:12px;margin-bottom:12px}.message-wrap .content-wrap .name{margin-top:6px;margin-bottom:6px;font-size:14px}.content-wrap .sub li{margin-left:12px}.content-wrap .sub-title{color:#6997f8;height:24px;line-height:24px;font-size:14px}.content-wrap .sub-text{color:#666;height:24px;line-height:24px;font-size:14px}.message-wrap .footer{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:38px;left:0;bottom:0;border-top:1px solid #ccc}.message-wrap .footer .text{line-height:14px;font-size:14px;vertical-align:middle;cursor:pointer}.message-wrap .footer .arrow{margin:0 0 0 2px;width:12px;height:12px;vertical-align:middle;cursor:pointer;border:none}.chat_area-list li .chat.chat-send-address{padding:0;background:#fff}.chat_area-list li .chat.chat-send-address .send-address{width:300px}.chat_area-list li .chat.chat-send-address .address-map{height:110px;overflow:hidden;text-align:center}.chat_area-list li .chat.chat-send-address .address-map img{max-width:100%}.chat_area-list li .chat.chat-send-address .address-title{padding:10px;font-size:16px;color:#222;line-height:22px}.evaluate-wrap{width:240px;margin:0 auto;padding:15px 0;background:#f2f7fe;border-radius:3px;text-align:center}.evaluate-wrap .evaluate-box .hr{margin:8px 10px}.evaluate-wrap .evaluate-title{margin-bottom:15px;color:#333;font-size:14px;line-height:1}.evaluate-wrap .evaluate-list{margin-bottom:15px}.evaluate-wrap .evaluate-item{display:inline-block;margin:0 5px}.evaluate-wrap .evaluate-item input{display:inline-block;width:24px;height:24px;margin:0 auto;background:url(//pic.c-ctrip.com/h5/customer_service/chat_rating_icon.png) no-repeat 0 -46px;background-size:24px;border:0;padding:0 5px;box-sizing:border-box;outline:0;-webkit-appearance:none}.evaluate-wrap .evaluate-item.active input{background-position:0 0}.evaluate-wrap .comment,.evaluate-wrap .evaluate-result{color:#666}.evaluate-wrap.history{cursor:pointer}.evaluate-wrap.history li{margin-left:3px;margin-right:3px}.evaluate-wrap.history li input{width:16px;height:16px;background-size:16px;background-position:0 -31px;cursor:pointer}.evaluate-wrap.history li:first-child,.evaluate-wrap.history li:nth-child(2),.evaluate-wrap.history li:nth-child(3),.evaluate-wrap.history li:nth-child(4),.evaluate-wrap.history li:nth-child(5){padding-left:0;padding-right:0;width:16px}.evaluate-wrap.history+.grade-content-tip{position:absolute;display:none;z-index:1;max-width:290px;background:hsla(0,0%,100%,.95);box-shadow:0 0 3px 1px hsla(0,0%,40%,.3);border-radius:3px;padding:10px}.evaluate-wrap.history:hover+.grade-content-tip{right:10px;top:40px;display:block}.evaluate-wrap.history .ico_arrow{vertical-align:top}.pop-base{position:relative;width:250px;background:#f2f7fe;box-shadow:0 0 3px 1px hsla(0,0%,40%,.3);border-radius:3px;padding:0 0 20px;z-index:100000}.pop-base .pop-bd{margin-bottom:25px;text-align:center;font-size:14px;color:#333}.pop-base .pop-ft{text-align:center}.pop-base .pop-ft button{float:none}.pop-base.transfer{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pop-base.alert{width:120px;height:120px;background:rgba(0,0,0,.8);box-shadow:0 0 3px 1px hsla(0,0%,40%,.3);border-radius:8px;font-size:14px;padding-bottom:0}.pop-base.alert .pop-bd{padding-top:30px;color:#fff}.pop-base.alert .pop-bd .img{height:35px}.pop-base.alert .pop-bd .img img{height:100%}.pop-base.alert .pop-bd .text{margin-top:20px}.bigmap-wrap{position:absolute;z-index:9999;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px;height:420px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.4)}.bigmap-wrap .title-bar{padding:0 15px;height:40px;background:#fff;border-radius:4px;line-height:40px;font-size:16px;color:#333}.bigmap-wrap .title-bar .icon-locate{vertical-align:-2px}.bigmap-wrap .title-bar .handle{position:absolute;right:5px;top:0}.bigmap-wrap .title-bar .handle i{margin:0 3px}.bigmap-wrap .bigmap-item{position:relative;width:700px;height:420px;overflow:hidden;background:#efefef}.bigmap-wrap .bigmap-item .map-wrap{width:700px;height:420px}.bigmap-wrap .bigmap-item .map-wrap img{position:absolute;width:auto;height:auto;width:100%;height:100%;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.bigmap-wrap .bigmap-item .close-map{position:absolute;top:20px;right:20px;display:inline-block;width:36px;height:36px;opacity:.5;background:rgba(0,0,0,.5);border-radius:50%;overflow:hidden}.bigmap-wrap .bigmap-item .close-map:after,.bigmap-wrap .bigmap-item .close-map:before{content:"";position:absolute;height:2px;width:70%;top:50%;left:50%;margin-top:-1px;background:#fff;border-radius:5px}.bigmap-wrap .bigmap-item .close-map:before{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.bigmap-wrap .bigmap-item .close-map:after{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}.error-tip{width:100%;color:#ff4646;font-size:12px;display:none}.error-tip.show{display:block}.dot-animate{animation:dot-animate .2s linear infinite;-webkit-animation:dot-animate .2s linear infinite;-moz-animation:dot-animate .2s linear infinite;-ms-animation:dot-animate .2s linear infinite;-o-animation:dot-animate .2s linear infinite}@-webkit-keyframes dot-animate{0%{opacity:1}to{opacity:0}}@keyframes dot-animate{0%{opacity:1}to{opacity:0}}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.pull-left{float:left}.pull-right{float:right}.ico-loading{display:inline-block;width:20px;height:20px;background:transparent;border:2px solid #5d81ec;border-top-color:transparent;border-radius:50%;-webkit-animation:loading-mini 1s linear 0s infinite;animation:loading-mini 1s linear 0s infinite}.ico_error{display:block;height:32px;width:32px;overflow:hidden;margin:0 auto;font-size:0;line-height:99;background:url(../img/ico_error.png) 0 0 no-repeat}.icon-warning{display:inline-block;width:13px;height:14px;background:url(../img/ico_failed.png) 0 0 no-repeat;vertical-align:middle;background-size:cover}.im_setting{width:700px;height:480px;margin:auto;display:inline-block;background-color:#fff;border-radius:5px}.im_setting .im_setting-head{background-color:transparent;border:none;padding:0 28px}.im_setting .im_setting-body{width:655px;position:relative;background:#fff;border:1px solid #ddd;margin:0 auto 30px}.im_setting .im_setting-navs{width:120px;height:410px;background:#f5f8ff;position:relative}.im_setting .im_setting-navs a:active,.im_setting .im_setting-navs a:hover,.im_setting .im_setting-navs a:link,.im_setting .im_setting-navs a:visited{text-decoration:none}.im_setting .im_setting-navs li{height:40px;line-height:40px;text-align:center;font-size:14px}.im_setting .im_setting-navs li.im-english{font-size:12px}.im_setting .im_setting-navs li a{display:block;color:#28506e}.im_setting .im_setting-navs li.current,.im_setting .im_setting-navs li:hover{background:#70a3fe;background-image:linear-gradient(90deg,#5d81ec,#70a3fe)}.im_setting .im_setting-navs li.current a,.im_setting .im_setting-navs li:hover a{color:#fff}.im_setting .im_setting-navs li.enter-system{position:absolute;bottom:20px;height:30px;text-align:center;width:100%;line-height:30px}.im_setting .im_setting-navs li.enter-system a{color:#fff;margin:0 10px}.im_setting .im_setting-navs li.enter-system.current,.im_setting .im_setting-navs li.enter-system:hover{background:none}.im_setting .setting-content{width:530px;box-sizing:border-box;padding:14px;position:relative;height:100%;overflow:hidden;overflow-y:auto}.im_setting .setting-content .service-number{height:100px;line-height:100px}.im_setting .setting-content .content-li{position:relative;margin-top:24px;*zoom:1}.im_setting .setting-content .content-li:after,.im_setting .setting-content .content-li:before{display:table;content:"";line-height:0}.im_setting .setting-content .content-li:after{clear:both}.im_setting .setting-content .content-li div{float:left;box-sizing:border-box;font-size:14px;min-height:10px}.im_setting .setting-content .content-li div:first-of-type{width:80px;text-align:left;color:#28506e;margin-left:10px}.im_setting .setting-content .content-li div:nth-of-type(2){width:280px;color:#333}.im_setting .setting-content .content-li div:nth-of-type(2).content-group{word-wrap:break-word;overflow:hidden}.im_setting .setting-content .content-li .wel-content.clearfix{width:432px;color:#333;border:1px solid #c4d5e6}.im_setting .setting-content .content-li .error-tip{width:100%;color:#ff4646;font-size:12px;display:none}.im_setting .setting-content .content-li .error-tip.show{color:#ff4646;display:block;margin-top:0;line-height:1.5}.im_setting .setting-content .content-li .error-tip.show.existed-tips{margin-top:0;text-align:left;margin-left:5px}.im_setting .setting-content .content-li .content{position:relative}.im_setting .setting-content .content-li .content input{height:24px;width:220px;padding:1px 20px 1px 3px;border:1px solid #c4d5e6;position:relative;border-radius:3px;top:-3px}.im_setting .setting-content .content-li .content i.arrow-down{position:absolute;top:9px;left:227px;display:block;width:0;height:0;overflow:hidden;line-height:0;font-size:0;border-color:#c4d5e6 transparent currentcolor;border-style:solid solid none;border-width:6px 5px 0;cursor:pointer}.im_setting .setting-content .content-li .content input:focus{border:1px solid #0a89d6}.im_setting .setting-content .content-li .content input.error{border:1px solid #fa5f5a}.im_setting .setting-content .content-li span.error{color:#fa5f5a;display:none}.im_setting .setting-content .content-li span.error i{margin:0 5px}.im_setting .setting-content .content-li.extension span.error,.im_setting .setting-content .content-li.operator span.error{position:relative;top:-3px}.im_setting .setting-content .content-li span.error.show{display:inline-block}.im_setting .setting-content .content-li .tel-numbers{width:156px;position:absolute;z-index:1;background:#fff;text-align:left;border:1px solid #ddd;box-sizing:border-box;top:25px}.im_setting .setting-content .content-li .tel-numbers li{cursor:pointer;height:28px;line-height:28px;margin-left:0;padding:0 10px;font-size:12px;color:#28506e}.im_setting .setting-content .content-li .tel-numbers li.active,.im_setting .setting-content .content-li .tel-numbers li:hover{background:#e0ebf6}.im_setting .setting-content .content-li.tel-func input{margin-right:3px}.im_setting .setting-content .content-li.tel-func label:nth-of-type(2){margin-left:10px}.im_setting .setting-content .content-li.group-name label{min-width:24%;display:inline-block}.im_setting .setting-content .content-li.group-name label.disabled{color:#999}.im_setting .setting-content .content-li.group-name label.disabled input{cursor:not-allowed}.im_setting .setting-content .content-li.group-name input,.im_setting .setting-content .content-li.others .others-list input{margin-right:3px}.im_setting .setting-content .content-li.others .others-list label{color:#333}.im_setting .setting-content .content-li.others .others-list label.disabled{color:#999}.im_setting .setting-content .content-li.others .others-list .item{margin-bottom:10px}.im_setting .setting-content .content-li.others .others-list .des{padding-left:20px;color:#999}.im_setting .setting-content .content-li.others .others-list div{float:none;width:100%;text-align:left}.im_setting .setting-content .content-li.nickname div{height:30px;line-height:30px}.im_setting .setting-content .content-li.nickname input[type=text]{border:1px solid #ddd;font-size:14px;width:200px;height:28px;line-height:28px;padding:0 0 0 5px}.im_setting .setting-content .content-li.nickname input[type=text]:focus,.im_setting .setting-content .content-li.nickname input[type=text]:hover{background:hsla(0,0%,100%,.85);border-color:#ddd}.im_setting .setting-content .content-li.nickname input[type=text].dirty{border:1px solid #ddd}.im_setting .setting-content .content-li.welcome{min-height:110px}.im_setting .setting-content .content-li.welcome textarea{border:none;width:420px;height:95px;line-height:20px;padding:5px;font-size:14px;resize:none}.im_setting .setting-content .content-li.welcome textarea:focus,.im_setting .setting-content .content-li.welcome textarea:hover{background:hsla(0,0%,100%,.85);border-color:#c4d5e6}.im_setting .setting-content .content-li.welcome textarea:focus{outline:0 auto -webkit-focus-ring-color}.chat_area-list li .chat.invoice-order .im_setting .setting-content .content-li.welcome .invoice-order-btn,.im_setting .setting-content .content-li.welcome .chat_area-list li .chat.invoice-order .invoice-order-btn,.im_setting .setting-content .content-li.welcome .btn,.im_setting .setting-content .content-li.welcome .btn-Red,.im_setting .setting-content .content-li.welcome .btn-blue,.im_setting .setting-content .content-li.welcome .btn-grayB{width:60px;height:30px;line-height:30px;padding:0;text-align:center;border:1px solid #ccc;border-radius:5px}.chat_area-list li .chat.invoice-order .im_setting .setting-content .content-li.welcome .cancel.invoice-order-btn,.im_setting .setting-content .content-li.welcome .chat_area-list li .chat.invoice-order .cancel.invoice-order-btn,.im_setting .setting-content .content-li.welcome .btn.cancel,.im_setting .setting-content .content-li.welcome .cancel.btn-Red,.im_setting .setting-content .content-li.welcome .cancel.btn-blue,.im_setting .setting-content .content-li.welcome .cancel.btn-grayB{font-size:14px;color:#666}.chat_area-list li .chat.invoice-order .im_setting .setting-content .content-li.welcome .save.invoice-order-btn,.im_setting .setting-content .content-li.welcome .chat_area-list li .chat.invoice-order .save.invoice-order-btn,.im_setting .setting-content .content-li.welcome .btn.save,.im_setting .setting-content .content-li.welcome .save.btn-Red,.im_setting .setting-content .content-li.welcome .save.btn-blue,.im_setting .setting-content .content-li.welcome .save.btn-grayB{color:#fff;font-size:14px;background-color:#52bce8;margin-right:5px;margin-left:5px}.im_setting .setting-content .content-li.welcome .tips{width:200px;font-size:12px;color:#666;float:right;padding:5px 5px 0 0}.im_setting .setting-content .content-li.welcome .tips .max{color:#a09999}.im_setting .setting-content .content-li.capacity div:first-of-type{height:30px;line-height:30px}.im_setting .setting-content .content-li.capacity select{width:60px;padding:0 0 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;line-height:30px;display:block;outline:none;background:hsla(0,0%,100%,.85);border:1px solid #c4d5e6;background:url(../img/icon-select-arrow.png) no-repeat scroll 40px transparent}.im_setting .setting-content .content-li.capacity span{display:inline-block;height:30px;line-height:30px;margin-left:10px}.im_setting .setting-content .line{display:inline-block;font-size:14px;color:#999;width:80px;text-align:center;border-right:1px solid #ccc;line-height:1;margin:5px 0;cursor:pointer}.im_setting .setting-content .line.active{color:#075283}.im_setting .setting-content .line.line3{border-right:none}.im_setting .setting-content .line-all,.im_setting .setting-content .show-all{display:inline-block}.im_setting .setting-content .line-all{position:relative;border:1px solid #c4d5e6;width:160px}.im_setting .setting-content .line-all .select-line{background:hsla(0,0%,100%,.84);overflow:hidden;line-height:1}.im_setting .setting-content .line-all .select-line span{float:left;padding:9px 10px}.im_setting .setting-content .line-all i{float:right;margin:0 0 -6px 1px;cursor:pointer;width:0;height:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:4px solid transparent;border-top:5px solid #c4d5e6}.im_setting .setting-content .show-all{float:right;margin:5px 5px 0 0}.im_setting .setting-content .show-all input{margin:0;vertical-align:middle}.im_setting .setting-content .set-avatar{position:absolute;right:-5px;width:150px;top:35px}.im_setting .setting-content .avatar div.head-img{width:90px;height:90px;border-radius:50%;overflow:hidden;cursor:pointer;margin:0 auto}.im_setting .setting-content .avatar div.head-img img{width:90px;height:90px}.im_setting .setting-content .avatar .head-change{position:absolute;right:20px;top:0;width:90px;height:90px;line-height:90px;text-align:center;border-radius:50%;background:rgba(0,0,0,.6);font-size:12px;color:#fff;letter-spacing:0;transition:all .2s;display:none}.im_setting .setting-content .avatar .head-change.changing{display:block;background:rgba(0,0,0,.8)}.im_setting .setting-content .avatar .head-change:hover,.im_setting .setting-content .avatar div.head-img:hover+.head-change{display:block;cursor:pointer}.im_setting .setting-content .avatar .tip{margin-top:10px;width:140px;text-align:center;color:#666}.im_setting .setting-content .avatar .tip i{margin-right:5px;margin-top:-3px}.im_setting .setting-content .avatar .tip .tip-notice{color:#ff4646}.im_setting .setting-content .avatar .resend{color:#007aff;cursor:pointer}.im_setting .setting-content .set-btn{margin-top:90px;text-align:center}.chat_area-list li .chat.invoice-order .im_setting .setting-content .set-btn .invoice-order-btn,.im_setting .setting-content .set-btn .chat_area-list li .chat.invoice-order .invoice-order-btn,.im_setting .setting-content .set-btn .btn,.im_setting .setting-content .set-btn .btn-Red,.im_setting .setting-content .set-btn .btn-blue,.im_setting .setting-content .set-btn .btn-grayB{padding:0 40px}.chat_area-list li .chat.invoice-order .im_setting .setting-content .set-btn .btn-blue.invoice-order-btn,.im_setting .setting-content .set-btn .chat_area-list li .chat.invoice-order .btn-blue.invoice-order-btn,.im_setting .setting-content .set-btn .btn-blue,.im_setting .setting-content .set-btn .btn-blue.btn-Red,.im_setting .setting-content .set-btn .btn-blue.btn-grayB,.im_setting .setting-content .set-btn .btn.btn-blue{margin-right:20px}.pop{position:absolute;background-color:#fff;box-shadow:0 0 6px 1px hsla(0,0%,40%,.3);font-size:14px;color:#666;z-index:5;width:188px;min-height:116px;box-sizing:border-box;margin-top:10px;margin-bottom:10px;border-radius:5px}.pop .content p{text-align:center}.pop p.connect-icon{margin-bottom:10px}.pop .down-arrow{bottom:0;border-color:hsla(0,0%,40%,.3) transparent currentcolor;border-width:10px 10px 0;bottom:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pop .down-arrow,.pop .down-arrow:after{position:absolute;display:block;border-style:solid solid none}.pop .down-arrow:after{content:" ";border-color:#f2f7fe transparent currentcolor;border-width:7px 9px 0;bottom:3px;left:-9px}.pop .tel-numbers{width:254px;position:absolute;z-index:1;background:#fff;text-align:left;border:1px solid #ddd;box-sizing:border-box;max-height:90px;overflow:auto}.pop .tel-numbers li:hover{background:#0082d3;color:#fff}.pop .head{height:40px;line-height:44px;font-size:16px;color:#111;text-align:center;padding:0 15px;margin:0 15px;border-bottom:1px solid hsla(0,0%,80%,.5)}.pop .head .text-length{display:inline-block;max-width:115px;vertical-align:bottom;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pop .content{padding:30px 0 38px;word-wrap:break-word;font-size:16px;color:#333}.pop .content input{width:100%;padding:5px;box-sizing:border-box;background:hsla(0,0%,100%,.85);border:1px solid #c4d5e6;border-radius:3px}.pop .error-tip{margin-top:5px}.pop .footer{text-align:center;padding-bottom:30px}.pop .footer p{padding-top:18px}.pop .footer .invitation-time{color:#999;font-size:12px}.pop .footer.invitation{padding-bottom:15px}.chat_area-list li .chat.invoice-order .pop .footer .invoice-order-btn,.pop .footer .btn,.pop .footer .btn-Red,.pop .footer .btn-blue,.pop .footer .btn-grayB,.pop .footer .chat_area-list li .chat.invoice-order .invoice-order-btn{padding:0 40px}.chat_area-list li .chat.invoice-order .pop .footer .invoice-order-btn:nth-of-type(2),.pop .footer .chat_area-list li .chat.invoice-order .invoice-order-btn:nth-of-type(2),.pop .footer .btn-Red:nth-of-type(2),.pop .footer .btn-blue:nth-of-type(2),.pop .footer .btn-grayB:nth-of-type(2),.pop .footer .btn:nth-of-type(2){margin-left:20px}.pop.addSecondClass{left:900px}.pop.addClass{width:328px}.chat-pop-date::-webkit-inner-spin-button,.chat-pop-date::-webkit-outer-spin-button,.chat-pop-time::-webkit-inner-spin-button,.chat-pop-time::-webkit-outer-spin-button,.reserve-date::-webkit-inner-spin-button,.reserve-date::-webkit-outer-spin-button,.reserve-time::-webkit-inner-spin-button,.reserve-time::-webkit-outer-spin-button{-webkit-appearance:none}.pop.reserve-cancel-pop .content{text-align:center}.pop.reserve-cancel-pop .content div{font-size:14px;color:#222;line-height:24px}.pop.reserve-cancel-pop .content p{margin-top:5px;font-size:12px;color:#999}.pop.reserve-cancel-pop .content p span{color:#fa5f5a}.customer-queue{flex:0 0 auto;padding:10px 7px 5px;display:flex;position:relative}.arrow_down{position:relative;background:#ccd2ea;border-radius:5px;width:12px;height:30px;flex:1 1 auto;margin-left:4px}.arrow_down:after{position:absolute;content:"";width:0;height:0;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:3px solid transparent;border-top-color:#222}.chat_area-list li .chat.invoice-order .customer-queue .invoice-order-btn,.customer-queue .btn,.customer-queue .btn-Red,.customer-queue .btn-blue,.customer-queue .btn-grayB,.customer-queue .chat_area-list li .chat.invoice-order .invoice-order-btn{float:left;background:#ccd2ea;border-radius:5px;font-size:12px;color:#111;height:30px;margin-left:4px;padding:0 1px;min-width:0;position:relative;border:0;outline:none}.chat_area-list li .chat.invoice-order .customer-queue .finish.invoice-order-btn,.chat_area-list li .chat.invoice-order .customer-queue .notice.invoice-order-btn,.chat_area-list li .chat.invoice-order .customer-queue .process.invoice-order-btn,.chat_area-list li .chat.invoice-order .customer-queue .await.invoice-order-btn,.customer-queue .chat_area-list li .chat.invoice-order .finish.invoice-order-btn,.customer-queue .chat_area-list li .chat.invoice-order .notice.invoice-order-btn,.customer-queue .chat_area-list li .chat.invoice-order .process.invoice-order-btn,.customer-queue .await.btn-Red,.customer-queue .await.btn-blue,.customer-queue .await.btn-grayB,.customer-queue .btn.await,.customer-queue .btn.finish,.customer-queue .btn.notice,.customer-queue .btn.process,.customer-queue .chat_area-list li .chat.invoice-order .await.invoice-order-btn,.customer-queue .finish.btn-Red,.customer-queue .finish.btn-blue,.customer-queue .finish.btn-grayB,.customer-queue .notice.btn-Red,.customer-queue .notice.btn-blue,.customer-queue .notice.btn-grayB,.customer-queue .process.btn-Red,.customer-queue .process.btn-blue,.customer-queue .process.btn-grayB{flex:1 1 auto}.chat_area-list li .chat.invoice-order .customer-queue .chosen.invoice-order-btn,.customer-queue .chat_area-list li .chat.invoice-order .chosen.invoice-order-btn,.customer-queue .btn.chosen,.customer-queue .chosen.btn-Red,.customer-queue .chosen.btn-blue,.customer-queue .chosen.btn-grayB{background:#70a3fe;background-image:linear-gradient(90deg,#5d81ec,#70a3fe);color:#fff}.chat_area-list li .chat.invoice-order .customer-queue .invoice-order-btn .sup_tips,.customer-queue .chat_area-list li .chat.invoice-order .invoice-order-btn .sup_tips,.customer-queue .btn .sup_tips,.customer-queue .btn-Red .sup_tips,.customer-queue .btn-blue .sup_tips,.customer-queue .btn-grayB .sup_tips{position:absolute;background-color:#fa5f5a;top:-7px;right:-4px}.chat_area-list li .chat.invoice-order .customer-queue .invoice-order-btn .sup_point,.customer-queue .chat_area-list li .chat.invoice-order .invoice-order-btn .sup_point,.customer-queue .btn .sup_point,.customer-queue .btn-Red .sup_point,.customer-queue .btn-blue .sup_point,.customer-queue .btn-grayB .sup_point{position:absolute;background-color:#fa5f5a;top:-5px;right:-2px;z-index:1}.search_word{color:#136df3}.search-box{flex:none;width:100%;font-size:0;margin:6px 0 4px;padding:0 10px}.search-box,.search-box .search-box-con{display:flex;align-items:center;box-sizing:border-box}.search-box .search-box-con{flex:auto;background:#fff;border-radius:15px;padding:0 5px}.search-box .search-box-con .search-box-list{background:#ccd2ea;border-radius:11px;height:22px;line-height:22px;flex:none}.search-box .search-box-con .search-box-list span{font-size:14px;color:#111;margin:0 5px 0 10px;white-space:nowrap;vertical-align:middle}.search-box .search-box-con .search-box-list i{display:inline-block;width:20px;height:20px;overflow:hidden;font-size:0;background:url(../img/new-close-img.png) 50% no-repeat;z-index:5;cursor:pointer;vertical-align:middle}.search-box .search-box-con .search-box-empty{display:none;flex:none;width:18px;height:18px;background:url(../img/close-img.png) 50% no-repeat;background-size:contain;cursor:pointer;z-index:5}.search-box .search-box-con .search-box-title{flex:auto;height:30px;line-height:30px;border-radius:15px;outline:none;padding:0 5px;box-sizing:border-box;font-size:12px;border:none;width:100%}.search-box .search-box-con .search-box-title:focus+.search-box-empty{display:block}.search-box .checkbox-filter-star{position:relative;display:flex;align-items:center;flex:none;z-index:2;cursor:pointer}.search-box .checkbox-filter-star .filter-star{font-size:14px;color:#666;vertical-align:middle;cursor:pointer;margin:0 5px}.search-box .checkbox-filter-star .mark-up{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.search-box .checkbox-filter-star .mark-down,.search-box .checkbox-filter-star .mark-up{display:inline-block;width:6px;height:6px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #999;border-bottom:0;border-left:2px solid #999;border-right:0}.search-box .checkbox-filter-star .mark-down{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.mark-star{display:inline-block;height:10px;width:10px;border-radius:100%;margin-right:10px}.mark-star.orange{background-color:#ff8b2b}.mark-star.green{background-color:#74ca39}.mark-star.blue{background-color:#2bacff}.mark-star.purple{background-color:#b462f9}.mark-star.pink{background-color:#ff61a3}.mark-star.chosen{height:15px;width:15px;background:url(../img/IM_online/icon-all.png) 50% no-repeat;background-size:contain}.mark-group{position:absolute;top:25px;left:25px;background-color:#fff;border-radius:19px;display:flex;flex-direction:column;box-shadow:0 4px 12px 0 rgba(0,0,0,.15)}.mark-group li{display:flex;flex-direction:row;align-items:center;justify-content:center;height:20px;width:20px;margin:5px 2px;padding:7px;text-align:center;cursor:pointer}.mark-group li:hover{background-color:#ccd2ea;border-radius:4px}.mark-group li .mark-star{display:inline-block;height:14px;width:14px;border-radius:100%;margin-right:0}.mark-group li .mark-star.chosen{height:20px;width:20px;background:url(../img/IM_online/icon-all.png) 50% no-repeat;background-size:contain}.mark-group li .mark-star.orange{background-color:#ff8b2b}.mark-group li .mark-star.green{background-color:#74ca39}.mark-group li .mark-star.blue{background-color:#2bacff}.mark-group li .mark-star.purple{background-color:#b462f9}.mark-group li .mark-star.pink{background-color:#ff61a3}.mark-box{position:fixed;top:225px;left:225px;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;padding:16px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);z-index:10}.mark-box .mark-box-txt{font-size:14px;color:#111}.mark-box .mark-group{position:static;box-shadow:none;flex-direction:row}.invitation-block{border:1px solid #cdcdcd;padding:10px;border-radius:5px;position:relative;background:#fff;width:300px;border-radius:2px 8px 8px 8px}.invitation-block .invitation-text{overflow:hidden;text-align:left}.invitation-block .invitation-text h2{color:#222;font-size:16px;font-weight:400}.invitation-block .invitation-text p{color:#666;font-size:14px;width:100%;margin-top:5px}.invitation-block .invitation-head{width:40px;height:40px;border-radius:100%;float:right}.invitation-block .invitation-head img{max-width:100%;height:auto}.marginleft3{margin-left:3px}.marginleft5{margin-left:5px}.chat_list_content{position:relative;z-index:1;height:100%;flex:1;overflow:hidden;overflow-y:auto}.chat_list_content_noresult{margin:150px auto 0;text-align:center}.chat_list_content_noresult i{display:inline-block;height:110px;width:110px;margin:0 auto 10px;background:url(../img/IM_online/ico_noresult.png) 0 0 no-repeat;background-size:contain}.chat_list_content_noresult p{font-size:14px;color:#666;line-height:20px}.file{width:220px;height:70px;box-sizing:border-box;display:inline-block;border:1px solid #ccc;background-color:#fff;border-radius:5px;padding:10px}.file .file-format{height:50px;width:50px;float:left}.file .file-format img{height:100%;width:100%}.file .file-content{float:left;padding-left:9px;width:calc(100% - 60px)}.file .file-content .file-name,.file .file-content .file-size{font-size:14px;line-height:20px}.file .file-content .file-name{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file .file-content .file-size{margin-top:6px}.new-bg-pop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:1001;display:flex}.new-bg-pop .new-pop-content{position:relative;padding:0 20px 30px;min-width:328px;box-sizing:border-box;margin:auto;background-color:#fff;box-shadow:0 0 6px 1px hsla(0,0%,40%,.3);text-align:center;overflow:hidden;border-radius:3px}.new-bg-pop .new-pop-content .content{margin:50px 0 30px;line-height:1;font-size:16px}.new-bg-pop.h5-img{background:rgba(0,0,0,.9);z-index:1002}.new-nobg-pop{position:relative;left:0;top:0;padding:0 20px 30px;width:328px;box-sizing:border-box;margin:10px;background-color:#fff;box-shadow:0 0 6px 1px hsla(0,0%,40%,.3);text-align:center;overflow:hidden;border-radius:3px}.new-nobg-pop .content{margin:50px 0 30px;line-height:1;font-size:16px}.timeout-pop{position:fixed;bottom:0;right:0;z-index:1001;background-color:#505b66;border-radius:5px;color:#fff;margin:0 auto;width:270px;box-sizing:border-box;text-align:left;padding:24px}.timeout-pop .pop_close{background:url(../img/ico_close_white.png) 50% no-repeat}.timeout-pop p{line-height:20px;margin-bottom:4px;font-size:14px}.hotel-reserve-pop{padding:12px 20px 30px;width:370px;border-radius:5px;box-sizing:border-box;box-shadow:0 0 6px 1px hsla(0,0%,40%,.3);background-color:#f2f7fe;z-index:1001;position:relative}.hotel-reserve-pop .head{text-align:center;font-size:16px;color:#111;line-height:22px;padding-bottom:8px;border-bottom:1px solid #ccc}.hotel-reserve-pop .head .pop_close{top:8px;right:11px}.hotel-reserve-pop .content .content-title{font-size:14px;line-height:20px;margin-top:15px;color:#111}.hotel-reserve-pop .content p{margin:6px 0 10px}.hotel-reserve-pop .content .content-reserve,.hotel-reserve-pop .content p{font-size:12px;color:#666;line-height:17px}.hotel-reserve-pop .content .content-reserve label{min-width:32%;display:inline-block;margin-bottom:8px}.hotel-reserve-pop .content .content-reserve label span{vertical-align:middle;margin-left:3px}.hotel-reserve-pop .content .hotel-reserve-time{margin-bottom:24px}.hotel-reserve-pop .content .hotel-reserve-time input{display:inline-block;font-size:14px;color:#111;text-align:center;height:30px}.hotel-reserve-pop .content .hotel-reserve-time .reserve-date{width:155px}.hotel-reserve-pop .content .hotel-reserve-time .reserve-time{width:125px;margin-left:15px}.hotel-reserve-pop .content .reserve-all{position:relative;border:1px solid #ccc;width:100%}.hotel-reserve-pop .content .reserve-all .select-reserve{background:hsla(0,0%,100%,.85);line-height:30px;min-height:30px;padding:0 25px 0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666;position:relative}.hotel-reserve-pop .content .reserve-all .select-reserve .arrow-down{padding:0 8px;position:absolute;right:0;cursor:pointer}.hotel-reserve-pop .content .reserve-all .select-reserve .arrow-down i{display:inline-block;vertical-align:-6px;-webkit-transform:translate(0);transform:translate(0);width:0;height:0;border:6px solid transparent;border-top-color:#ccc}.hotel-reserve-pop .content .reserve-all .select-reserve .arrow-up{padding:0 8px;position:absolute;right:0;cursor:pointer}.hotel-reserve-pop .content .reserve-all .select-reserve .arrow-up i{display:inline-block;vertical-align:1px;-webkit-transform:translate(0);transform:translate(0);width:0;height:0;border:6px solid transparent;border-bottom-color:#ccc}.hotel-reserve-pop .content .reserve-all .reserve-drop-down{position:absolute;left:-1px;top:31px;border:1px solid #c4d5e6;border-top:none;width:100%;border-radius:0;box-shadow:none;background:#f7f9fc;max-height:180px;overflow:auto}.hotel-reserve-pop .content .reserve-all .reserve-drop-down li{height:36px;line-height:36px;margin-left:0;padding:0 10px;font-size:12px;color:#28506e;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hotel-reserve-pop .content .reserve-all .reserve-drop-down li:hover{background:#e0ebf6}.hotel-reserve-pop .set-btn{margin-top:26px;text-align:center}.chat_area-list li .chat.invoice-order .hotel-reserve-pop .set-btn .invoice-order-btn,.hotel-reserve-pop .set-btn .chat_area-list li .chat.invoice-order .invoice-order-btn,.hotel-reserve-pop .set-btn .btn,.hotel-reserve-pop .set-btn .btn-Red,.hotel-reserve-pop .set-btn .btn-blue,.hotel-reserve-pop .set-btn .btn-grayB{line-height:30px}.chat_area-list li .chat.invoice-order .hotel-reserve-pop .set-btn .invoice-order-btn,.hotel-reserve-pop .set-btn .chat_area-list li .chat.invoice-order .invoice-order-btn,.hotel-reserve-pop .set-btn .btn-grayB,.hotel-reserve-pop .set-btn .btn-grayB.btn-Red,.hotel-reserve-pop .set-btn .btn-grayB.btn-blue,.hotel-reserve-pop .set-btn .btn.btn-grayB{margin-left:25px}.team-notice-num{font-size:14px;color:#222;line-height:44px;text-align:center}.team-notice-content{padding:10px 18px;overflow:auto;height:603px;box-sizing:border-box}.team-notice-content li{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-notice-content li a{color:#666;font-size:12px;line-height:25px;cursor:pointer}.team-notice-content li a:hover{color:#136df3}.team-notice-content p{color:#666;font-size:12px;line-height:23px}.team-notice-content .label{margin-top:10px}.team-notice-content .label span{display:inline-block;float:left;padding:2px 10px;border:1px solid #19a0f0;border-radius:20px;font-size:12px;color:#19a0f0;margin:0 10px 8px 0}.select-chat{position:fixed;top:285px;left:325px;font-size:12px;line-height:14px;box-shadow:0 0 3px 1px hsla(0,0%,40%,.25);border-radius:5px;background:hsla(0,0%,100%,.95);padding:7px 9px;z-index:10;cursor:pointer}.select-chat a{color:#222}.select-chat:hover a{color:#136df3}.add-member{position:fixed;top:0;left:0;right:0;bottom:0;height:400px;width:490px;margin:auto;box-shadow:0 0 10px 3px hsla(0,0%,40%,.3);border-radius:3px;background:#fff;z-index:10;overflow:hidden}.add-member .add-member-title{line-height:49px;text-align:center;font-size:16px;color:#333;position:relative;border-bottom:1px solid #d3deea}.add-member .add-member-content{height:350px;display:flex}.add-member .add-member-content .group-content{flex:0 0 245px;background:#f2f7fe}.add-member .add-member-content .group-content .search{position:relative;padding:10px 10px 5px}.add-member .add-member-content .group-content .search input{border-radius:15px;width:100%;-webkit-appearance:none;outline:none;box-shadow:none;padding:0 30px 0 15px;border:none;line-height:30px;box-sizing:border-box}.add-member .add-member-content .group-content .search i{position:absolute;right:19px;top:16px;height:18px;width:18px;background:url(../img/close-img.png) 50% no-repeat;background-size:cover;cursor:pointer}.add-member .add-member-content .group-content ul{height:305px;overflow:auto}.add-member .add-member-content .group-content ul li{padding:9px 10px}.add-member .add-member-content .group-content ul li .img{width:40px;height:40px;border-radius:50%;vertical-align:middle}.add-member .add-member-content .group-content ul li .text{font-size:14px;width:140px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;margin-left:10px}.add-member .add-member-content .group-content ul li i{display:inline-block;height:22px;width:22px;background:url(../img/icon-jump.png) 50% no-repeat;background-size:cover;cursor:pointer;vertical-align:middle}.add-member .add-member-content .group-content ul li:hover{background:#dce6fb}.add-member .add-member-content .group-content .no-result{position:relative;height:215px}.add-member .add-member-content .group-content .no-result .no-result-content{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:100px;width:100px;text-align:center}.add-member .add-member-content .group-content .no-result .no-result-content .no-result-img{width:61px;height:61px}.add-member .add-member-content .group-content .no-result .no-result-content p{margin-top:20px;font-size:14px;color:#666}.add-member .add-member-content .member-content{flex:0 0 245px}.add-member .add-member-content .member-content ul{height:305px;overflow:auto}.add-member .add-member-content .member-content ul li{padding:9px 10px}.add-member .add-member-content .member-content ul li .img{width:40px;height:40px;border-radius:50%;vertical-align:middle}.add-member .add-member-content .member-content ul li .text{font-size:14px;width:138px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;margin-left:10px}.add-member .add-member-content .member-content ul li i{display:inline-block;height:23px;width:23px;background:url(../img/icon-close.png) 50% no-repeat;background-size:cover;cursor:pointer;vertical-align:middle}.add-member .add-member-content .member-content ul li:hover{background:#dce6fb}.add-member .add-member-content .member-content .member-btn{line-height:45px;text-align:center}.add-member .add-member-content .member-content .member-btn .chat_area-list li .chat.invoice-order .invoice-order-btn,.add-member .add-member-content .member-content .member-btn .btn-grayB,.chat_area-list li .chat.invoice-order .add-member .add-member-content .member-content .member-btn .invoice-order-btn{margin-left:15px}.delete-member{position:fixed;top:0;left:0;right:0;bottom:0;height:150px;width:330px;margin:auto;box-shadow:0 0 10px 3px hsla(0,0%,40%,.3);border-radius:3px;background:#fff;z-index:10;overflow:hidden;text-align:center}.delete-member p{font-size:16px;line-height:1;color:#333;margin:45px 0 32px}.chat_area-list li .chat.invoice-order .delete-member .invoice-order-btn,.delete-member .btn-grayB,.delete-member .chat_area-list li .chat.invoice-order .invoice-order-btn{margin-left:15px}.chat-pop{width:600px}.chat-pop .chat-pop-content{margin-top:20px}.chat-pop .chat-pop-content div{display:inline-block}.chat-pop .chat-pop-content .chat-pop-title{width:20%;text-align:right;font-size:14px;color:#111;vertical-align:middle}.chat-pop .chat-pop-content .chat-pop-title.chat-pop-textarea-title{vertical-align:top}.chat-pop .chat-pop-content .chat-pop-text{width:70%;margin-left:20px;position:relative;vertical-align:middle}.chat-pop .chat-pop-content .chat-pop-text .chat-pop-id{padding:5px;background:hsla(0,0%,100%,.85);border:1px solid #ddd;box-sizing:border-box;height:30px;font-size:14px;width:60%;margin-left:4%;vertical-align:middle}.chat-pop .chat-pop-content .chat-pop-text .chat-pop-textarea{width:100%;color:#333;border:1px solid #ddd;padding:5px;background:hsla(0,0%,100%,.85);box-sizing:border-box}.chat-pop .chat-pop-content .chat-pop-text .chat-pop-textarea textarea{border:none;width:100%;height:60px;line-height:20px;font-size:14px;resize:none}.chat-pop .chat-pop-content .chat-pop-text .chat-pop-textarea .chat-pop-textarea-num{width:100%;text-align:right;font-size:12px;color:#666;line-height:1;margin:2px 0 0}.chat-pop .chat-pop-content .chat-pop-text .chat-pop-textarea .chat-pop-textarea-num span{color:#111}.chat-pop .chat-pop-content .chat-pop-text label{display:inline-block;margin-right:10px;width:21%}.chat-pop .chat-pop-content .chat-pop-text label input{margin:0;vertical-align:middle;height:15px}.chat-pop .chat-pop-content .chat-pop-text label span{vertical-align:middle}.chat-pop .chat-pop-content .chat-pop-text .apm-time{display:inline-block;margin-right:20px;width:auto}.chat-pop .chat-pop-content .chat-pop-text .chat-pop-date,.chat-pop .chat-pop-content .chat-pop-text .chat-pop-time{height:25px;width:150px;vertical-align:middle;font-size:14px;border:1px solid #ddd}.chat-pop .chat-pop-content .chat-pop-text .error-tips-content{display:none;position:absolute;font-size:12px;color:#fa5f5a;left:40%}.chat-pop .chat-pop-content .chat-pop-text.error-tips .chat-pop-id{border:1px solid red}.chat-pop .chat-pop-content .chat-pop-text.error-tips .error-tips-content{display:inline-block}.chat-pop .chat-pop-content .chat-pop-text.chat-pop-group{height:30px}.chat-pop .chat-pop-content .chat-pop-text .chat-select-reserve{border:1px solid #ddd;background:hsla(0,0%,100%,.85);line-height:28px;padding:0 25px 0 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#111;position:relative;box-sizing:border-box;width:100%;font-size:14px;cursor:pointer}.chat-pop .chat-pop-content .chat-pop-text .chat-select-reserve .arrow-down{padding:0 8px;position:absolute;right:0}.chat-pop .chat-pop-content .chat-pop-text .chat-select-reserve .arrow-down i{display:inline-block;vertical-align:-6px;-webkit-transform:translate(0);transform:translate(0);width:0;height:0;border:6px solid transparent;border-top-color:#ccc}.chat-pop .chat-pop-content .chat-pop-text .chat-select-reserve .arrow-up{padding:0 8px;position:absolute;right:0;cursor:pointer}.chat-pop .chat-pop-content .chat-pop-text .chat-select-reserve .arrow-up i{display:inline-block;vertical-align:1px;-webkit-transform:translate(0);transform:translate(0);width:0;height:0;border:6px solid transparent;border-bottom-color:#ccc}.chat-pop .chat-pop-content .chat-pop-text .chat-select-way{width:35%;vertical-align:middle}.chat-pop .chat-pop-content .chat-pop-text .language-item .txt{color:#666}.chatClass{width:388px}.btn_end{float:right;margin:10px 0}.btn_end+.btn_end{margin-right:10px}.other-btn-group{line-height:45px;padding-left:20px;font-size:0;border-bottom:1px solid #d3deea;clear:both;overflow:hidden;flex:0 0 45px}.other-btn-group .invite-btn{font-size:16px;color:#19a0f0;float:left;cursor:pointer}.other-btn-group .invite-btn .invite-icon{display:inline-block;width:20px;height:20px;margin-top:-5px;vertical-align:middle;background:url(../img/ico_member.png) 50% no-repeat}.other-btn-group .invite-btn:hover{color:#007cc4}.other-btn-group .invite-btn:hover .invite-icon{background:url(../img/ico_member_hover.png) 50% no-repeat}.arrow-right{background:#f2f7fe;border-radius:5px 0 0 5px;height:42px;width:16px;position:absolute;top:50%;right:0;cursor:pointer;z-index:10}.arrow-right:after{content:"";position:absolute;top:17px;left:3px;width:6px;height:6px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #4f6177;border-bottom:0;border-left:2px solid #4f6177;border-right:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.arrow-right:hover:after{border-top:2px solid #2d5dc0;border-left:2px solid #2d5dc0}.arrow-left{background:#f2f7fe;border-radius:5px 0 0 5px;height:42px;width:16px;position:absolute;top:50%;right:0;cursor:pointer;z-index:10}.arrow-left:after{content:"";position:absolute;top:17px;left:6px;width:6px;height:6px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #4f6177;border-bottom:0;border-left:2px solid #4f6177;border-right:0;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.arrow-left:hover:after{border-top:2px solid #2d5dc0;border-left:2px solid #2d5dc0}.new-bg-pop .bg-black-pop{margin:auto;position:relative;min-width:388px}.new-bg-pop .supplier-pop{margin:auto;position:relative;min-width:700px;background-color:#fff}.new-bg-pop .supplier-pop .content .chat-pop-text{width:100%;margin-left:0;font-size:0;display:flex;flex-direction:row;justify-content:space-between}.new-bg-pop .supplier-pop .content .chat-pop-text .chat-select-reserve{border:1px solid #ddd}.new-bg-pop .supplier-pop .content .chat-pop-text .chat-select-reserve .arrow-down i{vertical-align:-5px;border-top:6px solid #bbb}.new-bg-pop .supplier-pop .content .chat-pop-text .chat-select-reserve .arrow-up i{vertical-align:2px;border-bottom:6px solid #bbb}.new-bg-pop .supplier-pop .content .chat-pop-text .chat-select-way{width:140px;overflow:inherit;flex:0 0 140px;margin-right:10px}.new-bg-pop .supplier-pop .content .chat-pop-text .chat-select-way .chat-select-way-group{left:-1px;width:140px;top:29px;max-height:180px;overflow:hidden;overflow-y:auto}.new-bg-pop .supplier-pop .content .chat-pop-text .service-group{left:148px}.new-bg-pop .supplier-pop .content .chat-pop-text .chat-pop-input{flex:auto;padding:0;background:hsla(0,0%,100%,.85);border:1px solid #ddd;height:28px;position:relative}.new-bg-pop .supplier-pop .content .chat-pop-text .chat-pop-input .chat-pop-id{width:100%;padding:0 35px 0 5px;background:hsla(0,0%,100%,.85);border:none;margin-left:0;height:100%}.new-bg-pop .supplier-pop .content .supplier-search-list{position:relative;margin-top:15px;width:100%}.new-bg-pop .supplier-pop .content .supplier-search-list .supplier-search-header{line-height:36px;color:#111;background-color:#fff;font-size:14px;border:1px solid #ddd}.new-bg-pop .supplier-pop .content .supplier-search-list .supplier-search-header .arrow-down{display:inline-block;margin-left:5px;vertical-align:-5px;width:0;height:0;border:6px solid transparent;border-top-color:#bbb;cursor:pointer}.new-bg-pop .supplier-pop .content .supplier-search-list .supplier-search-header .arrow-up{display:inline-block;margin-left:5px;vertical-align:3px;width:0;height:0;border:6px solid transparent;border-bottom-color:#bbb;cursor:pointer}.new-bg-pop .supplier-pop .content .supplier-search-list .supplier-search-header .chat-drop-down{left:80px;max-width:140px;top:33px;max-height:180px;overflow:hidden;overflow-y:auto}.new-bg-pop .supplier-pop .content .supplier-search-list .supplier-search-body{font-size:14px;color:#999;background:#fff;height:270px;overflow:hidden;overflow-y:scroll;border:1px solid #ddd;border-top:none}.new-bg-pop .supplier-pop .content .supplier-search-list .supplier-search-body li{line-height:44px}.new-bg-pop .supplier-pop .content .supplier-search-list .supplier-search-body li .nth2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-bg-pop .supplier-pop .content .supplier-search-list .supplier-search-body li:hover{background:#dce6fb}.new-bg-pop .supplier-pop .content .supplier-search-list .nth1{display:inline-block;vertical-align:middle;width:170px;padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:5px}.new-bg-pop .supplier-pop .content .supplier-search-list .nth2{display:inline-block;vertical-align:middle;width:200px;padding-right:5px;position:relative}.new-bg-pop .supplier-pop .content .supplier-search-list .nth2 i{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-top:-1px}.new-bg-pop .supplier-pop .content .supplier-search-list .nth2 i.ico_free{background:url(../img/ico_free.png) 0 0 no-repeat}.new-bg-pop .supplier-pop .content .supplier-search-list .nth2 i.ico_busy{background:url(../img/ico_busy.png) 0 0 no-repeat}.new-bg-pop .supplier-pop .content .supplier-search-list .nth3{display:inline-block;vertical-align:middle;width:120px;text-align:center;position:relative}.new-bg-pop .supplier-pop .content .supplier-search-list .nth3 .work-hours{cursor:pointer;margin-left:5px;display:inline-block;vertical-align:middle;width:15px;height:15px;background:transparent;border-radius:50%;font-style:normal;border:1px solid #bbb;box-sizing:border-box;text-align:center}.new-bg-pop .supplier-pop .content .supplier-search-list .nth3 .work-hours:after{display:block;line-height:13px;content:"!";color:#bbb;text-align:center;font-weight:700;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.new-bg-pop .supplier-pop .content .supplier-search-list .nth4{display:inline-block;vertical-align:middle;width:115px;text-align:center}.new-bg-pop .supplier-pop .content .supplier-search-list .nth4 button{margin:7px 0;min-width:58px;line-height:26px;height:26px}.new-bg-pop .supplier-pop .content .supplier-search-list .nth4 button.no-click{background:#ccc;background-image:linear-gradient(90deg,#ccc,#ccc);cursor:not-allowed}.new-bg-pop .supplier-pop .content .supplier-search-list .work-hours-range{position:absolute;top:100px;left:500px;border-radius:4px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);background:#fff;z-index:10;width:300px;padding:10px;box-sizing:border-box}.new-bg-pop .supplier-pop .content .supplier-search-list .work-hours-range .work-hours-range-name{font-size:12px;color:#111;font-weight:700;margin-bottom:5px}.new-bg-pop .supplier-pop .content .supplier-search-list .work-hours-range p{font-size:12px;color:#333;margin:0}.new-bg-pop .supplier-pop .content .supplier-search-list .work-hours-range .work-hours-draft-range{margin-top:5px;color:#666}.new-bg-pop .supplier-pop .content .supplier-search-list .work-hours-range ul li span:first-of-type{float:left;width:60px}.new-bg-pop .supplier-pop .content .supplier-search-list .work-hours-range ul li span:nth-of-type(2){float:left;width:calc(100% - 60px)}.ico-search{position:absolute;top:0;right:0;cursor:pointer;width:35px;height:28px;overflow:hidden;font-size:0;background:url(../img/IM_online/search.png) 50% no-repeat;z-index:5}.new-bg-pop .search-pop{width:700px}.new-bg-pop .search-pop .chat_area-list{height:450px;border-bottom:none;padding:5px 0}.new-bg-pop .search-pop .chat_list_restart_btn{flex:none;text-align:center;margin:15px 0}.hide{display:none}body,html{width:100%;height:100%;overflow:auto}.new-pop{z-index:99999;top:0;left:0;bottom:0;right:0;position:fixed;display:flex}.toast{font-size:14px;line-height:20px;color:#fff;margin:auto;padding:8px 23px;background:rgba(0,0,0,.7);border-radius:18px}.im_friend-list{display:flex;flex-direction:column;flex:1;position:relative;overflow:hidden}.chat-rating_wrap{margin:auto;position:relative;width:390px;background-color:#fff;z-index:1001;border-radius:20px;padding:0;box-sizing:border-box}.chat-rating_wrap .head-pic{position:absolute;top:-31px;left:50%;margin-left:-40px;border-radius:50%;height:80px;width:80px;overflow:hidden}.chat-rating_wrap .head-pic img{height:100%;width:100%}.chat-rating_wrap .chat-wrap{text-align:center;padding-top:65px;margin-bottom:20px}.chat-rating_wrap .chat-wrap .chat-wrap-title{font-size:16px;color:#111;line-height:22px}.chat-rating_wrap .chat-wrap .chat-rating{margin:18px 0 0}.chat-rating_wrap .chat-wrap .chat-rating .chat-rating-box{width:100%;position:relative}.chat-rating_wrap .chat-wrap .chat-rating .chat-rating-box li{float:left;height:auto;width:33%;text-align:center}.chat-rating_wrap .chat-wrap .chat-rating .chat-rating-box li input{height:40px;width:40px;padding:0;-webkit-appearance:none;border-radius:0;outline-style:none;cursor:pointer;margin-bottom:8px}.chat-rating_wrap .chat-wrap .chat-rating .chat-rating-box li .rating-info{position:absolute;width:100%;top:43px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#666;font-size:14px;display:none}.chat-rating_wrap .chat-wrap .chat-rating .chat-rating-box li.active .rating-info{display:block}.chat-rating_wrap .event-process{text-align:center;font-size:0}.chat-rating_wrap .event-process .event-result{border:1px solid #ccc;border-radius:4px;padding:6px 15px;font-size:13px;line-height:18px;color:#999;display:inline-block;cursor:pointer}.chat-rating_wrap .event-process .event-result i{display:inline-block;height:18px;width:18px;margin-right:9px;vertical-align:middle}.chat-rating_wrap .event-process .event-result span{vertical-align:middle}.chat-rating_wrap .event-process .event-result.solve{margin-right:10px}.chat-rating_wrap .event-process .event-result.solve i{background-image:url(../img/IM_online/solve.png);background-size:cover}.chat-rating_wrap .event-process .event-result.unsolve i{background-image:url(../img/IM_online/unsolve.png);background-size:cover}.chat-rating_wrap .event-process .event-result.active{border:1px solid #6fa1fd;color:#6fa1fd}.chat-rating_wrap .event-process .event-result.active.solve i{background-image:url(../img/IM_online/a_solve.png)}.chat-rating_wrap .event-process .event-result.active.unsolve i{background-image:url(../img/IM_online/a_unsolve.png)}.chat-rating_wrap .line{margin:15px 0;height:1px;background:#ddd}.chat-rating_wrap .eva-result{font-size:0}.chat-rating_wrap .eva-result .eva-list{float:left;background:#e4e9f2;border:1px solid #dde1eb;border-radius:17px;font-size:14px;color:#666;line-height:32px;text-align:center;box-sizing:border-box;padding:0 10px;margin:0 8px 8px 0;cursor:pointer}.chat-rating_wrap .eva-result .eva-list.active{color:#0086f6;border:1px solid #d2e7fa;background:#daeefe}.chat-rating_wrap .rating-feedback{margin-top:5px}.chat-rating_wrap .rating-feedback .feedback{width:100%;height:122px;border:1px solid #e6e8eb;border-radius:4px;padding:10px 12px;box-sizing:border-box;resize:none;font-size:14px;color:#999;line-height:20px}.chat-rating_wrap .btns{text-align:center;margin:20px 0 30px}.chat-rating_wrap .btns button{padding:0 40px;height:34px}.chat-rating_wrap .btns .btn-blue{margin-right:20px}.chat-rating_wrap.short-version .chat-wrap .chat-rating .chat-rating-box li{position:relative;margin-bottom:10px}.fail-alert{margin:auto;position:relative;z-index:999999;border-radius:18px;background-color:rgba(0,0,0,.7);padding:8px 22px;line-height:20px;font-size:14px;color:#fff}.chat_area-list li .chat.robot-result{background-color:#fff;border:1px solid #ccc;width:300px}.chat_area-list li .chat.robot-result .robot-title{font-size:16px;line-height:20px;color:#333;margin:7px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5; /*! autoprefixer: off */-webkit-box-orient:vertical;word-break:break-word;word-wrap:break-word}.chat_area-list li .chat.robot-result .robot-content{border-top:1px solid #ccc;max-height:110px;overflow:hidden}.chat_area-list li .chat.robot-result .robot-content li{font-size:14px;color:#6997f8;line-height:18px;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.chat_area-list li .chat.robot-result .robot-content li.active,.chat_area-list li .chat.robot-result .robot-content li:focus,.chat_area-list li .chat.robot-result .robot-content li:hover{color:#2d5dc0}.chat_area-list li .chat.robot-result .robot-content li:last-of-type{margin-bottom:0}.chat_area-list li .chat.robot-result .robot-content.open{max-height:none}.chat_area-list li .chat.robot-result .question-arrow{font-size:14px;color:#6997f8;line-height:18px;padding:10px 0;position:relative;display:inline-block;cursor:pointer}.chat_area-list li .chat.robot-result .question-arrow.active,.chat_area-list li .chat.robot-result .question-arrow:focus,.chat_area-list li .chat.robot-result .question-arrow:hover{color:#2d5dc0}.chat_area-list li .chat.robot-result .question-arrow:after{content:"";position:absolute;top:11px;right:-15px;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #6997f8;border-bottom:0;border-left:2px solid #6997f8;border-right:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.chat_area-list li .chat.robot-result .robot-artificial{font-size:14px;color:#6997f8;line-height:18px;padding:10px 0 5px;border-top:1px solid #ccc;cursor:pointer}.chat_area-list li .chat.robot-result .robot-artificial.active,.chat_area-list li .chat.robot-result .robot-artificial:focus,.chat_area-list li .chat.robot-result .robot-artificial:hover{color:#2d5dc0}.chat_area-list li .chat.robot-result .robot-content.open~.question-arrow:after{top:16px;-webkit-transform:rotate(-315deg);transform:rotate(-315deg)}.chat_area-list li .chat.screen-result{background-color:#fff;border:1px solid #ccc;width:300px;padding-right:13px}.chat_area-list li .chat.screen-result .screen-title{font-size:16px;line-height:18px;color:#333;margin-top:7px;padding-bottom:8px;border-bottom:1px solid #ccc}.chat_area-list li .chat.screen-result .screen-content-box{position:relative;margin:8px 0}.chat_area-list li .chat.screen-result .screen-content-box .screen-content{font-size:14px;line-height:20px;color:#666}.chat_area-list li .chat.screen-result .screen-content-box .two-over{display:-webkit-box;-webkit-line-clamp:2; /*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden}.chat_area-list li .chat.screen-result .screen-content-box .arrow{position:absolute;right:-12px;bottom:0;display:block;height:20px;width:15px;margin-bottom:0;border:none}.chat_area-list li .chat.screen-result .screen-content-box .arrow:after{content:"";position:absolute;left:3px;top:4px;width:6px;height:6px;border-radius:1px;border:2px solid #ccc;border-bottom:none;border-left:none;-webkit-transform:rotate(135deg);transform:rotate(135deg);cursor:pointer}.chat_area-list li .chat.screen-result .screen-content-box.open .two-over{-webkit-line-clamp:inherit}.chat_area-list li .chat.screen-result .screen-content-box.open .arrow:after{top:7px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.chat_area-list li .chat.screen-result .screen-img-group{display:flex;flex-wrap:wrap}.chat_area-list li .chat.screen-result .screen-img-group .screen-img{height:60px;width:60px;margin:10px 10px 0 0}.chat_area-list li .chat.screen-result .screen-img-group .screen-img img{max-width:none;max-height:none;height:inherit;width:inherit}.chat_area-list li .chat.screen-result .screen-artificial{font-size:14px;color:#6997f8;line-height:18px;padding:13px 0 5px;margin-top:14px;border-top:1px solid #ccc;text-align:right}.chat_area-list li .chat.screen-result .screen-artificial span{margin-left:10px;cursor:pointer}.chat_area-list li .chat.screen-result .screen-artificial span:hover{color:#2d5dc0}.chat_area-list li .chat.chat-broadcast-card,.chat_area-list li .chat.chat-order,.chat_area-list li .chat.chat-order-list,.chat_area-list li .chat.chat-progress-card,.chat_area-list li .chat.chat-reponds-card{font-size:16px;background-color:#fff;border:1px solid #ccc}.chat_area-list li .chat.video{background:#e7ecf8;padding:0}.chat_area-list li .chat.video .video-box{position:relative;border-radius:2px 8px 8px 8px;overflow:hidden}.chat_area-list li .chat.video .video-box.noplay:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.6)}.chat_area-list li .chat.video .video-content{max-width:100%;max-height:200px;margin:auto;display:block}.chat_area-list li .chat.video.uploading{margin-bottom:8px}.chat_area-list li .chat.video.uploading .video-box{height:175px;width:305px}.chat_area-list li .chat.video.uploading .video-box .video-content{display:none}.chat_area-list li .chat.video.uploading .video-name,.chat_area-list li .chat.video.uploading .video-size{color:#999}.chat_area-list li .chat.video.uploading .img-upload-progress-bg{display:block}.chat_area-list li.service .chat.video .video-box{border-radius:8px 2px 8px 8px}.video-txt-group{position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.video-txt-group .video-name{font-size:13px;color:#fff;line-height:18px}.video-txt-group .video-size{font-size:12px;color:#fff;line-height:17px;margin-top:2px}.video-btn{position:absolute;left:50%;top:50%;height:40px;width:40px;background:url(../img/IM_online/video-play.png) 0 0 no-repeat;background-size:contain;margin:-20px;cursor:pointer}.img-upload-progress-bg{display:none;position:absolute;bottom:-7px;left:0;right:0;height:3px;background-color:#e7ecf8}.img-upload-progress-bg .img-uploaded-progress{position:absolute;top:0;left:0;height:2px;background-color:#6e9ffc}.chat_think{position:absolute;box-shadow:0 6px 15px 1px rgba(0,0,0,.15);background:#fff;bottom:178px;border-radius:4px;width:390px;height:170px;z-index:100}.chat_think .chat_think_title{font-size:14px;color:#666;line-height:34px;padding:0 13px}.chat_think .chat_think_content{height:135px;overflow:hidden;overflow-y:auto}.chat_think .chat_think_content .chat_think_list{line-height:34px;font-size:14px;color:#666;padding:0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.chat_think .chat_think_content .chat_think_list_icon{height:20px;width:20px;display:inline-block;margin-right:10px}.chat_think .chat_think_content .chat_think_list_icon img{height:100%;width:100%}.chat_think .chat_think_content .chat_think_list .yellow{color:#ff7d13}.chat_think .chat_think_content .chat_think_list.active,.chat_think .chat_think_content .chat_think_list:hover{background:#e5ebf8}.chat_think_new{position:absolute;box-shadow:0 6px 15px 1px rgba(0,0,0,.15);background:#fff;bottom:214px;left:15px;right:15px;border-radius:4px;max-height:170px;z-index:100}.chat_think_new .chat_think_title{font-size:14px;color:#666;line-height:34px;padding:0 13px}.chat_think_new .chat_think_content{max-height:170px;overflow:hidden;overflow-y:auto}.chat_think_new .chat_think_content .chat_think_list{line-height:24px;font-size:14px;color:#666;padding:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; /*!autoprefixer:off*/-webkit-box-orient:vertical;cursor:pointer}.chat_think_new .chat_think_content .chat_think_list .yellow{color:#ff7d13}.chat_think_new .chat_think_content .chat_think_list.active,.chat_think_new .chat_think_content .chat_think_list:hover{background:#e5ebf8}.name-pop{position:absolute;top:200px;left:50px;z-index:10;border-radius:4px;max-width:305px;height:auto;font-size:14px;color:#666;background:#fff;padding:12px 14px;box-sizing:border-box;box-shadow:0 4px 12px 0 rgba(0,0,0,.15)}.name-pop .name-head{line-height:22px;color:#111;display:-webkit-box; /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;overflow:hidden}.name-pop span{flex:none}.name-pop .name-remark{display:flex;align-items:baseline;margin:9px 0;padding-top:9px}.name-pop .name-uid{display:flex;align-items:baseline;margin-top:9px}.name-pop .name-uid span+span{flex:auto;word-break:break-word}.name-pop .name-input{display:inline-block}.name-pop .name-input input{width:150px;height:28px;border:1px solid #ddd;box-sizing:border-box}.name-pop .name-input .ico_save{background:url(../img/IM_online/ico_save.png) 50% no-repeat;background-size:contain}.name-pop .name-input .ico_cancel,.name-pop .name-input .ico_save{display:inline-block;height:28px;width:28px;vertical-align:middle;cursor:pointer}.name-pop .name-input .ico_cancel{background:url(../img/IM_online/ico_cancel.png) 50% no-repeat;background-size:contain}.name-pop .name-con{flex:auto;line-height:22px}.name-pop .name-con .ico_edit{display:inline-block;height:18px;width:18px;background:url(../img/IM_online/ico_edit.png) 50% no-repeat;background-size:contain;vertical-align:sub;margin-left:5px;cursor:pointer}.new-no-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002;display:flex}.smileLoading{margin:auto;position:relative;width:106px;height:106px;z-index:99999;border-radius:8px;background-color:rgba(0,0,0,.7);box-sizing:border-box;padding:34px}.smileLoading svg{width:100%;height:100%}.smileLoading #circle{transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;animation:circleWrap 4s infinite;-webkit-animation:circleWrap 4s infinite;will-change:auto}@keyframes circleWrap{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);stroke-dasharray:941px}30%,50%{transform:rotate(420deg);-webkit-transform:rotate(420deg);-moz-transform:rotate(420deg);-o-transform:rotate(420deg);-ms-transform:rotate(420deg);stroke-dasharray:310px 641px}56%{transform:rotate(650deg);-webkit-transform:rotate(650deg);-moz-transform:rotate(650deg);-o-transform:rotate(650deg);-ms-transform:rotate(650deg);stroke-dasharray:200px 741px}80%,to{transform:rotate(1036deg);-webkit-transform:rotate(1036deg);-moz-transform:rotate(1036deg);-o-transform:rotate(1036deg);-ms-transform:rotate(1036deg);stroke-dasharray:941px}}@-webkit-keyframes circleWrap{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);stroke-dasharray:941px}30%,50%{transform:rotate(420deg);-webkit-transform:rotate(420deg);-moz-transform:rotate(420deg);-o-transform:rotate(420deg);-ms-transform:rotate(420deg);stroke-dasharray:310px 641px}56%{transform:rotate(650deg);-webkit-transform:rotate(650deg);-moz-transform:rotate(650deg);-o-transform:rotate(650deg);-ms-transform:rotate(650deg);stroke-dasharray:200px 741px}80%,to{transform:rotate(1036deg);-webkit-transform:rotate(1036deg);-moz-transform:rotate(1036deg);-o-transform:rotate(1036deg);-ms-transform:rotate(1036deg);stroke-dasharray:941px}}.smileLoading #leftEye,.smileLoading #rightEye{opacity:0;animation:showEye 4s .5s infinite;-webkit-animation:showEye 4s .5s infinite;will-change:auto}@keyframes showEye{0%,45%,to{opacity:0}40%,5%{opacity:1}}@-webkit-keyframes showEye{0%,45%,to{opacity:0}40%,5%{opacity:1}}.smileLoading #rightEye{animation-delay:.7s;-webkit-animation-delay:.7s}.smileLoading #rightEye path{transform:translate3d(-4px,0,0);-webkit-transform:translate3d(-4px,0,0);-moz-transform:translate3d(-4px,0,0);-ms-transform:translate3d(-4px,0,0);-o-transform:translate3d(-4px,0,0)}.smileLoading #mapGroup{transform:translate3d(0,-20%,0);-webkit-transform:translate3d(0,-20%,0);-moz-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);-o-transform:translate3d(0,-20%,0);animation:mapMove 4s 2s infinite;-webkit-animation:mapMove 4s 2s infinite;will-change:auto}.smileLoading #mapGroup .map{fill:none;stroke-dasharray:900px;stroke-dashoffset:900px;animation:mapStroke 4s 2s infinite;-webkit-animation:mapStroke 4s 2s infinite;will-change:auto}@keyframes mapMove{0%,50%,79%{transform:translate3d(0,-20%,0);-webkit-transform:translate3d(0,-20%,0);-moz-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);-o-transform:translate3d(0,-20%,0)}78%{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0)}}@-webkit-keyframes mapMove{0%,50%,79%{transform:translate3d(0,-20%,0);-webkit-transform:translate3d(0,-20%,0);-moz-transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);-o-transform:translate3d(0,-20%,0)}78%{transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0)}}@keyframes mapStroke{0%,78%{stroke-dasharray:900px;stroke-dashoffset:900px}40%,60%{stroke-dasharray:900px;stroke-dashoffset:0}}@-webkit-keyframes mapStroke{0%,78%{stroke-dasharray:900px;stroke-dashoffset:900px}40%,60%{stroke-dasharray:900px;stroke-dashoffset:0}}.new-simple-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5f8ff;z-index:1001;display:flex}.simple-chat{height:620px;width:610px;box-shadow:0 20px 40px 0 rgba(8,23,51,.25);margin:auto;background-color:#fff;z-index:1001;border-radius:4px;overflow:hidden;position:relative}.simple-chat .footer{display:none}.simple-chat .simple-chat-header{height:50px;line-height:45px;background:#6fa1fd;text-align:center;position:relative;font-size:16px;color:#fff;font-weight:700}.simple-chat .simple-chat-header .logo{position:absolute;left:20px;top:9px}.simple-chat .simple-chat-header .logo a{display:block;width:70px;height:27px;background:url(../img/IM_online/logo.png) 50% no-repeat;background-size:contain}.simple-chat .simple-chat-con{position:absolute;top:42px;border-radius:4px 4px 0 0;width:100%;height:578px;background:#fff;display:flex;flex-direction:column}.simple-chat .simple-chat-con .footer{display:flex;flex-direction:row;justify-content:center}.chat_area-list li .chat.invoice-order .simple-chat .simple-chat-con .footer .invoice-order-btn,.simple-chat .simple-chat-con .footer .chat_area-list li .chat.invoice-order .invoice-order-btn,.simple-chat .simple-chat-con .footer .btn,.simple-chat .simple-chat-con .footer .btn-Red,.simple-chat .simple-chat-con .footer .btn-blue,.simple-chat .simple-chat-con .footer .btn-grayB{padding:0 15px}.simple-chat .drag-cover{top:0;left:0;right:0;bottom:0}.topline{border-top:1px solid #d2d2d2}.margin15{margin:15px}.margin30{margin:30px}.new-simple-bg.h5{height:100%;width:100%;overflow:auto}.new-simple-bg.h5 .simple-chat{height:100%;width:100%;box-shadow:none;display:flex;flex-direction:column}.new-simple-bg.h5 .simple-chat [class^=ico-h5-]{display:inline-block;background:url(//pic.c-ctrip.com/platform/h5/im-h5/icon-supplier.png) 0 0 no-repeat;background-size:200px 210px}.new-simple-bg.h5 .simple-chat .simple-chat-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:0 0 44px;height:44px;line-height:44px;background:#fff;font-size:17px;color:#030303}.new-simple-bg.h5 .simple-chat .simple-chat-header .logo{display:none}.new-simple-bg.h5 .simple-chat .simple-chat-header .head-center{width:100%;margin:0 10px;line-height:24px;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-simple-bg.h5 .simple-chat .simple-chat-header .head-center.two-lines{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2; /*! autoprefixer: off */-webkit-box-orient:vertical;font-size:14px;line-height:17px;white-space:inherit}.new-simple-bg.h5 .simple-chat .simple-chat-header .head-left,.new-simple-bg.h5 .simple-chat .simple-chat-header .head-right{display:inline-block;height:100%;width:18px;padding:0 10px}.new-simple-bg.h5 .simple-chat .simple-chat-header .head-left{background:url(../img/IM_online/icon-return.svg) 50% no-repeat;background-size:18px 18px}.new-simple-bg.h5 .simple-chat .simple-chat-con{position:static;top:0;height:auto;flex:1 1 auto;overflow:auto;background:#f0f2f5;border-radius:0}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-input{display:none}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_list_content{background:#f0f2f5}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_body{background:#fff}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list{border-bottom:none;background:#fff}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list{background:#fff;padding:30px 30px 0}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list .mail_info{width:100%;background:#f0f2f5;padding:12px 0;border-radius:4px;font-family:MicrosoftYaHei}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list .mail_info div{margin:8px 10px 8px 45px;font-size:13px;color:#666;display:flex}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list .mail_info .col1{width:70px;min-width:70px;text-align:left}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list .mail_info .col2{padding:0 0 0 35px;color:#111;word-break:break-all}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list_h5{background:#fff}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list_h5 .mail_info{width:100%;background:#f0f2f5;padding:1px 0 12px;border-radius:4px;font-family:MicrosoftYaHei}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list_h5 .mail_info .title{color:#333;border-bottom:1px solid #e3e3e3;padding:0 0 15px}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list_h5 .mail_info div{margin:14px 15px 8px;font-size:13px;color:#666;display:flex}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list_h5 .mail_info .col1{width:54px;min-width:54px;text-align:right}.new-simple-bg.h5 .simple-chat .simple-chat-con .mail_area-list .mail_list_h5 .mail_info .col2{padding:0 0 0 25px;color:#111;word-break:break-all;overflow:hidden}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list{border-bottom:none}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list{background:#f0f2f5;padding:14px 15px 0}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li{width:100%;margin-left:0}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system .separate-line span{background:#f0f2f5}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop{height:auto;overflow:hidden}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop .content{padding:0 10px;text-align:center}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop .content .name{font-size:14px;background-color:transparent}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop .footer{display:flex;flex-direction:row;justify-content:center}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .chat.invoice-order .pop .footer .invoice-order-btn,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop .footer .btn,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop .footer .btn-Red,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop .footer .btn-blue,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop .footer .btn-grayB,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.invite .pop .footer .chat.invoice-order .invoice-order-btn{padding:0 15px}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system p{color:#333;background-color:#d4d9e1}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.service .chat{background:#5c8ded;color:#fff}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.service .demand-chat{background:#fff;color:#333}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system .tips-title{width:auto;background-color:#d4d9e1}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li.system.queue{min-width:auto}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .name{margin:-2px 0 5px;font-size:0}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .name .tag-guest{background:#ff8b2b}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .name .tag-merchant{background:#1eccc9}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .name .label,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .name .tag-ctrip{background:#6c9cfa}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .name .nickname{display:inline-block;color:#999;font-size:12px;line-height:12px;margin-left:6px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat{background:#fff;color:#333;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat .arrow-down i,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat .arrow-up i{border-top:2px solid #4f6177;border-left:2px solid #4f6177}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat .voice-wrap{background:#f0f2f5}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat.chat-send-address,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat.chat-send-order,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat.send-order-list,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat.service-appraisal,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat.service-file{background-color:#fff;min-width:auto;width:85%;box-sizing:border-box}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat .chat-file,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat .send-address,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat .send-order-content,.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat .service-file{min-width:auto;width:100%;box-sizing:border-box}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat .appraisal-tag li{width:auto}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .chat.screen-result .screen-img{width:60px}.new-simple-bg.h5 .simple-chat .simple-chat-con .chat_area-list .chat_list li .invitation-block{width:85%}.new-simple-bg.h5 .simple-chat .footer{position:fixed;bottom:0;z-index:1000;width:100%;flex:0 0 auto;background:#fff;display:flex;flex-direction:column;align-items:center;position:relative}.new-simple-bg.h5 .simple-chat .footer .chat-input{position:relative;display:flex;flex-direction:row;align-items:center;width:100%;height:50px;font-size:0;background-color:#fff}.new-simple-bg.h5 .simple-chat .footer .chat-input .input-area{flex:1 1 auto;height:38px;font-size:15px;line-height:20px;color:#324150;background:#fff;border:none;margin-left:10px;margin-right:10px;padding:9px 5px;overflow:hidden;overflow-y:auto;box-sizing:border-box;vertical-align:top;resize:none}.new-simple-bg.h5 .simple-chat .footer .chat-input .input-area:focus{outline:none}.new-simple-bg.h5 .simple-chat .footer .chat-input .input-area .emoji{margin:0 1px;height:20px}.new-simple-bg.h5 .simple-chat .footer .chat-input .input-area:empty:before{content:attr(placeholder);color:#757575}.new-simple-bg.h5 .simple-chat .footer .chat-input .chat-area_right{display:flex;align-items:center;flex:0 0 auto;height:24px;font-size:0;align-self:center;margin-right:12px}.new-simple-bg.h5 .simple-chat .footer .chat-input .chat-area_right .ico-h5-express{height:24px;width:24px;background-position:-60.5px -9.5px;margin-right:12px}.new-simple-bg.h5 .simple-chat .footer .chat-input .chat-area_right .ico-h5-img{height:24px;width:24px;background:url(//pic.c-ctrip.com/platform/h5/im-h5/icon-img.png) no-repeat 50%;background-size:cover;margin-right:12px}.new-simple-bg.h5 .simple-chat .footer .chat-input .chat-area_right .ico-h5-demand{height:22px;width:22px;background:url(//pic.c-ctrip.com/platform/h5/im-h5/icon-demand.png) no-repeat 50%;background-size:cover;margin-right:12px}.new-simple-bg.h5 .simple-chat .footer .chat-input .chat-area_right .send-btn{display:flex;align-items:center;justify-content:center;height:30px;width:55px;background:#658ff3;border-radius:2px;font-size:15px;color:#fff}.new-simple-bg.h5 .simple-chat .footer .chat-input.disabled{background-color:#efefef}.new-simple-bg.h5 .simple-chat .footer .chat-input.disabled .input-area{color:#8c93a5;background-color:#efefef}.new-simple-bg.h5 .simple-chat .footer .chat-input.disabled .chat-area_right .send-btn{background:#ccc;cursor:not-allowed}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_box{padding-top:12px;background:#fcfcfc;border-top:1px solid #e9ecf0;box-sizing:border-box;overflow:hidden;position:relative;width:100%}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_wrap{position:relative;height:150px;overflow:hidden;margin-bottom:5px}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_list{float:left;position:relative;font-size:0;padding:0 13px;height:100%}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_list .emoji{display:inline-block;width:30px;height:30px;text-align:center;padding:5px;font-size:22px;margin:0 4px 10px 5px}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_list .hide{opacity:0}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_index{display:flex;justify-content:center;margin-bottom:14px}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_index li{width:12px;height:4px;border-radius:3px;background:#e0e0e0;margin-right:5px}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_index li.select{background:#0086f6}.new-simple-bg.h5 .simple-chat .footer .item-del{position:absolute;bottom:0;right:20px}.new-simple-bg.h5 .simple-chat .footer .btn_select{display:block;width:30px;height:30px;margin:0 auto 3px;background-image:url(//pic.c-ctrip.com/platform/h5/im-h5/ico_del.png);background-repeat:no-repeat;background-size:cover;background-position-x:0}.new-simple-bg.h5 .simple-chat .footer .h5-emoji_box .send-btn{background:#f7f8fa;color:#0086f6;font-size:16px;text-align:center;height:40px;line-height:40px;border-top:1px solid #dfe1e6;box-sizing:border-box}.new-simple-bg.h5 .simple-chat .footer .add_plus_list{background:#fcfcfc;height:115px;overflow:hidden;border-top:1px solid #ccc;display:flex;flex-direction:row;width:100%;padding:0 25px;box-sizing:border-box}.new-simple-bg.h5 .simple-chat .footer .add_plus_list li{position:relative;float:left;width:50px;height:65px;margin:25px 40px 0 0;display:flex;flex-direction:column;justify-content:center;align-content:space-between}.new-simple-bg.h5 .simple-chat .footer .add_plus_list li:nth-of-type(4n){margin-right:0}.new-simple-bg.h5 .simple-chat .footer .add_plus_list li i{position:relative;width:45px;height:45px;margin:0 auto}.new-simple-bg.h5 .simple-chat .footer .add_plus_list li a{text-align:center;color:#333;font-size:12px;line-height:12px;margin-top:6px}.new-simple-bg.h5 .simple-chat .footer .mask{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background:rgba(0,0,0,.7);z-index:20;display:flex}.new-simple-bg.h5 .simple-chat .footer .mask .imgzoom{margin:auto;max-height:100%;max-width:100%}.new-simple-bg.h5 .demand-popover-pop{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;max-height:80%;background-color:#fff;border-radius:10px 10px 0 0}.new-simple-bg.h5 .demand-popover-pop .demand-popover-header{flex:none;position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;height:49px;margin:0 15px;padding:0 5px}.new-simple-bg.h5 .demand-popover-pop .demand-popover-header .popover-close{flex:none;position:relative;height:14px;width:14px;background:url(//pic.c-ctrip.com/platform/h5/im-h5/close.png) no-repeat 50%;background-size:cover}.new-simple-bg.h5 .demand-popover-pop .demand-popover-header .popover-close:before{content:"";position:absolute;left:-8px;top:-8px;right:-8px;bottom:-8px}.new-simple-bg.h5 .demand-popover-pop .demand-popover-header .demand-popover-header-txt{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:15px;color:#111}.new-simple-bg.h5 .demand-popover-pop .demand-popover-header .demand-popover-header-send{flex:none;font-size:15px;color:#ccc;font-weight:700}.new-simple-bg.h5 .demand-popover-pop .demand-popover-header .demand-popover-header-send.active{color:#2c7aff}.new-simple-bg.h5 .demand-popover-pop .demand-popover{flex:auto;overflow:auto}.new-simple-bg.h5 .demand-popover-pop .demand-popover .demand-popover-item-txt{font-size:14px}.new-simple-bg.h5 .model-pop{background-color:#fff;margin:auto 50px;padding:24px 15px;border-radius:4px}.new-simple-bg.h5 .model-pop .model-pop-txt{font-size:15px;color:#111;line-height:24px;text-align:center}.new-simple-bg.h5 .model-pop .model-pop-btn{text-align:center;margin:17px auto 0}.new-simple-bg.h5 .model-pop .model-pop-btn button+button{margin-left:15px}.user_info_head{margin:12px 0 0 30px;line-height:20px;font-size:0}.user_info_head span{font-size:14px;color:#fff}.user_info_head span+span{margin-left:5px;padding-left:5px;border-left:1px solid #fff}.im_setting-nav{float:left;width:120px;height:calc(100% - 60px);background:#404556;padding-top:12px;box-sizing:border-box}.im_setting-nav .im_setting_item{color:#fff;font-size:14px;line-height:20px;padding:12px 0;text-align:center;opacity:.8;cursor:pointer}.im_setting-nav .im_setting_item.current{opacity:1;background:#658ff3}.im_setting-nav .im_setting_item.unread{position:relative}.im_setting-nav .im_setting_item.unread:after{content:"";position:absolute;right:10px;top:8px;height:6px;width:6px;border-radius:100%;background-color:#ff3232}.im_setting_detail{float:left;width:calc(100% - 120px);height:calc(100% - 60px);background:#e7ecf8;padding:20px 80px 20px 40px;box-sizing:border-box;overflow:hidden;overflow-y:auto}.im_setting_detail .pop{width:330px;padding:33px 20px 20px}.im_setting_detail .pop .content{padding:0}.im_setting_detail .pop .content .pop-content-item:first-child{margin-bottom:20px}.im_setting_detail .pop .content .pop-content-item .item-label{color:#333;font-size:14px;line-height:20px}.im_setting_detail .pop .content .pop-content-item .field-error-tip{margin-top:4px;margin-bottom:0;font-size:12px;color:#ff483c;text-align:left;line-height:14px}.im_setting_detail .pop .content input{border:1px solid #ddd;padding:9px 12px;font-size:14px;color:#111;line-height:14px;width:-webkit-fill-available}.im_setting_detail .pop .content .content-title{margin-top:20px;font-size:16px;color:#333;line-height:20px}.im_setting_detail .pop .content .content-txt{margin-top:7px;margin-bottom:-5px;font-size:14px;color:#666;line-height:20px}.im_setting_detail .pop .footer{padding:30px 0 10px}.im_setting_detail .pop .footer button{line-height:35px;height:35px;padding:0 35px;border-radius:35px}.im_setting_detail .pop .sort-pop-item{display:flex;align-items:center;padding:0 14px;height:38px;cursor:pointer}.im_setting_detail .pop .sort-pop-item span{flex:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#111}.im_setting_detail .pop .sort-pop-item i{flex:none;display:none;height:28px;width:28px;background:url(../img/IM_online/ico_save.png) 50% no-repeat;background-size:contain;vertical-align:middle;cursor:pointer}.im_setting_detail .pop .sort-pop-item.active i{display:inline-block}.im_setting_detail .pop .sort-pop-item:hover{background:#d3dcf4}.im_setting_detail .pop:after{content:"";width:0;height:0;border-color:transparent transparent #fff;border-style:solid;border-width:0 10px 10px;position:absolute;top:-9px;left:50%;margin-left:-5px}.im_setting_detail .im_setting_detail_title{color:#111;font-size:16px;line-height:22px;font-weight:700;margin-bottom:25px}.im_setting_detail .im_setting_detail_title span{line-height:30px}.im_setting_detail .im_setting_quick_reply_btn{height:32px;line-height:30px;margin-bottom:14px}.im_setting_detail .im_setting_quick_reply_btn .user-tip{color:#ff5d5d;font-size:12px}.im_setting_detail .im_setting_quick_reply_btn .btn-sort{float:right;border:1px solid #6691f5;background:#fff;border-radius:4px;color:#5d81ec;font-size:12px;line-height:12px;padding:9px 11px;cursor:pointer}.im_setting_detail .im_setting_quick_reply_tabs{height:32px;margin-bottom:10px}.im_setting_detail .im_setting_quick_reply_tabs .tab_item{position:relative;display:inline-block;color:#111;font-size:14px;font-weight:600;margin-right:45px;padding:0 6px;cursor:pointer}.im_setting_detail .im_setting_quick_reply_tabs .tab_item.active{color:#5d81ec;font-size:14px;font-weight:400}.im_setting_detail .im_setting_quick_reply_tabs .tab_item.active:after{content:"";display:block;position:absolute;left:50%;transform:translate(-50%);bottom:-12px;width:40px;height:3px;background:#5d81ec;border-radius:1.5px}.im_setting_detail .im_setting_quick_reply_btn .pop.sort-pop{right:80px;margin-top:42px}.im_setting_detail .im_setting_quick_reply_btn .pop.sort-pop:after{left:90%}.im_setting_detail .no-category-wrap{position:relative;height:200px;background-color:#fff;border:1px solid #ddd;text-align:center}.im_setting_detail .no-category-wrap p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#999}.im_setting_detail .im_setting_detail_con .detail_con_item{position:relative;margin-bottom:40px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt{float:left;width:520px;font-size:14px;color:#111;position:relative}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_list{margin-bottom:15px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_list:last-of-type{margin-bottom:0}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_list span{margin-right:20px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_list .detail_con_list_title{float:left;width:65px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_list .detail_con_list_con{float:left;width:455px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_list .detail_con_list_con span{margin-right:20px;white-space:nowrap}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt.detail_con_item_time .detail_con_list span:first-of-type{vertical-align:middle;width:80px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt img{display:inline-block;height:90px;width:90px;border-radius:100%}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_setting_info{margin-left:15px;display:inline-block;vertical-align:middle}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_setting_info .setting-tip{font-size:11px;color:#666;margin-bottom:10px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_setting_info .setting-tip .setting-tip-notice{color:#ff4646;margin-right:5px;vertical-align:middle}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_name{display:block}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_name span{display:inline-block}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .detail_con_name span:first-of-type{width:110px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .input_detail_con_name{height:20px;display:none}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt.input_status .detail_con_name{display:none}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt.input_status .input_detail_con_name{display:inline-block}.chat_area-list li .chat.invoice-order .im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .invoice-order-btn,.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .btn-grayB,.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .chat_area-list li .chat.invoice-order .invoice-order-btn{border-radius:4px;line-height:12px;padding:9px 11px;text-align:center;font-size:12px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .timezone-select-input{position:relative;width:180px;height:34px;background:hsla(0,0%,100%,.85);border:1px solid #ccc;cursor:pointer}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .timezone-select-input .timezone-txt{height:100%;line-height:34px;box-sizing:border-box;border:none;width:100%;padding:0 30px 0 10px;font-size:14px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt label{vertical-align:middle;width:80px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input{position:relative;display:inline-block;padding:0 0 0 30px;font-size:14px;color:#111;line-height:14px;background:hsla(0,0%,100%,.85);border:1px solid #ccc}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input i{position:absolute;left:6px;top:6px;width:22px;height:22px;overflow:hidden;font-size:0;background:url(../img/ico_wait_process.png) 50% no-repeat;z-index:5}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input .time-select{display:inline-block;width:135px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input .time-select>div{margin-right:0;cursor:pointer;display:inline-block;width:55px;text-align:center;position:relative}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input .time-select>div>span{padding:10px 0;width:100%;display:inline-block;margin:0}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input .time-select>div .time-select-drop-down{position:absolute;top:43px;left:-5px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input .time-select>div .time-select-drop-down:before{content:"";position:absolute;top:-5px;left:27px;height:10px;width:10px;border-radius:2px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input .time-select>div .time-select-drop-down .chat-drop-down{width:90px;top:0}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input:first-of-type{margin-left:40px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .week-time-input:nth-of-type(2){margin-left:25px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .im_setting_detail-group{left:0;width:100%;top:35px;max-height:180px;overflow:hidden;overflow-y:auto}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt textarea{height:145px;width:490px;resize:none;border:1px solid #ccc;padding:5px;box-sizing:border-box}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .mail-password-box{display:inline-block;position:relative}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .mail-password-box .password-input{padding-right:100px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .mail-password-box .password-txt{position:absolute;right:13px;font-size:14px;color:#5d81ec;cursor:pointer}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt.switch-box{line-height:34px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .switch{display:inline-block;position:relative;width:54px;height:30px;background-color:#fff;border:1px solid #cdcdcd;border-radius:20px;vertical-align:middle;transition:all .3s ease;cursor:pointer}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .switch:before{content:"";position:absolute;left:4px;top:3px;width:24px;height:24px;background:#fff;box-shadow:1px 1px 4px 0 rgba(0,0,0,.3);border-radius:18px;transition:all .3s ease}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .switch.active{background-color:#6590f4;border:1px solid #6590f4}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt .switch.active:before{left:27px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt_group{float:left;width:520px;position:relative}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt_group .detail_con_item_txt input{width:310px;height:34px;font-size:14px;padding:0 10px;box-sizing:border-box}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt_group .detail_con_item_txt .name-edit{display:none;align-items:center;height:34px;margin-left:20px;font-size:14px;color:#5d81ec;cursor:pointer;vertical-align:middle}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt_group .detail_con_item_txt.input_status .name-edit{display:inline-flex}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt_group .detail_con_item_txt+.detail_con_item_txt{margin-top:10px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_txt_group .input_status+.input_status{margin-top:20px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_title{float:left;width:115px;text-align:left;font-size:14px;color:#111;font-weight:700}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_title .ico_doubt{display:inline-block;width:18px;height:18px;background:url(../img/IM_online/ico_doubt.png) 0 0 no-repeat;background-size:contain;vertical-align:sub;margin-left:5px;cursor:pointer}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_item_title .ico_doubt:hover+.tip-con{display:block}.im_setting_detail .im_setting_detail_con .detail_con_item .arrow-down,.im_setting_detail .im_setting_detail_con .detail_con_item .arrow-up{position:absolute;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #666;border-bottom:0;border-left:2px solid #666;border-right:0;cursor:pointer}.im_setting_detail .im_setting_detail_con .detail_con_item .arrow-up{top:45%;right:11px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.im_setting_detail .im_setting_detail_con .detail_con_item .arrow-down{top:31%;right:11px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select{float:left;position:relative;background:hsla(0,0%,100%,.85);border:1px solid #ccc;border-radius:4px;width:490px;padding:14px;box-sizing:border-box;margin-top:-12px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_title{cursor:pointer}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_title div{font-size:14px;line-height:14px;color:#111}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_title .arrow-up{top:15px;right:14px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_title .arrow-down{top:13px;right:14px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_group li{position:relative;float:left;background:#ccd2ea;border-radius:4px;height:26px;line-height:26px;width:100px;margin:8px 10px 0 0}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_group li span{font-size:14px;color:#111;margin-left:10px}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_group li span.conflict-time{color:#ff5d5d}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_group li i{position:absolute;right:1px;top:2px;width:22px;height:22px;overflow:hidden;font-size:0;background:url(../img/new-close-img.png) 50% no-repeat;z-index:5;cursor:pointer}.im_setting_detail .im_setting_detail_con .detail_con_item .detail_con_list_select .detail_con_list_select_group+.detail_con_list_select_title{margin-top:10px}.im_setting_detail .im_setting_detail_con .detail_con_item .conflict_tips{position:absolute;left:115px;bottom:-22px;font-size:14px;color:#ff5d5d}.im_setting_detail .im_setting_detail_con .detail_con_item .tip-con{right:auto;bottom:auto;top:30px;left:50px;width:auto;font-weight:400}.im_setting_detail .im_setting_detail_con .detail_con_item .tip-con:after{border-color:transparent}.im_setting_detail .im_setting_detail_con .detail_con_item.mail-setting .detail_con_item_title{line-height:34px}.im_setting_detail .im_setting_detail_con .detail_con_item.mail-setting .detail_con_item_txt input{width:310px;height:34px;font-size:14px;padding:0 10px;box-sizing:border-box}.im_setting_detail .im_setting_detail_con .detail_con_item.mail-setting .detail_con_item_txt span{line-height:34px}.im_setting_detail .im_setting_detail_con .detail_con_item.middle-center{display:flex;align-items:center}.im_setting_detail .im_setting_detail_con .detail_con_item.marginB20{margin-bottom:20px}.im_setting_detail .im_setting_detail_con .detail_con_item.marginB30{margin-bottom:30px}.im_setting_detail .im_setting_detail_con .setting_con_list{margin-bottom:20px;background-color:#fff;border:1px solid #ddd}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 20px;box-sizing:border-box;transition:all .1s;position:relative}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_left{display:flex;align-items:center}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_left .setting_con_list_title_head{font-size:14px;color:#111;margin-right:10px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_left .set_ico_edit{display:inline-block;height:17px;width:16px;background:url(../img/IM_online/set_ico_edit.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-right:10px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_left .set_ico_delete{display:inline-block;height:19px;width:19px;background:url(../img/IM_online/set_ico_delete.png) 50% no-repeat;background-size:contain;cursor:pointer}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_right{display:flex;align-items:center}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_right .btn_add_quick{cursor:pointer;margin-right:10px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_right .btn_add_quick .set_ico_add{display:inline-block;height:15px;width:15px;background:url(../img/IM_online/set_ico_add.png) 50% no-repeat;background-size:contain;vertical-align:-2px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_right .btn_add_quick span{font-size:14px;color:#5d81ec}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_right .set_ico_drag{display:inline-block;height:17px;width:17px;background:url(../img/IM_online/set_ico_drag.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-right:10px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .setting_con_list_title_right .set_ico_arrow{display:inline-block;-webkit-transform:translateY(3px);transform:translateY(3px);width:0;height:0;border:6px solid transparent;border-top-color:#999;cursor:pointer}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .quick-pop{right:0;top:32px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .edit-pop{left:-25px;top:32px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title .delete-pop{left:2px;top:32px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_title:hover{background:#ccd2ea}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con{display:none}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item{display:flex;align-items:center;margin:0 30px 0 20px;padding:14px 0;border-bottom:1px solid #ddd}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_num{font-size:13px;color:#111;line-height:18px;flex:none;align-self:flex-start}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_txt{font-size:13px;color:#111;line-height:18px;flex:auto;margin:0 5px;white-space:pre-line}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope{flex:none}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon{position:relative}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .set_ico_edit{display:inline-block;height:17px;width:16px;background:url(../img/IM_online/set_ico_edit.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-left:10px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .set_ico_sort{display:inline-block;height:18px;width:22px;background:url(../img/IM_online/set_ico_sort.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-left:10px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .set_ico_delete{display:inline-block;height:19px;width:19px;background:url(../img/IM_online/set_ico_delete.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-left:10px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .set_ico_drag{display:inline-block;height:17px;width:17px;background:url(../img/IM_online/set_ico_drag.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-left:10px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .delete-pop{right:-101px;top:20px;width:290px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .drag-pop{width:auto;right:-48px;top:20px;padding:5px;min-height:auto}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .drag-pop .content{padding:0}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .drag-pop .content .content-txt{margin:0}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_icon .sort-pop{width:190px;right:-15px;top:20px;padding:0}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_btn{display:none}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item .setting_list_con_item_ope .setting_list_con_item_btn button{margin-left:14px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item:hover{margin:0;padding:14px 30px 14px 20px;box-shadow:0 4px 10px 0 rgba(0,0,0,.15)}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item.edit .setting_list_con_item_txt{border:1px solid #ddd;padding:7px}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item.edit .setting_list_con_item_ope .setting_list_con_item_icon{display:none}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item.edit .setting_list_con_item_ope .setting_list_con_item_btn{display:block}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con .setting_list_con_item:last-of-type{border-bottom:1px solid transparent}.im_setting_detail .im_setting_detail_con .setting_con_list .setting_con_list_con.no_data .setting_list_con_item{height:150px;text-align:center;color:#999;font-size:14px;justify-content:center}.im_setting_detail .im_setting_detail_con .setting_con_list.open .setting_con_list_title{border-bottom:1px solid #ddd}.im_setting_detail .im_setting_detail_con .setting_con_list.open .setting_con_list_title .setting_con_list_title_right .set_ico_arrow{-webkit-transform:translateY(-4px) rotate(180deg);transform:translateY(-4px) rotate(180deg)}.im_setting_detail .im_setting_detail_con .setting_con_list.open .setting_con_list_con{display:block}.im_setting_detail .im_setting_detail_con .setting_detail_tip{font-size:14px;line-height:20px;color:#666}.im_setting_detail .im_setting_detail_con .label-input{display:inline-block;position:relative;margin-top:10px}.im_setting_detail .im_setting_detail_con .label-input .radio-pretty{display:inline;cursor:pointer;position:relative;font-size:14px;color:#111;line-height:20px;white-space:nowrap;padding-left:24px;margin-right:30px}.im_setting_detail .im_setting_detail_con .label-input .radio-pretty:before{content:"";display:inline-block;width:18px;height:18px;border-radius:9px;border:1px solid #bbb;box-sizing:border-box;position:absolute;top:0;left:0}.im_setting_detail .im_setting_detail_con .label-input .radio-pretty:after{content:"";display:inline-block;width:10px;height:10px;border-radius:5px;box-sizing:border-box;background:transparent;position:absolute;left:4px;top:4px}.im_setting_detail .im_setting_detail_con .label-input .radio-pretty.choosen:after{background:#6c9cfa}.im_setting_detail .im_setting_detail_btn{width:630px;text-align:center}.im_setting_detail .im_setting_detail_btn button+button{margin-left:30px}.im_setting_detail .im_setting_detail_btn.im_setting_per_info{text-align:left;margin-left:115px}.im-calendarWrap{position:absolute;top:100px;left:100px;z-index:10;padding:20px 20px 0;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);border-radius:3px;font-size:12px;background:#fff}.im-calendarWrap .calendarMonth{text-align:center}.im-calendarWrap .calendarMonth div{font-size:14px;color:#111}.im-calendarWrap .calendarMonth table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;margin-top:10px;border-top:1px solid hsla(0,0%,80%,.5);border-bottom:1px solid hsla(0,0%,80%,.5)}.im-calendarWrap .calendarMonth table tr th{color:#666;padding:10px 3px;text-align:center}.im-calendarWrap .calendarMonth table span{width:26px;height:26px;line-height:26px;border:1px solid #fff;text-decoration:none;cursor:pointer;color:#333;display:inline-block;transition:all .3s linear;border-radius:100%;margin:2px}.im-calendarWrap .calendarMonth table span:hover{background:#f5faff;border-color:#658ff3}.im-calendarWrap .calendarMonth table span.dayNo{font-weight:400;color:#cdcdcd;outline:none;cursor:default}.im-calendarWrap .calendarMonth table span.dayNo:hover{background:#fff;border-color:#fff}.im-calendarWrap .calendarMonth table span.today,.im-calendarWrap .calendarMonth table span.today:hover{background:#658ff3;border-color:#658ff3;color:#fff;transition:all .3s linear}.im-calendarWrap .monthNext,.im-calendarWrap .monthPrev{position:absolute;top:26px;width:7px;height:7px;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #999;border-bottom:0;border-left:0;border-right:2px solid #999;cursor:pointer}.im-calendarWrap .monthPrev{left:50px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.im-calendarWrap .monthPrev.prev{left:22px}.im-calendarWrap .monthPrev.prev:after{content:"";position:absolute;top:2px;left:-4px;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #999;border-bottom:0;border-left:0;border-right:2px solid #999}.im-calendarWrap .monthNext{right:50px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.im-calendarWrap .monthNext.next{right:22px}.im-calendarWrap .monthNext.next:after{content:"";position:absolute;top:2px;right:2px;width:7px;height:7px;overflow:hidden;line-height:0;font-size:0;border-radius:1px;border-top:2px solid #999;border-bottom:0;border-left:0;border-right:2px solid #999}.im-calendarWrap .calendarBtn{padding:12px 0;text-align:center;color:#5d81ec;font-size:14px;font-weight:700;cursor:pointer}.new-invite-pop{margin:auto;height:563px;width:715px;border-radius:8px;background:#fff;z-index:1001;box-shadow:0 0 6px 1px hsla(0,0%,40%,.3);padding:20px 0;box-sizing:border-box;display:flex;position:relative}.new-invite-pop .invite-group{position:relative;flex:none;width:359px;display:flex;flex-direction:column;border-right:1px solid #ddd}.new-invite-pop .invite-group .invite-search{flex:none;display:flex;margin-left:20px}.new-invite-pop .invite-group .invite-search .invite-input{display:flex;align-items:center;flex:auto;height:30px;background:#fff;border:1px solid #ddd;box-sizing:border-box}.new-invite-pop .invite-group .invite-search .invite-input input{flex:auto;height:28px;border:none;padding:0 0 0 10px;font-size:14px}.new-invite-pop .invite-group .invite-search .invite-input i{flex:none;width:18px;height:18px;background:url(../img/close-img.png) 50% no-repeat;background-size:contain;cursor:pointer;z-index:5;margin:0 10px}.new-invite-pop .invite-group .invite-search .ico_filter{display:inline-block;flex:none;height:30px;width:22px;margin:0 12px;background:url(../img/IM_online/ico_filter.png) 50% no-repeat;background-size:contain;cursor:pointer;position:relative}.new-invite-pop .invite-group .invite-search .ico_filter.hasFilter:after{content:"";position:absolute;top:-1px;right:-3px;height:8px;width:8px;border-radius:100%;background:#fa5f5a}.new-invite-pop .invite-group .invite-group-con{flex:auto;overflow:hidden;overflow-y:auto;margin-top:10px}.new-invite-pop .invite-group .invite-group-con .invite-group-level .invite-group-detail,.new-invite-pop .invite-group .invite-group-con .invite-group-level .invite-group-name{padding-left:20px}.new-invite-pop .invite-group .invite-group-con .invite-group-level .invite-group-level .invite-group-detail,.new-invite-pop .invite-group .invite-group-con .invite-group-level .invite-group-level .invite-group-name{padding-left:40px;cursor:default}.new-invite-pop .invite-group .invite-group-con .invite-group-level .invite-group-level .invite-group-level .invite-group-detail,.new-invite-pop .invite-group .invite-group-con .invite-group-level .invite-group-level .invite-group-level .invite-group-name{padding-left:60px}.new-invite-pop .invite-group .invite-group-con .invite-group-level .invite-group-level .invite-group-level .invite-group-level .invite-group-detail,.new-invite-pop .invite-group .invite-group-con .invite-group-level .invite-group-level .invite-group-level .invite-group-level .invite-group-name{padding-left:80px}.new-invite-pop .invite-group .invite-group-con .invite-group-name{position:relative;font-size:14px;line-height:20px;padding:5px 0 5px 20px;color:#111;text-indent:0;display:flex;align-items:center}.new-invite-pop .invite-group .invite-group-con .invite-group-name i{flex:none;-webkit-transform:translate(0);transform:translate(0);width:0;height:0;border:6px solid transparent;border-left-color:#bbb}.new-invite-pop .invite-group .invite-group-con .invite-group-detail{display:none;height:45px;align-items:center}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head{position:relative;flex:none;height:30px;width:30px}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head img{height:100%;width:100%;border-radius:100%}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head.busy:after,.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head.exit:after,.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head.free:after,.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head.leave:after{content:"";position:absolute;bottom:0;right:-2px;height:12px;width:12px}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head.free:after{background:url(../img/ico_free.png) 0 0 no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head.leave:after{background:url(../img/ico_leave.png) 0 0 no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head.busy:after{background:url(../img/ico_busy.png) 0 0 no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-head.exit:after{background:url(../img/ico_exit.png) 0 0 no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-name{flex:auto;font-size:14px;line-height:14px;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:12px;text-align:left;text-indent:0}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-status{flex:none;font-size:12px;line-height:12px;color:#666;text-indent:0;margin-left:5px}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-remind{flex:none;display:inline-block;height:14px;width:14px;background:url(../img/IM_online/ico_remind.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-left:3px}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-selected{flex:none;height:18px;width:18px;border:1px solid #bbb;border-radius:100%;margin:0 18px;cursor:pointer;box-sizing:border-box}.new-invite-pop .invite-group .invite-group-con .invite-group-detail .invite-group-detail-selected.active{border:none;background:url(../img/IM_online/ico_selected.png) 50% no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-con .invite-group-level ul{display:none}.new-invite-pop .invite-group .invite-group-con .invite-group-level.open>.invite-group-name i{vertical-align:bottom;margin-right:6px;border-top:6px solid #bbb;border-left:6px solid transparent}.new-invite-pop .invite-group .invite-group-con .invite-group-level.open>ul{display:block}.new-invite-pop .invite-group .invite-group-con .invite-group-level.open>.invite-group-detail{display:flex}.new-invite-pop .invite-group .invite-group-con .invite-group-level.open>.invite-group-detail:hover{background:#ccd2ea}.new-invite-pop .invite-group .invite-group-search{flex:auto;overflow:hidden;overflow-y:auto;margin-top:10px;padding:0 20px}.new-invite-pop .invite-group .invite-group-search .search_group{display:flex;align-items:center;border-bottom:1px solid #ddd;min-height:49px;font-size:13px;color:#333;padding:3px 0;box-sizing:border-box}.new-invite-pop .invite-group .invite-group-search .search_result{border-bottom:1px solid #ddd;min-height:70px;display:flex;align-items:center;padding:3px 0;box-sizing:border-box}.new-invite-pop .invite-group .invite-group-search .search_result .label{flex:none}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con{flex:auto;display:flex;align-items:center}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head{position:relative;flex:none;height:30px;width:30px}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head img{height:100%;width:100%;border-radius:100%}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head.busy:after,.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head.exit:after,.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head.free:after,.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head.leave:after{content:"";position:absolute;bottom:0;right:-2px;height:12px;width:12px}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head.free:after{background:url(../img/ico_free.png) 0 0 no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head.leave:after{background:url(../img/ico_leave.png) 0 0 no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head.busy:after{background:url(../img/ico_busy.png) 0 0 no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_con-head.exit:after{background:url(../img/ico_exit.png) 0 0 no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_txt{flex:auto;margin-left:10px}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_txt .search_result_txt_name{font-size:14px;line-height:16px;color:#333}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_txt .search_result_txt_group{display:flex;align-items:center;margin-top:8px}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_txt .search_result_txt_group span{flex:none;font-size:12px;line-height:14px;color:#666}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_txt .search_result_txt_group .search_result_txt_group_name{flex:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:160px;margin-right:10px}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_con .search_result_txt .search_result_txt_group i{flex:none;display:inline-block;height:14px;width:14px;background:url(../img/IM_online/ico_remind.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-left:3px}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_selected{flex:none;height:18px;width:18px;border:1px solid #bbb;border-radius:100%;margin-left:18px;cursor:pointer;box-sizing:border-box}.new-invite-pop .invite-group .invite-group-search .search_result .search_result_selected.active{border:none;background:url(../img/IM_online/ico_selected.png) 50% no-repeat;background-size:contain}.new-invite-pop .invite-group .invite-group-search .label{display:inline-block;color:#fff;background:#6c9cfa;border-radius:2px;font-size:12px;line-height:12px;padding:2px 6px;margin-right:8px;flex:none}.new-invite-pop .invite-group .invite-group-loading{display:flex;flex:auto;align-items:center}.new-invite-pop .invite-group .invite-group-loading .ico-loading{margin:auto}.new-invite-pop .invite-group .invite-group-no-result{text-align:center;margin-top:150px}.new-invite-pop .invite-group .invite-group-no-result img{width:160px;height:100px}.new-invite-pop .invite-group .invite-group-no-result div{font-size:14px;color:#333}.new-invite-pop .work-hours-range{position:absolute;top:190px;left:300px;border-radius:4px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);background:#fff;z-index:10;width:506px;padding:16px;box-sizing:border-box}.new-invite-pop .work-hours-range .work-hours-range-info{margin-bottom:24px;display:flex}.new-invite-pop .work-hours-range .work-hours-range-info img{flex:none;height:30px;width:30px;border-radius:100%;overflow:hidden}.new-invite-pop .work-hours-range .work-hours-range-info .work-hours-range-name{margin-left:10px;flex:auto}.new-invite-pop .work-hours-range .work-hours-range-info .work-hours-range-name div{font-size:14px;line-height:14px;color:#333;margin-bottom:10px}.new-invite-pop .work-hours-range .work-hours-range-info .work-hours-range-name p{font-size:12px;line-height:12px;color:#666;margin-bottom:6px}.new-invite-pop .work-hours-range .work-hours-range-con{display:flex;font-size:12px;color:#666}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-time{margin-right:10px;width:200px;flex:none}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-time div{margin-bottom:10px}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-time div span{color:#111}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-time ul li{margin-bottom:10px}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-date{flex:auto;padding-left:20px;border-left:1px solid #ddd}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-date div{clear:both;overflow:hidden}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-date div,.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-date p{line-height:18px}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-date span{float:left;margin-right:10px}.new-invite-pop .work-hours-range .work-hours-range-con .work-hours-range-date div+p{margin-top:15px}.new-invite-pop .chat{position:absolute;top:60px;left:60px;border-radius:4px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);background:#fff;z-index:10;width:286px;padding:14px;box-sizing:border-box}.new-invite-pop .chat p{font-size:14px;line-height:14px;color:#666;margin-bottom:14px}.new-invite-pop .chat ul{margin-bottom:15px}.new-invite-pop .chat ul li{float:left;font-size:14px;line-height:20px;color:#111;padding:4px 14px;margin-right:8px;border-radius:4px;background:#e6ebf7;margin-bottom:5px;cursor:pointer}.new-invite-pop .chat ul li.active{background:#6c9cfa;color:#fff}.new-invite-pop .chat ul li:last-of-type{margin-right:0}.new-invite-pop .chat .foot-btn{text-align:center;margin:15px 0 10px}.new-invite-pop .chat .foot-btn .btn-blue{margin-left:20px}.invite-member{display:flex;flex-direction:column;flex:auto;padding:0 18px 0 20px;overflow:hidden}.invite-member .invite-member-num{font-size:14px;line-height:20px;color:#111;margin-bottom:6px}.invite-member ul{overflow:hidden;overflow-y:auto;margin-bottom:15px}.invite-member ul .invite-member-result{display:flex;align-items:center;min-height:70px;border-bottom:1px solid #ddd;padding:3px 0;box-sizing:border-box}.invite-member ul .invite-member-result .invite-member-result-head{position:relative;flex:none;height:40px;width:40px}.invite-member ul .invite-member-result .invite-member-result-head img{height:100%;width:100%;border-radius:100%}.invite-member ul .invite-member-result .invite-member-result-head.busy:after,.invite-member ul .invite-member-result .invite-member-result-head.exit:after,.invite-member ul .invite-member-result .invite-member-result-head.free:after,.invite-member ul .invite-member-result .invite-member-result-head.leave:after{content:"";position:absolute;bottom:0;right:-2px;height:14px;width:14px}.invite-member ul .invite-member-result .invite-member-result-head.free:after{background:url(../img/ico_free.png) 0 0 no-repeat;background-size:contain}.invite-member ul .invite-member-result .invite-member-result-head.leave:after{background:url(../img/ico_leave.png) 0 0 no-repeat;background-size:contain}.invite-member ul .invite-member-result .invite-member-result-head.busy:after{background:url(../img/ico_busy.png) 0 0 no-repeat;background-size:contain}.invite-member ul .invite-member-result .invite-member-result-head.exit:after{background:url(../img/ico_exit.png) 0 0 no-repeat;background-size:contain}.invite-member ul .invite-member-result .invite-member-result_con{flex:auto;position:relative;margin:0 20px 0 10px;overflow:hidden}.invite-member ul .invite-member-result .invite-member-result_con .invite-member-name{font-size:14px;line-height:22px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-member ul .invite-member-result .invite-member-result_con .invite-member-group{font-size:12px;line-height:20px;color:#666;display:flex;align-items:center}.invite-member ul .invite-member-result .invite-member-result_con .invite-member-group .invite-member-group-name{flex:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:3px}.invite-member ul .invite-member-result .invite-member-result_con .invite-member-group span{flex:none}.invite-member ul .invite-member-result .invite-member-result_con .invite-member-group i{flex:none;display:inline-block;height:14px;width:14px;background:url(../img/IM_online/ico_remind.png) 50% no-repeat;background-size:contain;cursor:pointer;margin-left:3px}.invite-member ul .invite-member-result .invite-member-delete{flex:none;height:24px;width:24px;background:url(../img/IM_online/ico_delete.png) 50% no-repeat;background-size:contain;border-radius:100%;cursor:pointer;box-sizing:border-box}.invite-member .invite-member-line{display:inline-block;height:15px;width:1px;background-color:#333;margin:0 5px;vertical-align:text-bottom}.invite-member .foot-btn{text-align:right}.invite-member .foot-btn .btn-blue{margin-left:20px}.invite-member .foot-btn .disable{color:#fff;border:1px solid transparent;background:#ccc;background-image:linear-gradient(90deg,#ccc,#ccc);cursor:not-allowed}.new-reply-pop{position:absolute;bottom:214px;left:195px;height:460px;border-radius:8px;background:#fff;z-index:1001;box-shadow:0 0 6px 1px hsla(0,0%,40%,.3);display:flex;flex-direction:column}.new-reply-pop .reply-pop-head{flex:none;font-size:14px;line-height:20px;color:#666;padding:10px 13px 5px}.new-reply-pop .reply-pop-con{position:relative;flex:auto;display:flex;height:410px;overflow:hidden}.new-reply-pop .reply-pop-con-tabs{height:50px;padding:0 43px;background:#e7ecf8;border-radius:8px 8px 0 0}.new-reply-pop .reply-pop-con-tabs .tab-item{position:relative;display:inline-block;padding:16px 0 14px;color:#111;font-size:14px;text-align:center;cursor:pointer}.new-reply-pop .reply-pop-con-tabs .tab-item .tab-item-icon{display:inline-block;height:20px;width:20px}.new-reply-pop .reply-pop-con-tabs .tab-item .tab-item-icon img{width:100%;height:100%}.new-reply-pop .reply-pop-con-tabs .tab-item:first-child{margin-right:40px}.new-reply-pop .reply-pop-con-tabs .tab-item.active{color:#5d81ec}.new-reply-pop .reply-pop-con-tabs .tab-item.active:after{content:"";display:block;position:absolute;left:50%;transform:translate(-50%);bottom:1px;width:56px;height:3px;background:#5d81ec;border-radius:1.5px 1.5px 1.5px 1.5px}.new-reply-pop .reply-pop-con .reply-pop-list{background:#f5f8ff;width:200px;flex:none;overflow:hidden;overflow-y:auto}.new-reply-pop .reply-pop-con .reply-pop-list li{font-size:13px;line-height:18px;color:#111;padding:7px 14px;word-break:break-word}.new-reply-pop .reply-pop-con .reply-pop-list li.select,.new-reply-pop .reply-pop-con .reply-pop-list li:hover{background:#ccd2ea}.new-reply-pop .reply-pop-con .reply-pop-item{flex:none;width:330px;overflow:hidden;overflow-y:auto;position:relative}.new-reply-pop .reply-pop-con .reply-pop-item li .reply-pop-item-con{display:flex;padding:10px 0;margin:0 14px;border-bottom:1px solid #ddd}.new-reply-pop .reply-pop-con .reply-pop-item li span{flex:none;font-size:13px;line-height:18px;color:#111}.new-reply-pop .reply-pop-con .reply-pop-item li .reply-pop-item-txt{flex:auto;font-size:13px;line-height:18px;color:#111;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; /*! autoprefixer: off */-webkit-box-orient:vertical;margin:0 15px 0 5px;word-break:break-word}.new-reply-pop .reply-pop-con .reply-pop-item li:hover{background:rgba(204,210,234,.6)}.new-reply-pop-no-data-wrap{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.new-reply-pop-no-data-wrap .reply-pop-no-data-con{font-size:13px;margin-bottom:8px;color:#999}.new-reply-pop-no-data{position:absolute;bottom:215px;left:344px;height:130px;width:230px;border-radius:8px;background:#fff;z-index:1001;display:flex;flex-direction:column;box-shadow:0 0 6px 1px hsla(0,0%,40%,.3)}.new-reply-pop-no-data .reply-pop-no-data-head{flex:none;display:flex;justify-content:space-between;align-items:center;height:35px;padding-left:13px;padding-right:10px;border-bottom:1px solid #ddd}.new-reply-pop-no-data .reply-pop-no-data-head .reply-pop-head-left{font-size:14px;color:#111}.new-reply-pop-no-data .reply-pop-no-data-head .reply-pop-head-right{display:inline-block;height:20px;width:20px;background-image:url(../img/IM_online/ico_nav_setting.svg);cursor:pointer}.new-reply-pop-no-data .reply-pop-no-data-con{flex:auto;font-size:13px;color:#999;display:flex;align-items:center;justify-content:center}.chat_area-list li .chat.invoice-order .new-reply-pop-no-data .invoice-order-btn,.new-reply-pop-no-data .chat_area-list li .chat.invoice-order .invoice-order-btn,.new-reply-pop-no-data .btn-grayB{flex:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto auto 19px}.pop-arrow:after{content:"";position:absolute;bottom:-19px;left:50%;margin-left:-10px;width:0;height:0;border:10px solid transparent;border-top-color:#fff;-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.language{position:absolute;right:35px;top:15px}.language .language-select .language-text{font-size:14px;line-height:1;color:#fff;padding-right:2px}.language .language-select .arrow{vertical-align:text-top;border-top:2px solid #fff;border-left:2px solid #fff}.language .chat-drop-down{display:none;right:0;overflow:hidden}.language .chat-drop-down li{font-size:12px;color:#111}.language .chat-drop-down li.active:after{top:8px}.language.open .language-select .arrow{vertical-align:inherit;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.language.open .chat-drop-down{display:block}.chat-air-card{position:absolute;left:400px;top:300px;width:300px;background-color:#fff;border:1px solid #ccc;padding:11px 14px 0;border-radius:5px;z-index:1001}.chat-air-card .head{text-align:left;font-size:14px;color:#222;line-height:20px;padding-bottom:8px}.chat-air-card .head .pop_close{top:4px;right:5px}.chat-air-card .air-card-group{position:relative;background:#e7ecf8;padding-bottom:13px;border-radius:4px}.chat-air-card .air-card-group .air-card-items{padding:0 10px;max-height:265px;overflow-y:auto}.chat-air-card .air-card-group .air-card-items .air-card-item .air-card-ticket{padding:10px 0 6px;font-size:12px;color:#666;line-height:17px}.chat-air-card .air-card-group .air-card-items .air-card-item .air-card-name{font-size:16px;color:#111;line-height:22px}.chat-air-card .air-card-group .air-card-items .air-card-item .air-card-code{padding:6px 0 10px;font-size:12px;color:#111;line-height:17px}.chat-air-card .air-card-group .air-card-items .air-card-item .air-card-code .air-card-code-num{display:inline-block;width:49%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-air-card .air-card-group .air-card-items .air-card-item+.air-card-item{border-top:1px solid #ccc}.chat-air-card .air-card-file-group{margin:6px 0 4px}.chat-air-card .air-card-file-group .air-card-file{float:left;font-size:12px;color:#5d81ec;line-height:17px;font-weight:700;margin:0 20px 2px 0;cursor:pointer}.chat-air-card .air-card-remark{font-size:12px;color:#666;line-height:17px;padding:0 8px 10px 0}.grab-order .grab-order-con{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 14px}.grab-order .grab-order-info{flex:auto;font-size:14px;line-height:24px;color:#333;display:-webkit-box; /*! autoprefixer: off */-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word;overflow:hidden;text-align:left;margin-right:5px}.grab-order .grab-order-edit{flex:none;text-align:right}.grab-order .grab-order-edit .grab-order-time{font-size:12px;line-height:17px;color:#666;margin-bottom:10px}.chat_area-list li .chat.invoice-order .grab-order .grab-order-edit .invoice-order-btn,.grab-order .grab-order-edit .chat_area-list li .chat.invoice-order .invoice-order-btn,.grab-order .grab-order-edit .btn,.grab-order .grab-order-edit .btn-Red,.grab-order .grab-order-edit .btn-blue,.grab-order .grab-order-edit .btn-grayB{font-size:13px;line-height:18px;padding:3px 15px;height:auto}.grab-order.system{width:100%;padding:0;text-align:center;margin-bottom:10px}.grab-order.system .grab-order-con{display:flex;align-items:flex-start;justify-content:space-between;border:1px solid #ccc;border-radius:5px;padding:10px 14px;margin-top:10px;margin-bottom:10px}.grab-order.system .grab-order-con .grab-order-info{color:#111}.new_emoji_box{position:absolute;z-index:9999;left:228px;bottom:210px;width:362px;background:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.new_emoji_box .emoji_con .emoji_con_general{padding:10px 10px 0}.new_emoji_box .emoji_con .emoji_con_general li{float:left;width:24px;height:24px;margin:6px 1px 10px;padding:4px}.new_emoji_box .emoji_con .emoji_con_general li a{display:inline-block;height:24px;width:24px}.new_emoji_box .emoji_con .emoji_con_general li .emoji{display:inline-block;text-decoration:none;width:24px;height:24px;text-align:center}.new_emoji_box .emoji_con .emoji_con_general li .emoji:hover{text-decoration:none}.new_emoji_box .emoji_con .emoji_con_general li:hover{background:#b5c2e2;border-radius:2px}.new_emoji_box .emoji_con .emoji_con_dynamic{padding:6px 5px}.new_emoji_box .emoji_con .emoji_con_dynamic li{float:left;width:60px;height:81px;margin:4px 5px}.new_emoji_box .emoji_con .emoji_con_dynamic li a{display:block;width:60px;height:60px}.new_emoji_box .emoji_con .emoji_con_dynamic li a:hover{background:#b5c2e2;border-radius:2px}.new_emoji_box .emoji_con .emoji_con_dynamic li .emoji{display:inline-block;text-decoration:none;width:60px;height:60px;text-align:center}.new_emoji_box .emoji_con .emoji_con_dynamic li .emoji:hover{text-decoration:none}.new_emoji_box .emoji_con .emoji_con_dynamic li p{margin-top:4px;font-size:12px;color:#999;line-height:17px;text-align:center}.new_emoji_box .emoji_tabs{height:42px;border-top:1px solid #ccc;padding:0 10px 10px;box-sizing:border-box}.new_emoji_box .emoji_tabs .emoji_tab{float:left;width:50px;height:30px;margin:6px 0 0 4px;text-align:center;line-height:30px}.new_emoji_box .emoji_tabs .emoji_tab.select,.new_emoji_box .emoji_tabs .emoji_tab:hover{background:#b5c2e2;border-radius:2px}.chat_area-list li .chat.invoice-order{width:auto;text-align:center;padding:14px 0 16px;max-width:300px}.chat_area-list li .chat.invoice-order .send-order-content{margin:auto}.chat_area-list li .chat.invoice-order .invoice-order-btn{margin-top:7px;cursor:inherit}.chat_area-list li .chat.invoice-order .invoice-order-btn:active,.chat_area-list li .chat.invoice-order .invoice-order-btn:hover{background-color:var(--mainHollowButtonColor)}.chat_area-list li .chat.invoice-confirm-card .invoice-confirm-card-title{font-size:14px;line-height:18px;color:var(--textLight);margin-bottom:8px;margin-top:4px}.chat_area-list li .chat.invoice-confirm-card .invoice-confirm-card-txt{font-size:14px;line-height:18px;color:var(--textDark)}.invoice-confirm-card-edit{font-size:14px;line-height:18px;margin-top:10px;padding-top:8px;border-top:1px solid var(--lineDark);display:flex;align-items:center;justify-content:space-between}.invoice-confirm-card-edit .invoice-confirm-card-state{color:var(--textLight)}.invoice-confirm-card-edit .invoice-confirm-card-btn a+a{margin-left:10px}.chat_area-list li .chat.service-track-card .service-track-card-title{font-size:14px;line-height:18px;color:var(--textLight);border-bottom:1px solid var(--lineDark);padding-bottom:10px;padding-top:4px;margin-bottom:9px}.chat_area-list li .chat.service-track-card .service-track-card-box{margin-bottom:7px}.chat_area-list li .chat .service-track-card-item{display:flex;flex-direction:row;margin-top:3px}.chat_area-list li .chat .service-track-card-item .service-track-key{flex:none;font-size:14px;line-height:20px;color:var(--textDark);max-width:40%}.chat_area-list li .chat .service-track-card-item .service-track-key.warning{color:var(--tipRed)}.chat_area-list li .chat .service-track-card-item .service-track-value{flex:auto}.chat_area-list li .chat .service-track-card-item .service-track-value .service-track-text{font-size:14px;line-height:20px;font-weight:700;color:var(--Btn);word-break:break-word}.chat_area-list li .chat .service-track-card-item .service-track-value .service-track-text span{font-weight:400;color:var(--textLight)}.msg-group{height:100%;width:100%;display:flex;flex-direction:column}.msg-group .msg-group-head{flex:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:0 0 44px;height:44px;line-height:44px;background:#fff;border-bottom:1px solid #ddd}.msg-group .msg-group-head .msg-group-head-left,.msg-group .msg-group-head .msg-group-head-right{display:inline-block;height:100%;width:18px;padding:0 10px}.msg-group .msg-group-head .msg-group-head-left{background:url(../img/IM_online/icon-return.svg) 50% no-repeat;background-size:18px 18px}.msg-group .msg-group-head .msg-group-head-txt{font-size:17px;color:#111}.msg-group .msg-group-box{flex:auto;display:flex;flex-direction:column;overflow:hidden}.msg-unread{position:absolute;left:30px;top:-4px;height:15px;padding:0 4px;overflow:hidden;line-height:15px;font-size:12px;color:#fff;background:#ff3737;border-radius:15px}.msg-group-box-tab{flex:none;display:flex;flex-direction:row;height:40px;line-height:40px;justify-content:space-around;border-bottom:1px solid #ddd}.msg-group-box-tab .tab-txt{height:100%;font-size:14px;color:#999;position:relative;flex:auto;text-align:center;display:flex;align-items:center;justify-content:center}.msg-group-box-tab .tab-txt .tab-txt-con{position:relative}.msg-group-box-tab .tab-txt.active .tab-txt-con{color:#2c7aff}.msg-group-box-tab .tab-txt.active .tab-txt-con:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#2c7aff}.msg-group-box-tab .tab-txt .msg-unread{left:30px;top:4px}.msg-group-box-detail{flex:auto;overflow:hidden;overflow-y:auto}.msg-group-box-detail .msg-list{display:flex;flex-direction:row;align-items:center;height:70px}.msg-list-head{flex:none;position:relative;height:40px;width:40px;margin-left:15px;margin-right:17px}.msg-list-head .msg-list-avatar{height:100%;width:100%;border-radius:50%}.msg-list-head .msg-unread{left:30px;top:-4px}.msg-list-con{flex:auto;display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;border-bottom:1px solid #ddd}.msg-list-con .msg-list-info{display:flex;flex-direction:row;align-items:center}.msg-list-con .msg-list-info .msg-list-name{flex:auto;font-size:17px;color:#030303;line-height:24px}.msg-list-con .msg-list-info .msg-list-date{flex:none;font-size:14px;color:#8c93a5;line-height:20px;margin-left:15px;margin-right:15px}.msg-list-con .msg-list-txt{width:90%;font-size:14px;color:#8c93a5;line-height:20px;margin-top:3px}.msg-list-con .msg-list-txt .msg-list-label{color:#111}@media (-webkit-min-device-pixel-ratio:2){.msg-group .msg-group-head,.msg-group-box-tab,.msg-list-con{border-bottom:0;background-repeat:no-repeat;background-image:linear-gradient(180deg,transparent 50%,#ddd 0);background-size:100% 1px;background-position:0 100%}}@media (-webkit-min-device-pixel-ratio:3){.msg-group .msg-group-head,.msg-group-box-tab,.msg-list-con{border-bottom:0;background-repeat:no-repeat;background-image:linear-gradient(180deg,transparent 66%,#ddd 0);background-size:100% 1px;background-position:0 100%}}.red{color:#ff5d5d!important}.bold{font-weight:700!important}.drag-cover{position:absolute;top:110px;left:360px;right:330px;bottom:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;background-color:hsla(0,0%,100%,.9);z-index:10}.drag-cover:before{content:"";position:absolute;left:20px;right:20px;bottom:20px;top:20px;border:2px dashed #ccc;border-radius:10px}.top-center-arrow:before{left:50%;margin-left:-8px}.top-center-arrow:before,.top-left-arrow:before{content:"";position:absolute;width:0;height:0;top:-15px;border:8px solid transparent;border-bottom-color:#fff;-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.2));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.2))}.top-left-arrow:before{left:25px}.top-right-arrow:before{content:"";position:absolute;width:0;height:0;top:-15px;right:25px;border:8px solid transparent;border-bottom-color:#fff;-webkit-filter:drop-shadow(0 -1px 1px rgba(0,0,0,.2));filter:drop-shadow(0 -1px 1px rgba(0,0,0,.2))}.bottom-center-arrow:before{left:50%;margin-left:-8px}.bottom-center-arrow:before,.bottom-left-arrow:before{content:"";position:absolute;width:0;height:0;bottom:-15px;border:8px solid transparent;border-top-color:#fff;-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.bottom-left-arrow:before{left:25px}.bottom-right-arrow:before{content:"";position:absolute;width:0;height:0;bottom:-15px;right:25px;border:8px solid transparent;border-top-color:#fff;-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.left-center-arrow:before{top:50%;margin-top:-8px}.left-center-arrow:before,.left-top-arrow:before{content:"";position:absolute;width:0;height:0;left:-15px;border:8px solid transparent;border-right-color:#fff;-webkit-filter:drop-shadow(0 0 0 rgba(0,0,0,.2));filter:drop-shadow(0 0 0 rgba(0,0,0,.2))}.left-top-arrow:before{top:20px}.left-bottom-arrow:before{content:"";position:absolute;width:0;height:0;left:-15px;bottom:20px;border:8px solid transparent;border-right-color:#fff;-webkit-filter:drop-shadow(0 0 0 rgba(0,0,0,.2));filter:drop-shadow(0 0 0 rgba(0,0,0,.2))}.right-center-arrow:before{top:50%;margin-top:-8px}.right-center-arrow:before,.right-top-arrow:before{content:"";position:absolute;width:0;height:0;right:-15px;border:8px solid transparent;border-left-color:#fff;-webkit-filter:drop-shadow(0 0 0 rgba(0,0,0,.2));filter:drop-shadow(0 0 0 rgba(0,0,0,.2))}.right-top-arrow:before{top:20px}.right-bottom-arrow:before{content:"";position:absolute;width:0;height:0;right:-15px;bottom:20px;border:8px solid transparent;border-left-color:#fff;-webkit-filter:drop-shadow(0 0 0 rgba(0,0,0,.2));filter:drop-shadow(0 0 0 rgba(0,0,0,.2))}.popup{max-height:65%;flex-direction:column;margin:auto;border-radius:4px;box-shadow:0 4px 16px 0 rgba(0,0,0,.3);overflow:hidden}.popup,.popup-head{display:flex;background-color:#fff}.popup-head{flex:none;flex-direction:row;align-items:center;height:45px;margin:0 20px;box-sizing:border-box}.popup-head .popup-head-left{flex:none;width:20px}.popup-head .head-context{flex:auto;display:flex;flex-direction:row;align-items:center}.popup-head .head-context .head-title{flex:none;font-size:14px;color:#111}.popup-head .head-context.center{justify-content:center}.popup-head .popup-close{flex:none;width:20px;height:20px;overflow:hidden;background:url(../img/ico_close_gray.png) 50% no-repeat;margin-right:-10px;cursor:pointer}.popup-border-top{border-top:1px solid #eee}.popup-border-bottom{border-bottom:1px solid #eee}.popup-content{flex:auto;display:flex;overflow:hidden}.popup-content .load-scene{flex:auto;align-items:center;display:flex;justify-content:center}.popup-content .load-scene .load-state-empty,.popup-content .load-scene .load-state-fail,.popup-content .load-scene .load-state-loading{margin-top:-40%}.popup-content-txt{font-size:14px;color:13px;line-height:22px;margin:0 20px}.popup-content-texarea{flex:auto;display:flex;flex-direction:column;border:1px solid #ddd}.popup-content-texarea .popup-content-texarea-con{flex:auto;font-size:14px;color:#111;line-height:22px;padding:10px 14px;border:none;resize:none}.popup-content-texarea .popup-content-texarea-num{flex:none;text-align:right;font-size:14px;color:#ccc;line-height:22px;padding:10px 14px}.popup-content-texarea .popup-content-texarea-num.error{color:#ff5d5d}.popup-footer{flex:none;display:flex;justify-content:center;margin:20px 0}.popup-footer button+button{margin-left:20px}.popover{position:absolute;background-color:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.25);border-radius:2px}.popup-content-input-group{flex:none;display:flex;flex-direction:row;align-items:center;margin-top:14px}.popup-content-input-group .popup-content-input-txt{flex:none;font-size:14px;line-height:20px;color:#111}.popup-content-input-group .popup-content-input-box{flex:auto;position:relative;margin-left:5px}.popup-content-input-group .popup-content-input-box .popup-content-input{height:30px;width:100%;font-size:14px;color:#111;border:1px solid #ddd;padding:0 5px;box-sizing:border-box}.popup-content-input-group .popup-content-input-box .popup-content-input-error{display:none;position:absolute;top:105%;left:0;color:#f5563c;font-size:12px;line-height:14px}.popup-content-input-group.error .popup-content-input-box .popup-content-input{border-color:#f5563c}.popup-content-input-group.error .popup-content-input-box .popup-content-input-error{display:block}.invite-member-select{flex:none;position:relative;height:18px;width:18px;border-radius:100%;cursor:pointer;box-sizing:border-box;background:url(../img/IM_online/icon-unselect.png) 50% no-repeat;background-size:contain}.invite-member-select.active{background:url(../img/IM_online/icon-selected.png) 50% no-repeat;background-size:contain}.invite-member-select.disabled{background:url(../img/IM_online/icon-select-disabled.png) 50% no-repeat;background-size:contain}.popup-content-group-chat{flex:auto;display:flex;flex-direction:column;overflow:hidden}.popup-content-group-chat .popup-content-input-group{margin:14px 20px 0}.popup-content-group-chat-member-box{padding:0;margin-top:30px;overflow:hidden}.popup-content-group-chat-member-box .invite-member-num{margin:0 20px 6px}.popup-content-group-chat-member-box .popup-content-member-group{margin-bottom:0}.popup-content-group-chat-member-box .popup-content-member-group .invite-member-result{position:relative;margin:0 20px}.popup-content-group-chat-member-box .popup-content-member-group .invite-member-result:hover:before{content:"";position:absolute;top:-1px;left:-20px;right:-20px;bottom:-1px;background-color:#ccd2ea}.demand-popover{min-width:310px;max-width:500px;padding:5px 0}.demand-popover-item{display:flex;align-items:center;padding:0 5px 0 10px;cursor:pointer}.demand-popover-item .mode-radio{flex:none}.demand-popover-item-txt{flex:auto;font-size:13px;line-height:20px;color:#111;padding:10px 5px 10px 0;margin-left:-5px}.demand-popover-item:hover{background-color:#ccd2ea}.demand-popover-btn{padding:10px 20px;border-top:1px solid #eee}.tip-off{height:440px}.tip-off .popup-content-texarea{margin:20px 20px 0}.no-authority{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:auto;height:100%;width:100%;background-color:#f3f7ff}.no-authority .no-authority-img{height:140px;width:140px}.no-authority .no-authority-img img{height:100%;width:100%}.no-authority .no-authority-txt{font-size:13px;line-height:21px;color:#999;margin-top:30px}.product-title{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;color:#222;font-size:14px;-webkit-line-clamp:2}.product-img{width:60px!important;height:60px!important;margin-right:8px!important}.productTag{color:#999;font-size:12px;padding-right:8px;white-space:nowrap}.product-amout{font-size:20px;color:#ff7d13;font-family:PingFangSC-Medium}.product-delamout{font-size:12px;color:#ccc;text-decoration:line-through}.product-amoutunit{font-size:14px;color:#ff7d13;font-family:PingFangSC-Medium}.productTagPg{overflow:hidden;height:20px;width:202px}.announcement{position:relative;height:50px;padding:0 10px 0 14px;box-sizing:border-box;background-color:#eaf1ff;color:#666;border-bottom:0;line-height:32px;flex:0 0 34px}.tips{position:relative;float:left;width:22px;height:22px;margin-top:5px;margin-right:5px;font-size:0;display:inline-block;vertical-align:middle;background:url(../img/IM_online/tip.png) 50% no-repeat;background-size:cover}.content-img{width:100%!important;height:145px!important;margin-right:8px!important}.videoMask{position:absolute;text-align:center;width:270px;height:145px;background:rgba(0,0,0,.15)}.video_play{background:url(../img/IM_online/video_play.png) 50% no-repeat;background-size:cover;margin-top:55px;width:36px;height:36px;display:inline-block}.invite-border{border-bottom:1px solid #ddd;margin-bottom:8px;padding-bottom:6px}.new-invite-pop .status-setting{position:absolute;top:60px;left:60px;border-radius:4px;box-shadow:0 4px 12px 0 rgba(0,0,0,.15);background:#fff;z-index:10;width:286px;padding:14px;box-sizing:border-box}.new-invite-pop .status-setting p{font-size:14px;line-height:14px;color:#666;margin-bottom:14px}.new-invite-pop .status-setting ul{margin-bottom:15px}.new-invite-pop .status-setting ul li{float:left;font-size:14px;line-height:20px;color:#111;padding:4px 14px;margin-right:8px;border-radius:4px;background:#e6ebf7;margin-bottom:5px;cursor:pointer}.new-invite-pop .status-setting ul li.active{background:#6c9cfa;color:#fff}.new-invite-pop .status-setting ul li:last-of-type{margin-right:0}.new-invite-pop .status-setting .foot-btn{text-align:center;margin:15px 0 10px}.new-invite-pop .status-setting .foot-btn .btn-blue{margin-left:20px}.express6 a{background:url(../img/IM_online/n_express6.png) 50% no-repeat;background-size:cover}.express7 a{background:url(../img/IM_online/n_express7.png) 50% no-repeat;background-size:cover}.express8 a{background:url(../img/IM_online/n_express8.png) 50% no-repeat;background-size:cover}.chat-rating-box .btn{background-color:#fff;border:1px solid #d9d9d9;border-radius:18;margin:0 6px}.chat-rating-box .selected{border-color:#0086f6!important;color:#0086f6!important}.textareaCount{position:absolute;bottom:110px;right:27px;color:#ccc}.node-disabled{background-color:#ddd}.im_friend-queue li .folder{display:block;width:65%;overflow:hidden;font-weight:400;font-size:14px;line-height:41px;color:#333}.im_friend-queue li .expand{background-image:url(../img/IM_online/expand.png)}.im_friend-queue li .expand,.im_friend-queue li .reduce{position:absolute;top:19px;right:15px;z-index:2;width:16px;height:16px;background-size:cover}.im_friend-queue li .reduce{background-image:url(../img/IM_online/reduce.png)}.im_friend-queue li .icon{position:absolute;right:auto;left:10px;top:13px;width:36px;height:36px}.im_friend-queue li .star{background-size:36px 36px;background-image:url(../img/IM_online/star.png)}.im_friend-queue .iqlist .close{background-color:#e7ecf8}.im_friend-queue .iqlist .open{background-color:#f5f8ff}.im_friend-queue .iqlist .curForder{border-left:4px solid #4875ee}.im_friend-queue .iqlist .open .folder{font-weight:700!important}.im_friend-queue .iqlist li:hover{background-color:#d3dcf4!important}.im_friend-queue .iqlist .un_im_friend-sel{background-color:#f5f8ff}.im_friend-queue .iqlist .im_friend-sel{background-color:#dce6fb}.chat_area-list li.notice{position:relative;width:100%;padding:0;text-align:center;margin-bottom:25px}.chat_area-list li.notice .linewrap{width:100%;text-align:-webkit-center}.chat_area-list li.notice .line{width:400px;border-bottom:1px solid #2c7aff}.chat_area-list li.notice p{position:absolute;left:0;top:-9px;width:100%;text-align:center}.chat_area-list li.notice p span{padding:0 5px;background-color:#fff;color:#2c7aff}.messagelist li .chat{font-family:Tahoma,Lucida Grande,Verdana,Microsoft Yahei,STXihei,hei}.recommend-card-wrap .chat-txt .tip-box .icon-tip{display:inline-block;vertical-align:top;width:20px;height:20px;background:url(../img/icon-bulb.png) 50% no-repeat;background-size:cover;cursor:pointer}.reply-email-CBZ76-wrap{padding:5px}.reply-email-CBZ76-wrap .reply-email-CBZ76-title{color:#ff7d00;font-size:14px;font-weight:600;line-height:18px}.reply-email-CBZ76-wrap .reply-email-CBZ76-content{margin-top:8px;padding:8px;background:#fff;border:1px solid #dbe0e5;border-radius:8px}.reply-email-CBZ76-wrap .reply-email-CBZ76-foot{margin-top:8px}.reply-email-CBZ76-wrap .btn{height:24px;line-height:24px;font-size:12px;color:#f2f4f6;background-color:#3264ff;border-radius:12px}.menu-list-wrap{margin:16px 0;padding:0 6px}.menu-list-wrap .menu-list-item{cursor:pointer}.menu-list-wrap .menu-list-item,.menu-list-wrap .menu-list-item-noneclick{border-radius:2px;height:auto;padding:6px 16px;line-height:22px;font-size:14px;text-align:center;color:#3264ff;margin-bottom:12px;background:#f5f7fa;border-radius:4px 4px 4px 4px}.menu-list-wrap .menu-list-item:hover{background-color:rgba(50,100,255,.1)}.ellipsis-line2{display:-webkit-box; /*! autoprefixer: off */-webkit-box-orient:vertical; /*! autoprefixer: on */-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.question-list-wrap{background-color:#f5f7fa;padding:8px 5px;margin-top:8px;border-top:0}.question-list-wrap .question-title{position:relative;color:#0f294d;font-weight:600;font-size:14px;margin:0;height:24px;line-height:24px}.question-list-wrap .question-title .update-faq{position:absolute;right:0;color:#3264ff;font-size:14px;font-weight:400;cursor:pointer}.question-list-wrap .question-title .update-faq .change-faq-img{width:18px}.question-list{overflow:hidden;margin-top:4px}.question-list .question-item{position:relative;display:flex;justify-content:left;align-items:center;padding:8px 16px 8px 0;cursor:pointer;border-bottom:1px solid #eaeaea}.question-list .question-item.question-item-noneclick{cursor:default}.question-list .question-item.question-item-noneclick:hover{color:#000}.question-list .question-item:hover{color:#3264ff}.question-list .question-item:last-child{border:none}.question-list .question-item .question-item-text{font-size:14px;line-height:16px}.question-list .question-item .icon-right-arrow{position:absolute;top:auto;right:0}.agent-card-wrap{display:inline-block;width:200px;height:80px}.agent-card-wrap .agent-avatar-wrap{position:relative;bottom:-8px;margin:0 auto;height:36px;width:36px;border-radius:50%;border:2px solid #fff}.agent-card-wrap .agent-avatar-wrap img{height:100%;width:100%;border-radius:50%}.agent-card-wrap .agent-info-wrap{margin:0 auto;width:200px;height:47px;padding:8px 12px 4px;border:1px solid #eee;border-radius:24px;background-image:url(../img/agent-tip-bg.png);background-position-x:right;background-repeat:no-repeat;background-size:66px 100%;background-color:#fff}.agent-nick-name{font-size:14px;line-height:18px;color:#0f294d}.agent-nick-name,.agent-type{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agent-type{font-size:12px;line-height:17px;color:#8592a6}.nps-card-wrap{position:relative;width:360px;margin:16px auto;background-color:#fff;border-radius:4px;overflow:hidden;border:1px solid #eee}.nps-card-wrap .bg{position:absolute;top:0;width:100%;height:96px;border-radius:4px;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(255,198,154,.6))}.nps-card-wrap .title-wrap{display:flex;position:relative;z-index:99}.nps-card-wrap .title-wrap .title{align-self:center;margin:16px 0 16px 16px;font-size:16px;color:var(--ai-answer-font-color);font-weight:600;line-height:22px}.nps-card-wrap .title-wrap .bg-icon{flex:0 0 100px;margin-left:auto;width:109px;height:96px}.nps-card-wrap .title-wrap .bg-icon img{width:100%;height:100%}.nps-card-wrap .margin-top-16{margin-top:16px!important}.nps-card-wrap .desc{margin:0 16px;font-size:14px;color:#333;line-height:22px}.nps-card-wrap .op-btn{box-sizing:border-box;width:calc(100% - 32px);min-height:34px;margin:24px 16px 16px;padding:8px 16px;border:1px solid #3264ff;border-radius:4px;color:#3264ff;text-align:center;background-color:#fff;line-height:18px;font-size:14px;cursor:pointer}.ellipsis-line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-wrap{padding:5px;color:#111}.product-card-wrap .card-title{color:#111;font-size:16px;line-height:16px;font-weight:700}.product-list{width:350px;margin-top:15px}.product-list .product-item{display:flex;flex-direction:row;justify-content:flex-start;background:#f5f7fa;border-radius:8px;margin-bottom:10px}.product-list .product-item .product-left .image{width:95px;height:115px;border-radius:4px 4px 16px 4px;max-width:auto!important}.product-list .product-item .product-right{padding:5px 20px;width:215px;position:relative}.product-list .product-item .product-right-title{width:215px;font-size:16px;font-weight:600}.product-list .product-item .product-desp{width:215px;font-size:14px;color:#555}.product-list .product-item .product-btn{margin-top:10px;position:absolute;right:20px;padding:5px;text-align:center;width:42px;height:14px;line-height:14px;border:1px solid #006ff6;border-radius:4px;cursor:pointer}.product-list .product-item .product-btn .product-btn-title{font-size:14px;color:#006ff6}.product-card-bottom{text-align:center;color:#111}.product-card-bottom .product-detail{cursor:pointer}