@charset "utf-8";
/*通用*/
body {font: 12px "microsoft yahei", Arial, Helvetica, sans-serif; color:#333;margin:0; padding:0;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0; padding:0; border:none; list-style:none;}
a{text-decoration: none;}
a:hover{text-decoration: none !important;}
.lf {float:left;}
.rt {float:right;}
.clear {clear:both;}

header,main,footer{width: 100%; }



/*-------------------------弹框公共部分---------------------*/
body .add-user-layer .layui-form-item{clear: none; width: 350px; float: left;margin-right: 20px;}
body .add-user-layer .layui-form-label{padding: 9px 7px;}
body .add-user-layer .layui-edge{right: 30px !important;}
/*........................弹框...........................*/
body .add-land-layer .layui-input-block{margin-left: 90px;}
body .add-land-layer .layui-input{width: 250px !important;}

/*---弹框辅助文字*/
body .aux-self{padding: 20px;}
body .aux-self .layui-input-block{float: left;margin-left: 0;}
body .aux-self .layui-form-label{width: 90px;}
.aux-self-word{padding: 8px 10px;float: left; margin-left: 20px; border: 1px solid #e6e6e6;width: 220px;color: #ff1010;
    display: none;}
/*---------------------确认框------------*/
body .confirm .layui-layer-content{padding: 20px;}

/*------------------- 自定义表格的公共样式 -----------------start---------------*/
.table tbody tr td:last-child i{cursor: pointer;}
.my-out {display: none !important; transition: all .3s;}
.my-in{display: block; transition: all .3s;}

/*------------------- 自定义表格的公共样式 -----------------end---------------*/
.table-btn{color: #737373;}
.table-btn>span{color: #333;}
.table-btn button{font-size: 14px;padding: 1px 20px; height: auto; display: inline-block; margin-left: 20px;}
.table-btn label{position: relative;top: 1px}
/*-------------------自定义操作表格的按钮-----------------end---------------*/

/*------------------- 表格里的复选框 -----------------start---------------*/
table .layui-form-checkbox{height: 15px; padding-right: 15px;margin-right: -15px;}
table .layui-form-checkbox i{font-size: 14px;padding-right: 15px;right: -11px; top: -6px;}
/*---end  */


/*-----------toastShow的样式--------*/
body .demo-class .layui-layer-title{background:#c00; color:#fff; border: none;}
body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
body .demo-class .layui-layer-btn a{background:#333;}
body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}
body .toastShow-skin{background-color: rgba(0,0,0,.6);background-color: #0938C2;}
body .white-skin{background-color: #fff;}
body .toastShow-skin .layui-layer-msg{background-color: rgba(0,0,0,.6);}



.guide-plan-status{cursor: pointer;}

.dropdown_menu {width: 120px;border: 1px solid #ddd; box-shadow: 0 6px 12px rgba(0,0,0,.175);border-radius: 2px;}
.dropdown_menu li{height: 36px;line-height: 36px; cursor: pointer; padding: 0 10px;}
/*.dropdown_menu li:hover{background-color: #5FB878;}*/

/* ----确认Layer的skin----*/
body .confirm-layer .layui-layer-content{padding: 20px;}

/*-------------无数据-----------------*/
.none-data{text-align: center;}
.none-data img{width: 200px;}
.none-data span{color: #777; font-size: 14px;}
.none-data>p{width: 400px;margin: 10px auto;height: 2px;background: linear-gradient(to right,transparent,#0938C2, transparent);}

/*------------表格的下拉单-----*/
.dropdown_td{position: relative;}
.dropdown_td i{cursor: pointer;}

.dropdown_menu{width: 120px;border: 1px solid #ddd; box-shadow: 0 6px 12px rgba(0,0,0,.175);border-radius: 2px; background-color: #fff; z-index: 99;
    position: absolute;top: 33px; left: -5px; font-size: 14px;color: #666; display: none;}
.dropdown_menu li{height: 36px;line-height: 36px; cursor: pointer; padding: 0 10px;}
.dropdown_menu li:hover{background-color: #0938C2; color: #fff;}

.dropdown_td .layui-icon:hover .dropdown_menu{display: block;}

/*查看信息*/
.look-info-2td{padding: 20px;}
.look-info-2td table tr td:first-child, .look-info-2td table tr td:nth-child(3) {font-weight: bold;}

/*查看信息 ---- 三列---*/
.look-info-3td tr td:first-child, .look-info-3td tr td:nth-child(3), .look-info-3td tr td:nth-child(5) {font-weight: bold;}

/*增加表三列信息*/
.insert-info-3td tr td:first-child, .insert-info-3td tr td:nth-child(3), .insert-info-3td tr td:nth-child(5) {
    font-weight: bold; width: 120px;}
.insert-info-3td tr th:first-child, .insert-info-3td tr th:nth-child(3), .insert-info-3td tr th:nth-child(5) {
    font-weight: bold; width: 120px;}
#input-layer tr th{width: 80px !important;}

.insert-info-3td tr td:last-child, .insert-info-3td tr td:nth-child(2), .insert-info-3td tr td:nth-child(4) {
    width: 220px;}
.insert-info-3td tr td{padding: 3px !important; border-top: 0px solid transparent !important;}
.insert-info-3td tr th{padding: 3px !important; border-top: 0px solid transparent !important;}

.insert-info-3td input{padding: 2px 6px;border-radius: 3px; border: 1px solid #ccc;}
.insert-info-3td input:focus{border: 1px solid #0938C2;}
.insert-info-3td textarea{ padding: 2px 6px; border-radius: 3px; border: 1px solid #ccc;}
.insert-info-3td tr td>span{color: #f00; margin: 0px 5px;}


body input[type="number"] {width: 76px;}
body input[type="date"] {width: 184px;}

/*input输入框*/
.input-focus input{padding: 2px;border-radius: 2px; border: 1px solid #ccc; width: 250px;}
.input-focus input:focus{border: 1px solid #0938C2;}

/*设置评分规则 input输入框*/
.set-degree input{padding: 15px;border-radius: 2px; border: 1px solid #ccc; width: 80px;display: inline-block;}
.set-degree input:focus{border: 1px solid #0938C2;}

/*div模拟input*/
.div-input{outline: 0;min-height: 28px; border: 1px solid #ccc;padding: 2px 2px 2px 5px;border-radius: 3px;background-color: #fff;}
.div-input:focus{border: 1px solid #0938C2;}
.div-input-3td{width: 820px;}
.div-input-2td{width: 498px;}

/*选择框*/
.select-self{width: 180px;height: 26px; border: 1px solid #ccc; border-radius: 3px; color: #333;}
.select-self>option{width: 176px;height: 26px; padding: 2px;}
.select-self>option:hover{background-color: #0938C2;}

/*操作按钮*/
.icon{width: 33px;height: 33px;border-radius: 33px;border: 1px solid #e2e2e2;display: inline-block;}
.icon>i{cursor: pointer;margin-left: 5.5px; color: #aaa}
.icon:hover{font-weight: bold;background-color: #ddd;border: 1px solid #0938C2;}
.icon:hover .delete{color: #fff;}
.icon:hover .modify{color: #333;}


/**/
.btn_box{height: 35px; padding-right: 30px; margin-top: 10px;}
.btn_box button{float: right;}

.in{display: block;}
.out{display: none;}
.out:after{content: "您可以点击节点名查看节点详情哟！";}


/*操作按钮*/
.handle-td{padding: 3px !important;}
.handle-td button{height: 24px;line-height: 24px; padding: 0 6px;}
.handle-td button>i{font-size: 16px !important;}

/*单选框*/
/* 基础样式：移除原生外观并设置自定义基础样式 */
body input[type="radio"] {
    /* 移除浏览器默认样式 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* 自定义尺寸和基础样式 */
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%; /* 圆形 */
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

/* 选中状态样式 */
body input[type="radio"]:checked {
    /*border-color: #0938C2; !* 边框变色 *!*/
    border: 1px solid #0938C2;
    /*background-color: #fff; !* 背景色 *!*/
    background-color: #0938C2; /* 背景色 */
}

/* 选中状态的内部圆点 */
body input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /*background-color: #0938C2;*/
    background-color: #fff;
    /* 居中定位 */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*  hover状态 */
body input[type="radio"]:hover {
    border-color: #666;
}

/* focus状态（支持键盘导航） */
body input[type="radio"]:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);
}

.radio-self input{color: red;}

/***********************************   ！！！统一的生产节点  *******************start*********************************/
.node-container{width: 100%; background-color: #F6F6F6; position: relative;
    background-size: cover; margin-top: 20px;}
.node-container>h2{height: 50px; text-align: center; width: 100%; background-color: rgba(44,89,174, .5); color: #333;
    line-height: 50px; font-size: 20px;}
.node-menu{height: 55px;}

/*节点名字*/
.node-menu>p{float: left; padding: 0 20px; line-height: 55px; height: 55px; font-size: 16px; font-weight: bold; position: relative;}

.node-menu .req-guide-name{position: absolute; top: -24px; left: 17px;}
.node-menu .req-guide-name span{color: red;}

/*索引*/
.node-top{float: right;}
.node-top>li{width: 80px; height: 30px; display: inline-block; position: relative; margin-top: 4px;}
.node-top>li>div{width: 28px; height: 28px; border-radius: 28px;}
.node-top>li p{position: absolute;}
.node-top>li .line {width: 20px; height: 3px; left: -20px; top: 15px;}
.node-top>li .main_event {width: 75px; text-align: center;left: -23px; z-index: 99; font-weight: bold; margin-right: 10px;}


/*!*线*!*/
/*!*奇数还是偶数决定位置*!*/
.odd-line{bottom: 12px;height: 3px; width: 100%;right: 100px;}
.odd-frist{width: 3px; height: 85px; top: 0; left: 12px;}
.even-line{height: 3px; width: 100px; bottom: 12.5px; right: 0px;}
.even-frist{width: 3px; height: 85px; top: 0px; left: 12px;}

/*-------塔罗牌结构--------*/
.tarot{display: flex;flex-direction: row;flex-wrap: wrap;}
.tarot>div{display: flex;flex-direction: column;justify-content: center;}

/*相册结构*/
.photoAlbum{overflow:hidden;}
/* .picture-date{padding: 5px;width: 100%;height: auto;text-align: left;  } */
.picture-list{padding: 5px;display: inline-block;overflow: hidden;}
/* .picture-box{padding: 5px;} */
/* .picture-box img{max-height: 300px;max-width: 200px;} */
.picture-box img{width: 200px;}
.picture-radio{text-align: center;color: #ffffff;cursor: pointer;position: relative;top: -30px;right: -170px;height: 20px;width: 20px;border: solid 1px #ffffff;border-radius: 10px;background: #555;}
.pic-checked{border: solid 1px #00b7ee;background-color: #00b7ee}

/*版本2*/
.node{width: 100%;height: 280px; overflow: hidden; clear: both; background-color: #fff; border-left: 20px solid #F6F6F6;
    overflow-y: scroll; padding-left: 70px; border-bottom: 20px solid #F6F6F6;}
.node ul{width: 1000px;}
.node>ul>li{width: 100px; height: 100px; position: relative; transition: all .3s;}

.node>ul>li:hover div .delete{display: block;}
.node>ul>li:hover div span{display: block;}
.node>ul>li>div{width: 28px; height: 28px; border-radius: 28px; position: absolute; bottom: 0; left: 0; z-index: 99; background-color: #fff;
    cursor: pointer;}
.node>ul>li>div .delete{font-size: 16px; font-weight: bold; color: #f00; position: absolute; top: -11px;
    left: 25px; display: none; cursor: pointer;}
.node>ul>li>div span{color: #0938C2; position: absolute; top: 25px; left: 6px; display: none;}

.node>ul>li>p{position: absolute; overflow: hidden;}
.node>ul>li .stage_name{z-index: 10;width: 100px; bottom: -30px; left: -35px; text-align: center; font-weight: bold;}
.node>ul>li .plan_name{z-index: 10;width: 100px; bottom: -50px; left: -35px; text-align: center; font-weight: bold;}
.node>ul>li .implement_time_earliest{ z-index: 10;bottom: 32px; width: 100px; text-align: center; right: 36px;
    font-size: 14px;}



.node>ul>li .ban{font-size: 16px; font-weight: bold; color: #c7c3c0 ; position: absolute; top: 50px; left: 26px;
    display: none; cursor: pointer;}
.node>ul>li .warn{font-size: 28px; color: #f00; top: 57px; left: -13px; z-index: 9;}
.node>ul>li .main_event{width: 100px; top: 98px; left: -37px; text-align: center; font-weight: bold;}

/*情况 1：开始*/
.frist-list>div{border: 2px solid #0938C2 !important; background-image: url("../../resource/img/node/start.png"); background-position: 4px; background-repeat: no-repeat;}

/*情况 2：已生产*/
.product-ed>div{border: 2px solid #0938C2 !important; background: url("../../resource/img/node/p_ed32.png") no-repeat; background-size: 22px;}
.product-ed .line{background-color: #0938C2;}

/*情况 3：为落实生产*/
.product-notdone>div{border: 2px solid #ceba49 !important; background: url("../../resource/img/node/p_notdone32.png") no-repeat; background-size: 22px;}
.product-notdone .line{background-color: #ceba49;}

/*情况 4：未生产*/
.product-will>div{border: 2px solid #c7c3c0 !important; background: url("../../resource/img/node/p_will32.png") no-repeat; background-size: 22px;}
.product-will .line {background-color: #c7c3c0;}

/*情况 5：生产告警*/
.product-warn>div{border: 2px solid #f66 !important; background: url("../../resource/img/node/p_warn32.png") no-repeat; background-size: 22px;}
.product-warn .line {background-color: #f66;}
.product-warn .main_event{color: #f66;}


/*情况 6：已改良*/
.improve-ed>div{border: 2px solid #0938C2 !important; background-image: url("../../resource/img/node/i_ed16.png"); background-position: 4px; background-repeat: no-repeat;}
.improve-ed .line{background-color: #0938C2;}

/*情况 7：未落实改良*/
.improve-notdone>div{border: 2px solid #ceba49 !important; background-image: url("../../resource/img/node/i_notdone16.png"); background-position: 4px; background-repeat: no-repeat;}
.improve-notdone .line{background-color: #ceba49;}

/*情况 8：未改良*/
.improve-will>div{border: 2px solid #c7c3c0 !important; background-image: url("../../resource/img/node/i_will16.png"); background-position: 4px; background-repeat: no-repeat;}
.improve-will .line{background-color: #c7c3c0;}

/*情况 9：改良告警*/
.improve-warn>div{border: 2px solid #f66 !important; background-image: url("../../resource/img/node/i_warn16.png"); background-position: 4px; background-repeat: no-repeat;}
.improve-warn .line{background-color: #f66;}
.improve-warn .main_event{color: #f66;}

/*情况 10：收获*/
.end-list>div{border: 2px solid #0938C2 !important; background-image: url("../../resource/img/node/end.png"); background-position: 6px; background-repeat: no-repeat;
    background-size: 12px;}
.end-list .line{background-color: #0938C2;}
/***********************************   ！！！统一的生产节点  *******************start*********************************/

/*------------------上传单个图片------------start-------------*/
.upload-container{width: 650px; padding: 20px;}
.upload-container>div{height: 200px;}
/*图片*/
.upload-single-img{}
.upload-single-img .before-upload{border: 2px dashed #e6e6e6; height: 250px; text-align: center;}
.upload-single-img .before-upload img{margin: 0; width: 150px;}
.upload-single-img .before-upload button {padding: 9px 15px; background-color: #0938C2; outline: none;
    border: none; color: #fff; font-size: 14px; border-radius: 3px; margin-top: 10px;}

.upload-single-img .select-img{}
.upload-single-img .select-img .preview-pic{text-align: center; margin: 0 auto; border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px; min-height: 160px; line-height: 160px;}

.upload-single-img .btnn {padding-left: 350px;}
.upload-single-img .btnn button {padding: 9px 15px; outline: none; border: none;  font-size: 14px; border-radius: 3px;
    margin-top: 10px; float: left; margin-right: 20px;}
.upload-single-img .btnn .upload{background-color: #0938C2;color: #fff;}
.upload-single-img .btnn .reload{background-color: #fff; color: #0938C2; border: 1px solid #0938C2;}

/*------------------上传单个图片------------end-------------*/
.common-btn{padding: 0 8px !important; height: 26px !important; line-height: 26px !important;}

.input-td>div{position: relative; width: 185px; height: 26px;}
.input-td>div>input{float: left;}
.input-td>div>button{position: absolute;height: 26px; line-height: 26px; padding: 0 5px; left: 143px; top: 0px;}

/*全部投入品*/
.input-td .dropdown-menu {max-height: 300px; overflow-y: scroll; padding: 6px 0;}
.input-td .dropdown-menu li{min-width: 100px; cursor: pointer;}
.input-td .dropdown-menu li:hover{color: #fff; background-color: #0938C2;}


/*投入品的按钮*/
.input-info{width: 98%; padding: 0 10px 10px; background-color: #fff; }
.input-info>h2{padding: 10px 30px 0 30px; font-size: 16px; background: url("../../resource/img/index/feiliao.png") no-repeat;
    font-weight: bold;}
.input-info>ul{min-height: 50px; border: 1px solid #ccc; border-radius: 2px; padding: 10px;}
.input-info>ul>li{position: relative; margin-top: 10px;border-left: 4px solid #0938C2; border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;}
.input-info>ul>li:hover{border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.input-info>ul>li:hover .edit{display: block;}
.input-info>ul>li .edit{position: absolute; right: 20px; top: -15px; background-color: #fff; display: none;}
.input-info>ul>li .edit button{height: 26px; line-height: 26px; padding: 0 2px;}
.input-info>ul>li>table{margin-bottom: 5px;}
.input-info>ul>li>div{padding-left: 10px; padding-bottom: 10px;}
.input-info>ul>li>div>span{font-weight: bold;}
.input-info>ul>li>div>p{display: inline-block;}

.input-info .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top: transparent;}
.input-info .table th{border-top: transparent;}

#userInfoMsg {color:#fff;}