.qg-switch .is-clickable {
  cursor: not-allowed;
}
.qg-radio {
  display: flex;
  align-items: center;
}
.qg-radio .qg-radio-item {
  margin-left: .2rem;
}
.qg-radio .is-clickable {
  cursor: not-allowed;
}
.qg-radio .qg-radio-item:nth-of-type(1) {
  margin-left: 0;
}
.qg-checkbox {
  display: flex;
  align-items: center;
}
.qg-checkbox .qg-checkbox-item {
  margin-left: .2rem;
}
.qg-checkbox .is-clickable {
  cursor: not-allowed;
}
.qg-checkbox .qg-checkbox-item:nth-of-type(1) {
  margin-left: 0;
}
input[type=radio],
input[type=checkbox],
select {
  display: none;
}
select {
  letter-spacing: 1px;
  font-size: .16rem;
}
.qg-text-item {
  width: 3.5rem;
  height: .38rem;
  min-width: 2rem;
  min-height: 24px;
  /* background-color: #F6F6F6; */
  border-radius: .04rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d9d8d8;
  overflow: hidden;
  box-sizing: border-box;
}
.small .qg-text-item {
  width: 1.5rem !important;
  min-width: 1.5rem !important;
}
.text-is-disabled {
  background-color: #F6F6F6;
}
.text-is-disabled input {
  cursor: not-allowed;
}

