.work_null{display: inline-block; text-align: center; width: 100%;background-color: #fff; padding: 20px 0; color: #ccc;border-radius: 10px;}
.work_null img{border-radius: 0; display: block; width: 200px; margin: auto auto 10px;}

.project_content img{max-width:100%}
.ms-wap-bottom{position: fixed; bottom: 0; right: 0; left: 0; width: 100%; background-color: #fff; line-height: 42px; box-shadow: 0 0 3px #ccc;}
.ms-wap-bottom .bottom-button{display: inline-block; width: 25%; float: right;background-color: #f00;color:#fff;text-align: center; font-size: 16px;}
.ms-wap-bottom .bottom-return{display: inline-block; width: 25%; float: right;background-color: #ccc;color:#fff;text-align: center; font-size: 16px;}
.ms-wap-bottom .bottom-info{display: inline-block; float: left;padding-left:16px;}
.project_title h2{font-size: 16px; margin: 10px 0;}
.project_title p{border-bottom: 1px dotted #ccc; padding-bottom: 7px; margin-bottom: 7px;}
.project_title p span i{float: initial!important;font-size: 16px!important; margin-right: 10px!important;}
.project_title p span{width: 70px; display: inline-block;}
.details{margin-bottom: 5px; border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; font-size: 16px; color: #009688;}
.list-nav{margin-bottom: 60px;}
.list-nav ul li{background-color: #fff; margin-bottom: 20px; overflow: hidden; line-height: 30px; font-size: 14px; border-radius: 10px;}
.list-nav ul li a{display: block; padding: 15px;}
.list-nav ul li i{float:right;font-size: 22px;}

.relative{position: relative;}
.project_in_list p{line-height: 26px;border-bottom: 1px dotted #ccc; padding-bottom: 3px; margin-bottom: 3px;}
.project_in_list h1{line-height: 100px; padding-left: 20px; color: #fff;}
.project_in_list h2{font-size: 16px;}
.project_in_list .state{position: absolute; top: 15px; right: 15px;  width: 52px; line-height: 21px; text-align: center; color: #fff; font-size: 12px;}
.project_in_list .state1{background-color: #ccc;}
.project_in_list .state2{background-color: #16baaa;}
.project_in_list .state3{border-color: #eee!important; background-color: #fbfbfb!important; color: #d2d2d2!important; opacity: 1; cursor: not-allowed!important;}
.project_in_list i{float: initial!important;font-size: 16px!important; margin-right: 10px!important;}

.layui-card{border-radius: 10px;}

.work_img{display: inline-block; text-align: center; width: 100%; margin: 10px 0;}
.work_img img{border-radius: 0; display: block; max-width: 100%; margin: auto;}
.returnhome{display: inline-block; width: 50px;}
.returnhome i{font-size: 20px;}
.project_status_img{position: absolute; right: 0;}
.project-tips{color:#999}

.project_tab{margin-bottom:10px;}
.project_tab a{position: relative; line-height: 40px; min-width: 65px; margin: 0; padding: 0 15px; text-align: center; cursor: pointer;display: inline-block;}
.project_tab a.on{color: #16baaa; border-bottom: 2px solid #16b777;}

.status0{background-color: #ffb800;}
.status1{background-color: #16b777;}
.status2{background-color: #ff5722;}

.projectimg{height: 100px;}
.projectimg17{background: linear-gradient(220.55deg, #FFF500 0%, #FF00B8 100%);}
.projectimg18{background: linear-gradient(220.55deg, #FFE70B 0%, #27B643 100%);}
.projectimg40{background: linear-gradient(220.55deg, #D7003A 0%, #19087E 100%);}
.projectimg41{background: linear-gradient(220.55deg, #FF5EEF 0%, #456EFF 100%);}

.layui-layer-mscms .layui-layer-btn .layui-layer-btn0{    border-color: #e0c580;background-color: #e0c580!important;}
.layui-layer-mscms .layui-layer-title{background: #e0c580 !important;}