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:  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 .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;
}