<#include "/resource/css/system.html"/> .select2-container{ z-index:10000000000; } .layui-input, .layui-select, .layui-textarea{ border-color:#cccccc; } .layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color:${systemConfig.styleColor!'#32c24d'}; } .layui-nav-tree, .layui-side-scroll{ width: 50px; } .layui-nav .layui-nav-item a{ padding:0 10px; } .layui-tab-title li{ font-size:15px; } .layui-colla-title{ height:37px; line-height:37px; color:${systemConfig.styleColor!'#32c24d'}; font-size:15px; } .ke-dialog{ z-index:1000000000 !important; } .layui-form-label{ width:100px; } .layui-nav *{ font-size:15px; } .layui-layer-title{ font-size:16px !important; } .ukefu-home i.layui-icon{ display:none; } .layui-form-select dl dd.layui-this { background-color: ${systemConfig.styleColor!'#32c24d'}; color: #fff; } ::-webkit-scrollbar-thumb { border-radius: 0; background-color: rgba(0,0,0,.1); } ::-webkit-scrollbar-corner, ::-webkit-scrollbar-track { background-color: #FFFFFF; } .site-inline{font-size: 0;} .site-tree, .site-content{display: inline-block; *display:inline; *zoom:1; vertical-align: top; font-size: 14px;} .site-tree{width: 220px; min-height: 900px; padding: 5px 0 20px;} .site-content{width: 899px; min-height: 900px; padding: 20px 0 10px 20px;} .header{height: 50px; border-bottom: 0px solid #404553; background-color: ${systemConfig.styleColor!'#32c24d'}; color: #fff;font-weight:200;} .logo{position: absolute; left: 0; top: 10px;font-size:20px;color:#FFFFFF;} .logo img{height: 34px;} .layui-nav .layui-this:after{ content: ''; } .layui-header a:hover { color:#FFFFFF; } .layui-btn{ ${systemConfig.bgColor!'background-color: #32c24d;'} color:#ffffff !important; } .layui-btn-primary { border: 1px solid #C9C9C9; background-color: #fff; color: #555; } .layui-btn-warm { border: 1px solid #C9C9C9; background-color: #F7B824!important; color: #555; } .layui-button-block{ text-align: center; } .layui-form-button{ position: absolute; bottom: 0px; width: 100%; margin: 0px auto; padding-top: 10px; padding-bottom: 10px; background-color: #e6e6e6; } .header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;} .header .layui-nav .layui-nav-item{margin: 0 20px; line-height: 66px;} .menu{position: absolute; right: 0; top: 0; line-height: 65px;} .menu a{display:inline-block; *display:inline; *zoom:1; vertical-align:top;} .menu a{position: relative; padding: 0 20px; margin: 0 20px; color: #c2c2c2; font-size: 14px;} .menu a:hover{color: #fff; transition: all .5s; -webkit-transition: all .5s} .menu a.this{color: #fff} .menu a.this::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 5px; background-color: #5FB878;} .header-index{background-color: #080018; border: none;} .layui-layout-admin .layui-header { border-bottom: 0px solid #1AA094; } .layui-layout-admin .layui-side{ top:50px; width:50px; } .layui-layout-admin .layui-body { top: 50px; bottom: 0px; left:40px; overflow:hidden; border-left: 10px solid #DEDEDE; } .header-ukefu .logo{left: 0px;} .header-ukefu .layui-nav{top: 0;} .header-ukefu .layui-nav .layui-nav-item{margin: 0 10px; line-height: 48px;} .header-ukefu .layui-nav .layui-nav-item a{color: #ffffff;} .header-ukefu .layui-nav .layui-this{${systemConfig.bgColor!'background-color: #19a55d;'}} .header-ukefu .layui-nav .layui-nav-item a:hover, .header-ukefu .layui-nav .layui-this a{color: #fff;} .header-ukefu .layui-nav .layui-this:after, .header-ukefu .layui-nav-bar{background-color: #008d4c;} .header-ukefu .layui-nav .layui-this a{padding: 0 10px;} /* 鎼存洟鍎�?*/ .footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;} body .layui-layout-admin .footer-ukefu{height: auto; padding: 15px 0; line-height: 26px;} .footer a{padding: 0 5px;} /* 妫f牠銆塨anner闁劌鍨�?*/ .site-banner{position: relative; height: 600px; text-align: center; overflow: hidden; background-color: #393D49;} .site-banner-bg ,.site-banner-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .site-banner-bg{background-position: center 0;} .site-zfj{padding-top: 25px; height: 220px;} .site-zfj i{position: absolute; left: 50%; top: 25px; width: 200px; height: 200px; margin-left: -100px; font-size: 200px; color: #c2c2c2;} @-webkit-keyframes site-zfj { 0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);} 10% {opacity: 0.8; -webkit-transform: translate3d(-100px, 0px, 0) rotate(10deg) scale(0.7);} 35% {opacity: 0.6; -webkit-transform: translate3d(100px, 0px, 0) rotate(30deg) scale(0.4);} 50% {opacity: 0.4; -webkit-transform: translate3d(0, 0, 0) rotate(360deg) scale(0);} 80% {opacity: 0.2; -webkit-transform: translate3d(0, 0, 0) rotate(720deg) scale(1);} 90% {opacity: 0.1; -webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);} } @keyframes site-zfj { 0% {opacity: 1; transform: translate3d(0, 0, 0) rotate(0deg) scale(1);} 10% {opacity: 0.8; transform: translate3d(-100px, 0px, 0) rotate(10deg) scale(0.7);} 35% {opacity: 0.6; transform: translate3d(100px, 0px, 0) rotate(30deg) scale(0.4);} 50% {opacity: 0.4; transform: translate3d(0, 0, 0) rotate(360deg) scale(0);} 80% {opacity: 0.2; transform: translate3d(0, 0, 0) rotate(720deg) scale(1);} 90% {opacity: 0.1; transform: translate3d(0, 0, 0) rotate(3600deg) scale(6);} 100% {opacity: 1; transform: translate3d(0, 0, 0) rotate(3600deg) scale(1);} } @-webkit-keyframes site-desc { 0% { -webkit-transform: scale(1.1);} 100% {opacity: 1; -webkit-transform: scale(1);} } @keyframes site-desc { 0% { transform: scale(1.1);} 100% {transform: scale(1);} } .layui-anim-scaleSpring{-webkit-animation-name: layui-scale-spring; animation-name: layui-scale-spring} .site-zfj-anim i{-webkit-animation-name: site-zfj; animation-name: site-zfj; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: linear; animation-timing-function: linear;} .site-desc{position: relative; height: 70px; margin-top: 25px; background: url(/images/layui/desc.png) center no-repeat;} .site-desc-anim{-webkit-animation-name: site-desc; animation-name: site-desc;} .site-desc cite{position: absolute; bottom: -40px; left: 0; width: 100%; color: #c2c2c2; font-style: normal;} .site-download{margin-top: 80px; font-size: 0;} .site-download a{position: relative; padding: 0 45px 0 90px; height: 60px; line-height: 60px; border: 1px solid #464B5B; font-size: 24px; color: #ccc; transition: all .5s; -webkit-transition: all .5s;} .site-download a:hover{border: 1px solid #778097; color: #fff; border-radius: 30px; } .site-download a cite{position: absolute; left: 45px; font-size: 30px;} .site-version{position: relative; margin-top: 15px; color: #ccc; font-size: 12px;} .site-version span{padding: 0 3px;} .site-version *{font-style: normal;} .site-version a{color: #e2e2e2; text-decoration: underline;} .site-banner-other{position: absolute; left: 0; bottom: 32px; width: 100%; text-align: center;} .site-banner-other iframe{border: none;} .site-idea{margin: 50px 0; font-size: 0; text-align: center; font-weight: 300;} .site-idea li{display: inline-block; vertical-align: top; *display: inline; *zoom:1; font-size: 14px; } .site-idea li{width: 298px; height: 150px; padding: 30px; line-height: 24px; margin-left: 30px; border: 1px solid #d2d2d2; text-align: left;} .site-idea li:first-child{margin-left: 0} .site-idea .layui-field-title{border-color: #d2d2d2} .site-idea .layui-field-title legend{margin: 0 20px 20px 0; padding: 0 20px; text-align: center;} /* 鏉堝懎濮�?*/ .site-tips{margin-bottom: 10px; padding: 15px; border-left: 5px solid #0078AD; background-color: #f2f2f2;} body .site-tips p{margin: 0;} /* 閻╊喖缍�?*/ .site-dir{display: none;} .site-dir li{line-height: 26px; margin-left: 20px; overflow: visible; list-style-type: disc;} .site-dir li a{display: block;} .site-dir li a:active{color: #01AAED;} .site-dir li a.layui-this{color: #01AAED;} body .layui-layer-dir{box-shadow: none; border: 1px solid #d2d2d2;} body .layui-layer-dir .layui-layer-content{padding: 10px; max-height: 280px; overflow: auto;} .site-dir a em{padding-left: 5px; font-size: 12px; color: #c2c2c2; font-style: normal;} /* 閺傚洦銆�?*/ .site-tree{border-right: 1px solid #eee; } .site-tree .layui-tree{line-height: 32px;} .site-tree .layui-tree li i{position: relative; font-size: 22px; color: #000} .site-tree .layui-tree li a cite{padding: 0 8px;} .site-tree .layui-tree .site-tree-noicon a cite{padding-left: 15px;} .site-tree .layui-tree li a em{font-size: 12px; color: #bbb; padding-right: 5px; font-style: normal;} .site-tree .layui-tree li h2{line-height: 36px; border-left: 5px solid #009E94; margin: 15px 0 5px; padding: 0 10px; background-color: #f2f2f2;} .site-tree .layui-tree li ul{margin-left: 27px; line-height: 28px;} .site-tree .layui-tree li ul a, .site-tree .layui-tree li ul a i{color: #777;} .site-tree .layui-tree li ul a:hover{color: #333;} .site-tree .layui-tree li ul li{margin-left: 25px; overflow: visible; list-style-type: disc; /*list-style-position: inside;*/} .site-tree .layui-tree li ul li cite, .site-tree .layui-tree .site-tree-noicon ul li cite{padding-left: 0;} .site-tree .layui-tree .layui-this a{color: #01AAED;} .site-tree .layui-tree .layui-this .layui-icon{color: #01AAED;} .site-fix .site-tree{position: fixed; top: 0; bottom: 0; z-index: 666; min-height: 0; overflow: auto; background-color: #fff;} .site-fix .site-content{margin-left: 220px;} .site-fix-footer .site-tree{margin-bottom: 120px;} .site-title{ margin: 30px 0 20px;} .site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;} .site-title fieldset legend{margin-left: 20px; padding: 0 10px; font-size: 22px; font-weight: 300;} .site-text a{color: #01AAED;} .site-h1{margin-bottom: 5px; line-height: 30px; padding-bottom: 5px; padding-left:5px;padding-top:5px;background-color:#f5f5f5;color: #393D49;padding-right: 5px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 500;margin-top:0px;} .site-h1 .layui-icon{position: relative; top: 0px; font-size: 50px; margin-right: 0px;} .site-text{position:relative;} .site-text p{margin-bottom: 10px; line-height:22px;} .site-text em{padding: 0 3px; font-weight: 500; font-style: italic; color: #666;} .site-text code{margin:0 5px; padding: 3px 10px; border: 1px solid #e2e2e2; background-color: #fbfbfb; color: #666; border-radius: 2px;} .site-table{width: 100%; margin: 10px 0;} .site-table thead{background-color:#f2f2f2; } .site-table th, .site-table td{padding: 6px 15px; min-height: 20px; line-height: 20px; border:1px solid #ddd; font-size: 14px; font-weight: 400;} .site-table tr:nth-child(even){background: #fbfbfb;} .site-block{padding: 20px; border: 1px solid #eee;} .site-block .layui-form{margin-right: 200px;} /* 濠曟梻銇�?*/ body .layui-layout-admin .site-ukefu{bottom: 82px; padding: 0;} body .site-ukefu-nav .layui-nav-item{line-height: 40px} .layui-nav-item .layui-icon{position: relative; font-size: 20px;} .layui-nav-item a cite{padding: 0 10px;} .site-ukefu .layui-main{margin: 15px; line-height: 22px;} .site-ukefu-editor{position: absolute; top: 0; bottom: 0; left: 0; width: 50%; } .site-ukefu-area{position: absolute; top: 0; bottom: 0; width: 100%;} .site-ukefu-editor textarea{position: absolute; width: 100%; height: 100%; padding: 15px; border: none; resize: none; /*background-color: #F7FBFF;*/ background-color: #272822; color: #CFBFAF; font-family: Courier New; font-size: 12px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;} .site-ukefu-btn{position: absolute; bottom: 15px; right: 20px;} .site-ukefu-zanzhu{position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; text-align: center; background-color: #e2e2e2; overflow: hidden;} .site-ukefu-zanzhu>*{position: relative; z-index: 1;} .site-ukefu-zanzhu:before{content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: 120px; margin: -10px 0px 0px -60px; text-align: center; cursor: pointer; color: rgb(170, 170, 170); font-size: 18px; font-weight: 300; } .site-ukefu-result{position: absolute; right: 0; top: 0; bottom: 0; width: 100%;} .site-ukefu-result iframe{position: absolute; width: 100%; height: 100%;} .site-ukefu-button{margin-bottom: 30px;} .site-ukefu-button div{margin: 20px 30px 10px;} .site-ukefu-button .layui-btn+.layui-btn{margin-left: 0;} .site-ukefu-button .layui-btn{margin: 0 7px 10px 0; } .site-ukefu-text a{color: #01AAED;} .site-ukefu-laytpl{text-align: center;} .site-ukefu-laytpl textarea, .site-ukefu-laytpl div span{width: 40%; padding: 15px; margin: 0 15px;} .site-ukefu-laytpl textarea{height: 300px; border: none; background-color: #3F3F3F; color: #E3CEAB; font-family: Courier New; resize: none;} .site-ukefu-laytpl div span{display: inline-block; text-align: center; background: #101010; color: #fff;} .site-ukefu-tplres{margin: 10px 0; text-align: center} .site-ukefu-tplres .site-ukefu-tplh2, .site-ukefu-tplres .site-ukefu-tplview{display: inline-block; width: 50%;} .site-ukefu-tplres h2{padding: 15px; background: #e2e2e2;} .site-ukefu-tplres h3{font-weight: 700;} .site-ukefu-tplres div{padding: 14px; border: 1px solid #e2e2e2; text-align: left;} .site-ukefu-upload, .site-ukefu-upload img{width: 200px; height: 200px; border-radius: 100%;} .site-ukefu-upload{position: relative; background: #e2e2e2;} .site-ukefu-upload .site-ukefu-upbar{position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -56px;} .site-ukefu-upload .layui-upload-button{background-color: rgba(0,0,0,.2); color: rgba(255,255,255,1);} .site-ukefu-util{position: relative; width: 300px;} .site-ukefu-util img{width: 300px; border-radius: 100%;} .site-ukefu-util span{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #333; cursor: pointer;} @-webkit-keyframes ukefu-fengjie { 0% {-webkit-filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;} 80% {-webkit-filter: blur(50px); opacity: 0.95;} 100% {-webkit-filter: blur(20px); opacity: 0; background: #fff;} } @keyframes ukefu-fengjie { 0% {filter: blur(0); opacity: 1; background: #fff; height: 300px; border-radius: 100%;} 80% {filter: blur(50px); opacity: 0.95;} 100% {filter: blur(20px); opacity: 0; background: #fff;} } .site-ukefu-fengjie{-webkit-animation-name: ukefu-fengjie; animation-name: ukefu-fengjie; -webkit-animation-duration: 5s; animation-duration: 5s;} .layui-layout-admin .site-ukefu-body{top: 117px;} .site-ukefu-title{position: fixed; left: 200px; right: 0; top: 76px;} .site-ukefu-code{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; padding: 10px; resize: none; font-size: 12px; background-color: #F7FBFF; color: #881280; font-family: Courier New;} .site-ukefu-body .layui-elem-quote a{color: #01AAED;} .site-ukefu-body .layui-elem-quote a:hover{color: #FF5722;} /* 閸忚泛鐣�?*/ #trans-tooltip, #tip-arrow-bottom, #tip-arrow-top{display: none !important;} /* 閻欘剛鐝涚紒鍕�? */ .alone{width:730px; margin:200px auto;} .alone ul{margin-left:1px; font-size:0;} .alone li{display:inline-block; width:181px; font-size: 16px; text-align:center; line-height:80px; margin:0 1px 1px 0; background-color:#393D49; color:#fff;} .alone li:hover{opacity:0.8;} .alone li a{display:block; color:#fff;} /* 闁倿鍘ゆ径姘愁啎婢讹拷*/ @media screen and (max-width: 750px) { .layui-main{width: auto; margin: 0 10px;} .logo, .header-ukefu .logo{left: 10px;} .site-nav-layim{display: none !important;} .header .layui-nav .layui-nav-item{margin: 0;} .header .layui-nav .layui-nav-item a{padding: 0 15px;} .site-banner{height: 300px;} .site-banner-bg{background-size: cover;} .site-zfj{height: 100px; padding-top: 5px;} .site-zfj i{top: 10px; width: 100px; height: 100px; margin-left: -50px; font-size: 100px;} .site-desc{background-size: 70%; margin: 0;} .site-desc cite{display: none;} .site-download{margin-top: 0; } .site-download a{height: 40px; line-height: 40px; padding: 0 25px 0 60px; border: 1px solid #778097; border-radius: 30px; color: #fff; font-size: 16px;} .site-download a cite{left: 20px;} .site-banner-other{bottom: 15px;} .site-idea{margin: 20px 0;} .site-idea li{margin: 0 0 20px 0; width: 100%; height: auto; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;} .site-hengfu img{max-width: 100%} .layui-layer-dir{display: none;} .site-tree{position: fixed; top: 0; bottom: 0; min-height: 0; overflow: auto; z-index: 1000; left: -260px; background-color: #fff; transition: all .3s; -webkit-transition: all .3s;} .site-content{width: 100%; padding: 0; overflow: auto;} .site-content img{max-width: 100%;} .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;} .site-home .site-tree-mobile{display: none!important;} .site-mobile .site-tree-mobile{display: none !important;} .site-mobile .site-tree{left: 0;} .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;} .site-tree-mobile i{font-size: 20px;} .layui-code-view{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .layui-layout-admin .layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;} .layui-body{position: static; bottom: 0; left: 0;} .site-mobile .layui-side{left: 0;} body .layui-layout-admin .footer-ukefu{position: static;} .site-ukefu-area, .site-ukefu-editor, .site-ukefu-result, .site-ukefu-editor textarea, .site-ukefu-result iframe{position: static; width: 100%;} .site-ukefu-editor textarea{height: 350px;} .site-ukefu-zanzhu{display: none;} .site-ukefu-btn{bottom: auto; top: 370px;} .site-ukefu-result iframe{height: 500px;} .site-ukefu-laytpl textarea, .site-ukefu-laytpl div span{margin: 0;} .site-ukefu-tplres .site-ukefu-tplh2, .site-ukefu-tplres .site-ukefu-tplview{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .site-ukefu-title{position: static; left: 0;} body .layui-layout-admin .site-ukefu{} .site-ukefu-code{position: static; height: 350px;} } .layui-layout-admin .layui-main{ margin:0 5px; } .product-tab{ height:calc(100% - 10px); width:100%; margin-bottom:0px; } .product-content{ width: 100%; height: calc(100% - 76px); margin-top:0px; background-color: #e6e6e6; padding-left:0px; } .layui-tab{ margin-top:5px; } .layui-tab-title li{ color:${systemConfig.styleColor!'#32c24d'}; } .product-tab .layui-tab-title .layui-this{ color:${systemConfig.styleColor!'#32c24d'}; background-color: #E6E6E6; } .layui-layout-content{ height:100%; } .headimg{ border-radius: 50%; color: #FFFFFF; height:20px; background-color: #2dc3e8; padding: 10px; font-size: 20px; float:left; } .layui-btn.green { background: ${systemConfig.styleColor!'#32c24d'}; border-color: ${systemConfig.styleColor!'#32c24d'}; color: #fff; } .row{ margin-left:0px !important; margin-right:0px !important; } .uk-form .layui-form-label{ line-height:30px; width:180px; padding: 3px 5px 5px 15px; } .uk-form .layui-input-block{ margin-left:200px; } .uk-form .layui-input-inline{ margin-left:5px; width: 220px; margin-top: 5px; } .uk-form .layui-form-mid { float: left; display: block; line-height: 30px; padding-top:0px; margin-right: 10px; width:220px; } .uk-form .layui-form-switch{ margin-top:0px; } .uk-layui-form{ height: calc(100% - 60px); padding-top:0px; overflow-y: auto; } .layui-layer-page .layui-layer-content{ overflow: hidden; } .uk_skill , .uk_role{ padding:5px; margin:5px; } .uk_skill.this , .uk_role.this{ padding:5px; background-color:#eff4f5; } .layui-table{ margin-top:0px; } .ukefu-webim-sdk { font-size: 18px; color: #333; font-weight:300; box-sizing: border-box; display: block; width: 100%; height: auto; min-height: 60px; padding: 10px 15px; margin-bottom: 10px; overflow: hidden; border-radius: 2px; border:1px solid #dddddd; resize: none; } .ukefu-webim-sdk:hover { border:1px solid #7aca5d; } .ukefu-webim-tip{ color:#AAAAAA; padding:10px 10px 10px 0; } .ukefu-webim-tl{ color:#333333; padding:10px 10px 10px 0; } .ukefu-im-theme .ukefu-im-item { position: relative; display: inline-block; box-sizing: content-box; margin: 0 7px 15px 0; margin-left: -3px; border-radius: 2px; width: 46px; height: 46px; cursor: pointer; } .ukefu-im-theme .ukefu-im-item input { width: 46px; height: 46px; margin-left: -3px; } .ukefu-im-theme .ukefu-im-item input[type=radio] { display: none; } .ukefu-im-theme .ukefu-im-item .ukefu-im-check{ margin:6px 0px; color:#FFFFFF; font-size:25px; display:none; } .ukefu-im-theme .ukefu-im-checked .ukefu-im-check{ display:table; } .ukefu-im-theme .ukefu-im-preview { display: table; box-sizing: border-box; width: 260px; height: 314px; border-radius: 2px; padding: 5px; overflow: hidden; border: 1px solid #e1e1e1; margin:5px; position: relative; } .ukefu-im-theme .ukefu-im-preview-wrap { position: relative; text-align: center; vertical-align: middle; width:240px; } .ukefu-im-theme .ukefu-im-preview-bar{ height:25px; position: relative; } .ukefu-im-theme .ukefu-im-profile{ position: absolute; right: 0px; top: 40px; } .ukefu-im-theme .ukefu-im-profile .ukefu-profile-title{ clear: both; padding: 0px 10px; font-size: 12px; line-height: 25px; background-color: #DEDEDE; margin-right: 5px; } .ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-title{ height: 15px; width: 90px; margin: 5px; position: absolute; background-color: rgba(230,230,230,0.4); } .ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-tip{ height:8px; margin: 6px auto; width: 50%; background-color: rgba(230,230,230,0.7); } .ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-customer{ margin-top:20px; height:30px; padding:5px; } .ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-customer-icon{ float:left; font-size:17px; color:#DDDDDD; line-height:1.5; } .ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-customer-message{ height:25px; margin-left:10px; background-color: rgba(230,230,230,0.7); width:100px; float:left; position: relative; border-radius: 4px; color:#FFFFFF; } .ukefu-im-preview-customer-message:after { border-right-color: rgba(230,230,230,0.7) !important; top: 50%; right: 100%; margin-top: -5px; } .ukefu-im-preview-customer-arrow:after { content: ''; position: absolute; width: 0; height: 0; border: 5px solid; } .ukewo-weixin-btn { font-size: 18px; height: 18px; width: 18px; float: left; background-color: #2dc3e8; color: #ffffff; padding: 4px; /* border-radius: 50%; */ line-height: 18px; } .ukefu-weixin-measure-btn { width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; } .ukefu-weixin-text{ margin-left:40px; } .ukefu-weixin-text-title{ font-size:16px; } .ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-user{ margin-top:10px; height:30px; padding:5px; } .ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-user-icon{ float:right; font-size:17px; color:#DDDDDD; line-height:1.5; background-color:#FFFFFF !important; } .ukefu-im-theme .ukefu-im-preview-wrap .ukefu-im-preview-user-message{ height:25px; margin-right:10px; background-color: rgba(230,230,230,0.7); width:100px; float:right; position: relative; border-radius: 4px; color:#FFFFFF; } .ukefu-im-preview-user-arrow:after { content: ''; position: absolute; width: 0; height: 0; border: 5px solid; } .ukefu-im-preview-user-message:after { border-left-color: rgba(230,230,230,0.7) !important; left: 100%; top: 12px; margin-top: -5px; } .theme1 { background-color: #377FED !important; } .theme2 { background-color: #67CAFF !important; } .theme3 { background-color: #8E8E8E !important; } .theme4 { background-color: ${systemConfig.styleColor!'#32c24d'} !important; } .theme5 { background-color: #E45DB3 !important; } .theme6 { background-color: #FF626F !important; } .theme7{ background-color: #F7B824 !important; } .ukefu-im-theme .ukefu-im-preview-user-icon.theme1 { color: #377FED !important; } .ukefu-im-theme .ukefu-im-preview-user-icon.theme2 { color: #67CAFF !important; } .ukefu-im-theme .ukefu-im-preview-user-icon.theme3 { color: #8E8E8E !important; } .ukefu-im-theme .ukefu-im-preview-user-icon.theme4 { color: ${systemConfig.styleColor!'#32c24d'} !important; } .ukefu-im-theme .ukefu-im-preview-user-icon.theme5 { color: #E45DB3 !important; } .ukefu-im-theme .ukefu-im-preview-user-icon.theme6 { color: #FF626F !important; } .ukefu-im-theme .ukefu-im-preview-user-message.theme1:after{ border-left-color: #377FED !important; } .ukefu-im-theme .ukefu-im-preview-user-message.theme2:after{ background-color: #67CAFF !important; } .ukefu-im-theme .ukefu-im-preview-user-message.theme3:after { background-color: #8E8E8E !important; } .ukefu-im-theme .ukefu-im-preview-user-message.theme4:after { background-color: ${systemConfig.styleColor!'#32c24d'} !important; } .ukefu-im-theme .ukefu-im-preview-user-message.theme5:after { background-color: #E45DB3 !important; } .ukefu-im-theme .ukefu-im-preview-user-message.theme6:after { background-color: #FF626F !important; } .ukefu-im-theme .ukefu-im-preview-hr{ border-top:1px solid #EAEAEA; height:1px; } .ukefu-im-theme .ukefu-im-preview-submit{ height:20px; width:100%; padding:5px; } .ukefu-im-theme .ukefu-im-theme-submit-btn{ background: #e6e6e6; padding: 2px 10px 2px 10px; font-size: 12px; color: #FFFFFF; float:right; margin-right: 3px; border-radius: 3px; border: 1px solid #dddddd; } .ukefu-im-point{ float:left; height: 186px; width: 166px; line-height: 166px; border-radius: 2px; padding: 0 5px; margin-right: 20px; cursor: pointer; position: relative; margin-right: 7px; border: 1px solid #e1e1e1; margin:10px 10px 10px 10px; } .ukefu-im-point .ok { position: absolute; right: 0px; top: 0px; width: 17px; height: 20px; color:#00a65a; padding-left:3px; display:none; } .ukefu-point-checked{ border:1px solid #00a65a; } .ukefu-point-checked .ok{ display:block; } .ukefu-im-point .ok .fa{ position: absolute; } .ukefu-im-point .ukefu-point-theme1{ height: 150px; border-radius: 30px; width: 40px; margin: 8px auto; word-wrap:break-word; overflow:hidden; font-size: 22px; color:#FFFFFF; text-align:center; padding-top:15px; border: 1px solid #DCDCDC; background-color:#dddddd; } .ukefu-im-point .ukefu-point-theme2{ height: 70px; border-radius: 3px; width: 70px; margin: 40px auto; word-wrap:break-word; overflow:hidden; font-size: 22px; color:#FFFFFF; text-align:center; padding-top:10px; border: 1px solid #DCDCDC; background-color:#dddddd; } #ukefu-point .ukefu-point-theme9 { display:none !important; } .ukefu-im-point .ukefu-point-theme3{ height: 70px; border-radius: 70px; width: 70px; margin: 40px auto; word-wrap:break-word; overflow:hidden; font-size: 22px; color:#FFFFFF; text-align:center; padding-top:5px; border: 1px solid #DCDCDC; background-color:#dddddd; } .ukefu-im-point .ukefu-im-point-text{ width:100%; line-height:23px; font-size:15px; text-align:center; margin:0 auto; } .ukefu-im-point .ukefu-point-theme1 .ukefu-im-point-text{ width:25px; } .ukefu-im-point .ukefu-point-theme2 .ukefu-im-point-text{ width:100%; } .ukefu-im-point .ukefu-point-theme3 .ukefu-im-point-text{ width:100%; } .ukefu-im-point .ukefu-im-point-text .fa{ font-size:23px; } .box.default-box { border-top: none; border-radius: 4px; background-color: #ffffff; margin-bottom: 0; } .box.default-box .box-header { color: #222d32; background-color: #f5f5f5; height: 40px; line-height: 40px; padding: 0 5px; border-bottom: 1px solid #EEEEEE; } .box-header { color: #444; display: block; padding: 10px; position: relative; } .ukefu-webim-tip { color: #AAAAAA; padding: 10px 10px 10px 0; } .box.default-box .box-header .box-title { font-size: 16px; font-family: "Microsoft Yahei"; font-weight: 200; } .ukefu-point-theme1 .chat-icon{ font-size:18px; } .ukefu-point-theme2 .chat-icon , .ukefu-point-theme3 .chat-icon{ font-size:23px; } .ukefu-im-position{ display: block; border: 2px solid #dddddd; height: 200px; width: 160px; margin: 5px 48px; background-color: #e6e6e6; position: relative; } .ukefu-im-position .ukefu-pos{ border:1px solid #ffffff; background-color:#67CAFF ; width:18px; position: absolute; color:#FFFFFF; padding:5px; height: 40px; } .ukefu-im-theme .ukefu-im-checked .ukefu-im-check { display: table !important; } .ukefu-im-point .ok{ background-color:${systemConfig.styleColor!'#32c24d'}; color:#FFFFFF; } .ok .layui-icon{ position: absolute; line-height:20px; } .ukefu-pos-checked{ background-color:#377FED !important; } .ukefu-webim-prop:hover{ background-color:#eff4f5 ; } .ukefu-green{ background-color:${systemConfig.styleColor!'#32c24d'} !important; } .ukefu-font{ color:${systemConfig.styleColor!'#32c24d'} !important; } .layui-header .layui-nav .layui-nav-more { content: ''; width: 0; height: 0; border-style: solid dashed dashed; border-color: #FFFFFF transparent transparent; overflow: hidden; cursor: pointer; transition: all .2s; -webkit-transition: all .2s; position: absolute; top: 23px; right: -5px; border-width: 6px; } .layui-header .layui-nav-item .layui-nav-child a{ color:#000000 !important; } .layui-header .layui-nav-child { display: none; position: absolute; left: 0; top: 50px; line-height: 36px; padding: 5px 0; border: 1px solid #d2d2d2; background-color: #fff; z-index: 100; border-radius: 2px; white-space: nowrap; } .ukefu-h1 { margin-bottom: 5px; line-height: 30px; padding-left: 5px; background-color: #FFFFFF; color: #393D49; margin-right: 5px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 500; margin-top: 0px; } .layui-layout-content .layui-left-black a{ color: ${systemConfig.styleColor!'#32c24d'} !important; } .layui-layout-content .layui-left-black a:hover { color: ${systemConfig.styleColor!'#32c24d'} !important; } .ukewo-btn{ font-size: 28px; height: 26px; width: 26px; float:left; background-color: #2dc3e8; color: #ffffff; padding: 5px; border-radius: 50%; line-height:28px; } .ukewo-btn-group li{ padding:10px; clear: both; margin:5px; height:41px; } .ukewo-btn-group li:not(:last-child){ border-bottom: 1px solid #e6e6e6; } .ukewo-btn-group li:hover{ background-color:#eff4f5; } .ukefu-bt i{ float:left; } .ukefu-bt .ukefu-bt-text{ float:left; text-align:left; padding-left:10px; padding-top:0px; } .ukefu-bt .ukefu-bt-text .ukefu-bt-text-content{ color:#aaaaaa; font-size:12px; margin-top:3px; } .ukefu-bg-color-yellow{ background-color:#feb900; } .ukefu-bg-color-blue{ background-color:#2dc3e8; } .ukefu-bg-color-deep-blue{ background-color:#377FED ; } .ukefu-bg-color-pink{ background-color:#F186B4; } .ukefu-bg-color-green{ background-color:${systemConfig.styleColor!'#32c24d'}; } .ukefu-bt .ukefu-bt-text { float: left; text-align: left; padding-left: 10px; padding-top: 0px; padding-right: 10px; } .ukefu-measure{ padding:10px; } .ukefu-measure-btn{ width:36px; height:36px; font-size:30px; line-height:32px; text-align: center; } ul.dialog-list { list-style: none; position: relative; padding: 0; margin: 0; } ul.dialog-list li { position: relative; padding: 8px 5px 10px 5px; } ul.dialog-list li.active { background-color: #e6e6e6; } ul.dialog-list li img { position: absolute; top: 8px; left: 5px; } ul.dialog-list li .dialog-info { margin-left: 55px; } ul.dialog-list li .dialog-info .address { color: #00a65a; font-weight:400; font-size: 15px; min-height:30px; position: relative; } ul.dialog-list li .dialog-info .address div{ padding:0px; margin:0px; } ul.dialog-list li .dialog-info .last-msg { position: absolute; right: 0px; top: 0px; } ul.dialog-list li .dialog-info .news { font-size: 15px; font-weight:200; color: #000000; } ul.dialog-list li .dialog-info .news .badge { background-color: #dd4b39; font-weight:400 !important; } .bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #f39c12 !important; } .bg-info { background-color: #4fb4cc; } .bg-green { background-color: #47b77d; } .direct-chat-messages{ height: 100%; } .direct-chat-messages { padding: 10px 5px; } .direct-chat-messages .direct-chat-tit { font-size: 13px; background-color: #EDEDED; text-align: center; color: #888888; width: 290px; height: 29px; line-height: 29px; border-radius: 40px; margin: 0 auto 25px; } .direct-chat-messages .direct-chat-tit span { margin-left: 16px; color: #19a55d; } .direct-chat-messages .direct-chat-msg { margin-bottom: 42px; } .right .direct-chat-text { float: right; margin: 5px 10px 0 0; background: rgba(94, 185, 94, 0.36); border-color: #edf8f2; } .right .direct-chat-text:after, .right .direct-chat-text:before { border-left-color: #edf8f2; border-right: none; } .direct-chat-timestamp { display: block; text-align: center; font-size: 12px; color: rgba(34, 45, 50, 0.5); padding-bottom: 26px; } .direct-chat-input { position: fixed; bottom: 5px; left: 500px; right: 270px; border-top: 0px solid #e8eaea; padding: 0; height: 102px!important; background-color: #ffffff; } .direct-chat-input.h200 { position: relative; left: 0 !important; height: 120px!important; } .direct-chat-input .chat-tool { padding-bottom: 10px; } .direct-chat-input .chat-tool img { padding: 0 10px; } .direct-chat-input textarea { width: 100%; border: none; } .direct-chat-input .send-btn { text-align: center; } .direct-chat-input .send-btn .btn { font-size: 12px; } .direct-chat-input .send-btn .btn.btn-bg { background: #7aca5d; color: #fff; border: 1px solid #7aca5d; } .direct-chat-text { display: inline-block; margin: 5px 0 0 10px; } .direct-chat-text { border-radius: 5px; position: relative; padding: 5px 10px; background: #d2d6de; border: 1px solid #d2d6de; margin: 5px 0 0 10px; color: #444; } .right .direct-chat-text { float: right; margin: 5px 10px 0 0; background: rgba(94, 185, 94, 0.36); border-color: #edf8f2; } .direct-chat-img { border-radius: 50%; float: left; width: 40px; height: 40px; } .right .direct-chat-img { float: right; } .direct-chat-text { background: rgba(23, 144, 224, 0.23); border-color: #f1f9fb; color: #222d32; font-size: 14px; } .direct-chat-text:after, .direct-chat-text:before { border-right-color: #f1f9fb; } .send-btn { position: absolute; background-color: #24c571; border: none; color: #fff; padding: 5px 15px; right: 5px; border-radius: 4px; } .send-btn { text-align: center; cursor: pointer; } .chat_msg_list div.chat-content{ margin-top:8px; margin-bottom: 5px; margin-right: 2px; font-size: 15px; float: left; line-height: 25px; } .chat-left{ display: inline-block; width:100%; } .chat-right{ display: inline-block; width:100%; } .chat-left .user-img{ float: left; margin-top: 6px; border-radius: 50%; } .chat-left .chat-message{ display:block; margin-left:60px; text-align: left; } .chat-left .chat-message .user{ color:#4665d4; font-weight: 400; float:left; } .chat-left .chat-message .time{ color:#aaaaaa; margin-left:5px; } .chat-right .user-img{ float:right; margin-top: 6px; border-radius: 50%; } .chat-right .chat-message{ display:block; margin-right:60px; text-align: right; } .chat-right .chat-message .user{ color:#4665d4; font-weight: 400; float:right; } .chat-right .chat-message .time{ color:#aaaaaa; margin-right:5px; } .chatting-left{ display:block; margin-left: 60px; position: relative; } .chatting-right{ display:block; margin-right: 60px; position: relative; } .chatting-left .userarrow { position: absolute; height: 0; font-size: 0; border: 6px solid #dddddd; top: -4px; left: 16px; border-color: #ffffff #ffffff #dddddd; } .chatting-right .userarrow{ position: absolute; height: 0; font-size: 0; border: 6px solid #eef0f0; top: -4px; right: 16px; border-color: #ffffff #ffffff #c7dcfa; } .chatting-left div.chat-content { border-radius: 3px; padding: 4px; margin-bottom: 0; padding-right: 5px; padding-left: 5px; margin-top: 8px; background-color: #EDEDED !important; border: 1px solid #DDDDDD; float: left; min-width: 25px; word-break: break-all; } .chatting-left div.chat-content *{ background-color: #EDEDED !important; } .chatting-right div.chat-content *{ background-color: #c7dcfa !important; } .chatting-left div.chat-content a{ color:#4665d4; text-decoration: none; } .chatting-right div.chat-content{ border-radius: 3px; padding:4px; margin-bottom: 0; padding-right: 5px; padding-left:5px; margin-top: 8px; max-width: calc(100% - 75px); background-color: #c7dcfa; border: 1px solid #b2e5f9; float: right; min-width: 25px; word-break: break-all; } .chatting-right div.chat-content a{ color:#4665d4; text-decoration: none; } .chatting-left div.chat-content span{ color: #000000; font-size: 13px; } .chat-block { margin-top: 10px; padding: 10px; } .chat-block .connect-message { border-radius: 3px; color: #fff; display: inline-block; font-size: 15px; padding: 3px 6px; text-align: left; } .connect-end , .connect-begin{ background-color: #ffffff; text-align: center; } .connect-begin .connect-message { background: rgba(94, 185, 94, 1) none repeat scroll 0 0; } .connect-end .connect-message { background: #cccccc none repeat scroll 0 0; } .label { border-radius: 3px; } .label, .badge { display: inline-block; font-size: 11.844px; font-weight: 400; line-height: 14px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; white-space: nowrap; vertical-align: baseline; background-color: rgb(153, 153, 153); padding: 2px 8px; } .pull-right { float: right; } .chat-block { margin-top: 10px; padding: 10px; } .chat-bottom{ position: absolute; width:100%; height:198px; bottom:0px; } .chat-agent{ height: calc(100% - 182px); width:100%; } .chat-agent-callout{ height: 100%; width:100%; } .chat-message{ overflow: auto; height: calc(100% - 65px); } .ukefu-chat-agent{ padding-right:0px !important; overflow-y: hidden; background-color:#e6e6e6 !important; } .main-agentuser{ position: absolute; height:100%; width:calc(100% - 350px) ; background-color:#FFFFFF; } .ukefu-chat-prop{ position: absolute; width:340px; height:100%; right:0px; } .ukefu-chat-prop .layui-side-scroll{ width:100%; } .ukefu-chat-prop .ukefu-prop-list{ height:100%; background-color:#FFFFFF; } .header-ukefu .layui-nav{ position: relative; float:right; } .ukefu-switch{ margin-right: 5px; position: absolute; right:0px; top:0px; height:35px; } .ukefu-switch .layui-form-switch{ width: 50px; margin-top:0px; padding-top:0px; color:#ffffff; } .ukefu-switch .layui-form-onswitch i{ left: 40px; } .ukefu-switch .layui-form-onswitch:before{ content:'就绪'; } .ukefu-switch .agent-title{ line-height:25px; } .ukefu-switch div{ display:inline-block; } .ukefu-tab .layui-tab-item{ height:100%; } .bg-green { background-color: ${systemConfig.styleColor!'#32c24d'}; } .bg-red { background-color: #dd4b39; } .loading{ margin: -3px auto; } .loading span{ display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background-color: #19a55d !important; -webkit-animation: load 1.04s ease infinite; } .loading span:last-child{ margin-right: 0px; } @-webkit-keyframes load{ 0%{ opacity: 1; } 100%{ opacity: 0; } } .loading span:nth-child(1){ -webkit-animation-delay:0.13s; } .loading span:nth-child(2){ -webkit-animation-delay:0.26s; } .loading span:nth-child(3){ -webkit-animation-delay:0.39s; } .loading span:nth-child(4){ -webkit-animation-delay:0.52s; } .chat-writing-message{ font-size: 13px; margin-top:8px; margin-left:5px; border-radius: 3px; padding: 2px 4px 6px; margin-bottom: 5px; line-height: 25px; padding-right: 5px; padding-left: 5px; background-color: #EFEFEF !important; border: 1px solid #EFEFEF; float: left; min-width: 25px; } .ukefu-online-client{ color:${systemConfig.styleColor!'#32c24d'}; font-size:20px; } .box .box-body .info-list { list-style: none; padding: 0; margin: 0; } .box .box-body .info-list li { font-size: 14px; padding: 0 0 11px 18px; color: rgba(35, 39, 50, 0.8); background: url(/images/circle.png) no-repeat left 8px; } .box .box-body .info-list li .tgreen { color: #19a55d; } .ukefu-customer-div .box .box-body{ padding:10px; } .ukefu-online-user{ color:${systemConfig.styleColor!'#32c24d'}; } .ukefu-online-user i{ font-size:12px; } .uk_organ{ padding: 10px; margin: 5px; } .uk_organ.this, .uk_callcenter_pbxhost.this { padding: 10px; background-color: #eff4f5; position: relative; } .uk_organ .uk_organ_skill{ position: absolute; right: 0px; top: 5px; color:${systemConfig.styleColor!'#32c24d'}; } .offline{ color:#aaaaaa; } .online{ color:${systemConfig.styleColor!'#32c24d'}; } .ukefu-webim-prop{ padding-left: 10px; } .layui-nav-item .kfont{ font-size:20px !important; } .layui-nav-item .csfont{ font-size:20px !important; } .ukefu-webim-prop{ border-bottom: 1px solid #efefef; margin-bottom: 20px; padding-bottom: 20px; } .layui-form-checkbox{ margin-right:0px; } .layui-layout-admin .layui-tab-title .layui-this:after{ border-bottom-color: #E6E6E6; } .ukefu-empty{ margin:0 auto; font-size:20px; color:#CCCCCC; text-align:center; background-color:#FFF; } .ukefu-empty i{ font-size:100px; color:#EFEFEF; } .ukefu-empty div{ font-size:16px; margin-top:10px; } .ukefu-cousult-invite-dialog{ border-radius: 3px; } .ukefu-cousult-invite-dialog .ukefu-cousult-invite-content{ color: #FFFFFF; width: 70%; height: 100%; max-width: calc(100% - 75px); line-height: 35px; font-size: 13pt; font-weight: 200; word-wrap: break-word; word-break: break-all; position: absolute; top: 30px; left: 25%; } .ukefu-cousult-invite-dialog .ukefu-cousult-invite-btn{ position: absolute; bottom: 0px; right: 0px; margin: 0px 10px 10px 0px; } .ukefu-tag{ width:50px; height:30px; display: inline; padding: 4px; border-radius: 3px; color:#ffffff; } .layui-btn-normal { background-color: #1E9FFF !important; } .layui-btn-danger { background-color: #FF5722 !important; } .ukefu-webim-tab .layui-tab-title i{ font-size:25px; } .ukefu-webim-tab .ukewo-btn{ text-align: center; line-height: 26px; font-size:23px; } .ukefu-view-form{ padding-top:9px; } .ukewo-btn-group li.layui-this{ background-color:#eff4f5 ; } .ukewo-userchat-btngroup{ padding:10px; margin-bottom:20px; } .ukefu-label { display: inline-block; font-weight: 400; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color:${systemConfig.styleColor!'#32c24d'}; height: 22px; line-height: 22px; padding: 0 5px; font-size: 14px; } .ukefu-label i{ font-size: 14px; } .ukefu-label:not(:last-child){ margin-right:6px; } .ukefu-access-label { display: inline-block; font-weight: 400; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; height: 22px; line-height: 22px; padding: 0 5px; font-size: 14px; } .ukefu-access-label i{ font-size: 14px; } .ukefu-access-label:not(:last-child){ margin-right:6px; } .ukefu-tag-add{ float:right; color: ${systemConfig.styleColor!'#32c24d'}; font-size:20px; font-weight:600; position: relative; } .ukefu-tag-list{ position: absolute; right: 20px; top: 10px; min-width: 100%; line-height: 36px; padding: 5px 0; box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2; background-color: #fff; z-index: 100; border-radius: 2px; white-space: nowrap; font-size: 14px; max-width:200px; display:none; } .ukefu-tag-list a{ display: block; padding: 0 20px; color: #333; font-weight:400; transition: all .3s; -webkit-transition: all .3s; } .ukefu-tag-list a:hover , .chat-list-item:hover{ background-color:#eff4f5; } #tags .ukefu-label{ margin-bottom:5px; } #tags .ukefu-access-label{ margin-bottom:5px; } .ukefu-quick-reply li{ line-height: 26px; overflow: hidden; list-style: decimal-leading-zero inside; color: ${systemConfig.styleColor!'#32c24d'} !important; font-style: normal; margin-bottom: 5px; } .ukefu-quick-reply li span , .quick-reply-content{ cursor: pointer; } .ukefu-console{ position: relative; border-bottom: 1px solid #E6E6E6; padding-top:10px !important; padding-bottom:10px !important; } .ukefu-console img { margin:5px; width: 60px; height: 60px; border-radius: 100%; } .ukefu-user-index { position: absolute; left: 80px; top: 10px; } .ukefu-text-muted { color: #999; } .ukefu-join-time { display: block; margin-top: 10px; } .ukefu-relation { text-align: center; } .ukefu-relation-item { font-size: 16px; display: inline-block; margin-left: 15px; margin-right:15px; text-align: left; color: #666; width:20%; } .ukefu-relation-item .measure { font-size: 26px; font-weight: 400; display: block; margin-top: 5px; line-height: 40px; } .ukefu-form-multiple{ display:block !important; } .ukefu-form-multiple { height:280px; line-height: 38px; line-height: 36px\9; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; width: 730px; } .user-webim-icon{ margin: 5px; width: 60px; height: 60px; border-radius: 100%; display: inline-block; border: none; } .user-webim-icon i{ width: 50px; height: 50px; border-radius: 100%; background-color: #2dc3e8; color: #ffffff; text-align:center; line-height: 48px; } .ukefu-current-agentservice{ background-color:#e6e6e6; } .ukefu-badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; } .chat-list-item .last-msg{ position: absolute; left: 30px; top:0px; } .ukefu-tab-title{ margin-left: 38px; } .ukefu-tab-title .layui-tab-title{ border-bottom: 1px solid ${systemConfig.styleColor!'#32c24d'}; } .ukefu-tab-title .layui-tab-title .layui-this::after{ border: 1px solid ${systemConfig.styleColor!'#32c24d'}; border-bottom-color: #f5f5f5; } .ukefu-tab { border-bottom: 0px solid #eee; } .ukefu-tab .ukewo-btn { font-size: 20px; height: 20px; width: 20px; float: left; background-color: #2dc3e8; color: #ffffff; padding: 5px; border-radius: 50%; line-height: 22px; } .ukefu-tab .ukefu-bt-text{ padding-left:3px; } .layui-table th{ font-weight:400; font-size:15px; } .layui-form-radio{ margin-top:0px; } .uckefu-inline{ margin-left:140px; } select{ height: 38px; line-height: 38px; line-height: 36px\9; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; color:#666666; width:190px; } .ukefu-tab-title .tab-title { position: relative; left: 0; height: 40px; white-space: nowrap; font-size: 0; border-bottom: 1px solid #e2e2e2; transition: all .2s; -webkit-transition: all .2s; } .ukefu-tab-title .tab-title { height: 30px; padding-left: 5px; } .ukefu-tab-title .tab-title li { display: inline-block; vertical-align: middle; font-size: 14px; transition: all .2s; -webkit-transition: all .2s; position: relative; line-height: 40px; min-width: 65px; padding: 0 10px; cursor: pointer; } .ukefu-tab-title .tab-title { border-bottom: 1px solid ${systemConfig.styleColor!'#32c24d'}; } .ukefu-tab-title .tab-title .layui-this:after { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 41px; border: 1px solid #e2e2e2; border-bottom-color: #fff; border-radius: 2px 2px 0 0; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; box-sizing: border-box!important; pointer-events: none; } .ukefu-tab-title .tab-title .layui-this { color: #000; } .ukefu-tab-title .tab-title .layui-this::after { border-top: 1px solid ${systemConfig.styleColor!'#32c24d'}; border-left: 1px solid ${systemConfig.styleColor!'#32c24d'}; border-right: 1px solid ${systemConfig.styleColor!'#32c24d'}; border-bottom-color: #f5f5f5; } .ukefu-tab-title .tab-title .layui-this:after { height: 31px; } .ukefu-tab-title .tab-title li { line-height: 30px; } .ukefu-tab-title .tab-title li { color: ${systemConfig.styleColor!'#32c24d'}; } .ukefu-tab-title .tab-title li { font-size: 15px; } .ukefu-btn-group{ margin-right:0px !important; margin-left:0px !important; position: relative; } .ukefu-dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 15px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .open .ukefu-dropdown-menu{ display:block; } .ukefu-dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .ukefu-dropdown-menu li:hover{ background-color:#EFEFEF; } .ukefu-imp-tips{ padding-left: 5px; padding-right: 5px; color: red; width: 100%; margin-top:50px; line-height: 35px; height: 35px; border: 1px dashed #f8cc7e; background-color: #FFFFDD; } .ukefu-content-ind{ width: 60px; height: 60px; font-size: 30px; line-height: 32px; text-align: center; background-color: #FFFFFF; } .ukefu-agent-switch .layui-form-onswitch:befor{ content: '启用'; } .ukefu-weixin-today{ background-color: #e4eaec; padding: 10px; margin: 20px 0px 15px 0px; } .ukefu-weixin-last{ padding: 10px; border-bottom: 1px solid #dee5e7; background-color: #f3f5f6; } .ukefu-weixin-text-last{ float: right; } .ukefu-weixin-text-today{ font-size: 24px; padding:10px 10px 10px 0px; color:${systemConfig.styleColor!'#32c24d'}; } .ukefu-imr-tree{ width:320px; } .ukefu-imr-keyword{ width:100%; margin-left:10px; } .ztree * { font-size:15px; } .ztree li a{ height: 25px; } .ztree li span { line-height: 25px; } .ztree li{ line-height: 25px; } .ztree li a.curSelectedNode{ height:24px; } .ztree li a:hover { text-decoration: none; color:${systemConfig.styleColor!'#32c24d'}; } .ztree li span.button{ margin-top: 4px; vertical-align: top !important; } .ztree li span.button.imr_ico_open{margin-right:2px; background: url(/images/imr.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle} .ztree li span.button.imr_ico_close{margin-right:2px; background: url(/images/imr.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle} .ztree li span.button.imr_ico_docu{margin-right:2px; background: url(/images/imr.png) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle} .ukefu-channel-tip{ color:${systemConfig.styleColor!'#32c24d'} !important; } .ukefu-user-headimg{ position: absolute; right: 5px; top: 5px; } .ukefu-user-headimg img{ height:60px; width:60px; } .chat-list-item img{ border-radius: 50%; } .ukefu-channel-icon{ position: absolute; left: 40px; top: 35px; z-index:10000; color: ${systemConfig.styleColor!'#32c24d'} !important; font-size:20px; } .ukefu-channel-icon-end{ position: absolute; left: 40px; top: 35px; z-index:10000; color: #808080 !important; font-size:20px; } .ukefu-channel-image{ width: 7%; top: 35px !important; left: 37px !important; position: absolute !important; } .ukefu-media-image{ max-height:150px; max-width:200px; cursor: pointer; } .ukefu-preview-image{ margin: 0 auto; width: 100%; height: 100%; text-align: center; } .ukefu-preview-image img{ max-width:100%; max-height:100%; } .ukefu-containter{ width: 100%; height: 100%; position: relative; overflow: hidden; } .ukefu-col-left{ width: 320px; height: 100%; border-right: 1px solid #e6e6e6; position: absolute; background-color: #FFFFFF; left: 0; top: 0; overflow: auto; } .ukefu-col-right{ margin-left: 320px; height: 100%; background-color: #FFFFFF; overflow: auto; } .ukefu-form-label{ text-align: left; padding-left: 0px; padding-bottom: 6px; padding-top: 6px; width: 100%; } .ukefu-form-block{ margin-left:130px; } .ukefu-form-item{ padding-left:10px; } .select2-container--default .select2-selection--single , .select2-container--default.select2-container--focus .select2-selection--multiple , .select2-container--default .select2-selection--multiple{ min-height: 38px; border: 1px solid #cccccc; background-color: #fff; border-radius: 2px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 38px; line-height: 36px; } .select2-dropdown{ border-color:#cccccc; } .select2-container--default .select2-selection--multiple .select2-selection__choice{ background-color: ${systemConfig.styleColor!'#32c24d'}; border: 1px solid #cccccc; color:#FFFFFF; line-height:24px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ color:#FFFFFF; } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: ${systemConfig.styleColor!'#32c24d'}; } .select2-container--default .select2-selection--single .select2-selection__rendered{ height: 38px; line-height: 36px; } .ke-container-simple{border: 1px solid #cccccc !important; } .ukefu-workorders-list-item{ position: relative; border-bottom:1px solid #dedede; padding-bottom:5px; padding-top:5px; } .ukefu-workorders-number{ position: absolute; left: 5px; top:10px; color:${systemConfig.styleColor!'#32c24d'}; font-size:14px; } .ukefu-workorders-number i{ font-size:20px; } .ukefu-workorders-title{ margin-left:55px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; } .ukefu-workorders-title a{ color:#666666; font-weight:600; } .ukefu-workorders-block{ display:block; line-height:25px; } .ukefu-workorders-contacts , .ukefu-workorders-status , .ukefu-workorders-time{ color:#999999; margin-left:55px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; } .ukefu-workorders-list-item:hover{ background-color:#ededed; } .ukefu-workorders-body{ padding:5px; } .ukefu-workorders-content{ padding:10px 20px 20px 0px; } /*****************************/ .ui-step { margin-top:20px; color: #b7b7b7; padding: 0 120px 20px 45px; margin-bottom: 35px; position: relative; } .ui-step:after { display: block; content: ""; height: 0; font-size: 0; clear: both; overflow: hidden; visibility: hidden; } .ui-step li { float: left; position: relative; } .ui-step .step-end { width: 120px; position: absolute; top: 0; right: 0px; } .ui-step-line { height: 5px; background-color: #e0e0e0; box-shadow: inset 0 1px 1px rgba(0,0,0,.2); margin-top: 15px; } .step-end .ui-step-line { display: none; } .ui-step-cont { width: 120px; position: absolute; top: 0; left: -15px; text-align: center; } .ui-step-cont-number { display: inline-block; *zoom:1; position: absolute; left: 0; top: 0; width: 30px; height: 30px; line-height: 30px; color: #fff; background: url(/css/ui-step_cover_30x30.png) center no-repeat\9; border-radius: 50%; border-left: 2px solid #fff; border-right: 2px solid #fff; border: 2px solid rgba(224,224,224,1); font-family: tahoma; font-weight: bold; font-size: 16px; background-color: #b9b9b9; box-shadow: inset 1px 1px 2px rgba(0,0,0,.2); } .ui-step-cont-text { position: relative; top: 34px; left: -42px; font-size: 14px; } /** 姝ラ鏁板畾涔�**/ .ui-step-3 li { width: 50%; } .ui-step-4 li { width: 33.3%; } .ui-step-5 li { width: 25%; } .ui-step-6 li { width: 20%; } /** The default style (榛樿椋庢牸) **/ /* Done */ .step-done .ui-step-cont-number { background-color: ${systemConfig.styleColor!'#32c24d;'}; } .step-done .ui-step-cont-text { color: ${systemConfig.styleColor!'#32c24d;'} } .step-done .ui-step-line { background-color: ${systemConfig.styleColor!'#32c24d;'} } /* Active */ .step-active .ui-step-cont-number { ${systemConfig.bgColor!'background-color: #32c24d;'} } .step-active .ui-step-cont-text { color: ${systemConfig.styleColor!'#32c24d;'}; font-weight: bold; } .step-active .ui-step-line { background-color: #e0e0e0; } /* not finish */ .step-waiting .ui-step-cont-number { background-color: #b9b9b9; } .step-waiting .ui-step-cont-text { color: #b9b9b9; font-weight: bold; } /** Yellow **/ /* Done */ .ui-step-yellow .step-done .ui-step-cont-number { background-color: #ffc966; } .ui-step-yellow .step-done .ui-step-cont-text { color: #ffc966; } .ui-step-yellow .step-done .ui-step-line { background-color: #ffcc33; } /* Active */ .ui-step-yellow .step-active .ui-step-cont-number { background-color: orange; } .ui-step-yellow .step-active .ui-step-cont-text { color: orange; } .ui-step-yellow .step-active .ui-step-line { background-color: #e0e0e0; } /** Blue **/ /* Done */ .ui-step-blue .step-done .ui-step-cont-number { background-color: #69f; } .ui-step-blue .step-done .ui-step-cont-text { color: #69f; } .ui-step-blue .step-done .ui-step-line { background-color: #4c99e6; } /* Active */ .ui-step-blue .step-active .ui-step-cont-number { background-color: #06c; } .ui-step-blue .step-active .ui-step-cont-text { color: #06c; } .ui-step-blue .step-active .ui-step-line { background-color: #e0e0e0; } /** Red **/ /* Done */ .ui-step-red .step-done .ui-step-cont-number { background-color: #f99; } .ui-step-red .step-done .ui-step-cont-text { color: #f99; } .ui-step-red .step-done .ui-step-line { background-color: #fc9c9c; } /* Active */ .ui-step-red .step-active .ui-step-cont-number { background-color: #f66; } .ui-step-red .step-active .ui-step-cont-text { color: #f66; } .ui-step-red .step-active .ui-step-line { background-color: #e0e0e0; } .ukefu-system-theme1{background-color:${systemConfig.styleColor!'#32c24d'};} .ukefu-system-theme1 li{color:${systemConfig.styleColor!'#32c24d'};} .ukefu-system-theme2{background-color: #373d41;} .ukefu-system-theme1 li{color:#333333;} .ukefu-system-theme3{background-image: -webkit-linear-gradient(right,#00c89d 0,#1E90FF 100%);} .ukefu-im-preview-menu{ position: absolute; top: 39px; left: 5px; width: 40px; background-color: #393D49; height: 100%; } .ukefu-im-preview-top{ position: absolute; left: 50px; top: 45px; width: 322px; background-color: #FFFFFF; height: 30px; } .ukefu-im-preview-top li{ min-width:50px; } .ukefu-im-preview-top .layui-this{ background-color: #e6e6e6; } .ukefu-im-preview-left{ position: absolute; left: 50px; top: 80px; height: 100%; width: 80px; background-color: #ffffff; } .ukefu-im-preview-right{ position: absolute; left: 135px; top: 80px; height: 100%; width: 237px; background-color: #ffffff; } .ukefu-workorders-group li{ } .workorders-desc{ margin-left:60px; margin-top:0px; color:#BBBBBB; } .workorders-content{ margin-left:60px; margin-top:10px; text-indent:0px; line-height:30px; font-size:14px; color:#000; position: relative; } .ukefu-workorders-title em , .ukefu-bt-text-title em{ font-style: normal; color: #FF5722; } .workorders-content img{ cursor: pointer; } .ukefu-workorders-body .ukefu-bt-text-title{ font-weight: 400; font-size: 20px; white-space: nowrap; width: calc(100% - 100px); text-overflow: ellipsis; overflow: hidden; } .ukefu-workorders-body .ukefu-bt .ukefu-bt-text { position: absolute; left: 40px; text-align: left; padding-top: 0px; padding-right: 10px; } .ukefu-workorders-priority{ position: absolute; bottom: 10px; left: 5px; } .ukefu-workorders-ibfo{ padding: 10px 20px; position: relative; } .ukefu-timeline-item-head { width: 13px; height: 13px; background-color: #fff; border-radius: 50%; border: 1px solid transparent; position: absolute; top:8px; z-index:100; } .ukefu-timeline-item-head-selected{ background-color:#39f; } .ukefu-timeline-item-head-blue { border-color: #39f; color: #39f; } .ukefu-timeline-content{ padding-left: 7px; } .ukef-dataevent-content{ padding-left: 20px; font-size:14px; } .ukefu-timeline-item-border{ height: 100%; border-left:1px solid #32c24d; position: absolute; left: 7px; top: 20px; z-index: 0; } .ukefu-prop-list .layui-tab-title li{ min-width:40px; } .ukefu-summary{ text-align: center; position: absolute; right: 10px; top: 0px; } .ukefu-timerange{ margin:5px 5px 5px 0px !important; } .weixinAudio { line-height: 1.5; cursor: pointer; } .audio_area { display: inline-block; width: 100%; vertical-align: top; margin: 0px 1px 0px 0; font-size: 0; position: relative; font-weight: 400; text-decoration: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } .audio_wrp { border: 1px solid #ebebeb; background-color: #fcfcfc; overflow: hidden; padding: 0px; } .audio_play_area { float: left; margin: 0px 0px 5px; font-size: 0; width: 18px; height: 25px; } .playing .audio_play_area .icon_audio_default { display: block; } .audio_play_area .icon_audio_default { background: transparent url(../images/iconloop.png) no-repeat 0 0; width: 18px; height: 25px; vertical-align: middle; display: inline-block; -webkit-background-size: 54px 25px; background-size: 54px 25px; background-position: -36px center; } .audio_play_area .icon_audio_playing { background: transparent url(../images/iconloop.png) no-repeat 0 0; width: 18px; height: 25px; vertical-align: middle; display: inline-block; -webkit-background-size: 54px 25px; background-size: 54px 25px; -webkit-animation: audio_playing 1s infinite; background-position: 0px center; display: none; } .audio_area .pic_audio_default { display: none; width: 18px; } .tips_global { color: #8c8c8c; } .audio_area .audio_length { float: right; font-size: 14px; margin-top: 3px; margin-left: 1em; } .audio_info_area { overflow: hidden; } .audio_area .audio_title { font-weight: 400; font-size: 17px; margin-top: -2px; margin-bottom: -3px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .audio_area .audio_source { font-size: 14px; } .chatting-left div.chat-content .audio_area .progress_bar { position: absolute; left: 0; bottom: 0; background-color: #0cbb08 !important; height: 2px; } .playing .audio_play_area .icon_audio_default { display: none; } .playing .audio_play_area .icon_audio_playing { display: inline-block; } @-webkit-keyframes audio_playing { 30% { background-position: 0px center; } 31% { background-position: -18px center; } 61% { background-position: -18px center; } 61.5% { background-position: -36px center; } 100% { background-position: -36px center; } } .db { display: block; } .chatting-left div.chat-content .ukefu-map{ height: 160px; width: 300px; } .chatting-left div.chat-content .ukefu-map *{ background-color: transparent !important; } .chatting-right div.chat-content .ukefu-map *{ background-color: transparent !important; } .col-lg-12{ flex-basis: 100%; } .ukefu-service-btn{ position: absolute; right: 0px; top: 2px; } .ukefu-agentservice-list{ position: relative; list-style: none !important; } .ukefu-agentservice-his{ position: absolute; right: 0px; top: 0px; } .ukefu-agentservice-list:hover{ background-color:#efefef !important; } .ukefu-xiaoe-words li{ padding:5px 10px 5px 10px; width:10%; } .ukefu-xiaoe-worditem{ background-color:#FFFFFF !important; border:1px solid #dddddd; color:#333333; padding:2px 5px 2px 5px; } .ukefu-last-msg{ position: absolute; right:-10px; top: 4px; height: 20px; display:none; } .ukefu-msg-tip { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: top; border-radius: 10px; } .ukefu-xiaoe-knowledge li{ clean:both; padding-bottom:15px; padding-left:20px; position: relative; } .ukefu-xiaoe-knowledge li div{ width:80%; } .ukefu-xiaoe-knowledge li:hover{ background-color:#efefef; } .ukefu-xiaoe-knowledge-item .title{ font-size:15px; padding:5px 0 5px 0; text-decoration: underline; } .ukefu-xiaoe-knowledge-item .content{ font-size:14px; line-height:25px; padding:0px 0 5px 0; } .ukefu-xiaoe-knowledge-item .msgtext{ font-size:14px; } .ukefu-xiaoe-knowledge-item .msgtext .validity{ text-align:left; color:green; font-size:13px; } .ukefu-xiaoe-knowledge-item .msgtext .priority{ color:#666; font-size:13px; margin-left:20px; } .ukefu-xiaoe-knowledge-item .toolbox{ position: absolute; right: 0px; top: 10px; display:none; } .ukefu-xiaoe-knowledge li:hover .toolbox{ display:block; } .ukefu_topic_title em{ color:red; font-style: initial; } .ukefu-xiaoe-scene li{ border-bottom: 1px solid #F0F0F0; position: relative; width: 100%; line-height: 1.5em; padding: 5px 0 5px 5px; } .ukefu-xiaoe-scene li a{ color:#333333; } .ukefu-xiaoe-scene li:hover{ background-color:#efefef; } .layui-form-pane .layui-input-block{ padding:0px; } #userinput div:first-child .ukefu-group-remove{ display:none; } #airp div:first-child .ukefu-group-remove{ display:none; } .chatting-right div.chat-content img{ max-width:100%; } .chatting-left div.chat-content img{ max-width:100%; } .layui-layout-content .layui-nav-child dd a{ font-size:13px !important; } .layui-layout-content .layui-nav-item .layui-nav-default{ font-size:13px !important; } .uk-workorders-td{ position: relative; } .tdHasContorllor em{ font-style: normal; color: red; } .ukefu-workorders-attachment{ padding:5px 10px 5px 60px; } .ukefu-chat-prop .ukefu-workorders-number span{ margin-left:0px !important; } .ukefu-tip-num{ position: absolute; right: 10px; } #workOrderContent .layui-form-item .layui-input-inline{ margin-top:9px; } #workOrderContent .uk-layui-form{ padding-top: 0px; } .uk_callcenter_pbxhost{ cursor: pointer; color: #1E90FF; padding: 10px; } .ukefu-contacts-embed{ height: calc(100% - 56px); overflow-y: scroll; } .site-h1{ position: relative; } .ukefu-softphone * { font: 14px \5FAE\8F6F\96C5\9ED1,Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; } .ukefu-softphone *{ outline:none; } .header-ukefu{height: 50px; border-bottom: 0px solid #404553; background-color: #1E90FF;; color: #fff;font-weight:200;} .header-ukefu .logo{left: 0px;} .header-ukefu .layui-nav{top: 0;} .header-ukefu .layui-nav .layui-nav-item{margin: 0 10px; line-height: 48px;} .header-ukefu .layui-nav .layui-nav-item a{color: #ffffff;} .header-ukefu .layui-nav .layui-this{background-color:#1E90FF;} .header-ukefu .layui-nav .layui-nav-item a:hover, .header-ukefu .layui-nav .layui-this a{color: #fff;} .header-ukefu .layui-nav .layui-this:after, .header-ukefu .layui-nav-bar{background-color: #008d4c;} .header-ukefu .layui-nav .layui-this a{padding: 0 10px;} .header-ukefu .layui-nav{ position: relative; float:right; } .logo{position: absolute; left: 0; top: 0px;font-size:20px;color:#FFFFFF;} .logo img{height: 34px;} .ukefu-softphone{ position: absolute; top: 0px; height: 50px; right:0px; border-radius: 50px; <#if user?? && user.admin> width: 740px; <#else> width: 690px; padding: 0px 5px 0px 20px; } .ukefu-softphone{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览�?*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览�?*/ user-select: none; } .ukefu-softphone .soft-function{ width:42px; height:100%; text-align:center; border-radius: 3px; margin:0 3px 0 3px; float:left; cursor: pointer; } .ukefu-softphone .soft-function:hover{ background-color: rgba(0,0,0,.10); } .ukefu-softphone .soft-function.disabled{ cursor:not-allowed; color:#acacac !important; } .ukefu-softphone .soft-function .icon{ height:27px; line-height:30px; } .ukefu-softphone .soft-function .icon i{ font-size:25px; } .ukefu-softphone .soft-function .text{ font-size:14px; } .ukefu-softphone .status{ width:200px; height:42px; border-radius: 3px; padding:5px 5px 3px 5px; float:left; } .ukefu-softphone .status:hover{ background-color: rgba(0,0,0,.10); } .ukefu-softphone .status.disabled{ cursor:not-allowed; color:#acacac !important; } .ukefu-login-title{ text-align:left; height:40px; font-size:15px; } .ukefu-login-info{ width:260px; text-align:left; height:50px; font-size:15px; line-height:30px; } .ukefu-login-info .ukefu-login-extno{ width:90px; text-align:right; float: left; } .ukefu-login-info .ukefu-login-password{ width:90px; text-align:right; float: left; } .ukefu-login-block{ margin-left: 90px; min-height: 36px; } .ukefu-login-input{ height: 30px; line-height: 30px; display: block; width: 100%; padding-left: 10px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px; } .ukefu-softphone .dialpad{ width: 220px; height: 275px; position: fixed; border: 1px solid #dedede; border-bottom: 0px solid #373d41; background-color: #373d41; padding-top:5px; margin-top:2px; border-radius: 3px; display:none; text-align: center; } .ukefu-softphone .ukefu-dial-del{ cursor: pointer; } .ukefu-softphone .dialpad button{ border-radius: 100%; border: 1px solid #000000; width: 40px; height: 40px; margin:4px 10px 4px 10px; background-color:#fff; cursor: pointer; } .ukefu-softphone .dialpad .dialpad-input{ height: 35px; line-height: 35px; display: block; width: 195px; padding-left: 10px; padding-right:10px; border: 0px solid #1E90FF; background-color: rgba(0,0,0,.15); color:#FFF; border-radius: 2px; } .ukefu-softphone .dialpad .call{ background-color:#FFF; border: 1px solid #FFFFFF; } .ukefu-softphone .dialpad .call i{ font-size:25px; color:#1E90FF; } .ukefu-softphone .dialpad .dialnum{ position: relative; } .ukefu-softphone .dialpad .dialnum i{ position: absolute; right: 10px; top: 2px; font-size: 25px; } .layui-layer-hui{ background-color: #373d41 !important; } .main-call-contacts{ height:100%; background-color:#ffffff; } .ukefu-console .ukefu-softphone-tag { margin: 5px; padding-top:5px; width: 60px; height: 60px; border-radius: 100%; } .ukefu-console .ukefu-softphone-btn { width: 50px; height: 50px; font-size: 30px; line-height: 45px; text-align: center; font-style: normal; } .ukefu-softphone-contacts{ height: 240px; width: 100%; overflow: auto; } .ukefu-softphone-bottom { position: absolute; width: 100%; height: calc(100% - 240px); bottom: 0px; overflow: hidden; } .ukefu-softphone-contacts-body{ width: 100%; height: calc(100% - 50px); overflow: auto; } .layui-tab-title .layui-this{ background-color:#ffffff; } .ukefu-contacts-detail .layui-form-item .layui-input-inline { margin-top: 9px; } .ukefu-softphone .soft-function .soft-function{ margin:0px !important; } /* Custom chart styling */ .jOrgChart { margin : 10px; padding : 20px; } /* Custom node styling */ .jOrgChart .node { font-size : 14px; background-color : #35363B; border-radius : 8px; border : 5px solid white; color : #F38630; -moz-border-radius : 8px; } .node p{ font-family : tahoma; font-size : 10px; line-height : 11px; padding : 2px; } .ukefu-input{ height: 30px; line-height: 30px; margin-top: 3px; border: 1px solid #32c24d; width:120px; font-size:13px; } #editor { top: 0; right: 0; bottom: 0; left: 0; height: 338px; width: 750px; } .ukefu-phone-class{ color:#32c24d !important; cursor: pointer; } .ztree li span.button.chk{ margin-top:6px !important; width: 14px !important; height: 14px !important; } .ukefu-kbs-quick dd{ position: relative; } .ukefu-kbs-quick .tip{ position: absolute; right:5px; top:2px; color:#333; } .ukefu-kbs-btn{ position: absolute; cursor: pointer; right: 20px; top: 0px; padding: 3px 0px 3px 8px; height: 32px; width: 33px; font-size: 25px; line-height:38px; color:#FFFFFF; ${systemConfig.bgColor!'background-color:#32c24d;'} } .box .box-body .search li { font-size: 14px; padding: 0 0 20px 30px; width:80%; color: rgba(35, 39, 50, 0.8); position: relative; } .box .box-body .search li .fav{ position: absolute; top:0px; left:0px; } .box .box-body .search li .fav i{ font-size:20px; ${systemConfig.color!'color:#0096C4;'} } .ukefu-kbs-search-title{ color:#32c24d } .ukefu-kbs-search-content{ color:#555555; line-height:26px; font-size:13px; } .uk-kbs-search-type{ color:#aaaaaa; font-size:12px; } .ukefu-kbs-search-comment{ font-size:12px; color:#aaaaaa; line-height:20px; } .ukefu-kmmap-item{ display: inline-block; margin-right:10px; } .ukef-kmmap-current{ display: inline-block; font-size: 14px; font-weight: 400; line-height: 14px; text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px; white-space: nowrap; vertical-align: baseline; ${systemConfig.bgColor!'background-color: #32c24d;'} padding: 4px 5px 4px 5px; border-radius: 3px; } .ukef-kmmap-current a{ color:#ffffff; } .ukefu-kbs-cat *{ font-size:13px; } #toolbox{ top:10px !important; background-color: #ffffff; padding: 5px; border: 1px solid #DEDEDE; border-radius: 4px; width:100px; } #toolbox #toolbox_handle{ border-bottom:1px solid #dedede; padding:5px 0px 5px 5px; } #properties{ display: block; position: absolute; top: 10px !important; left: auto !important; width:300px !important; width: 230px; right: 20px; background-color: #ffffff; padding: 5px 5px 5px 0px; border: 1px solid #DEDEDE; border-radius: 4px; } #properties #properties_handle{ border-bottom:1px solid #dedede; padding:5px 0px 5px 5px; margin-bottom:15px; } #properties .properties_all input{ } .properties_value select{ border: 1px solid #999999; padding-left:5px; } .properties_value input{ border: 1px solid #999999; border-radius: 2px; padding-left:5px; } #tipDIV{ z-index:10000; } .ukefu-count-tip dd{ position: relative; } .ukefu-count-tip .tip{ position: absolute; right: 5px; top: 2px; color: #333; } .ukefu-count-tip .layui-this .tip{ color:#ffffff; } .ukefu-checkbox .layui-form-checkbox[lay-skin=primary]{ margin-top:0px; } .ukefu-workflow-status{ position: absolute; right: 300px; top:10px; } .ukefu-workflow-status i { font-size: 45px; color: red; } .ukefu-workflow-status .back{ font-size: 50px; } .ukefu-workflow-status .turn{ font-size: 50px; ${systemConfig.color!'color:#0096C4;'} } .ukefu-workflow-status .agree{ font-size: 50px; ${systemConfig.color!'color:#0096C4;'} } .ukefu-ztree{ position: absolute; z-index: 10000; left: 0px; top: 38px; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; width: 188px; border-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; height: 120px; display: block; } .ukefu-ztree .ztree{ width: 178px; overflow: auto; height: 105px; } .ukefu-limit-height .layui-anim{ max-height:120px; } .layui-this .tip{ color:#ffffff; } .ukefu-message-file .ukefu-file-icon{ width:48px; height:48px; float:left; } .ukefu-message-file .ukefu-file-icon{ line-height:60px; } .ukefu-message-file .ukefu-file-icon i{ font-size:34px; margin:5px 3px 8px 0px; ${systemConfig.color!'color:#0096C4;'} } .ukefu-message-file .ukefu-file-desc{ margin-left:0px; float:left; ${systemConfig.color!'color:#0096C4;'} } .ukefu-message-file a{ color:#32c24d !important; } .ztree li a.curSelectedNode { height: 21px !important; } .ukefu-switch .layui-form-onswitch-notbusy:before { content: '示忙'; color:#aaaaaa; padding-left:18px; } .ukefu-switch .layui-form-onswitch-busy:before { content: '示闲'; color:#ffffff !important; padding-left:0px !important; } .layui-form-onswitch-busy { border-color: #FF5722; background-color: #FF5722; } .ukefu-switch .layui-form-onswitch-busy i { left: 40px; background-color: #fff; padding-left:0px !important; } .error{ background-color:red; color:#ffffff; } .error:hover{ background-color:red !important; color:#ffffff !important; } .error a{ color:#ffffff !important; } .warn{ background-color:#9C661F; color:#ffffff; } .warn:hover{ background-color:#9C661F !important; color:#ffffff !important; } .warn a{ color:#ffffff !important; } .log td{ padding:5px !important; } .ukefu-image-content{ max-height:100% ; height:100% ; max-width: 745px; position: absolute; top: 0px; left: 0px; text-align:center; width:calc(100% - 100px); } .ukefu-image-toolbar{ border-left:1px solid #EFEFEF; height: 100% !important; position: absolute; right: 0px; top: 0px; width: 200px; } .ukefu-image-canvas{ height:100%; float: left; } .layui-layer-title{ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ukefu-ivr{ background-color:#373d41 !important; color:#ffffff !important; } .ukefu-ivr-item{ padding-top:15px; padding-left:15px; } .ukefu-ivr-item li{ padding:5px 15px 5px 15px; } .ukefu-ivr-item li a:hover{ color:#ffffff; } .ukefu-submit-btn{ border:0; background-color:#fff; color:#000 !important; width:100%; cursor:pointer; padding:5px; } .ukefu-submit-btn:hover{ border:0; background-color:#e0e0e0; color:#000 !important; width:100%; cursor:pointer; } .create-enterprise h6 { text-align: center; margin-top: 108px; margin-bottom: 36px; font-size: 24px; color: #696969 } .create-enterprise .layui-input{ width:360px; } .create-product .content { width: 1130px; margin: 0 auto } .create-product .organization-div { padding-top: 46px; font-size: 18px; color: #000 } .create-product h6 span { float: left } .create-product h6 img { float: left; width: 16px; height: 18px; margin-left: 10px } .create-product .jurisdiction-setting { border-top: 1px solid #eef1f1; margin-top: 15px; text-align: center; overflow-y: auto } .create-product .product-con { margin-top: 18px } .create-product .product { width: 254px; height: 129px; position: relative; float: left; margin-right: 28px; border-radius: 5px; margin-bottom: 40px; } .create-product .product span { display: block; position: absolute; top: 15px; left: 20px; color: #fff; font-size: 18px } .create-product .product img { width: 254px; height: 129px; cursor: pointer; float:left; } .create-product .product p { width: 100%; font-size: 13px; text-align: center; margin-top: 5px; margin-bottom: 15px; } .create-product .add-product { background: #f7fcfd url(/images/icon_chuangjian.png) no-repeat 50% 31px; margin-right: 0; cursor: pointer } .create-product .add-product p { font-size: 18px; padding-top: 80px; color: #333; cursor: pointer } .create-product .add-product input { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 1 } .login-success-header .kfont { color:#fff !important; font-size:15px !important; margin-right:2px; } .login-success-header .layui-icon { color:#fff !important; font-size:15px !important; margin-right:2px; } .login-success-header .user-info .user-info-detail { display: none; width: 132px; height: 79px; border-radius: 5px; position: absolute; box-shadow: 0 0 8px #eee; background: #fff; z-index: 10000; top:50px; right:41px; } .login-success-header .user-info .user-info-detail:before { content: ""; width: 10px; height: 10px; background: #fff; position: absolute; top: -5px; left: 50%; margin-left: -2.5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg) } .login-success-header .user-info .user-info-detail .info-detail-ul li { height: 40px; line-height: 38px; margin-left: 28px; width:100%; padding:0px; display:block; } /* .customer-header .user-info .user-info-detail .info-detail-ul li i { vertical-align: middle; display: inline-block } */ .login-success-header .user-info .user-info-detail .info-detail-ul li a { text-decoration: none; font-size: 12px; color: #333; height: 100%; float: left; } .fl-r { float: right } .ukefu-tenant-item:hover{ background-color:#eff4f5 ; } .ukefu-tenant-item-div2{ line-height: 30px; margin-top: 100px; height:30px; width:249px; display:block; background: rgba(0, 0, 0,0.6); color:#ffffff; padding-left:5px; font-size: 15px; } .layui-button-block{ text-align:center; } .user-info:hover .user-info-detail{ display:block; } .create-product-div{ background: #f0f2f5; background-image: url(https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg); width: 100%; min-height: 100%; background-repeat: no-repeat; background-position: 50%; background-size: 100%; position: relative; } .ukefu-quality-del:hover{ background-color:red; color:#ffffff; } .ukefu-asr{ width: 100%; } .ukefu-sub-input input{ height: 30px; line-height: 30px; margin-top: 4px; border: 1px solid #32c24d; } .ukefu-sub-input .layui-inline{ margin-right:0px; } .ukefu-monitor{ background-color:#6F6F6; } .ukefu-monitor-detail{ height:100px; background-color:#0066CC; } .ukefu-monitor-itemm{ font-size:15px; font-style: normal; } .ukefu-monitor-item{ font-size:19px; font-style: normal; color: #32c24d; } .ukefu-monitor-summaryy{ height : 30px; padding:5px; margin:5px 2px 5px 3px; text-align:center; } .ukefu-monitor-summary{ height : 30px; padding:5px; margin:5px 2px 5px 3px; text-align:center; } .ukefu-monitor-detaill{ height : 50px; padding:5px; margin:5px 2px 5px 3px; text-align:center; } .ukefu-monitorr { text-align: center; } .ukefu-monitorr-item { font-size: 16px; display: inline-block; margin-left: 15px; margin-right:15px; text-align: left; color: #666; width:20%; } .ukefu-monitorr-item .measuree{ font-size: 26px; font-weight: 300; display: block; margin-top: 5px; line-height: 40px; } .ukefu-consolee{ position: relative; border-bottom: 1px solid #E6E6E6; padding-top:10px !important; padding-bottom:10px !important; } .layui-tablee th{ font-weight:300; font-size:15px; } .layui-tablee{ margin-top:0px; } .sitel-h1{margin-bottom: 5px; line-height: 35px; padding-bottom: 5px; padding-left:5px;padding-top:5px;background-color:#f5f5f5;color: #393D49;padding-right: 5px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 500;margin-top:0px;} .sitel-h2{width:1008px;line-height: 35px;padding-bottom: 5px; padding-left:5px;padding-top:0px;background-color:#f5f5f5;color: #393D49;padding-right: 5px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 500;margin-top:0px;} .ukewo-card-1{ padding-left: 9px; padding-right: 12px; margin-bottom: 15px; } .ukewo-card-2{ padding: 10px 10px 10px; } .ukewo-card-3 .ukewo-card-4 { overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; color: rgba(0,0,0,.85); margin-top: 4px; margin-bottom: 0; font-size: 30px; line-height: 38px; height: 38px; color:${systemConfig.styleColor!'#32c24d'}; } .ukewo-card-5{ margin-left: 8px; color: rgba(0,0,0,.85); line-height: 38px; color:${systemConfig.styleColor!'#32c24d'}; } .ukewo-card{ padding: 0px; margin-top: 0px; border-right: 10px solid rgb(245, 245, 245); } .ukewo-cardd{ padding: 0px; margin-top: 0px; border-right: 10px solid rgb(245, 245, 245); border-top:10px solid rgb(245, 245, 245); background-color: #ffffff; cursor: pointer; float:left; } .ukewo-card-6{ padding: 5px 5px 5px; height: 90px; width:130px; } .uk-div-monitor{ padding: 0px; margin-top: 0px; border-right: 10px solid rgb(245, 245, 245); border-top:10px solid rgb(245, 245, 245); background-color: #ffffff;cursor: pointer; float:left; width:120px; } .uk-div-monitor .agent_ch .agent_no{ overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; color: rgba(0,0,0,.85); margin-top: 4px; margin-bottom: 0; font-size: 30px; line-height: 38px; height: 38px; color:${systemConfig.styleColor!'#32c24d'}; } .ukefu-empty-1{ margin:0 auto; font-size:20px; color:#CCCCCC; text-align:center; height: 100%; width: 100%; background:#FFFFFF; position: absolute; } .ukefu-empty-1 i{ font-size:100px; color:#EFEFEF; line-height: 200px; vertical-align: middle; } .ukefu-empty-1 div{ font-size:20px; } .ukefu-empty-2{ margin:0 auto; font-size:30px; color:#CCCCCC; text-align:center; height: 100%; width: 100%; position: absolute; top: 0px; bottom: 0px; z-index: 0; overflow:hidden; word-break:break-all; background:#FFFFFF; } .ukefu-empty-2 i{ font-size:100px; color:#EFEFEF; line-height: 200px; vertical-align: middle; } .ukefu-empty-2 div{ font-size:25px; } .uckefu-pro-inline{ margin-left:10px; } .ukefu-callout-preview{ height: calc(100% - 45px); width: 100%; overflow: auto; } .uk-measure{ border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); } .uk-measure-header { height: 42px; border-radius: 2px 2px 0 0; font-size: 14px; line-height: 42px; padding: 0 15px; border-bottom: 1px solid #f6f6f6; color: #333; } .uk-measure-body { padding: 10px 15px; line-height: 24px; padding: 15px; } .uk-border{ margin-right:12px; } .ukefu-measure-title { font-size: 36px; color: #666; line-height: 36px; padding: 5px 0 10px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } .uk-badge { position: relative; display: inline-block; padding: 0 6px; font-size: 12px; text-align: center; background-color: #FF5722; color: #fff; border-radius: 2px; height: 18px; line-height: 18px; float:right; margin-top: 10px; } .layui-bg-blue { background-color: #1E9FFF!important; } .layui-bg-green { background-color: #009688!important; } .agent-info-list{ margin-top:10px; } .agent-info-list .ukefu-suggest-item { font-size: 14px; padding: 0 0 11px 18px; color: rgba(35, 39, 50, 0.8); background: url(/images/circle.png) no-repeat left 8px; } .ukefu-report-title li{ padding-left:2px; padding-right:2px; } .cskefu-cca-header { padding-top: 0px; }