@charset "utf-8";
*{margin:0;padding:0;}
html{width:100%;height:100%}
body{height:100%;width:100%;margin:0 auto;font-family: "PingFang SC", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";font-size:14px;background-color:#ededed;overflow-y:auto;overflow-x:hidden;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
a{ width:auto; height:auto;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
ul,li,dl,dt,dd,p,img{border:none}
ul,li{list-style:none}
.fl{float:left}
.fr{float:right}
input[type='text']{font-family: "PingFang SC", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
input:focus,select:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;cursor:pointer; font-family: "PingFang SC", "Microsoft YaHei", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
input[type="checkbox"],.checkbox{display:inline-block;width:15px;height:30px;    position: relative;
    top: -1px;border-radius:2px;border:1px solid #d8d8d8;cursor:pointer;margin-right:2px;vertical-align:middle}
input[type="radio"],.radio{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #d8d8d8;cursor:pointer;margin-right:2px;vertical-align:middle}
.clear{zoom:1}
.clear:before,.clear:after{content:" ";display:table}
.clear:after{clear:both}
.imgCon{position: relative;width: 100%;height: auto;}
.imgCon .imgzwf{width: 100%;height: auto;}
.imgCon .imgshow{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.mtop{margin-top:20px}
/*按钮*/
.btn-small{width:80px;height:36px; color:#fff;border-radius: 2px; border:none;cursor: pointer; display:inline-block; vertical-align:middle; line-height:36px;}
.btn-add{ background:#ff8800;}
.commbtn{ width: auto;height:35px;min-width: 100px; border-radius: 2px;margin-right:10px; border-radius:5px; padding:0px 10px;font-size:14px;color:#fff;border:none;font-family:"微软雅黑";cursor: pointer;}
.commtext{width:220px;height:35px;text-indent: 5px;border: 1px solid #e4e4e4;border-radius:2px;}
.comBtn{height:30px; line-height:30px;border-radius:3px; display: inline-block;padding:0px 15px; font-size: 12px; margin-left:5px;cursor: pointer; border:none;color:#fff;background-color:#1783ba; text-align: center;}
.commtext1{width:120px !important;height:35px !important;text-indent: 5px;border: 1px solid #e4e4e4 !important;border-radius:2px;}
.commtext1_new{ width:75px;}
.commtext2{width:70px!important;height:30px;text-indent: 5px; border: 1px solid #dedede;    color: #666;}
.commtext3{width:260px;height:40px;text-indent: 5px; border: 1px solid #f2f2f2;}
.commtext4{width:400px;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;}
.commtext5{width:300px;height:100px;text-indent: 5px; border: 1px solid #f2f2f2;}
.commtext6{width:160px !important;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;  }
.commtext7{width:600px;height:40px;text-indent: 5px; border: 1px solid #f2f2f2;}
.commtext8{width:350px !important;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;  }
.commtext9{width:100px !important;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;  }
.commtext10{width:96% !important;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;  }
.tipTxt{border:1px solid #faa !important;}

.greenBtn,.yellowBtn,.orangeBtn,.blueBtn,.redBtn,.orangeBtn1{margin-top:5px;height: 30px;line-height: 30px; border-radius: 3px;display: inline-block;padding: 0px 15px;font-size: 12px;margin-left: 5px;cursor: pointer;border: none;color: #fff; text-align: center;}
.yellowBtn{background-color: #ffb835;}
.orangeBtn{background-color: #ff7a48;}
.blueBtn{background-color: #1783ba;}
.greenBtn{background-color: #02c459;color:#fff !important;}
.redBtn{background-color: #ff4b4b;}
.orangeBtn1{background-color: #ff9700;}
.ptop30{padding-top:30px;}
.bggrey{background:#dedede !important}
/*icon*/
.icon {background: url(../images/icon.png?1) no-repeat;display: inline-block;vertical-align:middle;}
/*公告左侧菜单*/
.leftBar{width:60px;height:100%; background-color: rgba(20, 25, 35, 1);z-index: 1;position: relative;}
.leftBar .logOut{position:absolute;bottom:20px;left:0;width:100%;}
.leftBar .logOut .icon{display:block;width: 25px;height: 30px;margin: 0 auto;background-size: 300px 400px;background-position:-4px -187px;cursor:pointer;}
.leftBar .moreMenu{width:100%;height:60px;font-size:22px;color:#fff; display: flex;align-items: center;justify-content: center;}
.leftBar .moreicon{width:20px;height:21px;background-position: -5px -225px;background-size: 300px 400px;}
.leftBar .diurnalknot{width:100%;height:60px;display:none; cursor:pointer;margin-top:20px; position:relative; font-size:22px;color:#fff;  text-align:center;}
.leftBar .diurnalknot .icon_rj{width:30px;height:30px;background-position:-215px -180px;}
.leftBar .diurnalknot p{width:100%;}
.menuList{width:100%;height:auto;}
.menuList ul li{width:100%;height:65px;color:#fff;margin-bottom:5px; display: flex;justify-content: center;align-items: center;position: relative;}
.menuList ul li.active{border-left:3px solid #1783BA;color:#1783BA;background: #1e2e3e;}
.menuList ul li a{color: #CCCCCC;display: block;width: 100%;}

.menuList ul li.active a p{color:#1783ba;}
.menuList ul li span.icon{margin: 0 auto;display: block;background-size: 300px 400px;}
.menuList ul li span.dishicon{width:25px;height:30px;background-position: -168px -270px;}
.menuList ul li span.saleicon{width:25px;height:30px;background-position: -168px -270px; }
.menuList ul li span.ordericon{width:25px;height:30px;background-position: -226px -230px; }
.menuList ul li span.workicon{width:25px;height:30px;background-position: -140px -220px;}
.menuList ul li span.project{width:25px;height:30px;background-position: -176px -222px;}
.menuList ul li span.jiaqian{width:25px;height:30px;background: url('../images/icon_jq.png') no-repeat center;background-size: contain}
.menuList ul li span.datetip{width:27px;height:30px;background:url(../images/icon/tmc_1.png) no-repeat center;background-size:22px;}
.menuList ul li.module_025 span.dbicon{width:27px;height:30px;background:url(../images/icondb.png) no-repeat center;background-size:22px; }


.menuList ul li.active span.dishicon{width:25px;height:30px;background-position: -197px -269px;}
.menuList ul li.active span.saleicon{width:25px;height:30px;background-position: -197px -269px;}
.menuList ul li.active span.ordericon{width:25px;height:30px;background-position: -226px -200px; }
.menuList ul li.active span.workicon{width:25px;height:30px;background-position: -140px -190px;}
.menuList ul li.active span.project{width:25px;height:30px;background-position: -176px -190px;}
.menuList ul li.active span.datetip{width:25px;height:30px;background:url(../images/icon/tmc.png) no-repeat center;background-size:22px}
.menuList ul li.active span.dbicon{width:27px;height:30px;background:url(../images/icondbact.png) no-repeat center;background-size:22px; }
.menuList ul li.active span.jiaqian{width:25px;height:30px;background: url('../images/icon_jq_act.png') no-repeat center;background-size: contain}
.menuList ul li p{width:100%;display: block;text-align: center;color:#fff;}
.menuList ul li span.membericon{width:25px;height:30px;background-position: -175px -363px;}
.menuList ul li.active span.membericon{ width:25px;height:30px;background-position: -206px -363px;}
.menuList ul li span.ordernum{width:20px;height:20px;  line-height: 18px;background-color: #ff0000;color:#fff;display: flex;align-items: center;justify-content: center;text-align: center;font-size:14px; position: absolute;right:12px;top:0px;border-radius: 100px;}





/*登录*/
.fullpage{width: 100%;height: 100%;background-image: url(../images/bg_retail.png);background-size: cover;position: relative;}
.fullpage .box{width: 550px;height: 410px;position: absolute;top: 50%;left: 50%;margin-top: -205px;margin-left: -275px;}
.fullpage .box .title{font-size: 22px;color: #fff;text-align: center;line-height: 50px;margin-bottom: 10px;}
.fullpage .box .title .icon{width: 40px;height: 40px;background-position: 1px -178px;margin-right: 10px;}
.fullpage .box .wrap{width: 100%;height: 350px;background-color: #fff;padding-top: 40px;}
.fullpage .box .item{width: 70%;height: 40px;margin: 0 auto;margin-bottom: 20px;position: relative;}
.fullpage .box .item span{display: inline-block;width: 40px;height: 40px;background-color: #1783ba;border-radius: 3px;position: absolute;left: 0;top: 0;text-align: center;line-height: 36px;}
.fullpage .box .item span .icon{width: 25px;height: 25px;}
.fullpage .box .item span .icon1{background-position: -70px -184px;}
.fullpage .box .item span .icon2{background-position: -124px -184px;}
.fullpage .box .item span .icon3{background-position: -171px -184px;}
.fullpage .box .item input{border: 1px solid #f1f1f1;float: left;width: 100%;height: 40px;font-size: 14px;padding-left: 60px;}
.fullpage .box .button input{height: 50px;background-color: #1783ba;text-align: center;padding: 0;color: #fff;margin-top: 40px;cursor: pointer;}
.makesureBtn{margin:20px auto 0;width:80px;display: inline-block;background-color: #1879e6 !important;}
.rememberpwd {color:#2b85e4}
.rememberpwd .remembercheck{}
/*收银头部*/
.orderTop{width:calc(100% - 70px);border-bottom:1px solid #e4e4e4; width:-wekit-calc(100% -70px);width:-moz-calc(100% -70px);height:60px; position:absolute;top:0px;right:0px;}
.orderTop .shopName{line-height:60px;font-size:22px;padding-left:20px;color:#333;}
.orderTop .shopUser{display:inline-flex; justify-content:right;align-items:center;padding:5px 10px;}
.orderTop .shopUser .userName{line-height:20px;font-size:14px;color:#999;margin-right:10px; word-break: break-all;  text-align: right;}
.orderTop .shopUser .userIcon{width:45px;height:45px;display:inline-block;overflow:hidden;border-radius:100px;}
.orderTop .shopUser .userIcon img{width:100%;height:100%;}
.orderTop .shopUser .message{width:32px;height:32px;cursor:pointer; margin-right:5px;position:relative; background:url(../images/warn.png) no-repeat center;background-size:32px;}
.orderTop .shopUser .message a{display:block;width:100%;height:100%;}
.orderTop .shopUser .message .ordernum{width:20px;height:20px;font-weight:normal;font-style:normal; background-color: #ff0000;color:#fff;display: flex;align-items: center;justify-content: center;font-size:14px; position: absolute;right:-3px;top:-8px;border-radius: 100px;}

.colborderleft{border-left:1px solid #e4e4e4 !important}
.colborderright{border-right:1px solid #e4e4e4 !important}
.btngrey{background-color:#757373 !important}
.flexend{display:flex;align-items:center;justify-content: flex-end;}
.flexstart{display:flex;align-items:center;justify-content: flex-start;}

.commtext1s {    width: 120px;    height: 35px;   text-indent: 5px;   border: 1px solid #e4e4e4;    border-radius: 2px;   float: left;   margin-left:130px;}
.commselText{display:inline-flex;position:relative;cursor:pointer;align-items:center;}
.commselText .commtext1{cursor:pointer;}
.commselText .selcon{width:100%;height:35px;text-align:center;}
.commselText .selBox{width:170px;height:auto;display:none; padding:10px 0px;position:absolute;left:-25px;top:45px;border:1px solid #e4e4e4;z-index:100;background-color:#fff;}
.commselText .selBox .selItem{width:80px;height:35px;cursor:pointer; background-color:#f2f2f2;display:block;margin:0 auto;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.commselText .selBox .selItem.active{background-color:#1783ba;color:#fff;}
.commselText .iconarrow{width:12px;height:12px;background:url(../images/icon/arrowdown.png) no-repeat center;display:block; background-size:10px; position:absolute;right:8px;top:12px;}
 
/*最新订单详情弹窗*/
.orderNewPop .orderNewbox{width:870px;height:650px;padding:0px 25px;background-color:#f3f3f3;position:absolute;left:50%;margin-left:-435px;top:50%;margin-top:-325px;}
.orderNewPop .comm_bt{width:100%;height:60px;display:flex;align-items:center;font-size:16px;}
.orderNewPop .comm_bt .closeicon{width:30px;height:30px;cursor:pointer; background:url(../images/close_1.png) no-repeat center;background-size:25px;display:inline-block; position:absolute;    right: 20px;top: 15px;}
.orderNewPop .ordernewInfos{width:100%;display:flex;justify-content: space-between;}
.orderNewPop .infoLeft{width:505px;display:flex;flex-direction: column;}
.orderNewPop .leftTop{width:100%;min-height:135px;background-color:#fff;padding:12px;}
.orderNewPop .infoRight{width:305px;}
.orderNewPop .orderprint{width:50px;height:50px;display:block;cursor:pointer; background:url(../images/print.png) no-repeat center;background-size:40px; position:absolute;right:10px;bottom:-7px;}
.orderNewPop .leftTop .statusInfo{width:100%;display:flex;align-items:center;}
.orderNewPop .leftTop .statusInfo .status{font-size:16px;font-weight:bold;}
.orderNewPop .leftTop .statusInfo  .xhcon{font-size:14px;display:flex;align-items:center;margin-left:30px;}
.orderNewPop .leftTop .statusInfo .xhcon span{font-size:14px;}
.orderNewPop .leftTop .statusInfo  .xhcon .iconxh{width:25px;height:25px;display:inline-block; background:url(../images/icon/sy.png) no-repeat center;background-size:20px;}
.orderNewPop .leftTop .infoBox{width:100%;height:auto;margin-top:15px; display:flex;justify-content: space-between;}
.orderNewPop .leftTop .infoCon{width:75%;height:auto;font-size:14px;}
.orderNewPop .leftTop .infoCon .infotext{font-size:14px;margin-bottom:5px;}
.orderNewPop .leftTop .infoCon .infotext span{font-size:14px;}
.orderNewPop .leftTop .infoCon .infotext .ordertype{display:inline-flex;align-items:center;justify-content: center;padding:2px 5px;margin-left:3px;background-color:#2687cb;color:#fff;border-radius:3px;}
.orderNewPop .leftTop  .paypic img{width:66px;}
.orderNewPop .leftTop .infoCon .infotext b{font-size:15px;}
.orderNewPop .leftBot{width:100%;flex:1;background-color:#fff;margin-top:10px;padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.orderNewPop .leftBot .topInfo{width:100%;display:flex;align-items:center;justify-content: space-between;}
.orderNewPop .leftBot .topInfo .orderno b{font-size:14px;}
.orderNewPop .leftBot .topInfo .shopName{font-size:14px;display:flex;align-items:center;}
.orderNewPop .leftBot .topInfo .shopName span{font-size:16px;}
.orderNewPop .leftBot .topInfo label{
	cursor: pointer;
}
.orderNewPop .leftBot .topInfo .shopName .iconshop{width:25px;height:25px;    position: relative;
    top: -2px;margin-right:0px; background:url(../images/sd.png) no-repeat center;background-size:20px;display:inline-block;}
.orderNewPop .orderItems{width:100%;height:auto;border-bottom:1px solid #e4e4e4;    padding-bottom: 20px; margin-bottom: 20px;}
.orderNewPop .orderItems:last-child{border-bottom:none}
.orderNewPop .leftBot  .shopBox{width:100%;height:auto;padding-left:30px;}

.orderNewPop .leftBot  .shopBox .shopItem{width:100%;height:auto;display:flex;margin-top:10px;}
.orderNewPop .leftBot  .shopBox .shopItem .propic{width:85px;height:60px;}
.orderNewPop .leftBot  .shopBox .shopItem .propic img{width:100%;height:100%;}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo{padding-left:5px;width:calc(100% - 85px); position:relative;   padding-right: 10px;}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .singleBtn{
	position:absolute;
	width:85px;
	height:30px;
	bottom:0;
	right:0;
}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .singleBtn button{
	background-color: #2687cb;
	border:none;
	width:80px;
	height:30px;
	color:#ffffff;
	border-radius:3px;
	cursor: pointer;
	display:none;
}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .infocon{width:100%;height:auto;display:flex;justify-content: space-between;}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .infocon .infotit{width:50%;font-size:13px;font-weight:100px;color:#000;display:flex;align-items:center;}
.orderNewPop .leftBot .shopBox .shopItem .proInfo .infocon .infotit span{font-size:13px;}
.orderNewPop .leftBot .shopBox .shopItem .proInfo .infocon .infotit .yxcpic{width:46px;margin-left:5px;}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .infocon .numcon{    width: 50px;text-align:center;color:#2687cb;display:flex;align-items:center;    justify-content:center;}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .infocon .priceCon{width:60px;text-align:right;font-size:14px;font-weight:bold;color:#333;display:flex;align-items:center;    justify-content: flex-end;}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .numcon span{font-size:16px;}
.orderNewPop .leftBot .shopBox .shopItem .proInfo .numcon span.dwcon{color:#333}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .infocon .priceCon span{font-size:16px;}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .subcon{color:#999;font-size:13px;}
.orderNewPop .leftBot  .shopBox .shopItem .proInfo .infocon .infotit .typecon{display:inline-block;background-color:#1fb547;border-radius:3px;padding:2px 10px;color:#fff;margin-left:5px;}
.orderNewPop .rightTop{width:100%;height:220px;background-color:#fff;padding:12px;position:relative;}
.orderNewPop .rightTop .topTit{width:100%;height:auto;font-size:14px;font-weight:100px;}
.orderNewPop .rightTop .listInfo{width:100%;height:auto;margin-top:15px;}
.orderNewPop .rightTop .listInfo .iteminfo{width:100%;height:auto;display:flex;justify-content: space-between;margin-top:5px;}
.orderNewPop .rightTop .listInfo .iteminfo .titname{font-size:12px;font-weight:100px;}
.orderNewPop .rightTop .listInfo .iteminfo .priceCon{font-weight:Bold;}
.orderNewPop .rightTop .listInfo .iteminfo .priceCon span{font-size:16px;}
.orderNewPop .rightTop .listInfo .iteminfo .priceCon1{color:#ff0000}
.orderNewPop .rightTop .bottomInfo{width:94%;left:3%;height:50px;font-weight:Bold;border-top:1px solid #e4e4e4;position:absolute;bottom:0px;display:flex;justify-content: flex-end;align-items:center;}
.orderNewPop .rightTop .bottomInfo .priceCon1{font-weight:Bold;}
.orderNewPop .rightTop .bottomInfo .priceCon1 span{font-size:16px;}
.orderNewPop .rightBot{width:100%;height:270px;background-color:#fff;margin-top:10px;padding:12px;}
.orderNewPop .rightBot .topTit{width:100%;height:auto;font-size:14px;font-weight:100px;}
.orderNewPop .rightBot .tableBox{margin-top:10px;max-height:180px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.orderNewPop .rightBot tr th{background-color:#fff;height:50px;border-top:none;border-left:none;text-align:left;font-size:12px;color:#333}
.orderNewPop .popup_box table, .orderNewPop .popup_box .tableBox>table{border-top:none;border-left:none;border-right:none}
.orderNewPop .popup_box tr th:last-child{border-right:none}
.orderNewPop .popup_box tr td:first-child{border:none;}
.orderNewPop .popup_box tr td{border:none;text-align:left;font-size:12px;color:#999;    word-break: break-all;}
.orderNewPop .popup_box tr td .peocon{display:inline-block;background-color:#2687cb;border-radius:3px;padding:2px 10px;color:#fff;margin-left:5px;}
.orderNewPop .btnbottom{width:100%;height:auto;position:absolute;left:0px;bottom:25px;padding-left:20px;min-height: 40px}
.orderNewPop .btnbottom .btnon{width:100px;height:45px;border:none;border-radius:3px;margin-right:15px;color:#fff;font-size:14px;}
.orderNewPop .btnbottom .btnon.bg0{background-color:#ff9700}
.orderNewPop .btnbottom .btnon.bg1{background-color:#ff4a4a}
.orderNewPop .btnbottom .btnon.bg2{background-color:#2687cb}
.orderNewPop .btnbottom .btnon.bg3{background-color:#fff;border:1px solid #e4e4e4;color:#000;}
.orderNewPop .btnbottom .btnon.fdPrint{position:absolute;right:60px;}
.tBox .total_tip{position:absolute;    left: 75px;bottom: 22px;}
.commtipCon{width:200px;height:70px; z-index:100;color:#fff;font-size:14px; background:rgba(0,0,0,0.5);border-radius:5px;display:none;align-items:center;justify-content:center;position:fixed;left:50%;margin-left:-100px;top:50%;margin-top:-35px;}
.commtipCon.show{display:flex}
.dw{font-size:12px;}
.tableTit{line-height:40px; text-align: center;font-weight: bold;font-size:16px}
.tableTit2{line-height:30px;font-size:16px;}
.InfoBox{line-height: 30px;color:#666;padding-right:100px;}
.InfoBox span{display: inline-block;margin-right:30px;}
.examineStatus{position: absolute;right:0px;top:-10px;width:150px;}
.examineStatus img{width:100%;}
.tableBox{padding-bottom:65px;}
/*加载*/
.loadding{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; /*background:rgba(0,0,0,0.3);*/}
.loadding img{width:40px;height:40px; position:fixed; left:50%; top:50%; margin-top:-16px; margin-left:-16px;}
.load{ width:100%; text-align:center; line-height:40px; font-size:12px; color:#999;}

@media(max-width:1400px){
	.orderNewPop .orderNewbox{height:600px; margin-top: -300px;}
	.orderNewPop .btnbottom{bottom:12px;}
	.orderNewPop .leftBot{height:325px}
	.orderNewPop .rightBot{height:240px}
} 
.tableBox .selectBox .addbtn{width: 40px; height: 30px;background-color: #02c459; border: 0;  color: #fff; border-radius: 3px;cursor: pointer;}
.tableBox .selectBox .deletebtn{width: 40px; height: 30px;background-color: #ff4b4b; border: 0;  color: #fff; border-radius: 3px;cursor: pointer;}



