.bg-gray{background-color: #F1F1F1; color: #333333}

.shadows{box-shadow: 0px 6px 14px 0px rgba(35, 35, 35, 0.3), inset 0px 3px 0px 0px #FFFFFF;}
.radius{border-radius: 5px;}
.round{border-radius: 50%;}

.fui-agreement{overflow: hidden; overflow-y: auto; height: 480px; max-height: 60vh; padding-right: 20px}

.dashed{border: 1px dashed #e4e8eb !important;}
.solid-top{border-top: 1px solid #e4e8eb;}
.soild-after{position: relative;}
.soild-after:after{position: absolute; content: " "; display: block; left: 0; bottom: 0; width: 100%; height: 0.5px; background-color: #e4e8eb;}

.text-center{text-align: center}
.text-lg{font-size: 20px;}
.text-bold{font-weight: bold;}
.text-black, .layui-word-aux .text-black{color: #333333}
.text-blue{color: #0081ff;}
.text-red{color: #e54d42;}
.text-gray{color:#aaa}

.nobd{border: none !important;}

.padding{padding: 15px;}
.padding-lr{padding-left: 15px; padding-right: 15px;}
.padding-left-0{padding-left: 0 !important;}
.padding-bottom-xl{padding-bottom: 40px;}

.margin-0{margin: 0 !important;}
.margin-bottom-xl{margin-bottom: 40px;}
.margin-right{margin-right: 15px;}
.margin-right-xs{margin-right: 5px;}
.margin-right-sm{margin-right: 8px;}
.margin-left-sm{margin-left: 8px;}

.fui-step{height: 56px; padding: 15px 0 10px;}
.fui-step .fui-item{line-height: 32px; position: relative; font-size: 16px;}
.fui-step .fui-item:before{content: ""; display: block; position: absolute; height: 0; width: calc(100% - 44px); border-bottom: 1px solid #ccc; left: calc(0px - (100% - 44px) / 2); z-index: 0; bottom: 12px;}
.fui-step .fui-item:first-child:before{display: none}
.fui-step .fui-item.cur,.fui-step .fui-item.done{color: #0081ff; font-weight: bold}
.fui-step .num{width: 22px; height: 22px; border-radius: 50%; line-height: 22px; margin: 0px auto; font-size: 13px; border: 1px solid currentColor; position: relative; overflow: hidden;display: block}
.fui-step .fui-item.cur .num, .fui-step .fui-item.done .num{border: none; font-family: layui-icon!important; font-size: 24px; font-style: normal; width: 24px; height: 24px}
.fui-step .fui-item.done .num{font-weight: normal}
.fui-step .fui-item.cur .num:before{content: "\e643"}
.fui-step .fui-item.done .num:before{content: "\1005";}
.fui-step .layui-container{width: 100%; padding: 0}

.fui-tab .layui-tab-title{text-align: left; line-height: 40px; border-bottom: 1px solid #e0e1e2; font-size: 16px; height: auto;}
.fui-tab .layui-tab-title > *{position: relative; margin-right: 24px; margin-bottom: -1px;}
.fui-tab .layui-tab-title a{color: #353535; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-width: 120px; padding: 0}
.fui-tab .layui-tab-title .layui-this{border-bottom: 2px solid #07c160;}
.fui-tab .layui-tab-title .layui-this a{color: #07c160;}
.fui-tab .layui-tab-title .layui-this:after{display: none}

.fui-card{padding: 25px; box-shadow: 0 1px 5px 0 rgb(0 0 0 / 5%); margin-bottom: 30px;}
.fui-card .layui-card-header{height: auto; min-height: 42px;}
.fui-card .layui-card-header .title{font-size: 20px; font-weight: 400; line-height: 1;}

.fui-table{color: inherit;}
.fui-table-lable{color: #9a9a9a; font-weight: bold;}
.fui-table.lines td{padding-top: 20px; padding-bottom: 20px;}
.fui-table tr:last-child .soild-after:after{display: none;}
.fui-table-name a{line-height: 30px; font-size: 15px;}

.fui-upload .layui-input-inline{width: 50%}

.fui-list .fui-item{box-sizing: border-box;}
.fui-list .fui-content{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 10px 20px 0; padding: 15px 20px; border: 1px solid #e7e7eb; position: relative; cursor: pointer; display: block}
.fui-list .fui-info{padding: 10px 0; padding-left: 66px; min-height: 50px; position: relative;}
.fui-list .fui-info img{width: 50px; height: 50px;  position: absolute; top: 10px; left: 0;}
.fui-list.card .fui-item{position: relative;}
.fui-list.card .card-icon{position: absolute; font-size: 50px; top: 10px; left: 18px; height: 50px; width: 50px; text-align: center; line-height: 50px; transform: scale(0.6);}
.fui-list.card .card-name{font-weight: 400; font-style: normal; display: block; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; line-height: 50px; font-size: 18px;}

.fui-layer{box-shadow: 0 0 12px 0 rgba(0,0,0,0.2) !important; border-radius: 4px !important; max-width: 1340px !important;}
.fui-layer .layui-layer-title{background:none; border-bottom: 0;}
.fui-layer .layui-layer-content{padding: 15px;}
.fui-layer .layui-layer-content > .padding{padding: 0}