/* 在这里写CSS代码 */
.tr-avatar-default {
    
}
/* 在这里写CSS代码 */
.tr-datetime-div{
    width: 100%;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-label-functitle  {
    color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px; 
    font-weight: bold;
}

.tr-pagesticky-top{
    position: sticky;
    z-index: 200;
    box-shadow: none;
    background-color: white;
    width: 100%;
    opacity: 1;
    top: 0px;
}
/* 在这里写CSS代码 */
.tr-anchor-default{}
/* 在这里写CSS代码 */
.tr-state-label {
  line-height: 1.5;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  padding: 2px 4px;
  min-width: fit-content;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-icon-default {}


.tr-button-toggle-noborder{
 border: solid 1px white;
.bg-primary{
  background: white !important;
  color:var(--q-primary) !important;
}
.q-btn--active{
  box-shadow: none;
}
}

/* 在这里写CSS代码 */
.tr-import-export-default {}
.tr-usercomponent-default{
    width: 100%;
    background-color: white;
    height: 100%;
}

/* 在这里写CSS代码 */
.tr-grid-default{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: white;
}


.tr-textarea-noborder .q-field--dense .q-field__inner .q-field__control{
  border: 1px solid rgb(255, 255, 255, 0);
 }
.tr-textarea-noborder .q-field--dense .q-field__inner .q-field__control:hover{
  border: 1px solid rgb(255, 255, 255, 0);
 }
 .tr-textarea-noborder .q-field--focused .q-field__inner .q-field__control{
  box-shadow:0 0 3px rgb(255, 255, 255, 0)
 }
/* 要求
 *  左右留白16px
 *  上留白20px
 *  下留白15px
 */
.repeat-padding{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 15px;
}
/*
    考虑容器内 默认第一行内容的样式：font-size: 16px;line-height: 1.5;
    上边距16px时距离顶部20px
 */

/* 在这里写CSS代码 */
.tr-data-grid-default{
    width: 100%;
}
/* 在这里写CSS代码 */
.tr-form-default{
    background-color: white;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-breadcrumbs-default {}
/* 在这里写CSS代码 */
.tr-select-noborder .q-field--dense .q-field__inner .q-field__control{
  border: 1px solid rgb(255, 255, 255, 0);
 }
.tr-select-noborder .q-field--dense .q-field__inner .q-field__control:hover{
  border: 1px solid rgb(255, 255, 255, 0);
 }
 .tr-select-noborder .q-field--focused .q-field__inner .q-field__control{
  box-shodow:0 0 3px rgb(255, 255, 255, 0)
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-div-fullbackgroud {
    height:100%;
    background:#F0F2F5;
    padding-left:24px;
    padding-right:24px;
    padding-top:12px;
}
.tr-div-fullbackgroud .canvas-container .container-box {
   
    background-color: white;
}
.tr-pagesticky-bottom
{
    position: sticky;
    z-index: 200;
    box-shadow: none;
    opacity: 1;
    background: none;
    bottom: 0px;
    width: 100%;
}
/* 在这里写CSS代码 */

/* 在这里写CSS代码 */
.tr-form-background{
  background-color: white;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */

.tr-data-grid-simple{
    width: 100%;
}
.tr-data-grid-simple .q-table thead tr th{
    color:rgba(0,0,0,0.8);
    font-weight: bold;
    background-color:white;
}

.tr-data-grid-simple.selection .q-table th:first-child {
    background-color:white;
}
.tr-editor-default{
    
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-badge-default {}
/* 在这里写CSS代码 */

.tr-label-functitlen  {
    color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px; 
}
.tr-button-toggle-oneborder{
 border: 0px;
.bg-primary{
   border: solid 1px var(--t-color);
   background:white !important;
   color: var(--t-color) !important;
   border-radius: 4.5px;
}
 .q-btn{
    border-radius: 4.5px;
  border: solid 1px #DCDCDC;
}
}
/* 在这里写CSS代码 */
.tr-div-default .canvas-container .container-box .container-tip{
    min-height:32px;
}
.tr-div-default .canvas-container{
    min-height:32px;
     background-color: white;
}
.tr-div-default{
     background-color: white;
     outline: 0 !important;
}
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-level3.z-crosswise > .q-card > .tabs-wrap .q-tab{
    min-height: 32px; 
}

.tr-tabs.tr-tabs-level3.z-crosswise > .q-card > .tabs-wrap .q-tab .q-tab__label{
    font-size: 14px;
}

.tr-tabs.tr-tabs-level3.z-crosswise > .q-card > .tabs-wrap .q-tab .q-tab__indicator{
    height: 0;
}
/* 在这里写CSS代码 */
.tr-label-contenttitle{
    color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px; 
    font-weight: bold; 
}

/* 在这里写CSS代码 */
.tr-div-menuarea {
    padding:12px 24px;
}
.tr-div-menuarea .canvas-container .container-box {
    background-color: white;
}

.tr-data-grid-compact{
    width: 100%;
}

.tr-data-grid-compact .q-table thead tr,
.tr-data-grid-compact .q-table tbody td {
    height: 23px;
}

.tr-data-grid-compact tbody{
    scroll-margin-top: 36px; 
}

.tr-data-grid-compact tbody tr.columnsFilter td{
    top: 36px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.tr-data-grid-compact tbody tr.columnsFilter td .q-field__bottom{
    display:none
}

/* 在这里写CSS代码 */
.tr-vertical-center-left{
    display: flex;
    justify-content: start;
    align-items: center;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-div-contentarea{
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
}
.tr-div-contentarea .canvas-container .container-box {
    background-color: white;
}
/* 在这里写CSS代码 */
.tr-chips-type-circle .t-chip.q-chip{
    border-radius: 100px;
}

.tr-label-contenttitlen {
    color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px; 
}
/* 在这里写CSS代码 */
.tr-lable-floattitle{
    color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px; 
    font-weight: bold; 
}
/* 在这里写CSS代码 */
.tr-chips-type-cirsquarecle .t-chip.q-chip{
    border-radius: 2px;
}
/* 在这里写CSS代码 */
.tr-vertical-center-left{
    display: flex;
    justify-content: end;
    align-items: center;
}
.tr-textbox-importantinput{
 .q-field__native{
      color:rgba(0,0,0,0.80); 
    font-family: BlinkMacSystemFont, Helvetica, Tahoma, Arial, "Microsoft YaHei", 微软雅黑, sans-serif; 
    font-size:26px; 
 }

}

.tr-div-inline{
    gap: 16px;
    display: inline-flex;
}    
.tr-div-inline8{
    gap: 8px;
    display: inline-flex;
}
.tr-layout-block{
    padding-top:16px;
    padding-bottom:16px;
    row-gap: 8px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}
.tr-lable-floattitle{
    color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px; 
}
.tr-div-list{
    min-height: 32px;
    /* padding-top:4px;
    padding-bottom:4px; */
    align-items:center;
    justify-content:space-between;
    display:flex;
    column-gap:8px;
}
.tr-div-list > :first-child {
    width: 122px;
}
.tr-div-list > :last-child {
    word-break: break-all;
    max-width: calc(100% - 130px);
}
.tr-lable-keyindicatorsname{
      color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px;
    font-weight: bold; 
}
.tr-lable-keyindicatorsnamen{
      color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px;
    font-weight: unset;
}
.tr-div-overflow-auto{
    overflow: auto;
}
.tr-layout-menublock {
    padding: 8px 16px 12px 16px;
    width: 100%;
    display: flex;
    row-gap: 10px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-color-grey .t-chip.q-chip{
    color: rgba(0,0,0,0.8);
    background: #F0F2F5;
}
.tr-chips-color-grey .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.1);
}
.tr-lable-importmentindicatorsname{
     color:rgba(0,0,0,0.80); 
    text-decoration: none; 
    font-size:14px;
    font-weight: bold;
}

.tr-lable-normalindicatorsname{
    color:rgba(0,0,0,0.56); 
    text-decoration: none; 
    font-size:14px; 
}




.tr-lable-filterinfoC{
    color:rgba(0,0,0,0.80); 
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(0,0,0,0.17);
    text-decoration: none; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 30px;
    font-size:14px;
    font-style: normal;
    text-align: center;
}

.tr-lable-filterinfoL{
    color:rgba(0,0,0,0.80); 
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(0,0,0,0.17);
    text-decoration: none; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 58px;
    height: 30px;
    font-size:14px;
    font-style: normal;
    text-align: center;
}

.tr-lable-filterinfoR{
    color:rgba(0,0,0,0.80); 
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(0,0,0,0.17);
    text-decoration: none; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    width: 58px;
    height: 30px;
    font-size:14px;
    font-style: normal;
    text-align: center;
}
.tr-lable-filterinfoC:hover, .tr-lable-filterinfoL:hover, .tr-lable-filterinfoR:hover{
    color: rgba(0,111,196,0.80);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(0, 111, 196, 0.8);
    text-decoration: none;
}
.tr-lable-filterinfoC:active, .tr-lable-filterinfoL:active, .tr-lable-filterinfoR:active{
    color: rgba(0,111,196,1);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(0, 111, 196, 1);
    text-decoration: none;
}
.tr-div-dialog{
    height:110px;
    padding:16px 24px;
    background:#FFFFFF
}
.tr-lable-auxiliaryinfo{
     color:rgba(0,0,0,0.56); 
    text-decoration: none; 
    font-size:12px;  
}
.tr-div-drawer{
    height:91%;
    padding:16px;
    background:#FFFFFF
}
/* 在这里写CSS代码 */
.t-chip.tr-chip-select-type-moon {
  height: 32px;
  line-height: 32px;
  margin: 0 8px 0 0;
  padding-right: 12px;
  background: #F0F2F5;
  color: rgba(0,0,0, 0.8);
}
.t-chip.q-chip--selected.tr-chip-select-type-moon .q-chip__icon--left {
  display: none;
}
.t-chip.q-chip--selected.tr-chip-select-type-moon {
  background-color: rgba(var(--t-color-rgb), 0.1);
  color: rgba(var(--t-color-rgb), 1);
}
.tr-lable-error{
    color:#FF5A66; 
}
.tr-lable-linkinfo {
     color:rgba(0,120,212,1); 
     font-size:14px; 
}

.tr-lable-linkinfo:hover { 
    color:rgba(51,147,221,1); 
    text-decoration: none; 
}

.tr-lable-linkinfo:active{
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(255, 255, 255, 1);
    text-decoration: none;
    display: inline-block;
}

.tr-lable-linkinfo[disabled]{
    color: rgba(0, 0, 0, 0.32);
    border: solid 1px rgba(255, 255, 255, 1);
    text-decoration: none;
    display: inline-block;
}
.tr-lable-coredata{
     color:rgba(0,0,0,0.8); 
    text-decoration: none; 
    font-size:32px; 
    font-weight: bold; 
}

.tr-lable-coredatan{
     color:rgba(0,0,0,0.8); 
    text-decoration: none; 
    font-size:32px; 
}

 .tr-lable-importentdata{
    color:rgba(0,0,0,0.8); 
    text-decoration: none; 
    font-size:20px; 
    font-weight: bold; 
}
 .tr-lable-importentdatan{
    color:rgba(0,0,0,0.8); 
    text-decoration: none; 
    font-size:20px; 
    font-weight: bold; 
}
.tr-lable-normaldatan {
    color:rgba(0,0,0,0.56); 
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    }
.tr-lable-normaldata {
    color:rgba(0,0,0,0.56);
    text-decoration: none;
    font-size: 14px;
    }
.tr-lable-auxiliarydatan{
    color:rgba(0,0,0,0.56); 
    text-decoration: none;
    font-size:12px; 
    font-weight: bold;
}
.tr-lable-auxiliarydata{
    color:rgba(0,0,0,0.56); 
    text-decoration: none; 
    font-size:12px; 
}

.tr-lable-nowrap{   
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	  width:100%;
}
.tr-lable-comparedata{
    color:rgba(0,0,0,0.56); 
    text-decoration: none; 
    font-size:12px; 
}
  .tr-lable-suc{
    color:green; 
}
/* 在这里写CSS代码 */
.tr-label-wrap {
    width:100%;	
    text-wrap: wrap;
    word-wrap: break-word;
}
@media screen and ( min-width:1920px)
{.tr-markdown-default {
  background-color: transparent !important;
  padding: 0;
  font-size: 14px !important;
}
.tr-markdown-default p,
.tr-markdown-default blockquote,
.tr-markdown-default ul,
.tr-markdown-default ol,
.tr-markdown-default dl,
.tr-markdown-default table,
.tr-markdown-default pre,
.tr-markdown-default details {
  margin-bottom: 10px !important;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab{
    min-height: 42px;
}

.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab .q-tab__label{
    font-size: 14px;
}
.tr-editor-editform{
    width:1100px;
    max-width:100%;
    opacity:100%
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip{
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

.tr-stepper-form.t-stepper-wrap .q-stepper--horizontal .q-stepper__step-inner {
    margin-top: 16px;
}
.tr-stepper-form.t-stepper-wrap .q-stepper--horizontal .q-stepper__tab {
    padding-top: 0;
    margin-top: -3px;
}
.tr-stepper-form {
    width: 70%;
}
/* 在这里写CSS代码 */
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__content {
    padding: 24px 16px;
}
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__nav {
    padding: 24px 24px 16px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-expansionitem-title {
    /* padding-top:4px ; */
    margin-bottom: 16px;
}
.tr-expansionitem-title .q-expansion-item__container .q-item .q-item__section .q-item__label {
    font-size: 14px;
}
.tr-expansionitem-title .q-expansion-item__content{
	padding-top:4px;
}
.tr-expansionitem-title .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable{
	padding-left:0px;
}

.tr-input-search .tr-label-prefix-wraper .tr-label-prefix .input-title {
  text-wrap: nowrap;
}

.tr-input-search .tr-label-prefix-wraper.tr-label-prefix-wraper-left .tr-label-prefix {
  justify-content: right;
  min-width: auto;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container {
  background-color: #F0F2F5;
}

.tr-input-search .q-field--borderless .q-field__control:before {
  border: 0px;
  background: #F2F2F2;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container .q-field__native {
  text-align: left;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-layout-viewform {
    max-width: 548px !important;
    padding-top: 4px;
    padding-right: 32px;
    padding-bottom: 12px;
    padding-left: 16px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}

/* 在这里写CSS代码 */

.tr-input-noborder .q-field--dense .q-field__inner .q-field__control{
  border: 1px solid rgb(255, 255, 255, 0);
 }
.tr-input-noborder .q-field--dense .q-field__inner .q-field__control:hover{
  border: 1px solid rgb(255, 255, 255, 0);
 }
 .tr-input-noborder .q-field--focused .q-field__inner .q-field__control{
  box-shodow:0 0 3px rgb(255, 255, 255, 0)
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-tab-panels>.q-panel>.q-tab-panel,
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-splitter>.q-splitter__panel>.q-tab-panels>.q-panel>.q-tab-panel {
    padding: 16px 24px;
}
.tr-div-viewform{
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 40px;
    height: max-content;
 }
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
.tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
}
/* default: remove input's border */
.tr-chips-size-default-type-circle .t-chips-wrap .t-chips-input .q-field__control {
    border-color: transparent;
}
.tr-div-form{
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 40px;
 }
.tr-div-tabform{
    border-top:1px solid #f1f1f1;
    margin-left: 24px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 20px;
}
/* 在这里写CSS代码 */
.tr-div-stepform{
    padding-left:16px;
    padding-top:10px;
    padding-bottom:10px;
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip{
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
.tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
}
.tr-div-title{
    padding-left: 24px; 
    padding-top: 28px;
    padding-bottom: 8px;
    line-height:1;
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.t-chips-full-width .tr-input-editform {
    width: auto !important;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:active {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0.2);
}

.tr-button-icon-text2[disabled] {
    color: rgba(var(--t-color-rgb), 0.32);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    text-decoration: none;
    display: inline-block;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2 {
    color: rgba(0,0,0,0.8);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    min-width: auto;
    padding: 7px 0 !important;
}

.tr-button-icon-text2 .q-btn__content .q-icon {
    font-size: 14px;
}

.tr-button-icon-text2:hover,
.tr-button-icon-text2:active {
    background-color: rgba(var(--t-color-rgb), 0);
}
.tr-input-editform {
    width: 328px !important;
}
/* 在这里写CSS代码 */
.tr-lable-templateLabel {
    color:rgba(0,0,0,0.8);
    text-decoration: none;
    font-size: 14px;
    }
}
@media screen and (min-width:1200px) and (max-width:1919px)
{.tr-markdown-default {
  background-color: transparent !important;
  padding: 0;
  font-size: 14px !important;
}
.tr-markdown-default p,
.tr-markdown-default blockquote,
.tr-markdown-default ul,
.tr-markdown-default ol,
.tr-markdown-default dl,
.tr-markdown-default table,
.tr-markdown-default pre,
.tr-markdown-default details {
  margin-bottom: 10px !important;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab{
    min-height: 42px;
}

.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab .q-tab__label{
    font-size: 14px;
}
.tr-editor-editform{
    width:1100px;
    max-width:100%;
    opacity:100%
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip{
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

.tr-stepper-form.t-stepper-wrap .q-stepper--horizontal .q-stepper__step-inner {
    margin-top: 16px;
}
.tr-stepper-form.t-stepper-wrap .q-stepper--horizontal .q-stepper__tab {
    padding-top: 0;
    margin-top: -3px;
}
.tr-stepper-form {
    width: 80%;
}
/* 在这里写CSS代码 */
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__content {
    padding: 24px 16px;
}
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__nav {
    padding: 24px 24px 16px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-expansionitem-title {
    /* padding-top:4px ; */
    margin-bottom: 16px;
}
.tr-expansionitem-title .q-expansion-item__container .q-item .q-item__section .q-item__label {
    font-size: 14px;
}
.tr-expansionitem-title .q-expansion-item__content{
	padding-top:4px;
}
.tr-expansionitem-title .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable{
	padding-left:0px;
}

.tr-input-search .tr-label-prefix-wraper .tr-label-prefix .input-title {
  text-wrap: nowrap;
}

.tr-input-search .tr-label-prefix-wraper.tr-label-prefix-wraper-left .tr-label-prefix {
  justify-content: right;
  min-width: auto;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container {
  background-color: #F0F2F5;
}

.tr-input-search .q-field--borderless .q-field__control:before {
  border: 0px;
  background: #F2F2F2;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container .q-field__native {
  text-align: left;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-layout-viewform {
    max-width: 548px !important;
    padding-top: 4px;
    padding-right: 32px;
    padding-bottom: 12px;
    padding-left: 16px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}

/* 在这里写CSS代码 */

.tr-input-noborder .q-field--dense .q-field__inner .q-field__control{
  border: 1px solid rgb(255, 255, 255, 0);
 }
.tr-input-noborder .q-field--dense .q-field__inner .q-field__control:hover{
  border: 1px solid rgb(255, 255, 255, 0);
 }
 .tr-input-noborder .q-field--focused .q-field__inner .q-field__control{
  box-shodow:0 0 3px rgb(255, 255, 255, 0)
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-tab-panels>.q-panel>.q-tab-panel,
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-splitter>.q-splitter__panel>.q-tab-panels>.q-panel>.q-tab-panel {
    padding: 16px 24px;
}
.tr-div-viewform{
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 40px;
    height: max-content;
 }
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
.tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
}
/* default: remove input's border */
.tr-chips-size-default-type-circle .t-chips-wrap .t-chips-input .q-field__control {
    border-color: transparent;
}
.tr-div-form{
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 40px;
 }
.tr-div-tabform{
    border-top:1px solid #f1f1f1;
    margin-left: 24px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 20px;
}
/* 在这里写CSS代码 */
.tr-div-stepform{
    padding-left:16px;
    padding-top:10px;
    padding-bottom:10px;
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip{
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
.tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
}
.tr-div-title{
    padding-left: 24px; 
    padding-top: 28px;
    padding-bottom: 8px;
    line-height:1;
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.t-chips-full-width .tr-input-editform {
    width: auto !important;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:active {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0.2);
}

.tr-button-icon-text2[disabled] {
    color: rgba(var(--t-color-rgb), 0.32);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    text-decoration: none;
    display: inline-block;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2 {
    color: rgba(0,0,0,0.8);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    min-width: auto;
    padding: 7px 0 !important;
}

.tr-button-icon-text2 .q-btn__content .q-icon {
    font-size: 14px;
}

.tr-button-icon-text2:hover,
.tr-button-icon-text2:active {
    background-color: rgba(var(--t-color-rgb), 0);
}
.tr-input-editform {
    width: 328px !important;
}
/* 在这里写CSS代码 */
.tr-lable-templateLabel {
    color:rgba(0,0,0,0.8);
    text-decoration: none;
    font-size: 14px;
    }
}
@media screen and  (min-width:992px) and (max-width:1199px)
{.tr-markdown-default {
  background-color: transparent !important;
  padding: 0;
  font-size: 14px !important;
}
.tr-markdown-default p,
.tr-markdown-default blockquote,
.tr-markdown-default ul,
.tr-markdown-default ol,
.tr-markdown-default dl,
.tr-markdown-default table,
.tr-markdown-default pre,
.tr-markdown-default details {
  margin-bottom: 10px !important;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab{
    min-height: 42px;
}

.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab .q-tab__label{
    font-size: 14px;
}
.tr-editor-editform{
    width:1100px;
    max-width:100%;
    opacity:100%
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip{
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

.tr-stepper-form.t-stepper-wrap .q-stepper--horizontal .q-stepper__step-inner {
    margin-top: 16px;
}
.tr-stepper-form.t-stepper-wrap .q-stepper--horizontal .q-stepper__tab {
    padding-top: 0;
    margin-top: -3px;
}
.tr-stepper-form {
    width: 80%;
}
/* 在这里写CSS代码 */
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__content {
    padding: 24px 16px;
}
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__nav {
    padding: 24px 24px 16px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-expansionitem-title {
    /* padding-top:4px ; */
    margin-bottom: 16px;
}
.tr-expansionitem-title .q-expansion-item__container .q-item .q-item__section .q-item__label {
    font-size: 14px;
}
.tr-expansionitem-title .q-expansion-item__content{
	padding-top:4px;
}
.tr-expansionitem-title .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable{
	padding-left:0px;
}

.tr-input-search .tr-label-prefix-wraper .tr-label-prefix .input-title {
  text-wrap: nowrap;
}

.tr-input-search .tr-label-prefix-wraper.tr-label-prefix-wraper-left .tr-label-prefix {
  justify-content: right;
  min-width: auto;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container {
  background-color: #F0F2F5;
}

.tr-input-search .q-field--borderless .q-field__control:before {
  border: 0px;
  background: #F2F2F2;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container .q-field__native {
  text-align: left;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-layout-viewform {
    max-width: 548px !important;
    padding-top: 4px;
    padding-right: 32px;
    padding-bottom: 12px;
    padding-left: 16px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}

/* 在这里写CSS代码 */

.tr-input-noborder .q-field--dense .q-field__inner .q-field__control{
  border: 1px solid rgb(255, 255, 255, 0);
 }
.tr-input-noborder .q-field--dense .q-field__inner .q-field__control:hover{
  border: 1px solid rgb(255, 255, 255, 0);
 }
 .tr-input-noborder .q-field--focused .q-field__inner .q-field__control{
  box-shodow:0 0 3px rgb(255, 255, 255, 0)
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-tab-panels>.q-panel>.q-tab-panel,
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-splitter>.q-splitter__panel>.q-tab-panels>.q-panel>.q-tab-panel {
    padding: 16px 24px;
}
.tr-div-viewform{
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 40px;
    height: max-content;
 }
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
.tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
}
/* default: remove input's border */
.tr-chips-size-default-type-circle .t-chips-wrap .t-chips-input .q-field__control {
    border-color: transparent;
}
.tr-div-form{
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 40px;
 }
.tr-div-tabform{
    border-top:1px solid #f1f1f1;
    margin-left: 24px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 20px;
}
/* 在这里写CSS代码 */
.tr-div-stepform{
    padding-left:16px;
    padding-top:10px;
    padding-bottom:10px;
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip{
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
.tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
}
.tr-div-title{
    padding-left: 24px; 
    padding-top: 28px;
    padding-bottom: 8px;
    line-height:1;
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.t-chips-full-width .tr-input-editform {
    width: auto !important;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:active {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0.2);
}

.tr-button-icon-text2[disabled] {
    color: rgba(var(--t-color-rgb), 0.32);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    text-decoration: none;
    display: inline-block;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2 {
    color: rgba(0,0,0,0.8);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    min-width: auto;
    padding: 7px 0 !important;
}

.tr-button-icon-text2 .q-btn__content .q-icon {
    font-size: 14px;
}

.tr-button-icon-text2:hover,
.tr-button-icon-text2:active {
    background-color: rgba(var(--t-color-rgb), 0);
}
.tr-input-editform {
    width: 328px !important;
}
/* 在这里写CSS代码 */
.tr-lable-templateLabel {
    color:rgba(0,0,0,0.8);
    text-decoration: none;
    font-size: 14px;
    }
}
@media screen and  (min-width:768px) and (max-width:991px)
{.tr-markdown-default {
  background-color: transparent !important;
  padding: 0;
  font-size: 14px !important;
}
.tr-markdown-default p,
.tr-markdown-default blockquote,
.tr-markdown-default ul,
.tr-markdown-default ol,
.tr-markdown-default dl,
.tr-markdown-default table,
.tr-markdown-default pre,
.tr-markdown-default details {
  margin-bottom: 10px !important;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab{
    min-height: 42px;
}

.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab .q-tab__label{
    font-size: 14px;
}
.tr-editor-editform{
    width:1100px;
    max-width:100%;
    opacity:100%
 }
/* 在这里写CSS代码 */
.tr-banner-primary {
    background-color: rgba(var(--t-color-rgb), 0.1);
    color: rgba(0, 0, 0, 0.8);
    min-height: 38px;
    padding: 8px 16px;
}
.tr-banner-primary .text-body2,.tr-banner-primary .q-banner__actions .q-btn{
    font-size: 14px;
    line-height: 21px;
}
.tr-banner-primary .q-banner__avatar > .q-icon{
    font-size: 16px;
}
.tr-banner-primary .q-banner__actions{
    gap: 8px;
}
.tr-banner-primary .q-banner__actions .q-btn .q-icon{
    font-size: 14px;
}
/* 在这里写CSS代码 */
.tr-button-primary {
    background: var(--t-color);
    color: rgba(255, 255, 255, 1);
    border: solid 1px var(--t-color);
    border-radius: 2px;
}

.tr-button-primary:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(var(--t-color-rgb), 0.8);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
}

.tr-button-primary:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(var(--t-color-rgb), 0.8);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
}

.tr-button-primary:active {
    color: rgba(255, 255, 255, 1);
    background-color: var(--t-color);
    border: solid 1px var(--t-color);
}

.tr-button-primary[disabled] {
    color: rgba(0, 0, 0, 0.32);
    background-color: rgba(var(--t-color-rgb), 0.1);
    border: solid 1px rgba(var(--t-color-rgb), 0.3);
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip{
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

.tr-stepper-form.t-stepper-wrap .q-stepper--horizontal .q-stepper__step-inner {
    margin-top: 16px;
}
.tr-stepper-form.t-stepper-wrap .q-stepper--horizontal .q-stepper__tab {
    padding-top: 0;
    margin-top: -3px;
}
.tr-stepper-form {
    width: 100%;
}
/* 在这里写CSS代码 */
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__content {
    padding: 24px 16px;
}
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__nav {
    padding: 24px 24px 16px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-expansionitem-title {
    /* padding-top:4px ; */
    margin-bottom: 16px;
}
.tr-expansionitem-title .q-expansion-item__container .q-item .q-item__section .q-item__label {
    font-size: 14px;
}
.tr-expansionitem-title .q-expansion-item__content{
	padding-top:4px;
}
.tr-expansionitem-title .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable{
	padding-left:0px;
}

.tr-input-search .tr-label-prefix-wraper .tr-label-prefix .input-title {
  text-wrap: nowrap;
}

.tr-input-search .tr-label-prefix-wraper.tr-label-prefix-wraper-left .tr-label-prefix {
  justify-content: right;
  min-width: auto;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container {
  background-color: #F0F2F5;
}

.tr-input-search .q-field--borderless .q-field__control:before {
  border: 0px;
  background: #F2F2F2;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container .q-field__native {
  text-align: left;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-button-link {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    padding: 0 !important;
}

.tr-button-link:hover {
    color: rgba(var(--t-color-rgb), 0.8);
}

.tr-button-link:focus {
    color: rgba(var(--t-color-rgb), 0.8);
}

.tr-button-link:active {
    color: var(--t-color);
}

.tr-button-link:disabled {
    color: rgba(var(--t-color-rgb), 0.32);
}
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
.tr-button-default {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.8);
    border: solid 1px #DCDCDC;
    border-radius: 2px;
}

.tr-button-default:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
}

.tr-button-default:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
}

.tr-button-default:active {
    color: var(--t-color);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px var(--t-color);
}

.tr-button-default[disabled] {
    color: rgba(0, 0, 0, 0.32);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(220, 220, 220, 0.6);
}
/* 在这里写CSS代码 */
.tr-layout-viewform {
    max-width: 548px !important;
    padding-top: 4px;
    padding-right: 32px;
    padding-bottom: 12px;
    padding-left: 16px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}

/* 在这里写CSS代码 */

.tr-input-noborder .q-field--dense .q-field__inner .q-field__control{
  border: 1px solid rgb(255, 255, 255, 0);
 }
.tr-input-noborder .q-field--dense .q-field__inner .q-field__control:hover{
  border: 1px solid rgb(255, 255, 255, 0);
 }
 .tr-input-noborder .q-field--focused .q-field__inner .q-field__control{
  box-shodow:0 0 3px rgb(255, 255, 255, 0)
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-button-text {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
}

.tr-button-text:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-text:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-text:active {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0.2);
}

.tr-button-text[disabled] {
    color: rgba(var(--t-color-rgb), 0.32);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    text-decoration: none;
    display: inline-block;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-tab-panels>.q-panel>.q-tab-panel,
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-splitter>.q-splitter__panel>.q-tab-panels>.q-panel>.q-tab-panel {
    padding: 16px 24px;
}
.tr-div-viewform{
    padding-top:4px;
    padding-bottom:4px;
    padding-left: 40px;
    height: max-content;
 }
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
.tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
}
/* default: remove input's border */
.tr-chips-size-default-type-circle .t-chips-wrap .t-chips-input .q-field__control {
    border-color: transparent;
}
.tr-div-form{
    padding-top:10px;
    padding-bottom:10px;
    padding-left: 40px;
 }
.tr-div-tabform{
    border-top:1px solid #f1f1f1;
    margin-left: 24px;
    padding-top: 12px;
    padding-right: 24px;
    padding-bottom: 20px;
}
/* 在这里写CSS代码 */
.tr-div-stepform{
    padding-left:16px;
    padding-top:10px;
    padding-bottom:10px;
 }
/* 在这里写CSS代码 */

.tr-button-icon-primary:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(var(--t-color-rgb), 0.8);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
}

.tr-button-icon-primary:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(var(--t-color-rgb), 0.8);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
}

.tr-button-icon-primary:active {
    color: rgba(255, 255, 255, 1);
    background-color: var(--t-color);
    border: solid 1px var(--t-color);
}

.tr-button-icon-primary[disabled] {
    color: rgba(0, 0, 0, 0.32);
    background-color: rgba(var(--t-color-rgb), 0.1);
    border: solid 1px rgba(var(--t-color-rgb), 0.3);
}
/* 在这里写CSS代码 */
.tr-button-icon-primary {
    min-width: auto;
    padding: 7px 10px !important;
    background: var(--t-color);
    color: rgba(255, 255, 255, 1);
    border: solid 1px var(--t-color);
    border-radius: 2px;
}

.tr-button-icon-primary .q-btn__content .q-icon {
    font-size: 16px;
}
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip{
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

/* 在这里写CSS代码 */
.tr-button-icon-default:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
}

.tr-button-icon-default:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(var(--t-color-rgb), 0.8);
}

.tr-button-icon-default:active {
    color: var(--t-color);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px var(--t-color);
}

.tr-button-icon-default[disabled] {
    color: rgba(0, 0, 0, 0.32);
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px rgba(220, 220, 220, 0.6);
}
/* 在这里写CSS代码 */
.tr-button-icon-default {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.8);
    border: solid 1px #DCDCDC;
    border-radius: 2px;
    min-width: auto;
    padding: 7px 10px !important;
}

.tr-button-icon-default .q-btn__content .q-icon {
    font-size: 16px;
}
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
.tr-button-icon-text:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text:active {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0.2);
}

.tr-button-icon-text[disabled] {
    color: rgba(var(--t-color-rgb), 0.32);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    text-decoration: none;
    display: inline-block;
}
/* 在这里写CSS代码 */
.tr-button-icon-text {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    min-width: auto;
    padding: 7px 0 !important;
}

.tr-button-icon-text .q-btn__content .q-icon {
    font-size: 16px;
}

.tr-button-icon-text:hover,
.tr-button-icon-text:active {
    background-color: rgba(var(--t-color-rgb), 0);
}
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
.tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
}
.tr-div-title{
    padding-left: 24px; 
    padding-top: 28px;
    padding-bottom: 8px;
    line-height:1;
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.t-chips-full-width .tr-input-editform {
    width: auto !important;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:active {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0.2);
}

.tr-button-icon-text2[disabled] {
    color: rgba(var(--t-color-rgb), 0.32);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    text-decoration: none;
    display: inline-block;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2 {
    color: rgba(0,0,0,0.8);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    min-width: auto;
    padding: 7px 0 !important;
}

.tr-button-icon-text2 .q-btn__content .q-icon {
    font-size: 14px;
}

.tr-button-icon-text2:hover,
.tr-button-icon-text2:active {
    background-color: rgba(var(--t-color-rgb), 0);
}
.tr-input-editform {
    width: 328px !important;
}
/* 在这里写CSS代码 */
.tr-lable-templateLabel {
    color:rgba(0,0,0,0.8);
    text-decoration: none;
    font-size: 14px;
    }
}
@media screen and  (max-width:767px)
{.tr-markdown-default {
  background-color: transparent !important;
  padding: 0;
  font-size: 12px !important;
}

.tr-markdown-default p,
.tr-markdown-default blockquote,
.tr-markdown-default ul,
.tr-markdown-default ol,
.tr-markdown-default dl,
.tr-markdown-default table,
.tr-markdown-default pre,
.tr-markdown-default details {
  margin-bottom: 8px !important;
}
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab{
    min-height: 42px;
}

.tr-tabs.tr-tabs-level1.z-crosswise > .q-card > .tabs-wrap .q-tab .q-tab__label{
    font-size: 14px;
}
.tr-editor-editform{
    max-width:100%;
    opacity:100%
 } 
/* 在这里写CSS代码 */
.tr-banner-primary {
    background-color: rgba(var(--t-color-rgb), 0.1);
    color: rgba(0, 0, 0, 0.8);
    min-height: 38px;
    padding: 8px 16px!important;
}

/* 在这里写CSS代码 */
.tr-button-primary {
    border-radius: 4px;
    padding: 0 16px !important;
    min-height: 32px !important;
    min-width: fit-content;
    border: none;
}

.tr-button-primary[disabled] {
    color: #fff;
    background-color: rgba(var(--t-color-rgb), 0.5);
    border-color: rgba(var(--t-color-rgb), 0);
}
/* 在这里写CSS代码 */
.tr-toggle-form{
	display:flex;
	align-items:center;
	flex-direction:row;
	min-height: 48px;
	border-bottom:solid 1px #E4E4E4;
}
.tr-toggle-form .tr-label-prefix{
		justify-content:left !important;
	}

/* 在这里写CSS代码 */
.tr-rating-form.tr-rating.z-mobile .tr-rating-cnt{
    border-bottom: 1px solid #f1f1f1;
}
/* 在这里写CSS代码 */
.tr-link.z-mobile.tr-link-form .text-decoration-default {
    display: inline-block;
    width: 100%;
    line-height: 27px;
    border-bottom: 1px solid #f1f1f1;
}
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip {
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    opacity: 1;
}
/* 移动端 特有 */
/* .tr-chips-size-small .t-chip.q-chip {
    height: 26px;
    line-height: 26px;
    border-radius: 100px;
    background: var(--t-color-bg-gray);
    color: rgba(0,0,0,.56);
}
.tr-chips-size-small .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.05);
} */
/* 移动端 特有 end */
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-stepper-default-padding.t-stepper-wrap .q-stepper__content {
    padding: 16px 16px 15px 16px;
}
/* 在这里写CSS代码 */
.tr-radio-enterform .tr-radio-group-div-bg{
 background-color: #D9D9D9;
}
/* 在这里写CSS代码 */
.tr-checkbox-enterform .tr-checkbox-group-div-bg{
 background-color: #D9D9D9;
}
.tr-expansionitem-title .q-expansion-item__container .q-item .q-item__section .q-item__label {
    font-size: 14px;
}
.tr-expansionitem-title .q-item.q-item-type.row.no-wrap.q-item--dense.q-item--clickable.q-link.cursor-pointer.q-focusable.q-hoverable{
	padding-left:16px !important;
}

.tr-input-search .tr-label-prefix-wraper .tr-label-prefix .input-title {
  text-wrap: nowrap;
}

.tr-input-search .tr-label-prefix-wraper.tr-label-prefix-wraper-left .tr-label-prefix {
  justify-content: left;
  min-width: auto;
}

.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container {
  background-color: #F0F2F5;
}

.tr-input-search .q-field--borderless .q-field__control:before {
  border: 0px;
  background: #F2F2F2;
}
.tr-input-search .q-field--dense .q-field__inner .q-field__control{
   height: 32px;
   gap:4px;
}
.tr-input-search .t-input{
   min-height:unset;
}
.tr-input-search .q-field--borderless .q-field__inner .q-field__control .q-field__control-container .q-field__native {
  text-align: left;
}

/* 在这里写CSS代码 */
.tr-state-enterform .q-field__control{
     border-bottom: 1px solid #D9D9D9;
}
/* 在这里写CSS代码 */
.tr-input-editform .q-field__control{
     border-bottom: 1px solid #D9D9D9;
}
/* 在这里写CSS代码 */
.tr-button-link:disabled {
    color: #BFC1C5;
}
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
/* 移动端 特有 */
/* .tr-chips-size-default .t-chip.q-chip {
    height: 42px;
    line-height: 42px;
    border-radius: 6px;
    background: var(--t-color-bg-gray);
    color: rgba(0,0,0,.56);
}
.tr-chips-size-default .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.05);
} */
/* 移动端 特有 end */
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
.tr-button-default {
    border-color: #DFE0E2;
    border-radius: 4px;
    padding: 0 15px !important;
    min-height: 32px !important;
    min-width: auto;
    color: #323335;
}

.tr-button-default[disabled] {
    color: #BFC1C5;
    background-color: #F8F8F9;
    border-color: #DFE0E2;
}
/* 在这里写CSS代码 */
.tr-toggle-enterform .tr-toggle-div{
  border-bottom: 1px solid #D9D9D9 ;
}
.tr-layout-viewform {
    padding: 4px 16px;
}
.tr-textarea-form .t-textarea{
        border-bottom: 1px solid #D9D9D9;
        border-radius: 0px;
}
.tr-textarea-form .q-field--focused{
        border-bottom: 1px solid var(--t-color);
}
.tr-textarea-form .q-field--error{
        border-bottom: 1px solid #d9d9d900;
}
.tr-textarea-form .q-field--error .q-field__inner .q-field__bottom{
    border-top: 1px solid #FF5A66;
}
.tr-textarea-form{
     flex-direction: column;
}

.tr-textarea-form .tr-label-prefix-wraper{
     padding-top: 0px;
}
.tr-textarea-default-top.tr-textarea-form .tr-label-prefix-wraper{
     padding-bottom: 0px;
}
.tr-textarea-form .tr-label-prefix-wraper .tr-label-prefix{
     min-width:auto;
}
.tr-textarea-form .tr-label-prefix-wraper .tr-label-prefix .textarea-title{
        line-height: 1.5;
        text-align: left;
}

/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
/* 移动端 特有 */
/* .tr-chips-size-large .t-chip.q-chip {
    height: 67px;
    line-height: 67px;
    border-radius: 6px;
    background: var(--t-color-bg-gray);
    color: rgba(0,0,0,.56);
}
.tr-chips-size-large .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.05);
} */
/* 移动端 特有 end */
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}
.tr-input-form .t-input{
        border-bottom: 1px solid #D9D9D9;
        border-radius: 0px;
}
.tr-input-form .q-field--focused{
        border-bottom: 1px solid var(--t-color);
}
.tr-input-form .q-field--error{
        border-bottom: 1px solid #d9d9d900;
}
.tr-input-form .q-field--dense .q-field__inner .q-field__control{
    height: 46px;
}
.tr-input-form .q-field--error .q-field__inner .q-field__bottom{
    border-top: 1px solid #FF5A66;
}
.tr-input-form .q-field--disabled .q-field__inner {
        border-bottom: 1px solid #f1f1f1;
}

/* 在这里写CSS代码 */

.tr-input-noborder .q-field--dense .q-field__inner .q-field__control{
  border: 1px solid rgb(255, 255, 255, 0);
 }
.tr-input-noborder .q-field--dense .q-field__inner .q-field__control:hover{
  border: 1px solid rgb(255, 255, 255, 0);
 }
 .tr-input-noborder .q-field--focused .q-field__inner .q-field__control{
  box-shodow:0 0 3px rgb(255, 255, 255, 0)
 }
  .tr-input-noborder .t-input{
  border: 1px solid rgb(255, 255, 255, 0);
 }
/* 在这里写CSS代码 */
/* 在这里写CSS代码 */
.tr-button-text {
    border-radius: 4px;
    padding: 0 16px !important;
    min-height: 32px !important;
    min-width: auto;
    color: #323335;
    border: none;
}

.tr-button-text:hover {
    color: #323335;
    background-color: #EBEBED;
}

.tr-button-text[disabled] {
    color: #BFC1C5;
}
/* 在这里写CSS代码 */
.tr-select-screen .tr-select-small .q-field__control{
  height: 32px;
}
.tr-select-screen .tr-select-small .q-field__marginal{
  height: 32px;
}
.tr-select-screen .tr-select-small .q-icon {
        transform: rotate(0deg);
    }
.tr-select-screen .tr-select-small .q-select__dropdown-icon {
        font-size: 10px !important;
    }
.tr-select-screen .q-field__native{
  width: min-content !important;
}    
/* 在这里写CSS代码 */
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-tab-panels>.q-panel>.q-tab-panel,
.tr-tabs.tr-tabs-padding-normal>.q-card>.q-splitter>.q-splitter__panel>.q-tab-panels>.q-panel>.q-tab-panel {
    padding: 16px 16px 15px 16px;
}
.tr-div-panelform{
    width:100%;
    padding-left:16px;
    padding-right:16px;
 }
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
/* 移动端 特有 */
/* .tr-chips-size-default-type-circle .t-chip.q-chip {
    height: 42px;
    line-height: 42px;
    border-radius: 6px;
    background: var(--t-color-bg-gray);
    color: rgba(0,0,0,.56);
}
.tr-chips-size-default-type-circle .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.05);
} */
/* 移动端 特有 end */
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* on mobile end, border-radius is 6px */
/* .tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
} */
.tr-div-form{
    margin-top:10.5px;
    margin-bottom:10.5px;
    padding-left:16px;
    padding-right:16px;
    max-width:100%;
}
.tr-div-tabform{
    border-top:1px solid #f1f1f1;
    padding-top: 13px;
    padding-bottom: 9.5px;
}
.tr-select-form .q-field__control{
    border-bottom: 1px solid #D9D9D9;
}
.tr-div-stepform{
    margin-top:10.5px;
    margin-bottom:10.5px;
    padding-left:16px;
    padding-right:16px;
 }
/* 在这里写CSS代码 */
.tr-button-icon-primary {
    border-radius: 4px;
    padding: 0 7px !important;
}
/* 在这里写CSS代码 */
.tr-chips-size-small .t-chip.q-chip {
    font-size:12px;
    height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    opacity: 1;
}
/* 移动端 特有 */
.tr-chips-size-small .t-chip.q-chip {
    height: 26px;
    line-height: 26px;
    border-radius: 100px;
    background: var(--t-color-bg-gray);
    color: rgba(0,0,0,.56);
}
.tr-chips-size-small .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.05);
}
/* 移动端 特有 end */
.tr-chips-size-small .t-chip .q-chip__content {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon {
    font-size:12px;
}
.tr-chips-size-small .t-chip .q-chip__icon--remove {
    margin-left: 4px;
}

/* 在这里写CSS代码 */
.tr-button-icon-default {
    border-radius: 4px;
    padding: 0 7px !important;
}
/* 在这里写CSS代码 */
.tr-chips-size-default .t-chip.q-chip{
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
/* 移动端 特有 */
.tr-chips-size-default .t-chip.q-chip {
    height: 42px;
    line-height: 42px;
    border-radius: 6px;
    background: var(--t-color-bg-gray);
    color: rgba(0,0,0,.56);
}
.tr-chips-size-default .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.05);
}
/* 移动端 特有 end */
.tr-chips-size-default .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* 在这里写CSS代码 */
.tr-button-icon-text {
    border-radius: 4px;
    padding: 0 7px !important;
    color: #323335;
}

.tr-button-icon-text:hover {
    color: #323335;
    background-color: #EBEBED;
}
/* 在这里写CSS代码 */
.tr-chips-size-large .t-chip.q-chip{
    font-size:16px;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
}
/* 移动端 特有 */
.tr-chips-size-large .t-chip.q-chip {
    height: 67px;
    line-height: 67px;
    border-radius: 6px;
    background: var(--t-color-bg-gray);
    color: rgba(0,0,0,.56);
}
.tr-chips-size-large .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.05);
}
/* 移动端 特有 end */
.tr-chips-size-large .t-chip .q-chip__content {
    font-size:16px;
}
.tr-chips-size-large .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-large .t-chip .q-chip__icon--remove {
    margin-left: 8px;
}
/* 在这里写CSS代码 */
button.tr-button-mobile-hidetext {
    min-width: auto;
}

button.tr-button-mobile-hidetext .on-left {
    margin-right: 0 !important;
}

button.tr-button-mobile-hidetext .q-btn__content {
    justify-content: center;
}

button.tr-button-mobile-hidetext .q-btn__content span {
    display: none !important;
}
/* 在这里写CSS代码 */
button.tr-button-responsive-md {
	flex:1;
    min-height: 44px !important;
}
/* 在这里写CSS代码 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    font-size:14px;
    height: 24px;
    padding-left: 12px;
    padding-right: 12px;
}
/* 移动端 特有 */
.tr-chips-size-default-type-circle .t-chip.q-chip {
    height: 42px;
    line-height: 42px;
    border-radius: 6px;
    background: var(--t-color-bg-gray);
    color: rgba(0,0,0,.56);
}
.tr-chips-size-default-type-circle .t-chip.q-chip:hover {
    color: rgba(var(--t-color-rgb), 1);
    background: rgba(var(--t-color-rgb), 0.05);
}
/* 移动端 特有 end */
.tr-chips-size-default-type-circle .t-chip .q-chip__content {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon {
    font-size:14px;
}
.tr-chips-size-default-type-circle .t-chip .q-chip__icon--remove {
    margin-left: 6px;
}
/* on mobile end, border-radius is 6px */
/* .tr-chips-size-default-type-circle .t-chip.q-chip{
    border-radius: 100px;
} */
.tr-div-title{
    padding-left: 16px; 
    padding-top: 12px;
    border-top:10px #f1f1f1 solid
 }
/* 在这里写CSS代码 */
.tr-button-secondary {
	flex:1;
	border: 1px solid #dfe0e2;
    background-color: #FFFFFF;
}
/* 在这里写CSS代码 */
.t-chips-full-width .tr-input-editform {
    width: auto !important;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2:hover {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:focus {
    color: rgba(var(--t-color-rgb), 0.8);
    background-color: rgba(var(--t-color-rgb), 0.1);
}

.tr-button-icon-text2:active {
    color: var(--t-color);
    background-color: rgba(var(--t-color-rgb), 0.2);
}

.tr-button-icon-text2[disabled] {
    color: rgba(var(--t-color-rgb), 0.32);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    text-decoration: none;
    display: inline-block;
}
/* 在这里写CSS代码 */
.tr-button-icon-text2 {
    color: rgba(0,0,0,0.8);
    background-color: rgba(var(--t-color-rgb), 0);
    border: solid 1px rgba(var(--t-color-rgb), 0);
    min-width: auto;
    padding: 7px 0 !important;
}

.tr-button-icon-text2 .q-btn__content .q-icon {
    font-size: 14px;
}

.tr-button-icon-text2:hover,
.tr-button-icon-text2:active {
    background-color: rgba(var(--t-color-rgb), 0);
}
.tr-input-editform {
    width: 100%;
}
.tr-select-form .q-field__control{
    border-bottom: 1px solid #D9D9D9;
}
.tr-lable-templateLabel {
    color:rgba(0,0,0,0.8);
    text-decoration: none;
    font-size: 12px;
    }
}