html {font-family: 'Microsoft JhengHei', "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif}
body{ font-family: 'Microsoft JhengHei', "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; margin:0; padding:0}
img{ padding:0; border:0;}
html{overflow-x:hidden; overflow-y:auto;font-size:14px; margin:0; padding:0}
ul, li { list-style:none;}
* { margin:0; padding:0; word-break:break-all;box-sizing:border-box}
input, textarea, select, a:focus {outline: none;}
.f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default { border-color: #ffffff; color: #000000;}
.f-menu{text-align:left}
.f-grid-cell-inner {padding: 5px 8px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;line-height: 22px; font-size:1rem}
input {font-family: 'Microsoft JhengHei', "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif}


/* 表格列 - 基本信息 */
.f-grid-cell-text .user-profile {
display: flex;
gap: 10px;
align-items: center;
}

.f-grid-cell-text .user-profile .avatar img {
width: 38px;
height: 38px;
border-radius: 50%;
}

.f-grid-cell-text .user-profile .name-desc {
display: flex;
flex-direction: column;
flex: 1;
}

.f-grid-cell-text .user-profile .name-desc .desc {
font-size: 0.9em;
}

.f-widget-header{background:#e8e8e8}/*这里有改动 主要是为了头部有个颜色好区分*/

.f-state-default, .f-widget-content .f-state-default, .f-widget-header .f-state-default {
    background-color: #e8e8e8;
}
/*上面两个都是为了解决表格或者弹窗等的头部显示颜色*/

.marginr {
    margin-right: 5px;
}
.clear {clear: both;}
ul.result, ol.result {margin: 10px 0;padding: 0;border-top: solid 1px #ddd;}
ul.result li, ol.result li {list-style-type: none;margin: 0;padding: 5px;border-bottom: solid 1px #ddd;}
table.result {margin: 10px 0;width: 500px;border-collapse: collapse;}
table.result th {font-weight: bold;}
table.result td, table.result th {border-bottom: solid 1px #ddd;padding: 5px;text-align: left;}
.highlight {font-weight: bold;color: red;}



.tcenter {
    text-align: center;
}

.tleft {
    text-align: left !important;
}

.tright {
    text-align: right !important;
}

.tindent5 {
    text-indent: 5px;
}

.tindent10 {
    text-indent: 10px;
}

.tindent15 {
    text-indent: 15px;
}

.tindent20 {
    text-indent: 20px;
}

.width100 {
    width: 100%;
}

.width95 {
    width: 95%;
    margin: 0 auto;
}

.height20 {
    height: 20px;
    line-height: 20px;
}

.height30 {
    height: 30px;
    line-height: 30px;
}

.height40 {
    height: 40px;
    line-height: 40px;
}

.height50 {
    height: 50px;
    line-height: 50px;
}

.height60 {
    height: 60px;
    line-height: 60px;
}

.bgc-wx {
    background: #07C160;
}

.bold {
    font-weight: bold;
}

.f10 {
    font-size: 10px
}

.f11 {
    font-size: 11px
}

.f12 {
    font-size:12px
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}

.f16 {
    font-size: 16px
}

.f17 {
    font-size: 17px
}

.f18 {
    font-size: 18px
}

.f19 {
    font-size: 19px
}

.f20 {
    font-size: 20px
}

.f21 {
    font-size: 21px
}

.f22 {
    font-size:22px
}

.f25 {
    font-size: 25px
}

.f30 {
    font-size: 30px
}

.f35 {
    font-size: 35px
}

.f40 {
    font-size: 40px
}

.f50 {
    font-size: 50px
}
/*字体颜色*/
.f-red {
    color: #a10303 !important;
}

.f-blue {
    color: #10aeff !important;
}

.f-black {
    color: #333 !important;
}

.f-white {
    color: #FFF !important;
}

.f-zi {
    color: #FF33CC !important;
}

.f-yellow {
    color: #FFFF66 !important;
}

.f-orange {
    color: #FF6600 !important;
}

.f-green {
    color: #07c160 !important;
}

.f-green1 {
    color: #e3f9e9 !important;
}

.f-green2 {
    color: #92dab2 !important;
}

.f-green3 {
    color: #2ba471 !important;
}

.f-green4 {
    color: #006c45 !important;
}

.f-green5 {
    color: #003b23 !important;
}

.f-gray1 {
    color: #f3f3f3 !important;
}

.f-gray2 {
    color: #e8e8e8 !important;
}

.f-gray3 {
    color: #c6c6c6 !important;
}

.f-gray4 {
    color: #8b8b8b !important;
}

.f-gray5 {
    color: #5e5e5e !important;
}

.f-gray6 {
    color: #393939 !important;
}

.f-gray7 {
    color: #242424 !important;
}


/*背景颜色*/

.bg-green {
    background-color: #07c160 !important;
}

.bg-red {
    background-color: #fa5151 !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.bg-blue {
    background-color: #10aeff !important;
}

.bg-gray {
    background-color: #f5f5f5 !important;
}

.bg-gray2 {
    background-color: #e8e8e8 !important;
}

.bg-gray3 {
    background-color: #c6c6c6 !important;
}

.bg-gray4 {
    background-color: #8b8b8b !important;
}

.radius5 {
    border-radius: 5px;
}

.radius10 {
    border-radius: 10px;
}

.radius15 {
    border-radius: 15px;
}

.radius20 {
    border-radius: 20px;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}


.pd20 {
    padding: 20px;
}


.pd30 {
    padding: 30px;
}



.pd40 {
    padding: 40px;
}



.pd50 {
    padding: 50px;
}


.mar5 {
    margin: 5px
}
.mar15 {
    margin: 15px
}
.mar25 {
    margin: 25px
}
.mar35 {
    margin: 35px
}
.mar10 {
    margin: 10px
}
.mar20 {
    margin: 20px
}
.mar30 {
    margin: 30px
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml60 {
    margin-left: 60px;
}

.ml70 {
    margin-left: 70px;
}

.ml80 {
    margin-left: 80px;
}

.ml90 {
    margin-left: 90px;
}

.ml100 {
    margin-left: 100px;
}

.ml200 {
    margin-left:200px;
}

.ml300 {
    margin-left: 300px;
}

.ml400 {
    margin-left: 400px;
}

.ml500 {
    margin-left: 500px;
}


.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right:10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mr60 {
    margin-right: 60px;
}

.mr70 {
    margin-right: 70px;
}

.mr80 {
    margin-right: 80px;
}

.mr90 {
    margin-right: 90px;
}

.mr100 {
    margin-right: 100px;
}
.mr200 {
    margin-right: 200px;
}
.mr300 {
    margin-right: 300px;
}
.mr400 {
    margin-right: 400px;
}
.mr500 {
    margin-right: 500px;
}


.flexsb{display:flex;flex-direction:row;justify-content:space-between}


.flexfs {
    display: flex;
    flex-direction: row;
    justify-content:flex-start
}

.btn100{
    width:100px;letter-spacing:1px
}

.btn150 {
    width: 150px;
    letter-spacing: 1px
}


.btn200 {
    width:200px;
    letter-spacing: 1px
}


.btn220 {
    width: 220px;
    letter-spacing: 1px
}