@import url('./common.css');

/*分享页 20250411*/
.share-page-header{width: 100%;height: 50px;background-color: #fff;display: flex;justify-content: space-between;padding: 0 30px;align-items: center;box-shadow: 1px 1px 10px #e3e3e3;position: fixed;top:0;left:0; z-index: 999;}
.share-page-header .left{display: flex;align-items: center;}
.share-page-header .left .return i{margin-right: 5px;}
.share-page-header .right{padding-bottom: 0;}
.share-page-header .right a{margin:5px;}
.share-page-content{width: 1200px;min-height:100vh;height: auto;padding-top: 50px;margin:0 auto;color:#000;}

.share-message-box{width: 100%;float:left;line-height: 50px;}
.share-message-box .message-tips{float:left;}
.share-message-box .message-tool{float:right;}
.share-message-box .message-tool a{float: left;}
.share-page-tool{width: 100%;float:left;line-height:40px;height:40px;overflow: hidden;margin-bottom: 20px;}
.share-page-tool .left{float:left}
.share-page-tool .right{float:right;}
.share-page-tool .right .copy-content{float:left;}
.share-page-tool .right .copy-tool{float:left;margin-left:10px;position: relative;}
.share-page-tool .right .copy-tool a{float: left;margin-right: 10px;}

.share-page-table{margin-bottom: 0;border-collapse: collapse;}
.share-page-table .title{font-size: 17px;text-align: left;font-weight: 600;}
.share-page-table thead{border: 2px solid #000;}
.share-page-table th{border: 1px dashed #999;}
.share-page-table tbody{border: 2px solid #000;}
.share-page-table td{border: 1px dashed #999;}
.share-page-table td .td-content{width: 100%;}
.share-page-table td .td-tool{width: 100%;text-align: center;}
.share-page-table .sub-title{float:left;font-weight: bold;text-align: left;}
.share-page-table .sub-tool{float:right;}
.share-page-table .small-count{text-align: left;}
.share-page-table .count{text-align: left;height: 50px;font-weight: bold;}
.share-page-table .remarks{text-align: left;white-space: pre-line;}

.edit-box{display: flex;}
.edit-box input{border:none;outline: none;border-bottom: solid 1px #ccc;flex-grow:1;text-align: center;margin:0 20px;}
.edit-box a{word-break: keep-all;margin:0}


.quotaion-box{width:100%;margin: 0 auto;padding: 50px;overflow:hidden;background-color: #fff;min-height: calc(100vh - 150px);margin-bottom: 20px;float:left}
.quotaion-box .quotation-header{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.quotaion-box .quotation-header .logo-box{width: 200px;height: 50px;overflow: hidden;}
.quotaion-box .quotation-header .logo-box img{width: 100%;height: 100%;object-fit: cover;}
.quotaion-box .quotation-header .info-box{width: auto;}
.quotaion-box .quotation-header .info-box .info-item{text-align: left;margin-bottom: 4px;font-size: 14px;}
.quotaion-box .quotation-header .info-box .info-item strong{margin-right: 5px;}
.quotaion-box .quotation-header .info-box .company-name{font-size: 18px;font-weight: bold;}


/* document-box */
.document-box{width: 100%;margin: 0 auto;padding: 50px;overflow:hidden;background-color: #fff;min-height: calc(100vh - 150px);margin-bottom: 20px;float:left}
.document-box .document-header{width: 100%;border-bottom: solid 1px #ccc;float:left;padding-bottom: 10px;margin-bottom: 20px;z-index:100;position: relative;}
.document-box .document-header .name-box{float:left;color:#000;}
.document-box .document-header .name-box .cn{float:left;width: 100%;font-size:16px;}
.document-box .document-header .name-box .en{float:left;width: 100%;font-size:14px;}
.document-box .document-header .logo-box{width: 160px;height: 40px;overflow: hidden;float:right;}
.document-box .document-header .logo-box img{width: 100%;height: 100%;object-fit: cover;}
.document-box .document-title{width: 100%;line-height: 40px;font-size: 20px;font-weight: 600;outline: none;border: none;margin: 20px auto;text-align: center;color:#000;float:left}
.document-box .document-content{width: 100%;float: left;}
.document-box .document-content .simditor{border: none;width: 100%;}
.document-box .document-content .simditor .simditor-wrapper{background: transparent;}
.document-box .document-content .simditor .simditor-body{overflow-x: auto;}
.document-box .document-content .simditor .simditor-body p{font-size:16px;}
.document-box .document-content article{width: 100%;margin-bottom: 20px;}


.receipt-box{width: 100%;float: left;display: flex;padding-top: 80px;}
.receipt-box .left-box {width: 250px; height: 100%;margin-right: 60px; float: left;}
.receipt-box .left-box .title {font-size: 28px;padding: 0 0 60px; font-weight: 600;}
.receipt-box .left-box .small-title { height: 30px; line-height: 30px; font-size: 14px;}
.receipt-box .right-box {width: 850px; height: 100%; float: left;}
.receipt-box .right-box .message-title{width: 100%;font-size: 24px;font-weight: 600;}
.receipt-box .right-box .message-box{margin-bottom: 20px; padding-left:50px;float: left;width: 100%;}
.receipt-box .right-box .message-box .message-item{width: 100%;float:left;line-height: 30px;font-weight:bold;font-size: 16px;}
.receipt-box .right-box .message-box .message-item .title{float:left;width:80px;}
.receipt-box .right-box .message-box .message-item .content{float:left;}
.receipt-box .right-box .right-footer {margin-top: 80px;font-size: 16px; font-weight: 600;}

@media print{
	.share-page-header{display:none;}
	.share-page-content{padding:0px;margin:0px;}
	.share-page-tool{display:none;}
}

#watermask{width: 100vw;height: 100vh;position: fixed;left:0;top:0;z-index: 99;}

.home-top{width: 100%;float: left;position: relative;margin-bottom: 30px;}
.home-top .home-sign{color: #fff;filter: drop-shadow(2px 4px 6px black);float:left;margin-top:20px;}
.home-top .home-sign .welcome-tips{font-size: 26px;}
.home-top .home-sign .staff-sign{display: block;height: 35px;line-height: 35px;position: relative;}
.home-top .home-sign .staff-sign-input{width: 800px;display: none;position: relative;}
.home-top .home-sign .staff-sign-input span{position: absolute;line-height: 35px;right: 10px;top: 0;color: #999;}

/* 时间插件 */
.home-top .home-time{float:right;color: #fff;}
.home-top .home-time .date-box{height: 50px;line-height: 50px;color: #fff;}
.home-top .home-time .date-box .date{float:left;margin-right: 10px;}
.home-top .home-time .date-box .week{float:left;}
.home-top .home-time .time{font-size: 40px;height: 40px;line-height: 40px;}
.home-top .home-time .weather-box{display: flex;flex-direction: column;justify-content: space-between;text-align: left;font-size: 20px;}
.home-top .home-time .weather-box .weather-box-top{height: 50px;line-height: 50px;display: flex;justify-content: space-between;font-size: 14px;}
.home-top .home-time .weather-box .weather-box-top .iconfont{font-size: 50px;margin-right: 20px;}
.home-top .home-time .weather-box .weather-box-bottom{font-size: 14px;display: flex;align-items: flex-end;height: 40px;line-height: 30px;}


.tool-box{margin-bottom: 20px;}
.staff-card{margin-bottom: 20px;width: 100%;float: left;}
.staff-card .staff-card-box{width: 100%;float: left;overflow: hidden;margin-bottom: 10px;}
.staff-card .staff-card-box img{max-width: 100%;}
.staff-card .staff-card-info {display: flex;width: 100%; justify-content: space-between;line-height: 30px;}
.staff-card .staff-card-info .staff-card-item{flex:1;}


/* project-signboard */
.board-list-box{width: 100%;display: flex;gap:20px;}
.board-list-box .board-item{height: calc(100vh - 300px);background-color: #fff;border: 1px solid #e4e4e4;padding: 0; box-shadow: none;flex:1;overflow: hidden;}
.board-list-box .board-item .item-name{width:100%;text-align:center;height:40px;line-height:40px;color:white;background-color:#3b7ddd;font-size:14px;border-radius:5px 5px 0 0;font-weight:600;}
.board-list-box .board-item .item-list{height: calc(100vh - 340px); padding: 10px 10px 0 10px;overflow-y: scroll;overflow-x: hidden;}
.board-list-box .board-item .item-list .item-container{width: 100%;float:left;}
.board-list-box .board-item .item-list .item-container .task-item{width: 100%;float: left;margin-bottom: 10px;}
.board-list-box .board-item .item-list .item-container .task-item .task-item-label{width: 100%;float:left;}
.board-list-box .board-item .item-list .item-container .task-item .task-item-label label{border: 1px solid #3b7ddd;text-align: center;cursor: pointer;font-size: 12px;border-radius: 2px;color: #3b7ddd;margin-right: 4px;height: 22px;line-height: 22px;width: auto;padding: 0 4px;float:left;}
.board-list-box .board-item .item-list .item-container .task-item .task-item-name{width: 100%;float:left;word-break: break-all;line-height: 30px;}

/* 任务池 */
.project-loading{width:150px;background-color: #dce9fc; border-radius: 4px; position: relative;display: inline-flex;}
.project-loading-pool{background-color: #3b7ddd; border-radius: 4px;height: 20px;line-height: 20px;}
.project-loading-text{position: absolute;left:0;top:0;width: 150px;line-height: 20px;font-size:12px;color:#e9f2ff}


/* 登录页面 */
.login-box{height: 100vh;display: flex;justify-content: center;align-items: center;width: 100%;overflow: hidden;position: relative;}
.login-box .login-bg{position: absolute;left:-80vw;bottom: 510px;width: 270vw;height: 900px;background: #153d77;border-radius: 50%;}
/* .login-box:before{background: #153d77;content: " ";height: 380px;left: 0;position: absolute;top: 0;width: 100%;} */
.login-box .logo{padding: 2.25rem 0.75rem;display: flex;justify-content: center;}
.login-box .logo img{height:36px;}
.login-box .login-container{width: 450px;min-width: 300px;border-radius: 5px;z-index: 1;}
.login-box .login-content{padding: 2.25rem;background: #fff;box-shadow: 0 2px 4px rgb(126 142 177 / 12%);border-radius: 0.2rem;}
.login-box .login-content .form-input-box {display: flex;align-items: center; padding: 0; height: 34px;}
.login-box .login-content .form-input-box .login-icon {font-size: 18px; padding: 0 6px; border-right: 1px solid #ced4da; height: 100%; line-height: 34px;}
.login-box .login-content .form-input-box .login-input-box {border: none; padding: 0 6px; height: 100%; width: 100%;}
/* 选中时取消边框 */
.login-box .login-content .form-input-box .login-input-box:focus{outline: none;}
.login-box h4{font-size: 26px;font-weight: bold;color: #fff;}
.login-box p{font-size: 18px;color: #fff;}
.login-box .cover{text-align:center;margin:auto;margin-bottom:2.25rem;width:132px;height:132px;overflow:hidden;border-radius:50%;}
.login-box .cover img{width:100%;height:100%;object-fit:cover;}













/* 阴 */
.icon-tq-yin::before{content: '\e714';color: #ddd;}
/* 晴 */
.icon-tq-qing::before{content: '\e713';color: #f4ea2a;}
/* 雾 */
.icon-tq-wu::before{content: '\e72e';color: #ddd;}
/* 多云 */
.icon-tq-duoyun::before{content: '\e714';color: #ddd;}
/* 小雨 */
.icon-tq-xiaoyu::before{content: '\e715';color: #ddd;}
/* 中雨 */
.icon-tq-zhongyu::before{content: '\e716';color: #ddd;}
/* 大雨 */
.icon-tq-dayu::before{content: '\e729';color: #ddd;}
/* 暴雨 */
.icon-tq-dayu::before{content: '\e737';color: #ddd;}
/* 大暴雨 */
.icon-tq-dayu::before{content: '\e71f';color: #ddd;}
/* 雷阵雨 */
.icon-tq-leizhenyu::before{content: '\e717';color: #ddd;}
/* 小雪 */
.icon-tq-xiaoxue::before{content: '\e718';color: #ddd;}
/* 中雪 */
.icon-tq-zhongxu::before{content: '\e71b';color: #ddd;}
/* 大雪 */
.icon-tq-daxue::before{content: '\e71c';color: #ddd;}
/* 雨夹雪 */
.icon-tq-yujiaxue::before{content: '\e719';color: #ddd;}

/* 添加 */
.icon-tq-add::before{content: '\e6cd';}

.wrapper #bgimg{position: absolute;top: 0;left: 0;right: 0;height: 264px;width: 100%;background-color: #153d77;overflow: hidden;}
.wrapper #bgimg img{width: 100%;height: 100%;object-fit: cover;}
.wrapper #change-bgimg input{display: none;}





























/* 日历 */
.calendar-box {min-height: 311px; padding: 10px;}
.calendar-box .title {padding: 14px 14px 8px;}
.calendar-box .calendar-month-box {padding: 4px;}
.calendar-box .calendar-month-box table {width: 100%;}
.calendar-box .calendar-month-box table .calendar-header { display: flex; justify-content: space-between; margin-bottom: 10px;padding: 0 14px; color: #858585;}
.calendar-box .calendar-month-box table .calendar-header .last,
.calendar-box .calendar-month-box table .calendar-header .next {cursor: pointer;}
.calendar-box .calendar-month-box table .calendar-week{display:flex;justify-content:space-between;height:40px;align-items:center;}
.calendar-box .calendar-month-box table .calendar-week th {width: calc(100%/ 7); text-align: center; padding: 0 14px;}
.calendar-box .calendar-month-box table .calendar-week .false-date{color: #ccc;}
.calendar-box .calendar-month-box table .calendar-week .calendar-date {text-align: center; width: calc(100% / 7); height: 34px;cursor: pointer; line-height: 34px; margin: 2px; box-sizing: border-box;}
.calendar-box .calendar-month-box table .calendar-week .calendar-date.active {background-color: #007bff; color: #fff;border-radius: 5px;}

/* 日志 */
.log-search-label { font-size: var(--body-size); color: #495057; }
.ua-td {width: 500px;}


/* signboard */
.signboard{width: 100%;}
.signboard .roll-box-x{width: 100%;height: calc(100vh - 264px - 24px);background-color: #fff; display: flex;overflow-y: hidden;}
.signboard .roll-box-x::after{content: ''; display: block; clear: both;}
.signboard .roll-box-x .yy-card{min-width: calc(25% - 20px);height: calc(100vh - 264px - 24px - 16px);float: left;margin-right: 20px;background-color: #fff;border: 1px solid #e4e4e4;padding: 0; box-shadow: none;}
.signboard .roll-box-x .yy-card:nth-last-child(1){margin-right: 0;}
.signboard .roll-box-x .yy-card .title{width:100%;text-align:center;height:40px;line-height:40px;color:white;background-color:#3b7ddd;font-size:14px;border-radius:5px 5px 0 0;font-weight:600;position:sticky;top:0;}
.signboard .roll-box-x .yy-card .roll-box-y{height: calc(100vh - 264px - 24px - 16px - 40px); padding: 10px 10px 0 10px; overflow-y: auto;}
.signboard .roll-box-x .yy-card .state-box{padding-bottom: 10px;}
.signboard .roll-box-x .yy-card .state-box:not(:first-child) {padding-top: 8px;}
.signboard .roll-box-x .yy-card .state-box:not(:last-child){border-bottom: 1px solid #e4e4e4;}
.signboard .roll-box-x .yy-card .state-box:nth-last-child(1){margin-bottom: 0;}

.signboard .roll-box-x .yy-card .no-state-box{min-height: 90px;max-height: 90px;text-align: center;font-size: 12px;color: #e5e5e5;}
.signboard .roll-box-x .yy-card .no-state-box i{display: block;height: 50px;line-height: 70px;font-size: 20px;}
.signboard .roll-box-x .yy-card .state-content{display: flex;justify-content: space-between; flex-wrap: wrap; margin-bottom: 4px;}
.signboard .roll-box-x .yy-card .state-content button{background-color: #fff;border: 1px solid #3b7ddd;text-align: center;cursor: pointer;font-size: 12px;border-radius: 2px;color: #3b7ddd;margin-right: 4px;height: 22px;line-height: 22px;width: auto;padding: 0 4px;}

.signboard .roll-box-x .yy-card .state-content button.timeout {border-color: #F56C6C; color: #F56C6C;}
.signboard .roll-box-x .yy-card .state-content button.finish {border-color: #67C23A; color: #67C23A;}
.signboard .roll-box-x .yy-card .state-content button.accepted {border-color: #ccc; color: #ccc;}

.signboard .roll-box-x .yy-card .state-message{line-height:2;cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;}
.signboard .roll-box-x .yy-card .state-message.timeout {color: #F56C6C;}
.signboard .roll-box-x .yy-card .state-message.finish {color: #67C23A;}
.signboard .roll-box-x .yy-card .state-message.accepted {color: #ccc;}








.upload-images-box.avatar .upload-btn{width: 90px;height: 90px;border-radius: 50%;}
.upload-images-box.avatar .images-list .imgs{width: 90px;height: 90px;border-radius: 50%;overflow: auto;}
.upload-images-box.avatar .images-list span{right: 20px;top: 0px;border-radius: 50%;}
.upload-images-box.avatar{margin-bottom: 0;}

/* auth */
.auth-box{height: 100%;display: flex;}
.auth-box .item{width: 33%;flex-shrink: 0;}
.auth-box .item:nth-child(1){padding-right: 24px;}
.auth-box .item:nth-child(2){border-left:1px solid #efefef ;padding: 0 24px;border-right:1px solid #efefef ;}
.auth-box .item:nth-child(3){padding-left: 24px;}
.auth-box .item i{margin-left:5px;}
.auth-box .item .check{margin-bottom: 24px;display: flex;align-items: center;cursor: pointer;}
.auth-box .item .check label{padding-left: 5px;cursor: pointer;}
.auth-head{font-weight: bold;background: #efefef;margin-bottom: 24px;padding: 6px 0;}
.text-center button{width: 150px;}




.no-upload-file{background-color: #eee;border-color: #ccc;padding:20px;border-radius: 2px;color:#ccc;width: 300px;height:180px;text-align:center;line-height: 140px;font-size:30px;cursor: pointer;}

/* 发票详情 */
#invoice-image-container .img-item {background-color: #eee;border-color: #ccc;border-radius: 2px;width: 300px;height:180px;text-align:center;line-height: 140px;font-size:30px;cursor: pointer; position: relative;}
#invoice-image-container .img-item img {width: 100%;height: 100%;}
#invoice-image-container .img-item .invoice-mask{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f9cbc878;width:100%;height:100%;justify-content:center;align-items:center;}
#invoice-image-container .img-item:hover .invoice-mask {display: flex;}
#invoice-image-container .pdf-item {align-items: center;}
#invoice-image-container .pdf-item .pdf-text {padding: 10px 20px; border: 1px solid #ccc; margin-right: 10px;}
#invoice-image-container .pdf-item .pdf-text:hover {border-color: #0d6efd;}
#invoice-image-container .pdf-item #delete-invoice-pdf {cursor: pointer;}
#invoice-image-container .pdf-item #delete-invoice-pdf:hover {color: red;}
.webuploader-pick{background: none;}


/* 消息日志 */
.message-td { width: 500px; word-wrap: break-word; white-space: normal;}
.message-td a:not(:nth-child(1)){margin-left: 0;}
.message-td p {word-wrap: break-word; white-space: normal;}
.message-td .send-info {display: none; word-wrap: break-word; white-space: normal;width: 500px;}

/* 客户详情 相关附件 */
.img-list {display: flex;}
.img-list .img-item {width: 20%; padding: 0 10px 10px 0; height: 320px;}
.img-list .img-item img { width: 100%; height: 320px; }
.img-list .img-item .delete { text-align: center; cursor: pointer; }