.qg-text-item input {
  width: 100%;
  height: 100%;
  font-size: .16rem;
  padding-left: 0.1rem;
}
.qg-text-item input[disabled] {
    background: #F6F6F6;
    cursor: not-allowed;
}
.qg-text-item .edit-icon {
  display: none;
  font-size: .25rem;
  width: .46rem;
  text-align: center;
  color: #B5B5B6;
  cursor: pointer;
}
.qg-textarea-item {
  display: flex;
  align-items: flex-end;
}
.qg-textarea-item textarea {
  display: block;
  padding: .1rem;
  min-width: 3.5rem;
  min-height: 1.5rem;
  /* background-color: #F6F6F6; */
  font-size: .16rem;
  font-family: MicrosoftYaHei;
  border-radius: .04rem;
  border: 1px solid #d9d8d8;
}
.qg-textarea-item .tip {
  width: 4rem;
  font-size: .14rem;
  margin-left: .1rem;
}
.qg-textarea-item .textarea-active {
  border: 1px solid #47A2FF;
  background-color: #fff;
}
.qg-text-item-active {
  border: 1px solid #47A2FF;
  background-color: #fff;
}
.qg-switch-item {
  display: flex;
  align-items: center;
}
.qg-switch-item em {
  display: block;
  font-size: .14rem;
}
.qg-switch-item .btn-state {
  margin-top: .03rem;
  margin-left: .1rem;
  margin-right: .1rem;
  width: .36rem;
  height: .13rem;
  min-width: 26px;
  min-height: 10px;
  padding: 2px;
  background-color: #D2D2D2;
  border-radius: .2rem;
  cursor: pointer;
}
.qg-switch-item .btn-state strong {
  display: block;
  width: .13rem;
  height: .13rem;
  min-width: 10px;
  min-height: 10px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  margin-left: 0 !important;
}
.qg-switch-item.switch-disabled .btn-state{
    cursor: not-allowed;
}
.qg-radio-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.qg-radio-item .icon {
  width: 16px;
  height: 16px;
  background: url('../../image/icon/unselected@2x.png') no-repeat;
  background-size: contain;
}
.qg-radio-item .select-icon {
  background: url('../../image/icon/selected@2x.png') no-repeat;
  background-size: contain;
}
.qg-radio-item em {
  display: block;
  /* font-size: .14rem; */
  margin-left: .1rem;
  -webkit-user-select: none;
}
.qg-checkbox-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.qg-checkbox-item .icon,.qg-all-select .icon{
  width: 16px;
  height: 16px;
  object-fit: contain;
  object-position: center;
  background-color: #fff;
  border-radius: .04rem;
  border: 1px solid #d9d8d8;
}
.qg-checkbox-item .select-icon,.qg-all-select .select-icon{
  background-color: #47A2FF !important;
  border-color: #47A2FF;
}
.qg-checkbox-item em {
  display: flex;
  align-items: center;
  font-size: .14rem;
  margin-left: .1rem;
  user-select: none;
}
.qg-checkbox-item[data-disabled='disabled'] img{
  width: 16px;
  height: 16px;
  min-width: 0;
  min-height: 0;
  background-color: #efefef;
  cursor: not-allowed;
}
.qg-select-item {
  position: relative;
  display: inline-block;
  min-width: 1.5rem;
}
.medium .qg-select-item {
    min-width: 2.5rem;
    width: 2.5rem;
}
.large .qg-select-item {
  min-width: 3.5rem;
}
.qg-paging .qg-select-item{
  min-width: .85rem !important;
}
.qg-select-item .title {
  /* width: 100%; */
  display: flex;
  align-items: center;
  height: .38rem;
  min-height: 24px;
  border-radius: .04rem;
  padding: 0 .1rem;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d8d8;
  /* box-sizing: border-box; */
  -webkit-user-select: none;
  cursor: pointer;
  box-sizing: border-box;
}
.qg-select-item .title em {
  width: 100%;
  display: block;
  font-size: .16rem;
  letter-spacing: 1px;
}
.qg-select-item .title .icon {
  display: block;
  margin-left: .08rem;
  width: .12rem;
  height: .12rem;
  min-width: 10px;
  min-height: 10px;
}
.qg-select-item .title .search-inp{
  width: 0;
  flex: 1;
  min-width: 1rem;
  cursor: pointer;
  border: none;
  font-size: .16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  caret-color: #47A2FF;
}
.qg-select-item .title .hidePass{
  width: 0;
  height: 0;
  position: fixed;
  opacity: 0;
  top: 0;
}
.qg-select-item .title .to-right-icon {
  background: url('../../image/icon/select_to_right_icon.png') center no-repeat;
  background-size: contain;
}
.qg-select-item .title .to-down-icon {
  width: .12rem;
  height: .07rem;
  min-width: 10px;
  min-height: 10px;
  background: url('../../image/icon/select_to_bottom_icon.png') center no-repeat;
  background-size: contain;
}
.qg-select-item[is-disable="disabled"],
.qg-select-item[is-disable="disabled"] * {
  cursor: not-allowed !important;
  background-color:#F6F6F6;
}
.qg-select-item .is-clickable em {
  color: #97999C;
}
/* .qg-select-item .is-clickable .icon {
  background: url('../../image/icon/select_to_right_icon.png') no-repeat;
  background-size: contain;
} */
.qg-paging .qg-select-item .drop-down-box{
  min-width: 0;
  top: auto;
  top: unset;
  bottom: .55rem;
  width: auto;
  width: unset;
}
.qg-paging .qg-select-item .drop-down-box .triangle{
  top: auto;
  top: unset;
  bottom: -0.09rem;
  transform: rotate(-135deg);
  left: .35rem;
  margin-left: 0;
}
.qg-select-item .drop-down-box {
  /* min-width: 1.5rem; */
  display: none;
  position: absolute;
  top: .55rem;
  z-index: 99999;
  box-shadow: 0px 4px 6px 0px rgba(218, 218, 218, 0.35);
  border: 1px solid #d9d8d8;
  border-radius: .04rem;
  background-color: #fff;
  width: 100%;
}
.qg-select-item .drop-down-box .content {
  max-height: 2.5rem !important;
  overflow: auto;
  /* background: #fff; */
  position: relative;
  z-index: 2;
  padding: .05rem 0;
}
.qg-select-item .drop-down-box a,.qg-select-item .drop-down-box p {
  display: block;
  padding: .1rem .1rem;
  /* white-space: nowrap; */
  min-width: 50px;
  font-size: .16rem;
  color: #000;
  letter-spacing: 1px;
  word-break: break-all;
  line-height: normal;
}
.qg-select-item .drop-down-box p{
  color: #999;
  text-align: center;
  cursor:default
}
.qg-select-item .drop-down-box .active-a {
  color: #fff;
}
.qg-select-item .drop-down-box .group h3 {
  padding: .08rem .1rem;
  font-size: .14rem;
  font-weight: bold;
}
.qg-select-item .drop-down-box .group a {
  padding: .08rem .2rem;
  text-align: center;
}
.qg-select-item .drop-down-box .triangle {
  position: absolute;
  top: -0.09rem;
  left: 50%;
  margin-left: -0.08rem;
  width: .15rem;
  height: .15rem;
  background-color: #fff;
  /* border-left: .06rem solid transparent;
  border-right: .06rem solid transparent;
  border-bottom: .08rem solid #fff; */
  transform: rotate(45deg);
  border: 1px solid #d9d8d8;
  border-bottom: none;
  border-right: none;
  /* box-shadow: 2px 4px 6px 2px rgba(218, 218, 218, 0.4); */
}
@media screen and (max-width: 1100px) {
  .qg-select-item .drop-down-box {
    top: 38px;
  }
}
.qg-btn-select-txt {
  display: none;
}
.qg-btn-select {
  position: relative;
  display: inline-block;
}
.qg-btn-select .title {
  display: flex;
  align-items: center;
  height: .38rem;
  min-height: 24px;
  border-width: 1px;
  border-style: solid;
  -webkit-user-select: none;
  border-radius: .04rem;
  box-sizing: border-box;
  cursor: pointer;
}
.qg-btn-select .title em {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 .1rem;
  font-size: .14rem;
  letter-spacing: 1px;
  color: #fff;
}
.qg-btn-select .title .icon {
  display: block;
  height: 100%;
  width: 30px;
  background: url('../../image/icon/down_blue_icon.png') center no-repeat;
  background-size: 12px 6px;
}
.qg-btn-select .title .active-icon {
  background: url('../../image/icon/down_white_icon.png') center no-repeat;
  background-size: 12px 6px;
  background-color: #3c8cff;
}
.qg-btn-select .drop-down-box {
  display: none;
  position: absolute;
  top: .5rem;
  right: 0;
  z-index: 99999;
  box-shadow: 0px 4px 6px 0px rgba(218, 218, 218, 0.35);
  border: 1px solid #d9d8d8;
  border-radius: .04rem;
}
.qg-btn-select .drop-down-box .content {
  max-height: 400px;
  overflow: auto;
  background: #fff;
  position: relative;
  z-index: 2;
  padding: .05rem 0;
  border-radius: .04rem;
}
.qg-btn-select .drop-down-box a {
  display: block;
  padding: .1rem .1rem;
  white-space: nowrap;
  min-width: 50px;
  font-size: .14rem;
  color: #000;
  letter-spacing: 1px;
  text-align: center;
}
.qg-btn-select .drop-down-box a:not(.active-a):hover {
  color: #47A2FF;
  background-color: #F2F7FF;
}
.qg-btn-select .drop-down-box .active-a {
  color: #47A2FF;
  background-color: #F2F7FF;
}
.qg-btn-select .drop-down-box .triangle {
  position: absolute;
  top: -5px;
  right: 20px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  transform: rotate(45deg);
  border: 1px solid #d9d8d8;
  box-shadow: 2px 4px 6px 2px rgba(218, 218, 218, 0.4);
}
@media screen and (max-width: 1200px) {
  .qg-btn-select .drop-down-box {
    top: 40px;
  }
}
.qg-upload-avatar {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: .06rem;
  background: url('../../image/icon/upload_icon.png') center no-repeat;
  background-size: .8rem .8rem;
  background-color: #F6F6F6;
  overflow: hidden;
  position: relative;
}
.qg-upload-avatar img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}
.qg-upload-avatar input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.qg-upload-avatar .state-icon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  justify-content: flex-end;
  z-index: 100;
}
.qg-upload-avatar .state-icon .icon {
  display: block;
  width: .30rem;
  height: .30rem;
  min-width: 20px;
  min-height: 20px;
}
.qg-upload-avatar .active-success {
  display: flex;
}
.qg-upload-avatar .state-success span {
  color: #49BCBD;
}
.qg-upload-avatar .state-success .icon {
  background: url('../../image/icon/upload_success_bg.png') no-repeat;
  background-size: contain;
}
.qg-upload-avatar .delete-icon .icon {
  background: url('../../image/icon/upload_delete.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.qg-upload-attach {
  width: 80%;
}
.qg-upload-attach .upload {
  width: 10rem;
  padding: 0 .1rem .1rem 0;
  box-sizing: border-box;
  border-radius: .06rem;
}
.qg-upload-attach .upload .wrap-img {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .1rem;
}
.qg-upload-attach .upload .wrap-img .item {
  margin-right: .12rem;
  width: .6rem;
  height: .6rem;
  min-width: 40px;
  min-height: 40px;
  position: relative;
  box-shadow: 0 0 1px 0 #EAEAEA;
  margin-top: .1rem;
}
.qg-upload-attach .upload .wrap-img .item img {
  display: block;
  width: 100%;
  height: 100%;
}
.qg-upload-attach .upload .wrap-img .item .state-icon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
}
.qg-upload-attach .upload .wrap-img .item .state-icon .icon {
  display: block;
  width: 16px;
  height: 16px;
}
.qg-upload-attach .upload .wrap-img .item .state-success span {
  color: #49BCBD;
}
.qg-upload-attach .upload .wrap-img .item .state-success .icon {
  background: url('../../image/icon/upload_success_bg.png') no-repeat;
  background-size: contain;
}
.qg-upload-attach .upload .wrap-img .item .state-fail span {
  color: #E94738;
}
.qg-upload-attach .upload .wrap-img .item .state-fail .icon {
  background: url('../../image/icon/upload_fail_icon.png') no-repeat;
  background-size: contain;
}
.qg-upload-attach .upload .wrap-img .item .del {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
}
.qg-upload-attach .upload .wrap-img .item .del .icon {
  display: block;
  width: .2rem;
  height: .2rem;
  min-width: 14px;
  min-height: 14px;
  background: url('../../image/icon/upload_del_icon.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.qg-upload-attach .upload .wrap-img .item:hover .state-icon {
  display: none;
}
.qg-upload-attach .upload .wrap-img .item:hover .del {
  display: flex;
}
.qg-upload-attach .upload .wrap-img .item:nth-of-type(1) {
  margin-left: 0px;
}
.qg-upload-attach .upload .wrap-btn {
  display: flex;
}
.qg-upload-attach .upload .wrap-btn .btn-upload {
  padding: 0 .1rem;
  height: .35rem;
  min-width: 42px;
  min-height: 24px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .06rem;
}
.qg-upload-attach .upload .wrap-btn .btn-upload .wrap-txt {
  display: flex;
  align-items: center;
}
.qg-upload-attach .upload .wrap-btn .btn-upload .wrap-txt .icon {
  display: block;
  width: .25rem;
  height: .25rem;
  min-width: 18px;
  min-height: 18px;
  background: url('../../image/icon/upload_icon.png') center no-repeat;
  background-size: contain;
}
.qg-upload-attach .upload .wrap-btn .btn-upload .wrap-txt p {
  font-size: .14rem;
  color: #fff;
  margin-left: .05rem;
  white-space: nowrap;
}
.qg-upload-attach .upload .wrap-btn .btn-upload input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.qg-upload-attach .upload .wrap-btn .active-upload {
  border-width: 1px;
  border-style: solid;
}
.qg-upload-attach .upload .wrap-btn .tip {
  margin-left: .23rem;
}
.qg-upload-attach .upload .wrap-btn .tip p {
  font-size: .14rem;
  color: #9AABAB;
}
.qg-upload-attach .upload .wrap-btn .tip p span {
  color: #E94738;
}
.qg-table {
  margin-top: .18rem;
  border: 1px solid #D9D8D8;
  /* border-bottom: none;; */
  position: relative;
  overflow-y: auto;
}
.qg-table .t-head {
  display: flex;
  background: #fff;
  flex-flow: row;
  border-bottom: 1px solid #D9D8D8;
  position:sticky;
  top: 0;
  z-index: 100;
}
.qg-table .t-head .t-row {
  flex: 1;
  padding: .2rem 0;
  display: flex;
  align-items: center;
}
.qg-table .t-head .t-row .all-select .icon {
  display: block;
  width: 16px;
  height: 16px;
  min-width: 12px;
  min-height: 12px;
  margin-left: .2rem;
  object-fit: contain;
  object-position: center;
  background-color: #fff;
  border-radius: .04rem;
  border: 1px solid #d9d8d8;
  /* background: url('../../image/icon/rectangle_unselected@2x.png') no-repeat; */
  /* background-size: contain; */
  cursor: pointer;
}
.qg-table .t-head .t-row .all-select .select-icon {
  /* background: url('../../image/icon/rectangle_selected@2x.png') no-repeat; */
  /* background-size: contain; */
  border-color: #47A2FF;
  background-color: #47A2FF;
}
.qg-table .t-head .t-row strong {
  display: block;
  width: 50%;
  margin-left: .18rem;
  font-size: .16rem;
  font-weight: bold;
}
.qg-table .t-head .t-row span {
  display: block;
  margin-left: .24rem;
  font-size: .16rem;
  font-weight: bold;
}
.qg-table .t-head .t-row .sort {
  margin-left: .1rem;
  cursor: pointer;
}
.qg-table .t-head .t-row .sort .icon {
  display: block;
  width: .14rem;
  height: .14rem;
  min-width: 12px;
  min-height: 12px;
}
.qg-table .t-head .t-row .sort .btn-ascend-icon {
  background: url('../../image/btn/btn_ascend_icon.png') center no-repeat;
  background-size: contain;
}
.qg-table .t-head .t-row .sort .btn-descend-icon {
  background: url('../../image/btn/btn_descend_icon.png') center no-repeat;
  background-size: contain;
}
.qg-table .t-head .t-row .sort .btn-descend-active-icon {
  background: url('../../image/btn/btn_descend_active_icon.png') center no-repeat;
  background-size: contain;
}
.qg-table .t-body {
  box-sizing: border-box;
}
.qg-table .t-body .t-row {
  display: flex;
  flex-flow: row;
  padding: .14rem 0;
  border-bottom: 1px solid #D9D8D8; 
}
.qg-table .t-body .t-row:nth-child(1){
  /* border-top: 1px solid #d9d8d8; */
}
.qg-table .t-body>.t-row:nth-last-child(1){
  border-bottom: none;
}
.qg-table .t-body .t-row .t-col {
  width: 1%;
  flex: 1;
  display: flex;
  align-items: center;
  min-height: .45rem;
  box-sizing: border-box;
  /* flex-flow: wrap; */
}
.qg-table .t-body .t-row .t-col>strong {
  display: block;
  width: 50%;
  margin-left: .18rem;
  font-size: .16rem;
  word-wrap: break-word;
}
.qg-table .t-body .t-row .t-col .table-select input {
  display: none;
}
.qg-table .t-body .t-row .t-col .table-select .icon {
  width: 16px;
  height: 16px;
  min-width: 12px;
  min-height: 12px;
  margin-left: .2rem;
}
.qg-table .t-body .t-row .t-col>span {
  display: block;
  width: 80%;
  margin-left: .24rem;
  font-size: .16rem;
  word-wrap: break-word;
}
.qg-table .t-body .t-row .t-col>a {
  font-size: .16rem;
  color: #47A2FF;
}
.qg-table .t-body .t-row .t-col>a:hover {
  color: #E94738;
}
.qg-table .t-body .t-row .t-col>span>a {
  color: #47A2FF;
}
.qg-table .t-body .t-row .t-col>span>a:hover {
  color: #E94738;
}
.qg-table .t-body .t-row .t-col .btn-operation {
  margin-left: .24rem;
  font-size: .16rem;
  display: flex;
  flex-wrap: wrap;
}
.qg-table .t-body .t-row .t-col .btn-operation>em {
  display: inline-block;
  margin-left: .1rem;
  margin-right: .1rem;
  font-size: .14rem;
  color: #D6D6D6;
}
.qg-table .t-body .t-row .t-col .btn-operation>a {
  display: block;
  font-size: .16rem;
}
/* .qg-table .t-body .t-row .t-col .btn-operation>a:nth-of-type(1) {
  margin-left: .2rem;
} */
.qg-table .t-body .t-row .t-col .btn-operation>a .icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.qg-table .t-body .t-row .t-col .btn-operation>a:hover {
  color: #FE325D;
}
.qg-table .t-body .t-row .t-col .btn-operation>a:hover .icon {
  background: #FE325D;
}
.qg-table .t-body .t-row:nth-of-type(n) {
  background-color: #fafafa;
}
.qg-table .t-body .t-row:nth-of-type(2n) {
  background-color: #fff;
}
.qg-table .t-body .t-row:hover {
  background-color: #F2F7FF;
}
.qg-table .flex-0-5 {
  flex: 0.5 !important;
}
.qg-table .flex-0-8 {
  flex: 0.8 !important;
}
.qg-table .flex-1 {
  flex: 1 !important;
}
.qg-table .flex-1-5 {
  flex: 1.5 !important;
}
.qg-table .flex-2 {
  flex: 2 !important;
}
.qg-table .flex-2-5 {
  flex: 2.5 !important;
}
.qg-table .flex-3 {
  flex: 3 !important;
}
.qg-btn-group {
  display: flex;
  margin-top: .2rem;
}
.qg-btn-group a {
  margin-left: .1rem;
}
.qg-btn-group a:nth-of-type(1) {
  margin-left: 0;
}
.qg-btn {
  display: inline-block;
  border-radius: .06rem;
  position: relative;
  cursor: pointer;
}
.qg-btn .wrap {
  display: flex;
  align-items: center;
  padding: 0 .15rem;
  height: .36rem;
  min-height: 24px;
  position: relative;
  box-sizing: border-box;
}
.qg-btn input {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.qg-btn .wrap .icon {
  display: block;
  width: 16px;
  height: 16px;
  min-height: 16px;
  min-width: 16px;
  margin-right: .1rem;
}
.warning-icon {
  cursor: pointer;
  display: block;
  width: .2rem;
  height: .2rem;
  min-height: 12px;
  min-width: 12px;
  margin-left: .1rem;
  background: url('../../image/btn/warning_ico.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-del-icon {
  background: url('../../image/btn/btn_del_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-export-icon {
  background: url('../../image/btn/daochu.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-import-icon {
  background: url('../../image/btn/btn_import_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-panel-icon {
  background: url('../../image/btn/btn_computer_iocn.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-modify-icon {
  background: url('../../image/btn/btn_modify_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-save-icon {
  background: url('../../image/btn/btn_save_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-send-email-icon {
  background: url('../../image/btn/btn_send_email_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-send-msg-icon {
  background: url('../../image/btn/btn_send_msg_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-sort-icon {
  background: url('../../image/btn/btn_sort_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-send-station-icon {
  background: url('../../image/btn/btn_send_station_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-send-text-icon {
  background: url('../../image/btn/btn_send_text_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-sync-icon {
  background: url('../../image/btn/btn_sync_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-toview-icon {
  background: url('../../image/btn/btn_toview_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-add-icon {
  width: .14rem;
  height: .14rem;
  background: url('../../image/btn/btn_add_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-inquire-icon {
  background: url('../../image/btn/btn_inquire_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-check-icon {
  background: url('../../image/btn/btn_check_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-dir-down-icon {
  background: url('../../image/btn/btn_dir_down_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-dir-upward-icon {
  background: url('../../image/btn/btn_dir_upward_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-getmoney-icon {
  background: url('../../image/btn/btn_getmoney_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-set-icon {
  background: url('../../image/btn/btn_set_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-reinstall-icon {
  background: url('../../image/btn/btn_reinstall_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-boot-icon {
  background: url('../../image/btn/btn_boot_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-turn-off-icon {
  background: url('../../image/btn/btn_turn_off_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-renewal-icon {
  background: url('../../image/btn/btn_renewal_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-restart-icon {
  background: url('../../image/btn/btn_restart_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-reset-icon {
  background: url('../../image/btn/btn_reset_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-jietu-icon {
  background: url('../../image/btn/btn_jietu_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-upgrade-icon {
  background: url('../../image/btn/btn_upgrade_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-reopen-icon {
  background: url('../../image/btn/btn_reopen_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-checkit-icon {
  background: url('../../image/btn/btn_checkit_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap .btn-bind-icon {
  background: url('../../image/btn/btn_bind_icon.png') center no-repeat;
  background-size: contain;
}
.qg-btn .wrap em {
  display: block;
  font-size: .16rem;
  color: #fff;
}
.qg-paging {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  position: sticky;
  bottom: 0;
  margin-top: -1px;
  padding: .16rem 0;
  border-top: 1px solid #d9d8d8;
}
.qg-paging .paging-left {
  display: flex;
  align-items: center;
}
.qg-paging .paging-left p {
  font-size: .16rem;
}
.qg-paging .paging-right {
  display: flex;
  align-items: center;
}
.qg-paging .paging-right .per-page {
  display: flex;
}
.qg-paging .paging-right .per-page a {
  display: flex;
  align-items: center;
  margin-left: 2px;
  padding: 0 .08rem;
  height: .26rem;
  min-height: 20px;
  text-align: center;
  font-size: .16rem;
  color: #000;
}
.qg-paging .paging-right .per-page a:hover{
  color: #fff;
  background-color: #47A2FF;
}
@media screen and (max-width: 1300px) {
  .qg-paging .paging-right .per-page a {
    padding: 0 5px;
  }
}
.qg-paging .paging-right .per-page .active-a {
  color: #fff;
}
.qg-paging .paging-right .per-page .change {
  display: flex;
}
.qg-paging .paging-right .jump-num {
  margin-left: .3rem;
  position: relative;
  display: flex;
  align-items: center;
}
.qg-paging .paging-right .jump-num span {
  display: block;
  font-size: .16rem;
}
.qg-paging .paging-right .jump-num input {
  width: .53rem;
  height: .36rem;
  min-width: 30px;
  min-height: 24px;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d8d8;
  border-radius: .04rem;
  text-align: center;
  font-size: .17rem;
  color: #CECECE;
  box-sizing: border-box;
}
.qg-paging .paging-right .jump-num .prompt-popup {
  position: absolute;
  bottom: -0.18rem;
  display: none;
}
.qg-paging .paging-right .jump-num .prompt-popup p {
  color: #E94738;
  font-size: .14rem;
}
.qg-paging .paging-right .btn-jump {
  margin-left: .17rem;
}
.qg-paging .paging-right .btn-jump a {
  display: flex;
  align-items: center;
  height: .36rem;
  min-height: 24px;
  border-radius: .04rem;
  font-size: .16rem;
  color: #fff;
  padding: 0 .1rem;
  letter-spacing: .5em;
  text-indent: .5em;
  box-sizing: border-box;
}
/* .qg-paging .paging-right .btn-jump a:hover {
  background-color: #F6AE54;
} */
/* 加减框 */
.qg-inc-dec {
  display: flex;
  align-items: center;
  height: .3rem;
  min-height: 22px;
}
.qg-inc-dec input {
  display: block;
  width: 1rem;
  min-width: 60px;
  height: 100%;
  text-indent: .1rem;
  font-size: .16rem;
  border: 1px solid #F6F6F6;
}
.qg-inc-dec .wrap-btn a {
  display: block;
  width: .25rem;
  height: .12rem;
  min-height: 11px;
  background: #F6F6F6;
  border: 1px solid #F6F6F6;
}
.qg-inc-dec .wrap-btn a .icon {
  display: block;
  width: 100%;
  height: 100%;
}
.qg-inc-dec .wrap-btn a:hover  {
  background:#20A0FF;

}
.qg-inc-dec .wrap-btn a:hover .up-icon{
  background: url('../../image/icon/to_up_lightgray_icon_h.png') center no-repeat;
  background-size: 18px 16px;
}
.qg-inc-dec .wrap-btn a:hover .down-icon{
  background: url('../../image/icon/to_down_lightgray_icon_h.png') center no-repeat;
  background-size: 18px 16px;
}
.qg-inc-dec .wrap-btn a .up-icon {
  background: url('../../image/icon/to_up_lightgray_icon.png') center no-repeat;
  background-size: 18px 16px;
}
.qg-inc-dec .wrap-btn a .down-icon {
  background: url('../../image/icon/to_down_lightgray_icon.png') center no-repeat;
  background-size: 18px 16px;
}
.qg-inc-dec .wrap-btn a:hover {
  border: 1px solid #47A2FF;
}
.qg-inc-dec .wrap-btn em {
  display: block;
  height: .04rem;
  min-height: 2px;
}
.qg-inc-dec p {
  margin-left: .1rem;
  color: #B5B5B6;
}
/* 条件标签 */
.current-conditions {
  display: flex;
  align-items: center;
  padding: .1rem 0;
  margin-top: .1rem;
}
.current-conditions p {
  font-size: .14rem;
  margin-left: .1rem;
  /* width: 100px; */
}
.current-conditions ul {
  display: flex;
  flex-wrap: wrap;
}
.current-conditions ul li {
  display: flex;
  margin-top: 1px;
  align-items: center;
  margin-left: .1rem;
  padding: .06rem .15rem;
  border-radius: .06rem;
}
.current-conditions ul li a {
  display: flex;
  align-items: center;
  font-size: .14rem;
  color: #fff;
}
.current-conditions ul li a .icon {
  display: block;
  margin-left: .1rem;
  width: .10rem;
  height: .10rem;
  min-width: 8px;
  min-height: 8px;
  background: url('../../image/icon/btn_close_icon.png') no-repeat;
  background-size: contain;
  cursor: pointer;
}
.qg-time-selector {
  display: flex;
  align-items: center;
}
.qg-time-selector .txt {
  padding: 0 .05rem;
  font-size: .14rem;
}
.qg-time-selector .start-time,
.qg-time-selector .end-time {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #d9d8d8;
  border-radius: .04rem;
  height: .34rem;
  min-height: 24px;
  /* padding: 0 .2rem 0 .1rem; */
}
.qg-time-selector .start-time .icon,
.qg-time-selector .end-time .icon {
  display: block;
  width: 16px;
  height: 16px;
  background: url('../../image/icon/date_icon@2x.png') no-repeat;
  margin-left: 0.1rem;
  background-size: contain;
}
.qg-time-selector .start-time .time,
.qg-time-selector .end-time .time {
  display: block;
  width: 1.2rem;
  min-width: 70px;
  margin-left: .1rem;
  font-size: .16rem;
  padding-right: 0.1rem;
  height: 0.34rem;
}
.qg-warm-prompt {
  padding: .1rem;
  background-color: #FFF1E1;
  margin-top: .3rem;
  
}
.qg-warm-prompt p {
  margin-left: .3rem;
  font-size: .14rem;
  color: #FF8900;
}
/* 进度条 */
.qg-progress-bar {
  width: 4rem;
  margin-bottom: 0.1rem;
}
.qg-progress-bar .wrap em {
  display: block;
  text-align: center;
}
.qg-progress-bar .wrap span {
  display: block;
  text-align: center;
  margin-top: .05rem;
}
.qg-progress-bar .wrap .bar {
  width: 100%;
  height: .2rem;
  margin-top: .05rem;
  border-radius: .2rem;
  overflow: hidden;
  border: 1px solid #47A2FF;
}
.qg-progress-bar .wrap .bar .value {
  height: 100%;
}
.qg-mt-0 {
  margin-top: 0 !important;
}
.qg-mt-10 {
  margin-top: .1rem;
}
.qg-ml-10 {
  margin-left: .1rem;
}
.qg-ml-20 {
  margin-left: .2rem;
}
.qg-ml-30 {
  margin-left: .3rem;
}
.qg-mt-20 {
  margin-top: .2rem;               
}
.qg-mt-30 {
  margin-top: .3rem;               
}
.qg-mt-23 {
  margin-top: .23rem;               
}
.qg-font-16 {
  font-size: .16rem;
}
.qg-font-14 {
  font-size: .14rem;
}
.qg-font-12 {
  font-size: .12rem;
}
.qg-hide {
  display: none!important;
}
.qg-show {
  display: block!important;
}
/* 编辑器 */
.qg-wangEditor {
  display: flex;
  align-items: flex-start;
}
#editor {
  font-size: .16rem;
  width: 10rem;
}
.qg-html-text {
  padding: 0 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.qg-html-text textarea {
  font-family: "microsoft yahei";
  font-size: .16rem;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
}

/* 全部IP列表 */
.business-logo-lis {
  width: 550px;
  max-height: 500px;
  overflow-y: auto;
  /* padding-bottom: 10px; */
  border: 1px solid #F0EEEE;
  border-bottom: none;
}
.business-logo-lis dt {
  display: flex;
  /* border-top: 1px solid #F0EEEE; */
}
.business-logo-lis dt span {
  flex: 1;
  width: 1%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 20px 20px;
  color: #313131;
  font-size: 16px;
  font-weight: bold;
}
/* .business-logo-lis dt span:nth-of-type(1) {
  flex: 2;
} */
.business-logo-lis dd {
  display: flex;
}
.business-logo-lis dd span {
  flex: 1;
  width: 1%;
  display: flex;
  align-items: center;
  font-size: 15px;
  padding: 13px 20px;
  box-sizing: border-box;
}
/* .business-logo-lis dd span:nth-of-type(1) {
  flex: 2;
} */
.business-logo-lis dd:nth-of-type(2n-1) {
  background-color: #FAFAFA;
}
.business-logo-lis dd:nth-of-type(1) {
  border-top: 1px solid #F0EEEE;
}
.business-logo-lis dd:nth-last-of-type(1) {
  border-bottom: 1px solid #F0EEEE;
}


.content-footer {
  padding-top: .16rem;
  position: sticky;
  bottom: 0;
  background-color: #fff;
  border-top: 1px solid #d9d8d8;
  margin-top: -1px;
}
.content-footer ul{
  display: flex;
}
.content-footer ul li{
  margin-right: .1rem;
}
.content-footer .qg-paging{
  border-top: none;
  margin-top: 0;
}
.qg-paging .qg-select-item .drop-down-box .content{
  padding: .05rem;
  display: flex;
  flex-wrap: wrap;
  width: 3rem;
}
.qg-select-item .drop-down-box .content a:hover{
  background-color: #f2f7ff;
  color: #47A2FF;
}
.qg-paging .qg-select-item .drop-down-box a{
    width: 1rem;
    box-sizing: border-box;
    text-align: center;
    border-radius: .04rem;
}
.qg-paging .qg-select-item .title .to-down-icon {
  transform: rotate(180deg);
}
.qg-link-nav{
  display: flex;
  margin-top: .15rem;
}
.qg-link-list{
  display: flex;
  /* border-radius: .04rem;
  border: 1px solid #47A2FF; */
}
.qg-link-item{
  padding: 0 .15rem;
  display: flex;
  align-items: center;
  height: .36rem;
  border: 1px solid #47A2FF;
  border-left: none;
  width: 1rem;
  justify-content: center;
}
.qg-link-item:nth-child(1){
  border-left: 1px solid #47A2FF;
  border-top-left-radius: .04rem;
  border-bottom-left-radius: .04rem;
}
.qg-link-item:nth-last-child(1){
  border-top-right-radius: .04rem;
  border-bottom-right-radius: .04rem;
}
.qg-link-item:hover,.qg-link-item.active{
  background-color: #47A2FF;
  color: #fff;
}
.qg-link-wrap .qg-link-nav {
  margin-top: 0;
}
.test-worn-style{
  border-color: #fe325d !important;
  position: relative;
  overflow: visible;
}
.test-worn{
  position: absolute;
  bottom: -.25rem;
  color: #fe325d;
  white-space: nowrap;
  line-height: .25rem;
  font-size: 12px;
}
li.mt-25{
  margin-top: .25rem !important;
}
.status-icon{
  display: flex;
  align-items: center;
  height: .25rem;
  padding: 0 .15rem;
  border-radius: .15rem;
  box-sizing: border-box
}
.status-icon.status-success{
  color: #67c13a;
  border:1px solid #67c13a;
}
.status-icon.status-warning{
  color: #ff8802;
  border:1px solid #ff8802;
}
.status-icon.status-fail{
  color: #fe325d;
  border:1px solid #fe325d;
}
.status-icon.status-none{
  color: #d9d8d8;
  border:1px solid #d9d8d8;
}
.status-icon.status-error{
  color: #999;
  border:1px solid #999;
}


.admin-add-icon{
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: .16rem .16rem;
  background-image: url('../../image/icon/admin_add.png');
  border:1px solid #47A2FF;
  display: block;
}
.admin-add-icon:hover,.admin-add-icon.active{
  background-image: url('../../image/icon/admin_add_active.png');
  background-color: #47A2FF;
}

.admin-del-icon{
  width: .16rem;
  height: .16rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('../../image/icon/btn_close_icon_blue.png');
  display: block;
}
.admin-del-icon.active{
  background-image: url('../../image/icon/btn_close_icon.png');
}
#mceu_38{
  display: none;
}
input[type=number] {
  -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.qg-allBox{
  /* position: absolute; */
  margin-left: 2px;
  cursor: pointer;
  /* left: 0;
  top: 0; */
  transform: translateY(25%);
}
.qg-allBox img{
  width: .15rem
}
.qg-allradio{
  position: absolute;
  background-color: #fff;
  top: calc(100% + .15rem);
  left: -.15rem;
  border-radius: .06rem;
  border: 1px solid #d9d8d8;
  box-shadow: 0 0 .1rem #d9d8d8;
  padding: .15rem .15rem .05rem;
  display: none;
}
.t-row .qg-allradio .icon{
  margin-left: 0;
}
.qg-allradio *{
  white-space: nowrap;
}
.qg-allradio>div{
  margin-bottom: .1rem;
}
.qg-allradio::after{
  content:'';
  position: absolute;
  background-color: #fff;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-left: 1px solid #d9d8d8;
  border-top: 1px solid #d9d8d8;
  top: -6px;
  left: 14px;
}

#shadow-bg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  padding: 50px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.6);
}
#shadow-bg .img-box{
  max-height: 8rem;
  max-width: 10rem;
  position: relative;
  /* max-height: 100%; */
  display: flex;
}
#shadow-bg .show_img{
  object-fit: contain;
  object-position: center;
  max-height: 100%;
  max-width: 100%;
}
#shadow-bg .close-img{ 
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('/static/default-themes/admin/image/icon/close-icon.png');
  cursor: pointer;
}


/* 滚动条 */
/* ::-webkit-scrollbar{
    width: 5px;
    border-radius: 3px;
    background-color: #f0f0f0;
}
::-webkit-scrollbar-button{
    width: 0;
    height: 0;
}
::-webkit-scrollbar-thumb{
    background-color: #46a2ff;
    border-radius: 3px;
} */

.hideBtn{
  height: .2rem;
  margin-left: .15rem;
  cursor: pointer;
}
.hideBtn.closed{
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.normal-input-box input{
  line-height: .35rem;
  height: .35rem;
}
.qg-flex{
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.qg-allBox {
  /* left: 0.415rem;
  top: 0.05rem; */
  margin-left: 0.06rem; 
  transform: translateY(0);

}
.qg-allBox .all_check_icon {
  width: 0.17rem;
  height: 0.13rem;
}
.t-row strong {
  margin-left: 0.38rem !important;
}

.all-select-icon {
  display: block;
  width: 16px;
  height: 16px;
  min-width: 12px;
  min-height: 12px;
  margin-left: .2rem;
  object-fit: contain;
  object-position: center;
  background-color: #fff;
  border: 1px solid #47A2FF !important;
  border-radius: .04rem;
  cursor: pointer;
}
.all-select-icon span {
  display: block;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 2px;
  margin: 1px !important;
}
.all-select-icon.select-icon {
  background: url(../../../admin/image/icon/checked.png) no-repeat;
  background-size: 16px 16px;
}
.all-select-icon span {
  background: #47A2FF !important;
}
.all-select-icon.select-icon span {
  background: transparent !important;
}
.qg-table {
  border-top: none;
  overflow-y: visible;
}
.qg-table .t-head {
  border-top: 1px solid #D9D8D8;
}

.qg-sortable-column {
  display: flex;
  align-items: center;
}

.qg-sortable-column .arrow{
  display: inline-flex;
  flex-direction: column;
  height: calc(0.16rem);
  justify-content: space-between;
  padding-left: 0.06rem;
}

.qg-sortable-column .arrow_up{
  width: 0;
  height: 0;
  border: 0.07rem solid transparent;
  border-bottom-color: #ccc;
  cursor: pointer;
  margin-top: -50%;
}

.qg-sortable-column .arrow_down{
  width: 0;
  height: 0;
  border: 0.07rem solid transparent;
  border-top-color: #ccc;
  cursor: pointer;
  margin-bottom: -50%;
}

.qg-sortable-column .arrow_up.arrow_active{
  border-bottom-color: #20A0FF;
}

.qg-sortable-column .arrow_down.arrow_active{
  border-top-color: #20A0FF;
}
.qg-sortable-column .arrow .filter {
  color: #999;
  font-size: 0.17rem;
  cursor: pointer;
}
.qg-sortable-column .arrow .filter_active {
  color: #20A0FF;
  font-size: 0.17rem;
  cursor: pointer;
}
.icon-cell {
  width: 0.6rem;
}
.toggle-wrap .toggle-item {
  display: none;
}
.toggle-wrap .toggle-item.active {
  display: block;
}

.toggle-wrap .toggle-item li {
  margin-top: .15rem !important;
  display: flex;
  align-items: center;
  font-size: .16rem; 
}
.toggle-wrap .toggle-item span {
  width: 2.5rem;
  height: .46rem;
  text-align: right;
  font-size: .16rem;
  line-height: .46rem;
  color: #2A303B;
  margin-right: .31rem;
}
.noicon-cell {
  width: 0.4rem;
}
.hide {
  display: none;
}
.eyesBtn {
  width: 18px;
  height:13px;
  margin-left: .15rem;
}
.native-table desensitize:hover .eyesBtn {
  visibility: visible;
}
.native-table .eyesBtn {
  margin-left: .15rem;
  visibility: hidden;
}
.value-show {display: none;}

.progress-bar {
  width: 180px;
  height: 6px;
  border-radius: 100px;
  background-color: #ebeef5;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.progress-bar-inner{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  height: 6px;
  background-color: #409eff;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width .6s ease;
}
.param-item {
  display: flex;
  align-items: center;
  margin-bottom: 0.1rem;
}
.param-item .qg-text-item {
  width: 1.7rem;
  min-width: 1.7rem;
}
.param-item .qg-text-item:first-child {
  margin-right: 0.1rem;
}
.param-item .select-wrap {
  margin-left: 0.125rem;
}
.param-item .save-btn {
  margin-left: 0.15rem;
}
.param-item .delete-btn {
  display: inline-block;
  width: 0.18rem;
  height: 0.22rem;
  background: url('/static/default-themes/home/image/icon/delete-0.png') no-repeat;
  background-size: contain;
  margin-left: 0.15rem;
  cursor: pointer;
}
.param-item .delete-btn:hover {
  background: url('/static/default-themes/home/image/icon/delete-1.png') no-repeat;
  background-size: contain;
}
.param-group .add-btn {
  display: flex;
  margin-top: 0.15rem;
}
.param-group .add-btn i.add {
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  text-align: center;
  background:url('/static/default-themes/home/image/icon/add.png') #47A2FF no-repeat center center;
  background-size: 0.1rem 0.1rem;
  border-radius: 50%;
  margin-right: 0.12rem;
}
.param-group .add-btn .label {
  color: #000;
}
.package-panel .list {
  padding: 0.3rem 0.14rem;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
}
.package-panel .item {
  width: 4.5rem;
  background: #F5FAFF;
  border: 1px solid #D9D8D8;
  padding: 0.37rem 0.26rem 0.4rem 0.1rem;
  margin:0 0.11rem 0.22rem 0.11rem !important;
  position: relative;
}
.package-panel .item .qg-text-item {
  width: 3rem;
}
.package-panel .item .delete-btn {
  display: block;
  width: 0.24rem;
  height: 0.24rem;
  background:url('/static/default-themes/home/image/icon/btn_close_icon.png') no-repeat #f15427 center center;
  background-size: 0.14rem 0.14rem;
  border-radius: 0.04rem;
  cursor: pointer;
  position: absolute;
  top: 0.12rem;
  right: 0.12rem;
}
.package-panel span.label {
  width: 1.35rem;
  height: 0.38rem;
  line-height: 0.38rem;
  font-size: 0.16rem;
  color: #000 !important;
  margin-right: 0.15rem;
}
.package-panel .item li {
  margin-top: 0 !important;
  margin-bottom: 0.1rem;
}
.package-panel input {
  background: #fff;
}
.package-panel .tip {
  font-size: 0.16rem;
  color: #000 !important;
  margin-left: 0.07rem !important;
}
.package-panel .qg-switch-item .btn-state {
  margin-left: 0;
  margin-top: 0;
  width: .44rem;
  height: .2rem;
  min-width: 26px;
  min-height: 10px;
}
.package-panel .qg-switch-item .btn-state strong {
  width: .2rem;
  height: .2rem;
}
.package-panel .add-wrap {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.2rem;
}
.package-panel .add-btn {
  display: flex;
  margin-top: 0.15rem;
  align-items: center;
  margin-left: 0.09rem;
}
.package-panel .add-btn i.add {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  text-align: center;
  background:url('/static/default-themes/home/image/icon/add.png') #47A2FF no-repeat center center;
  background-size: 0.16rem 0.16rem;
  border-radius: 50%;
  margin-right: 0.12rem;
}
.user-setting .complex-list {
    margin-top:0;
}
.complex-list li {
    display: flex;
}
.complex-list li .item {
    display: flex;
    align-items: center;
    margin-left: 0.2rem;
}
.complex-list li .item .qg-select-item {
    width: 1.2rem;
    min-width: 1.2rem;
    margin-right: 0.1rem;
}
.complex-list li .item .qg-select-item .title .search-inp {
    min-width: 0.8rem;
}
.complex-list li .item .qg-text-item {
    width: 1.2rem;
    min-width: 1.2rem;
    margin-right: 0.1rem;
}
.complex-list li .item label {
     margin-right: 0.15rem;
}

.sort-input-item {
    width: 0.5rem;
}
.sort-input-item input {
    width: 0.5rem !important;
    min-width: 0.5rem !important;
    height: 0.32rem !important;
    margin-left: 0.2rem !important;
    border: 1px solid transparent !important;;
    background-color: transparent !important;;
    text-align: left !important;;
}
.sort-input-item input:hover {
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    text-align: center !important;
}