@import url(https://at.alicdn.com/t/font_2157938_45i1bt3gue1.css);
.webchat-settings .webchat .webchat-circle {
  width: 50px;
  display: block;
  height: 50px;
  border-radius: 100%;
  float: right;
  margin-top: 5px;
}
.webchat-settings .webchat-Mantle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9;
}
.webchat-settings .live-prview {
  text-align: center;
  margin: 33px 0 7px 0;
  color: #606266;
}
.webchat-settings .live-prview-tips {
  margin: 10px 0 10px 0px;
  color: #999999;
}
.webchat-settings .webchat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.webchat-settings .webchat .webchat-circle img,
.webchat-settings .webchat .img-cutter-src img,
.webchat-settings .webchat .avatar {
  -o-object-fit: cover;
     object-fit: cover;
}
.webchat-settings .webchat .webchat-circle img {
  border-radius: 50%;
}
.webchat-settings .webchat .webchat-left {
  -webkit-box-flex: 0.55;
      -ms-flex: 0.55;
          flex: 0.55;
}
.webchat-settings .webchat .webchat-right {
  -webkit-box-flex: 0.4;
      -ms-flex: 0.4;
          flex: 0.4;
  position: relative;
}
.webchat-settings .webchat .wechat-icon {
  font-size: 35px;
  margin-top: 4px;
  margin-left: 6px;
  color: white;
}
.webchat-settings .wechat-iframe {
  width: 100%;
  height: 582px;
  border-radius: 50px;
}
.webchat-settings .flex-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  text-align: center;
}
.webchat-settings .input-settings {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-right: 15px;
}
.webchat-settings .color-picker-settings {
  -webkit-box-flex: 0.18;
      -ms-flex: 0.18;
          flex: 0.18;
}
.webchat-settings .card-margin {
  margin-bottom: 30px;
}
.webchat-settings .card-top-span {
  display: block;
  line-height: 17px;
  color: #C0C4CC;
  margin-bottom: 30px;
}
.webchat-settings .code-box {
  border: 1px solid #DCDFE6;
  height: auto;
  width: 100%;
  padding: 10px 10px 30px 10px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.webchat-settings .code-copy {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.webchat-settings .label-position {
  margin: 0;
  padding: 0;
  line-height: 22px;
}
.webchat-settings .footer-button {
  text-align: right;
  margin-top: 15px;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 148px;
  height: 148px;
  line-height: 148px;
  text-align: center;
}
.avatar {
  width: 148px;
  height: 148px;
  display: block;
}
.widget-title {
  font-size: 20px;
  font-weight: bold;
  color: #666;
  margin: 10px 0;
}