@charset "utf-8";
/*tabs*/
.nav-pills>li+li{margin:8px 0 0 5px}
.nav-pills>li{float:left;margin:8px 0 0 5px}
.nav-pills>li>a{display:block;padding:3px 8px}
/*数据中心-交易流水  年 月日的多媒体查询属性*/ 
.module-box .f2{position:absolute;top:100px}
@media screen and (max-width:1250px) {
    .module-box .f2{position:absolute;top:145px}
  }
/*表单*/
.form-box h3.title{font-weight:bold;color:#000}
.form-box .form-item{margin-left:30px}
.form-box .form-item > label{float:left;display:block;width:80px;line-height:30px}
.form-box .form-item .label-a{width:23px;}/*菜品中心-菜品加工费-新增页面 label修改*/
.form-box .form-item .label-b{width:110px}
.form-box .form-item .label-c{width:130px;}
.form-box .form-item .exp{float:left;display:block;margin-left:10px;color:#ff0000;font-weight:bold;line-height:32px}
.form-box .form-item .input-item{float:left}
.form-box .form-item .input,.form-box .form-item .select-a{width:220px}
.form-box .form-item .input,.form-box .form-item .select{width:260px}
.form-box .form-item .input-b{width:120px}
.form-box .form-item .poptip{top:32px;left:80px}
.form-box .form-submit{margin:20px 0 0 110px}
.form-box .form-submit-a{margin:20px 0 0 140px}
.form-box .form-submit .btn{padding:0 20px}
.form-box .data-form .input-item{margin-right:20px}
.form-box .data-form .input{width:200px}
.form-box .form-item .label-chk{margin-right:10px;margin-top:5px;cursor:pointer;max-width:inherit}
/*搜索表单*/
.form-search{margin-bottom:-15px;font-size:12px}
.form-search .form-item{float:left;width:185px\9;height:30px;margin:0 0 15px 10px}
.form-search .form-item .input-item{float:left;margin-left:5px}
.form-search .form-item label{float:left;display:block;width:60px\9;line-height:30px;text-align:right}
.form-search .form-item .input,.form-search .form-item .select{float:left;width:120px}
.form-search .form-btn{width:inherit;margin-left:10px}
.form-search .form-btn > .btn{margin-right:5px}
.form-search .cb{width:200px\9}
.form-search .form-item .label-chk{width:inherit}
.form-search .form-item .label-chk input{margin-top:-2px}
.sort .dropdown-menu{right:0;left:inherit}

 /*设备中心 - 补菜报警中心 shake --start*/
 .shake{
 	    animation-name: shake;
		animation-duration: .7s;
		animation-iteration-count: infinite;
 }
 .shadow{
 	    animation-name: shadow;
		animation-duration: .7s;
		animation-iteration-count: infinite;
 }
 


 @keyframes shake {
		from {
				  transform: scale(.85, .85);
		}
		to {
				  transform: scale(1, 1);
		}
}

@keyframes shadow {
		from {background:#e5351a;}
		to {
			 background:#fe6750
		}
		
}
/*设备中心 - 补菜报警中心 shake --en*/
/*表格*/
.table td,.table th{overflow:hidden;white-space:nowrap;}
.table-batch td,.table-batch th{overflow:inherit}/*批量对应菜*/
.table .eat{color:#22b146;font-weight:600;margin-right:5px;}
.table .chk{width:40px;text-align:center;}
.table .chk label{display:block;width:100%;}
.table .operation{width:130px}
.table .operation-4{width:160px}
.table .operation a{margin-right:5px;cursor:pointer}
.table .des{width:280px; text-align:center;}
.table .des-a{width:280px; text-align:left;}
.table .des div{width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table .comments div{width:100%; white-space:pre-wrap; word-wrap:break-word}
div.table .th{float:left;width:33.3333%;padding:5px 10px;background-color:#e5e5e5;font-size:14px} /*售卖方案编辑 页面 添加字体大小 font-size:14px;*/
div.table .th1{float:left;width:25%;padding:5px 10px;background-color:#e5e5e5;font-size:14px} /*售卖区域管理 页面 th的宽度修改*/
div.table .th2{float:left;width:33.3333%;padding:5px 10px;background-color:#e5e5e5;font-size:14px} /*余量管理-盛具设置 页面 th的宽度修改*/
div.table .td{float:left;width:33.3333%;padding:5px 10px;margin:5px 0;position:relative;font-size:14px}/*售卖方案编辑 页面 添加字体大小 font-size:14px;*/
div.table .td_b{width:25%;}/*售卖区域管理 页面 td的宽度修改*/
div.table .td_c{width:33.3333%;}/*余量管理-盛具设置页面 td的宽度修改*/
div.table .td_d{padding-left:0px;}/*余量管理-盛具设置页面 td的修改*/
div.table .td_a{padding:5px 10px 5px 0px;} /*售卖方案管理设置 -重置.td的左内边距*/
div.table .td.operation a{margin-left:10px}
div.table .td .text{width:50%}
div.table .td .poptip{line-height:normal;top:40px;left:10px}
div.table .btns{margin:20px;text-align:right}
div.table .btns .btn{width:100px}
/*销售数据页面 左下角的数据*/
.page-box .left_bottom span{font-weight:800;padding-right:15px}
/*分页*/
.result-info .btn{margin-right:5px}
.page-box{margin:15px 0 5px 0;font-size:12px}
.page-box .Pages{float:right;margin-right:10px}
.page-box .Pages-left{float:left;margin-right:10px}
.page-box .Pages span.PageSel,
.page-box .Pages >a{display:inline-block;padding:0 10px;font-size:12px;text-align:center;color:#fff;border-radius:3px;background-color:#39cc5e;margin-left:5px;height:26px;line-height:26px}
.page-box .Pages span.PageSel{background-color:#ccc}
.page-box .Pages span{margin-left:5px}
.page-box .Pages a:hover{color:#fff;opacity:0.8}
.page-box .Pages a:active{color:#fff;opacity:0.9}
/*首页设备状态*/
#State{margin-top:-20px}
#State ul >li{margin-top:20px}
#State ul >li .item{height:100px;border:1px solid #ddd;position:relative;}
#State ul >li .item-b{height:250px;border:1px solid #ddd;position:relative; background:#ff5c43;}
#State ul >li .item-a{height:150px;border:1px solid #ddd;position:relative; background:#fe6750;}
#State ul >li .item .dishes{color:#333;margin:10px 0 0 10px}
#State ul >li .item .dishes-a{color:#fff; text-align:center; line-height:105px; font-weight:600; font-size:35px; text-shadow: 1px 1px 1px #8d1806;}
#State ul >li .item .dishes-b{color:#fff; text-align:center; line-height:45px; font-weight:600; font-size:25px; text-shadow: 1px 1px 1px #c1220a;}
#State ul >li .item .c-class{font-size:12px;margin:5px 0 0 10px}
#State ul >li .item .c-number{position:absolute;bottom:0;width:100%;height:34px;line-height:34px;background-color:#f2f2f2}
#State ul >li .item .c-number-a{position:absolute;bottom:0;width:100%;height:150px;line-height:45px;background-color:#f2f2f2; font-size:25px;padding-top:22px;text-align:center;}
#State ul >li .item .c-number-a .span-cz{color:#999797;}
#State ul >li .item .c-number-b{height:90px;position:absolute;bottom:0;width:100%;line-height:25px;background-color:#f2f2f2; font-size:18px;padding-top:15px;text-align:center;overflow: hidden;}
#State ul >li .item .c-number .icon{float:left;margin:8px 10px 0 15px;border-radius:50%;border:3px solid #fff;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3)}
#State ul >li .item .c-number .state{background-color:#39cc5e}
#State ul >li .item .c-number .unstate{background-color:#999}
#State .carousel{height:272px}
#State .carousel-indicators{bottom:0px}
#State .carousel-indicators li{background-color:#fff;background-color:rgba(255,255,255,0);border:2px solid #ccc}
#State .carousel-indicators .active{width:12px;height:12px;background-color:#39cc5e;border-color:#39cc5e}
.status .icon{float:left;margin:2px 10px 0 0;border-radius:50%;border:3px solid #fff;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.3)}
.status .state{background-color:#39cc5e}
.status .unstate{background-color:#999}
.page-radio{position:absolute;bottom:0;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center}
.page-radio .Pages label{margin-left:7px;display:inline-block;width:13px;height:13px;line-height:13px;border:2px solid #ccc;border-radius:50%;text-align:center;background-color:#fff;background-color:rgba(255,255,255,0)}
.page-radio .Pages label input{margin:0;padding:0;opacity:0;filter:alpha(Opacity=0)}
.page-radio label.PageSel{background-color:#39cc5e;border-color:#39cc5e}
/*首页菜品排行榜*/
.top-box .module-body{padding-bottom:19px}
.table-top>tbody>tr>td{padding:10px 8px}
/*首页快捷操作*/
.shortcut-buttons{margin-left:-20px;margin-top:-20px}
.shortcut-buttons li{float:left;width:50%;height:84px;margin-top:20px;text-align:center}
.shortcut-buttons li a{display:block;height:84px;margin-left:20px;border:1px solid #ddd;background-color:#fafafa;border-radius:3px}
.shortcut-buttons li a:hover{opacity:0.6}
.shortcut-buttons li i{display:block;width:32px;height:32px;overflow:hidden;margin:15px auto}
.i-xzcp i{background:url(../images/xzcp.png) no-repeat center center}
.i-xzsb i{background:url(../images/xzsb.png) no-repeat center center}
.i-sz i{background:url(../images/sz.png) no-repeat center center}
.i-cpxl i{background:url(../images/cpxl.png) no-repeat center center}
.i-xse i{background:url(../images/xse.png) no-repeat center center}
.i-kll i{background:url(../images/kll.png) no-repeat center center}
/*返回标题*/
.title-box{background-color:#fff;height:58px;line-height:58px;border-bottom:1px solid #ddd;margin:0 -15px 0 -20px}
.title-box h1{float:left;margin-left:20px;height:58px;line-height:58px;color:#333}
.sub-menu{float:left;margin-left:10px}
.sub-menu li{float:left;font-size:16px}
.sub-menu li a{display:block;margin:0 10px;padding:0 10px;height:30px;line-height:30px;margin-top:14px}
.sub-menu li.active a,.sub-menu li a:hover{color:#fff;cursor:pointer;border-radius:3px;background-color:#39cc5e}
.btn-back{float:left;background-color:#ff5c43;margin:14px 0 0 20px}
/*补菜报警-设置按钮*/
.btn-back-a{float:right;margin:14px 20px 0 0;background-color:#39cc5e;}
.btn-back .icon{float:left;margin:6px 5px 0 0}
.btn-back-b{float:right;margin:45px 50px 0 0;text-decoration:none;background-color:#fff; color:#39cc5e;}
/*新增菜品*/
.col-sep{border-right:1px solid #ddd;margin:50px 0 50px 20px}
.col-sep> h3{color:#333;margin-left:30px}
.col-sep .form-box{margin-top:40px}
.no-border{border:0}
.instructions{margin-left:33px;margin-top:40px;color:#999}
.instructions a:hover{text-decoration:underline}
.nav-tabs{position:relative}
.nav-tabs li .dot{position:absolute;top:5px;right:5px;display:block;width:7px;height:7px;border-radius:50%;background:#ff5c43}
.static-txt{line-height:42px;color:#ff5c43}
.date-search{position:absolute;right:30px}
.date-search .form-search .form-item{margin-left:10px}
.comment-box span{margin-right:20px}
/*选择菜品*/
.selectpicker .dropdown-toggle{width:260px;height:30px;padding:0 8px;line-height:30px;color:#666;font-size:14px;border:1px solid #bbcbdf;border-radius:3px;outline:none;background:#fff}
/*菜品换算*/
.con-result{padding:20px 30px}
.con-result .item{margin:20px 15px}
.con-result .weight{display:inline-block;width:150px;margin-left:10px}
/*账户中心*/
.information-l{float:left;width:100px;text-align:center;margin-left:20px}
.information-l img{width:100px;height:100px;border-radius:50%}
.information-r{float:left;margin-left:20px}
.information-r p{margin-top:10px}
.information-r a{margin-left:20px}
.tag{display:inline-block;border:1px solid #ddd;background:#f2f2f2;padding:5px 10px;font-size:12px;margin-left:10px}
#cost_tpl_title_length{font-size:12px;text-align:right;margin-bottom:-35px;margin-top:10px}
/*消息*/
.newslist{margin:20px 0}
.newslist li{margin:16px 20px;position:relative}
.newslist li a:hover{color:#39cc5e}
.newslist li .date{position:absolute;right:0}
.complain-list{margin:25px 15px 20px}
.complain-list .table{margin-top:20px}
/*内容*/
.main-body{width:900px;min-height:400px;margin:20px auto;padding:30px 40px}
.main-body h1.title{font-size:24px;color:#000;margin-top:20px}
.main-body .author-panel{margin-top:15px;color:#999}
.main-body .author-panel span{margin-right:10px}
.main-body .message-content{margin-top:30px}
.main-body .message-content p{line-height:1.8;margin:20px 0;color:#333;font-size:16px}
.main-body .message-content img{max-width:100%;margin:20px 0}
.opinion-view{font-size:14px;color:#333}
.opinion-view p{line-height:1.8;margin:5px 0}
/*管理中心*/
.m-user{text-align:center;padding:30px 0}
.m-user p{margin-top:10px}
.flag{font-size:12px;margin-top:10px}
/*权限*/
.form-per .form-group{margin:20px 0 10px 30px;float:left;width:40%}
.form-per .form-group .title{background-color:#e5e5e5;padding:10px;font-size:14px}
.form-per .form-group .title label{display:inline-block}
.form-per .form-group .title input{float:left;margin:2px}
.form-per .form-group > label{display:block;padding:10px;margin-right:20px;margin-top:5px}
.form-per .form-group > label input{float:left;margin-right:5px}
.form-per .sub-per{margin-left:30px;position:relative}
.form-per .sub-per label{display:block;padding:10px;margin-right:20px;position:relative}
.form-per .sub-per label input{float:left;margin-right:5px}
.form-per .sub-per:before{display:inline-block;content:"";position:absolute;z-index:1;top:-8px;bottom:19px;left:-15px;border:1px dotted #aaa;border-width:0 0 0 1px}
.form-per .sub-per label:before{display:inline-block;content:"";position:absolute;top:20px;left:-13px;width:15px;height:0;border-top:1px dotted #aaa;z-index:1}
.form-per .form-submit{margin-left:30px}
/*上传头像*/
.upload-box{width:380px;height:330px;background-color:#f2f2f2;float:left}
.upload-btns{float:left;margin-top:140px;margin-left:90px}
.upload-btns .flag{margin-top:20px}
#preview{float:left;width:120px;margin-left:50px;text-align:center}
#imghead_80{width:80px;height:80px;border-radius:50%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)}
#imghead_120{width:120px;height:120px;margin-top:15px;border-radius:50%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)}
.upload-btn-box{margin-top:20px}
.upload-btn-box .btn{padding:0 30px;height:44px;line-height:44px}
#errMsg{margin:20px 0 0 33px;width:400px;height:160px; overflow:auto;color:#000; white-space:pre-wrap; word-break:break-all}
/*回复*/
.reply-box .form-item,.reply-box #cost_tpl_title_length{margin:0}
.toreply{color:#999}
/*菜品中心-菜品加工费-新增*/
.innerRight #button-bc{padding-top:10px;height:1px;float: left;}
/*菜品中心-菜品加工费-新增   右边搜索框 -解决缩小时搜索框掉下*/
.nav-position{position: relative;}
/*消息发布-新增 start*/
.form-item .text_a {width:900px;height: 32px;padding: 0 8px;line-height: 28px;color: #666;font-size: 14px;border: 1px solid #bbcbdf;border-radius: 3px;outline: none;}
.form-item .text_c{max-width:900px;height:32px; padding: 0 8px;line-height: 28px;color: #666;font-size: 14px;border: 1px solid #bbcbdf;border-radius: 3px;}
.form-item .text_f{max-width:900px;min-height:200px;line-height: 28px;color: #666;font-size: 14px;border-radius: 3px;word-wrap:break-word;}
.form-item label {display: block;margin-bottom: 10px;}
/*消息发布-新增 end*/
.ep1{display:inline-block;padding-top:8px;padding-left:5px}
/*red 删除按钮*/
.module-box .tab_r .btn-red{background:#ff5a34;}
.unt{display:inline-block;padding-top:8px;padding-left:5px}
.unti{display:inline-block;margin:0px 4px 0 4px;line-height:32px}

/*页面加载问题 start*/
.loading{position:fixed;top:50%;left:50%;width:64px;height:64px;line-height:64px;margin-top:-32px;margin-left:-32px;text-align:center;background:#fff; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 5px 2px rgba(0,0,0,0.2);z-index:9999;border:1px solid #ccc\9}
.warp{width:100%;min-width:1000px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.maskdiv{width:100%;height:100%;background:red;}

/*中英文切换-下拉框宽度*/
.menu-width{min-width:80px}

/*登录页面 中英文切换*/
/* sect */
.sect{position:relative;float:right;margin:25px 30px;}
.sect dt{height:28px;display:inline-block;border:1px solid #fff;background:#fff url(../images/xiala.png) no-repeat 65px center;line-height:28px;font-weight:bold;padding-left:10px;cursor:pointer;width:90px;padding-right:12px;}

.sect dd{position:absolute;left:0;top:29px;border:1px solid #ccc;background:#fff;display:none;border-radius:3px}
.sect dd ul{padding:4px;width:80px;max-height:250px;overflow:auto;}
.sect dd ul li a{line-height:28px;display:block;padding:0 8px;}
.sect dd ul li a:hover{background:#f5f5f5;}
/*余量管理页面*/
.con-result div span{color:#888;}