html,body{margin:0; padding:0;font-size: 14px;}
body{background-color: #eeeeee;}
input{border: 0; margin: 0;padding: 10px;color:#bdbdbf;}
button{border:0;background-color:transparent;margin: 0;}
a{text-decoration: none;}
/*公共样式*/
.min-back{background-color: #ffbb01 !important;}
.db-back{background-color: #6ed16d !important;}
.min-color{color:#ffbb01 !important;}
.min-border{border:1px solid #ffbb01 !important}
.text-default{color: #ffbb01 !important;}
.back-default{background-color: #ffbb01 !important;}
.radius{border-radius: 10px !important;}
.content{max-width: 640px; margin: 0 auto;}
.hide{display: none;}
.mt-20{margin-top: 20px;}

/*底部导航*/
.nav-footer{display:flex;flex-direction: row;justify-content: space-around;align-items: center; position: fixed; bottom: 0; left: 0;width: 100%;padding: 5px 0;border-top:1px solid #b5b5b5;background-color: #ffffff;}
.nav-footer .nav-item{display:flex;flex-direction: column;justify-content: center;align-items: center;width: 33.33%;}
.nav-footer .nav-item:active{background-color: #BDBDBF;}
.nav-footer img{width:15%;}
.nav-footer span{color: #808080;font-size:12px;}

/*海报列表*/
.list-new{background-color: white; margin-top: 10px;}
.list-new .list-row{display: flex;flex-direction: row; justify-content: space-between;align-items: center; padding-top: 10px; padding-bottom: 10px;}
.list-new .list-row .dot{border-left:4px solid #FFBB01; padding-left: 10px; text-overflow: ellipsis; white-space:nowrap;overflow: hidden; width:65%;}
.list-new .lin{border:1px dashed #eeeeee}
.list-new .list-col{padding: 0 14px;}
.list-new .list-col h1{font-size:20px; font-weight: 100;}
.list-new .list-col h2{font-size:16px; color:#888888; font-weight: 100;}
.list-new .list-row .button{border:1px solid #6ed16d;padding: 5px 10px;color:#6ed16d; border-radius:100px;margin-right: 14px;}
.list-new .list-row .button:active{background-color:#6ed16d;color: white;}
.list-new .list-row .num{margin-left: 14px; color: #6ed16d;}
.list-new .list-row .min-button{background-color:#ffbb01;padding: 5px 10px;color:white;border-radius:100px;margin-right: 14px;}
.list-new .list-row .min-button:active{background-color:#eebb01;color: white;}
.list-new .list-row .min-button-G{background-color:#6ed16d;padding: 5px 10px;color:white;border-radius:100px;margin-right: 14px;}
.list-new .list-row .min-button-G:active{background-color:#6ED16D;color: white;}
/*海报列表-过期*/
.overdue{color:#9a9a9a;}
.overdue .list-row{position: relative;}
.overdue .list-row .dot{border-left:4px solid #888888;width:60%;}
.overdue .list-row img{position: absolute; top: 0; right: 0; width: 10%;}
.overdue .list-row .button{border:1px solid #e6e6e6;padding: 5px 10px;color:#9b9b9b; border-radius:100px;margin-right: 30px;}
.overdue .list-row .num{color: #9a9a9a;}
.overdue .list-row .min-button{background-color:#9e9e9e;padding: 5px 10px;color:white;border-radius:100px;margin-right: 30px;}
.overdue .list-row .min-button-G{background-color:#9e9e9e;}
@media only screen and (min-width: 100px) and (max-width:320px){
	.list-new .list-row .num span,.overdue .list-row .num span{display: block;}
}

/*暂无消息*/
.null{display:flex;flex-direction:column;justify-content: center; align-items: center; margin-top: 40%; margin-bottom: 20%;}
.null img{width: 50%;}
.null p{color:#b4b4b4;}

/*绩效管理列表*/
.list-user{display: flex;flex-direction:column;justify-content:center;align-items: center; background-image: url(../img/bg-head.png);background-size: 100% 100%;}
.list-user .userNet{display: flex;flex-direction: row;align-items: center;justify-content:center; width: 20vw; height: 20vw; background-color: #ffbb01; color:#FFFFFF; border-radius: 100%; box-shadow: 0 0 10px #ffbb01; margin-top: 33px; font-size: 15px;}
.list-user .userNum{display: flex;flex-direction: row;align-items: center;justify-content:center;}
.list-user .userNum span{font-size: 13px; font-weight: bold; color: #FFBB01; margin: 10px auto;}
.button-big{display: block;width:80%;line-height:40px;color:#fff;margin:20px auto;margin-bottom:65px; font-size: 16px; text-align: center;}
.button-big:active{background-color: #EEBB01; color: white;}
.abtn{display: flex; flex-direction: row; justify-content:space-between; align-items: center;background-color: #FFFFFF; margin: 10px auto; box-shadow: 0px 0 15px #eaf2fc; width:70%;padding:8%; border-radius: 10px;}
.abtn img{width:30%;}
.abtn div{font-size:11px; width: 60%; text-align: center; color: #000000;}

/*自主添加二维码*/
.space{text-align:center;}
.space img{width: 70%;}
.space h4{margin: 30px 0;}
.space .tips{color:#4b80e6;font-size: 16px; margin-top: 30px;}
.space .waring{color:#888f99}

/*第三方按钮组*/
.login-miu{width: 80%;margin: 0 auto;display: flex;flex-direction:row;justify-content: center;align-items: center; margin:40px auto;}
.login-miu .miu-item{display: flex;flex-direction: column;align-items: center;}
.login-miu .miu-item img{width:70%; border-radius: 100px; margin-bottom: 10px;}

/*筛选顺序*/
.filter-top{width: 100%;text-align: center;line-height: 40px;color:#fff; background-color: #a3b3eb; border-bottom: 1px solid #e5e5e5;}
.filter-top span{font-size: 16px;}
.filter-top img{width: 5%;}

/*查看详情列表*/
table{text-align: center;width: 100%;margin: 10px auto;background-color: #FFFFFF;}
table thead{line-height: 40px;}
table thead tr th{border-bottom: 1px solid #d2d2d2;}
table tbody{line-height: 40px;}
table tbody tr td{border-bottom: 1px dashed #d2d2d2;}
table tbody tr:last-of-type td{border-bottom: 0px}
table tbody tr td img{width: 30%; vertical-align: middle;}
table tbody tr td a{background-color:#ffbb01;padding: 5px 10px;color:white;border-radius:100px;}

/*模态弹窗*/
.model,#model{width:100%;height: 100%;background-color: rgba(0,0,0,0.5); position: fixed;top:40px;}

/*筛选弹窗*/
.model-filter{background-color: #f1f1f1;}
.model-filter .model-filter-top button{background-color: #fff;border:1px solid #d2d2d2; border-radius: 8px; padding: 10px 15px; margin:10px 0 20px 10px; color: #ffbb01;}
.model-filter .model-filter-top .hover{background-color: #ffbb01;border:1px solid #ffbb01;color: #fff;}
.model-filter .model-filter-btn{display:flex; flex-direction: row;}
.model-filter .model-filter-btn button{width: 50%;line-height: 40px;margin: 0;}
.model-filter .model-filter-btn button:first-of-type{border-top: 1px solid #e5e5e5;}
.model-filter .model-filter-btn button:last-of-type{background-color: #ffbb01;color: white;}

/*用户信息表单列表*/
.uesr-info{background-color: #FFFFFF;}
.uesr-info .uesr-item{display: flex;flex-direction: row;justify-content:space-between; align-items:center;padding: 0 15px;border-bottom: 1px solid #eeeeee;}
.uesr-info .uesr-item:last-of-type{border-bottom: 0px;}
.uesr-info .uesr-item .uesr-head{display: flex;flex-direction: row;align-items: center;}
.uesr-info .uesr-item .uesr-head div:first-child{width: 60px; height: 60px;line-height: 60px;  border-radius: 30px;background-color: #FFBB01; text-align: center; margin: 10px 10px 10px 0; color: #FFFFFF; font-size: 18px;}
.uesr-info .uesr-item .uesr-head .zhiwei{display: flex;flex-direction:column;justify-content: center;}
.uesr-info .uesr-item .uesr-head .zhiwei span{line-height: 25px;}


/*成员角色设置*/
.uesr-amin{display: flex;flex-direction:column;align-items: center;}
.uesr-amin>button{width: 90%;line-height: 50px; border-radius: 8px;color:#1c1c1c;background-color: #eeeeee; margin-top: 10px;font-size: 16px;}
.uesr-amin .uesr-btn{width: 100%;display: flex;flex-direction:row;justify-content:space-around;margin-top: 40px;}
.uesr-amin .uesr-btn button{width: 40%;line-height: 45px; border-radius: 8px;color: white;font-size: 16px;}
.uesr-amin .uesr-btn button:first-of-type{background-color: #b8b8b8;}
.uesr-amin .uesr-btn button:last-of-type{background-color: #ffbb02;}
.uesr-amin .hover{background-color: #ffbb01;color: #fff;}
.uesr-amin+.tips{color: #FFBB01; text-align: center;}

/*表单*/
.form-row{display:flex;flex-direction:row;align-items: center;width: 90%; margin: 0 auto;height:60px; border-bottom: 1px solid #e6edff;}
.form-row>img{vertical-align: middle; width: 5%;}
.form-row .form-row-item img{vertical-align: middle; width:9%;}
.form-row .form-row-item input{margin:0;}
.form-row+p{color:#505050; font-size: 12px; padding: 0 20px;}

/*新增管理人员*/
.newMan{width: 85%; margin: 40px auto; position: relative;}
.newMan img{width:100%;}
.newMan .newMan_pos{position: absolute; top:2.5%;left: 10%;margin-left: calc(-(90%/2)); width: 90%;}
.newMan .newMan_pos p{line-height:10px;}
.newMan .newMan_pos p:nth-of-type(1){font-size: 15px; font-weight:bold;}
.newMan .newMan_pos p:nth-of-type(2){font-size: 12px;}
.newMan .newMan_pos p:nth-of-type(3){font-size: 12px; color: red;}