@font-face {
  font-family:iconfont;src:url(4317bd77a2f28ca25660.woff2?t=1707121027214) format("woff2"),url(0b7e5c9ba5bafb072acc.woff?t=1707121027214) format("woff"),url(aeec2cc53c2b3af566e3.ttf?t=1707121027214) format("truetype")
}

.iconfont {
  font-family: iconfont!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-huchuzhong:before {
  content: "\e8ff"
}

.icon-tonghuazhong:before {
  content: "\e900"
}

.icon-qianru:before {
  content: "\e8fe"
}

.icon-waihu:before {
  content: "\e901"
}

.icon-jiantou-xiangyou1:before {
  content: "\e8bd"
}

.icon-wenjiangaoye:before {
  content: "\e8bc"
}

.icon-AIjilu:before {
  content: "\e8b6"
}

.icon-huruxiaojie:before {
  content: "\e8b7"
}

.icon-zhishiku:before {
  content: "\e8b8"
}

.icon-laidianxiaojie:before {
  content: "\e8b9"
}

.icon-fuhexiaojie:before {
  content: "\e8ba"
}

.icon-weijieqingdan:before {
  content: "\e8bb"
}

.icon-liuyanguanli:before {
  content: "\e8ae"
}

.icon-kehuguanli:before {
  content: "\e8af"
}

.icon-dianhuawaihuxitong:before {
  content: "\e8b0"
}

.icon-yuyueliebiao:before {
  content: "\e8b1"
}

.icon-dianzigongdan:before {
  content: "\e8b2"
}

.icon-hujiaojilu:before {
  content: "\e8b3"
}

.icon-duanxinfasong:before {
  content: "\e8b4"
}

.icon-shouyeicon:before {
  content: "\e8b5"
}

.icon-touxiang:before {
  content: "\e8ad"
}

.icon-shanchu:before {
  content: "\e8ac"
}

.icon-daochu:before {
  content: "\e89f"
}

.icon-qingchu:before {
  content: "\e8a0"
}

.icon-mimakejian:before {
  content: "\e8a1"
}

.icon-mimabukejian:before {
  content: "\e8a2"
}

.icon-shuaxin:before {
  content: "\e8a3"
}

.icon-bohaopan:before {
  content: "\e89e"
}

.icon-weishoucang:before {
  content: "\e89c"
}

.icon-yishoucang:before {
  content: "\e89d"
}

.icon-wenjianjia:before {
  content: "\e89b"
}

.icon-yiwancheng:before {
  content: "\e899"
}

.icon-sousuo:before {
  content: "\e89a"
}

.icon-tixing:before {
  content: "\e896"
}

.icon-xuanzhong:before {
  content: "\e897"
}

.icon-xinzeng:before {
  content: "\e898"
}

.icon-fanyexiala:before {
  content: "\e895"
}

.icon-shenglve:before {
  content: "\e894"
}

.icon-riqiicon:before {
  content: "\e892"
}

.icon-xialakuang-xialajiantou:before {
  content: "\e893"
}

.icon-jiantou-xiangyou:before {
  content: "\e88f"
}

.icon-jiantou-xiangzuo:before {
  content: "\e890"
}

.icon-zhuanjieicon:before {
  content: "\e891"
}

.icon-tishixinxi:before {
  content: "\e88e"
}

.icon-shouye:before {
  content: "\e88c"
}

.icon-guanbiyemian:before {
  content: "\e88d"
}

.icon-jiantou-xiangshang:before {
  content: "\e88a"
}

.icon-jiantou-xiangxia:before {
  content: "\e88b"
}

.icon-zhankai:before {
  content: "\e888"
}

.icon-shouqi:before {
  content: "\e889"
}

.icon-hujiao:before {
  content: "\e885"
}

.icon-qianchu:before {
  content: "\e886"
}

.icon-xialajiantou:before {
  content: "\e887"
}

.icon-huiyi:before {
  content: "\e87d"
}

.icon-baochi:before {
  content: "\e87e"
}

.icon-guaduan:before {
  content: "\e87f"
}

.icon-disanfang:before {
  content: "\e880"
}

.icon-xiuxi:before {
  content: "\e881"
}

.icon-zhuanjie:before {
  content: "\e883"
}

.icon-shixian:before {
  content: "\e884"
}

.icon {
  height: 1em;
  vertical-align: -.15em;
  width: 1em;
  fill: currentColor;
  overflow: hidden
}

.calling-dialog {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 6px 16px -8px rgba(0,0,0,.08),0 9px 28px 0 rgba(0,0,0,.05),0 12px 48px 16px rgba(0,0,0,.03);
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  margin-left: -160px;
  padding: 16px 24px 20px;
  position: absolute;
  right: 60px;
  top: 80px;
  width: 320px;
  z-index: 9999;
}

.calling-dialog .header {
  align-items: center;
  color: #86909c;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}

.calling-dialog .header .title {
  height: 22px
}

.calling-dialog .header .loading {
  margin-left: 8px
}

.calling-dialog .header .loading .icon {
  width: 2em
}

.calling-dialog .header .call-type {
  flex: 1;
  text-align: right
}

.calling-dialog .phone {
  color: #1d2129;
  font-size: 24px;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  margin-top: 12px
}

.calling-dialog .creattime,.calling-dialog .territoriality {
  color: #86909c;
  font-size: 14px;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  margin-top: 4px
}

.calling-dialog .expand {
  color: #0073ff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 16px;
  text-align: center
}

.calling-dialog .key-grid {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 16px
}

.calling-dialog .key-grid .key {
  background: rgba(0,115,255,.15);
  border-radius: 40px;
  color: #0073ff;
  cursor: pointer;
  font-size: 28px;
  font-weight: 500;
  height: 72px;
  line-height: 72px;
  margin-top: 12px;
  text-align: center;
  width: 72px
}

.calling-dialog .key-grid .key:hover {
  background: rgba(0,115,255,.3)
}

.calling-dialog .operations {
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  line-height: 36px;
  margin-top: 20px;
  text-align: center
}

.calling-dialog .operations .answer {
  background: #00b42a;
  border-radius: 20px;
  display: none;
  flex: 1;
  height: 36px;
  margin-right: 16px;
  width: 128px
}

.calling-dialog .operations .hangUp {
  background: #0073ff;
  border-radius: 20px;
  flex: 1;
  height: 36px;
  width: 128px
}

.toolbar {
  align-items: center;
  background: #fff;
  display: flex;
  font-size: 12px;
  height: 60px
}

.toolbar .panel-box {
  display: inline-block;
  margin-left: 10px;
  position: relative;
  width: 120px
}

.toolbar .panel-box .input {
  background: hsla(0,0%,100%,.1);
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  height: 32px;
  padding-left: 10px;
  width: 120px
}

.toolbar .panel-box .input::placeholder {
  color: hsla(0,0%,100%,.6)
}

.toolbar .panel-box .input:hover {
  border: 1px solid #409eff
}

.toolbar .panel-box .input:focus {
  background: #fff;
  color: #1d2129;
  outline: 1px solid hsla(0,0%,100%,.15)
}

.toolbar .panel-box .dial-show {
  color: hsla(0,0%,100%,.4);
  cursor: pointer;
  font-size: 12px!important;
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
}

.toolbar .panel-box .input:focus+.dial-show {
  color: rgba(29,33,41,.4)
}

.toolbar .panel-box .dail-plate {
  background: #f6f7fb;
  border: 1px solid #eceef0;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 34px;
  width: 248px
}

.toolbar .panel-box .dail-plate .key-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 4px 16px 16px 15px
}

.toolbar .panel-box .dail-plate .header {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 12px 16px 8px 15px
}

.toolbar .panel-box .dail-plate .header .switch {
  align-items: center;
  border: 1px solid #d7dae4;
  border-radius: 4px;
  display: flex;
  height: 28px;
  justify-content: space-between;
  padding: 0 2px;
  width: 110px
}

.toolbar .panel-box .dail-plate .header .switch .line {
  border-radius: 3px;
  color: #1d2129;
  cursor: pointer;
  font-weight: 500;
  height: 24px;
  line-height: 20px;
  text-align: center;
  width: 54px
}

.toolbar .panel-box .dail-plate .header .switch .line:hover {
  background: #f6f7fb
}

.toolbar .panel-box .dail-plate .header .switch .checked {
  background: #0054ba!important;
  color: #fff
}

.toolbar .panel-box .dail-plate .header .close {
  color: #86909c;
  cursor: pointer;
  line-height: 20px;
  text-align: right
}

.toolbar .panel-box .dail-plate .key-grid .delete,.toolbar .panel-box .dail-plate .key-grid .key,.toolbar .panel-box .dail-plate .key-grid .reset {
  background: #fff;
  border: 1px solid #d7dae4;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  margin-top: 4px;
  text-align: center;
  width: 69px
}

.toolbar .panel-box .dail-plate .key-grid .delete {
  width: 142px
}

.toolbar .operation {
  align-items: center;
  border-radius: 4px;
  color: #fdfeff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 48px;
  justify-content: center;
  margin-left: 10px;
  margin-right: 10px;
  width: 48px
}

.toolbar .separator {
  background: #000;
  height: 20px;
  opacity: .1;
  width: 1px
}

.toolbar .active,.toolbar .operation:hover {
  background: transparent;
}
.toolbar .active .iconfont {
  color: #17a6f0 !important;
}
.toolbar .active .text{
  color: #17a6f0 !important;
}
.toolbar .operation:hover {
  opacity: .4
}

.toolbar .disabled {
  pointer-events: none
}

.toolbar .operation .iconfont {
  color: hsl(0deg 0% 0% / 60%);
}

.toolbar .operation .text {
  color: hsl(0deg 0% 0% / 60%);
  margin-top: 2px
}

.toolbar .operation:hover .iconfont {
  color: #000
}

.toolbar .disabled .iconfont,.toolbar .operation:hover .text {
  color: hsl(0deg 0% 0% / 60%);
}

.toolbar .disabled .text {
  color: hsl(0deg 0% 0% / 60%);
}