html,body,h1,h2,h3,h4,h5,h6,ul,p,table,th,td,tr{
    padding: 0;
    margin: 0;
    font-weight: normal;
}
html,body{
    width: 100%;
    /*background-color: #f5f5f5;*/
    background-color: #F7F8FC;
}
body *{
    box-sizing:border-box;
    font-family: Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif;
    font-size:14px;
    font-style: normal;
}

li{
    list-style: none;
}
a{
    text-decoration: none;color: #000;
}
a:hover{
    text-decoration: none;
    color: #000;
}
.Line11{
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}
.Line1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.Sections{
    border-left: 4px solid #E27900;
    padding-left: 5px;
    margin-bottom: 5px;
}
.B{
    font-weight: bolder !important;
}
.href{
    cursor: pointer;
    border-bottom: 1px solid #777;
}
H1,.H1{
    font-size: 20px !important;
    font-weight: normal;
}
H2,.H2{
    font-size: 18px !important;
    font-weight: normal;
}
H3,.H3{
    font-size: 16px !important;
    font-weight: normal;
}
H4,.H4{
    font-size: 14px !important;
    font-weight: normal;
}
H5,.H5{
    font-size: 12px !important;
    font-weight: normal;
}
@font-face {
    font-family: "iconfont";
    src: url('/static/iconfont.ttf') format('truetype');
}
.iconfont{
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.Web{color: #E27900 !important;}
.Web_bg{background-color: #FFF8F0 !important;}
.Default{color: #409EFF !important;}
.Default_bg{background-color: #ECF5FF !important;}
.Success{color: #67C23A !important;}
.Success_bg{background-color: #F0F9EB !important;}
.Warning{color: #E6A23C !important;}
.Warning_bg{background-color: #FDF6EC !important;}
.Error{color: #F56C6C !important;}
.Error_bg{background-color: #FEF0F0 !important;}
.None{color: #909399 !important;}
.None_bg{background-color: #F4F4F5 !important;}

.Button{
    padding: 3px 15px;
    border-radius: 3px;
    cursor: pointer;
}
.Web_button_{
    background-color: #FFF8F0 !important;
    border: 1px solid #E27900 !important;
    color: #E27900 !important;
}
.Web_button{
    background-color: #E27900 !important;
    border: 1px solid #E27900 !important;
    color: #fff !important;
}
.Default_button_{
    background-color: #ECF5FF !important;
    border: 1px solid #409EFF !important;
    color: #409EFF !important;
}
.Default_button{
    background-color: #409EFF !important;
    border: 1px solid #409EFF !important;
    color: #fff !important;
}
.Success_button_{
    background-color: #F0F9EB !important;
    border: 1px solid #67C23A !important;
    color: #67C23A !important;
}
.Success_button{
    background-color: #67C23A !important;
    border: 1px solid #67C23A !important;
    color: #fff !important;
}
.Error_button_{
    background-color: #FEF0F0 !important;
    border: 1px solid #F56C6C !important;
    color: #F56C6C !important;
}
.Error_button{
    background-color: #F56C6C !important;
    border: 1px solid #F56C6C !important;
    color: #fff !important;
}
.None_button_{
    background-color: #F4F4F5 !important;
    border: 1px solid #909399 !important;
    color: #909399 !important;
}
.None_button{
    background-color: #909399 !important;
    border: 1px solid #909399 !important;
    color: #fff !important;
}
/*没有图片*/
.nopic{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #e9e9e9;
    font-size: 16px;
    color: #aaa;
    height: 120px;
}
.nopic:hover{
    color: #aaa;
}
.nopic i{
    font-size: 40px;
    margin-bottom: 10px;
}
.nopic b{
    font-size: 14px;
}
/*列表页用筛选功能*/
.ListTools {
    background-color:#fff;
    border:1px solid #E8DFDF;
    padding:25px
}
.ListTools .Itop{
    margin-top:20px;
}
.ListTools .Items {
    display:flex;
    margin-bottom: -10px;
}
.ListTools .Items span {
    color:#515151;
    margin-right:10px;
    font-size:14px;
    font-weight:bold;
    width: 80px !important;
}
.ListTools .Items .Item {
    width:950px;
    display:flex;
    flex-wrap:wrap
}
.ListTools .Items .Item p {
    display:flex
}
.ListTools .Items .Item p i {
    font-weight:bold;
    color:#E27900;
    display:block;
    margin-bottom:5px;
    margin-left:16px;
    padding:3px 0
}
.ListTools .Items .Item p a,.ListTools .Items .Item p a:hover {
    color:#858585;
    display:block;
    margin:0 0 10px 2px;
    padding:3px 8px;
    font-size:14px
}
.ListTools .Items .Item p .active,.ListTools .Items .Item p .active:hover {
    background-color:#E27900;
    color:#fff;
    border-radius:14px
}
/*列表页搜索功能*/
.Seachs {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.Seachs .Seach {
    margin:10px 0 20px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:290px
}
.Seachs .Seach .input {
    border:1px solid #ddd;
    border-radius:4px;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center
}
.Seachs .Seach .input .fa {
    margin:0 5px;
    color:#ccc
}
.Seachs .Seach .input input {
    width:200px
}
.Seachs .Center{width: 600px;}
.Seachs .Web_button {
    padding:4px 15px;
    border-radius:3px;
    cursor:pointer
}
.FrameBody{
    width: 100%;
    padding: 10px;
    background: #fff;
}
.MyappBody{
    width: 1120px;
    padding: 10px;
    margin: auto;
    background: #fff;
    border-radius: 10px;
}
/*table表*/
.MyappBody table{
    border-collapse:collapse;
}
.MyappBody table tr{

}
.MyappBody table tr:first-child{
    border-bottom:1px solid #eee
}
.MyappBody table tr th{
    color:#666666;
    text-align: left;
    font-weight: bold;
}
.MyappBody table tr .center{
    text-align: center;
}
.MyappBody table tr th,table tr td{
    padding:10px 0;
    border-bottom:1px solid #eee
}
.MyappBody table tr td,table tr td *{
    /*font-size:20px !important;*/
    color:#666666
}
/*表单*/
.FormItems{

}
.FormItems .FormItem{
    padding:  10px 0;
    margin-bottom: 5px;
}
.FormItems .Err{
    border: 2px solid #F56C6C;
}
.FormItems .FormItem .FormItemElement{
    display: flex;
    align-items: center;
}
.FormItems .FormItem .Top{
    display: flex;
    align-items: flex-start;
}
.FormItems .FormItem .FormItemElement .FormLable{
    width: 120px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 20px;

}
.FormItems .FormItem .FormItemElement .FormElement .span{
    margin-left: 10px;
    margin-top: 5px;
}
.FormItems .FormItem .FormItemElement .FormLable .Dot{
    color: #E27900;
    margin: 5px 5px 0 0;
}
.FormItems .FormItem .FormItemElement .FormLable .Title{
    color: #555;
    font-size: 14px;
}
.FormItems .FormItem .FormItemElement .FormElement{
    display: flex;

}
.FormItems .FormItem .FormItemElement .FormElement .FormImg{
    width: 150px;
    height: 150px;
    border: 1px #ccc dashed;
    position: relative;
    cursor: pointer;
    border-radius: 6px;
    margin-right: 5px;
}
.FormItems .FormItem .FormItemElement .FormElement .FormImg img{
    width: 146px;
    height: 146px;
    border-radius: 6px;
    margin: 1px;
}
.FormItems .FormItem .FormItemElement .FormElement .FormImg i{
    position: absolute;
    top: 65px;
    left: 65px;
    color: #fff;
}
.FormItems .FormItem .FormItemElement .FormElement .FormUpload:after{
    content: "+";
}
.FormItems .FormItem .FormItemElement .FormElement .FormUpload{
    width: 150px;
    height: 150px;
    border: 1px #ccc dashed;
    background: #ECF5FF50;
    color:#aaa ;
    text-align: center;
    line-height: 150px;
    font-weight: lighter;
    border-radius: 6px;
    cursor: pointer;
}
.FormItems .FormItem .FormItemElement .FormElement .FormUpload2:after{
    content: "+";
}
.FormItems .FormItem .FormItemElement .FormElement .FormUpload2{
    width: 150px;
    height: 150px;
    border: 1px #ccc dashed;
    background: #ECF5FF50;
    color:#aaa ;
    text-align: center;
    line-height: 150px;
    font-weight: lighter;
    border-radius: 6px;
    cursor: pointer;
}
.FormItems .FormItem .FormItemTip{
    color: #F56C6C;
    font-size: 12px;
    padding-left: 140px;
    visibility: hidden;
}
.MyappBody .FormItems .line{
    height:1px;
    background:#eee;
    margin-bottom:20px
}
.FormItems .FormItem .FormItemElement .FormElement .FormSubmit{
    background: #E27900;
    color: #fff;
    padding: 6px 30px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}