.tox .tox-dialog{
   border: none;
}
.tox .tox-dialog,
.tox .tox-button,
.tox .tox-textarea,
.tox .tox-textfield,
.tox .tox-selectfield select,
.tox .tox-toolbar-textfield{
   border-radius: 0;
}
.tox .tox-dialog-wrap__backdrop{
   background-color: rgba(0, 0, 0, .3);
}

 .circle-tags-list input {
   display: inline-block;
   width: 100px;
 }

 .circle-tags {
   clear: both;
   overflow: hidden;
 }

 .circle-tags dd {
   float: left;
   font-size: 14px;
   padding: 5px 10px 5px 25px;
   color: #fff;
   background: #ff516b;
   margin: 5px 5px 0 0;
   border-radius: 5px;
   cursor: pointer;
   position: relative;
 }

 .circle-tags dd:after {
   content: '+';
   text-align: center;
   height: 20px;
   line-height: 20px;
   font-size: 20px;
   display: block;
   border-radius: 100%;
   box-sizing: border-box;
   position: absolute;
   left: 10px;
   top: 50%;
   margin-top: -13px;
 }

 .circle-tags dd.out {
   background: gray;
 }

 .circle-tags-list a.tag {
   float: left;
   font-size: 14px;
   padding: 5px 30px 5px 10px;
   color: #fff;
   background: #ff516b;
   margin: 5px 5px 0 0;
   border-radius: 5px;
   position: relative;
 }

 .circle-tags-list a.tag em {
   position: absolute;
   right: 5px;
   top: 2px;
 }

 .circle-tags-list .add-tags {
   display: inline-block;
   margin: 5px 5px 0 0;
 }

 .circle-tags-list .add-tags * {
   height: 32px;
   line-height: 32px;
 }

 @media (max-width:460px) {
   .create-circle .layui-form-label {
     width: 100%;
     text-align: left;
   }

   .create-circle .layui-input-block {
     margin-left: 0;
   }
 }
 @media screen and (max-width: 768px) {
  #noneBut{
    display:none; 
  }
 }