@charset "utf-8";
@import "tipso.min.css";
*{margin:0;padding:0}
html{width:100%;height:100%}
body{height:100%;width:100%;margin:0 auto;font-family:"Microsoft YaHei",STHeiti,"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB";font-size:14px;background: #f3f3f3;overflow: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}
.fnone{ float:none !important;;}
.hedden{ display:none;}
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"],textarea{-webkit-appearance:none;font-family:"Microsoft YaHei",STHeiti,"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB";}
input[type="radio"],.radio{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #d8d8d8;cursor:pointer;margin-right:5px;vertical-align:middle}
input[type="checkbox"],.checkbox{display:inline-block;width:15px;height:16px;cursor:pointer;margin-right:3px;margin-left:3px;vertical-align:middle;background-image:url(../images/icon.png);background-position:-428px -3px;appearance: none;-webkit-appearance: none;outline: none;border:none;position: relative;top: -1px;}
input[type="checkbox"]:checked, .checkbox:checked{background-position:-398px -3px;}
.clear{zoom:1;clear:both;}
.clear:before,.clear:after{content:" ";display:table}
.clear:after{clear:both}
.tipTxt{border:1px solid #faa !important;}
/*按钮*/
.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;}
.commbtn.m1{margin-left: 10px;}
.mb{margin-bottom:10px;}
.ml{margin-left:20px;}
.mt{margin-top:10px;}
.mt2{margin-top:50px;}
.mr{margin-right:20px;}
.pd1{padding-bottom:40px}
.btn-blue{background-color: #1783ba;    text-align: center; color: #fff !important;}
.btn-red{background-color: #ff7e7e}
.btn-green{background-color: #54c758}
.btn-grey{background-color: #fff;border:1px solid #8792a4;color:#333;}
.backbtn{ background: #fff;border:none;float: right; display: block; line-height: 39px;margin-right: 15px; color: #0f254a;font-size: 14px; cursor: pointer; }
.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;}
.greenBtn,.yellowBtn,.orangeBtn,.blueBtn,.redBtn{margin-top:5px;float:right;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;}
.redBtn{background-color: #ff4b4b;}
.redBtn:hover,.greenBtn:hover,.blueBtn:hover,.orangeBtn:hover,.yellowBtn:hover{color:#fff;}
.commtext1{width:120px !important;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;  }
.commtext2{width:70px!important;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;    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;}

.btn-green{background-color: #54c758}
.btn-grey{background-color: #fff !important;border:1px solid #8792a4 !important;color:#333 !important;    position: relative;top: 1px;}
.backbtn{ background: #fff;border:none;float: right; display: block; line-height: 39px;margin-right: 15px; color: #0f254a;font-size: 14px; cursor: pointer; }
/*提示*/
.style1{color:#FF0000 !important;}
.errortip,.error{color:#DD433E;font-size: 12px;margin-left: 5px;}
.errortip{color:#ff0000;font-size:13px;}
.errortip i.tipicon{display: inline-block; width:16px;height:16px;background-position:-456px -2px;position: relative;top:-2px; margin-right:5px;}
.errorborder{border:1px solid #ff0000 !important}
/*列表文字样式*/
.fontstyle1{color:#34A853 !important;}
.fontstyle2{color:#FF4B4B !important;}
.fontstyle3{color:#E040FC !important;}
.fontstyle4{color:#2381D8 !important;}
.fontstyle5{color:#5a5959;font-size:12px;}
.small-size{font-size:12px;}
.mid-size{font-size:14px;}
.big-size{font-size:16px;}
.head .info{color:#999;margin-right:20px;}

/*icon*/
.icon {background: url(../images/icon.png?1) no-repeat;display: inline-block;vertical-align:middle;margin-right: 5px;}
.icon.waitTo{width: 35px;height: 20px;background-image:url(../images/icon.png);background-position:-93px -50px;}
.Menu_bar {width: 100%;height: 60px; z-index: 99;position: fixed;top: 0;left: 0; padding-left:120px;background-color:#fff;}
.Menu_bar .ctrlBtn{position:absolute;left: 40px;width: 40px;height: 30px;background-color: #1c3132;background-image:url(../images/icon.png);background-position:-161px 5px;cursor: pointer;margin: 15px 0 0 20px;border-radius: 3px;}
.Menu_bar .ctrlBtn.active{float: left;width: 40px;height: 30px;background-color: #1c3132;background-image:url(../images/icon.png);background-position:-161px 5px;cursor: pointer;margin: 15px 0 0 10px;border-radius: 3px;position:static;}
.Menu_bar .right_bar {float:right;min-width: 100px;height: 60px;float: right;color: #999;}
.right_bar .info{float:left;height:100%; align-items: center;position: relative;margin-left:30px;line-height: 60px;}
.right_bar .info.logOut{cursor: pointer;margin-right: 10px;}
.right_bar .info span.setOuticon{cursor: pointer;display: inline-block;width: 10px;height: 10px;background-position:-264px -7px;}
.right_bar .info .userWrap{float:left;position: relative;height: 60px;}
.right_bar .info .username{display:inline-block;line-height: 60px;}
.leftcon{width:120px;height:100%;background-color:#091e3a; position: fixed;left: 0;z-index: 99;}
.leftcon .logo,.leftcon .logo a{width: 120px;height: 60px;display: block;background-color:#052842;}
.leftcon .logo img{width: 120px;height: 60px;vertical-align: middle;}
.leftcon.shou{width:50px;}
.leftcon.shou ul.sideBar li a{width:50px;}
.leftcon.shou ul.sideBar li span{display: none;}
.leftcon.shou ul.sideBar li a{margin-left: 0px;}
.leftcon.shou ul.sideBar li a i{margin-right: 0px;position:absolute;top: 21px;left: 16px;}
.leftcon.shou ul.sideBar li a i.index{margin:0;}
.leftcon ul.sideBar li a i{margin-right: 0px;position:absolute;top: 23px;left: 17px;}
.leftcon.shou .logo,.leftcon.shou .logo a{width: 38px;overflow: hidden;}
.leftcon ul.sideBar li{display: block;color:#ccc;width:100%;min-height:60px;position:relative;}
.leftcon ul.sideBar li.active{background: #0c2b49;}
.leftcon ul.sideBar li a{color: #ccc;display:block; width: 120px;height: 60px;line-height:60px; font-size: 14px;text-align: center;margin-left: -5px;}
.leftcon ul.sideBar li a b{width: 100%;height: 100%;display:block;position:relative;z-index:2;}
.leftcon ul.sideBar li a b span{margin-left:25px;}
.leftcon ul.sideBar li a i.icon_001{display: inline-block;width:17px;height:17px;background-position:-3px -4px;}
.leftcon ul.sideBar li a i.icon_002{display: inline-block;width:17px;height:17px;background-position:-31px -4px;}
.leftcon ul.sideBar li a i.sale{display: inline-block;width:17px;height:17px;background-position:-3px -4px; }
.leftcon ul.sideBar li a i.icon_003{display: inline-block;width:17px;height:17px;background-position:-60px -3px;margin-top: -1px;}
.leftcon ul.sideBar li a i.icon_020{display: inline-block;width:17px;height:17px;background-position:-88px -4px; margin-top: -1px;}
.leftcon ul.sideBar li a i.icon_004{display: inline-block;width:17px;height:17px;background-position:-117px -4px; }
.leftcon ul.sideBar li a i.icon_005{display: inline-block;width:17px;height:17px;background-position:-145px -5px; }
.sideBar .tipCon{display:none;position:absolute;top:15px;left:60px; background:#0c2b49; font-size:12px;width: 30px;height: 30px !important;line-height:30px;color:#fff !important;border-radius:3px;transition:width 2s;}
.sideBar .tipCon .ar{position:absolute; border:4px solid rgba(0,0,0,0); height:0; line-height:0; font-size:0;top:10px !important; left:-8px !important; border-right-color:#0c2b49;}
.leftcon.shou li:hover .tipCon{display:block;width: 60px;}

.leftcon ul.sideBar li a i.icon_006{display: inline-block;width:17px;height:17px;background-position:-5px -108px; }




/*右侧内容*/
.rightcon .wrap{width:100%;height:100%; background: #fff;position: relative;}
 .tabBar{background: #e4e4e4;height: 40px;color: #333;width: 100%;line-height: 40px;padding:0px 10px 0px 120px;overflow: hidden; position: absolute;top:60px;left:0px;z-index:10}
 .tabBar.shou{padding:0px 10px 0px 50px;}
 .tabBar span{display: none;padding: 0 15px;background: #d7d7d7;float: left;cursor: pointer;}
 .tabBar span.curTab{background: #1783ba;color: #fff;display:block;}
 .tabBar span.curTab i{background-image:url(../images/icon.png);display:none; background-position:-235px -7px;width: 10px;height: 10px;margin:0 0 0 10px;position: relative;top: -1px;}
.rightcon .mainBox{height: calc(100% - 40px);-webkit-height:calc(100% - 40px);-moz-height:calc(100% - 40px);position: relative;}
.rightcon .mainBox{height:100%;}
 .subMenu{position: absolute;left:120px;top: 100px;width: 175px;height:100%;background: #eee;z-index:11; display:none;}
.subMenu.shou{left:50px;}
.subMenu .bar{width: 175px;height: calc(100% - 100px);height: -moz-calc(100% - 100px);overflow-y: auto;height: -webkit-calc(100% - 100px);}
.subMenu .bar .nav, .subMenu .bar li{cursor: pointer;line-height: 40px;text-indent: 20px;}
.subMenu .bar .childItem>li a{padding-left:20px;cursor: pointer;}
.subMenu .bar .nav:hover, .subMenu .bar>ul ul>li:hover{background: #fff;}
.subMenu .bar .nav:hover, .subMenu .bar>ul ul>li.active{background: #fff;}
.subMenu .bar .nav:hover, .subMenu .bar>ul ul>li a.active{background: #fff;}
.tabletitle{line-height: 40px;color:#666}
 .subMenu .bar a{color: #666;display: block;width: 100%;height: 100%;}
.subMenu .bar .nav{color:#333;}
 .subMenu .bar .nav .arrow_down{background-image:url(../images/icon.png);    background-color:none;background-position:-283px -5px;width: 16px;height: 16px;display: inline-block;margin-right: 10px;}
 .subMenu .bar .nav .arrow_up{background-image:url(../images/icon.png);    background-color:none;background-position:-305px -5px;width: 16px;height: 16px;display: inline-block;margin-right: 10px;}
 .subMenu .bar .childItem{}
 
.rightcon .leftCtrl{position: absolute;left:155px;top: 50%;width:20px;height:40px;margin-top:-20px;cursor:pointer;background-image: url(../images/icon.png);background-position:-47px -40px;z-index:15;}
.rightcon .leftCtrl.active{position: absolute;left:155px;top: 50%;width:20px;height:40px;margin-top:-20px;cursor:pointer;background-image: url(../images/icon.png);background-position:-5px -40px;z-index:15;}
.rightcon .tblBox{position: absolute;left: 175px;top: 40px;right:0;bottom:0;z-index: 12;background: #fff;}
.rightcon .tblBox .page{padding:0 20px;}
.rightcon .tblBox .curCon{font-size: 14px;color: #333;border-left: 3px solid #1783ba;padding: 0 5px;margin-bottom: 10px;margin-top: 10px;}
.rightcon{width:100%;float:left;height: 100%;padding:60px 0px 0px 120px;box-sizing: border-box;}
.rightcon.wider{padding:60px 0px 0px 50px;}
.rightcon .search{border-bottom:1px solid #f2f2f2;    padding: 15px 0px;}
.rightcon .search label{margin-right: 5px;}
 .searchBox span.searchform{margin-right:15px; display: inline-block;}
.searchBox input.search_input{width:200px;height:30px;line-height: 30px;padding-left:5px;background-color: #fff;border: 1px solid #f2f2f2;}
.rightcon .search .commtext{width:160px;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;}
.rightcon .search select{width:160px;height:26px;margin-right:10px;border: 1px solid #d7d7d7;color: #333;font-size: 12px;outline: none;}
.rightcon .search input.handle_date{background:#fff url(../images/handle_date.png) 5px center no-repeat;height: 28px; line-height: 28px;border: 1px solid #d1d1d1;margin-left: 10px; padding-left: 25px;}
.rightcon .search a.addclasses{font-size: 12px;}
.rightcon .searchBox{padding:0 0 10px; }
.rightcon .searchBox label{margin-right: 5px;}
.rightcon .searchBox label.m1{margin-left: 20px;}
.rightcon .searchBox label.labeltit{width:80px;display:inline-block;text-align:right}
.rightcon .searchBox label.labeltit1{width:100px;display:inline-block;text-align:right}

.rightcon .searchBox input.search_input{width:200px;height:30px;line-height: 30px;padding-left:5px;background-color: #fff;border: 1px solid #f2f2f2;}
.rightcon .searchBox .commtext{width:160px;height:30px;text-indent: 5px; border: 1px solid #f2f2f2;}
.rightcon .searchBox select{width: 160px;height: 30px;line-height: 30px;padding-left: 5px;background-color: #fff;border: 1px solid #f2f2f2;color: #333;outline: none;position: relative;top: 2px;}
.rightcon .searchBox select.width0{width:100px}
.rightcon .searchBox select.width1{width:120px}
.rightcon .searchBox .commtext.width0{width:100px}
.rightcon .searchBox input.handle_date{background:#fff url(../images/handle_date.png) 5px center no-repeat;height: 28px; line-height: 28px;border: 1px solid #d1d1d1;margin-left: 10px; padding-left: 25px;}
.rightcon .searchBox a.addclasses{font-size: 12px;}
.rightcon .searchBox .fill{margin-bottom: 15px;}
.rightcon .searchBox .fill.p1{padding: 0 15px;}
.rightcon .searchBox .fill.timeSlt span{display: inline-block;padding: 0 10px;margin-right: 10px;height: 30px;border-radius: 3px;line-height: 30px;cursor: pointer;}
.rightcon .searchBox .fill.timeSlt span.selected{background-color: #1783ba;color: #fff}
.rightcon .searchBox .fill.checkboxFill{color: #888;}
.rightcon .searchBox .fill.checkboxFill label{color: #333;}
.rightcon .searchBox .fill .priceBox{font-size: 12px;color: #FF4B4B;}
.rightcon .searchBox .fill .priceBox i{font-size: 20px;font-style: normal;}
.rightcon .comTarea{border: 1px solid #f2f2f2;width: 100%;height: 80px;margin-top: 15px;padding: 5px;}
.rightcon .comTarea1{border: 1px solid #f2f2f2;width: 80%;height: 80px;padding: 5px;}
 .comTarea2{border: 1px solid #f2f2f2;width: 40%;height:40px;padding: 5px;}
 .comTarea3{border: 1px solid #f2f2f2;width: 40%;height:100px;padding: 5px;}
 .comTarea4{border: 1px solid #f2f2f2;width: 60%;height:100px;padding: 5px;}



.popupform .comTarea{border: 1px solid #ccc;width: 100%;height: 150px;padding: 5px;}
/* .rightcon .searchBox .dateBox{width: 220px;border: 1px solid #f2f2f2;display: inline-block;}
.rightcon .searchBox .dateBox input{width: 102px;height: 28px;border: none;text-align: center;} */
.rightcon .navigation{width: 210px;height: 100%;background-color: #fff;float: left;position: relative;padding: 10px;}
.rightcon .dataTbl{width: 100%;height: 100%;padding-left:220px;}
.rightcon .dataTbl .datatable{width: 100% !important;height: 100% !important;float: none !important;overflow: hidden;position: relative !important;padding: 0 !important;}

.comTxt{width: 120px;height: 30px;line-height: 30px;padding-left: 5px;background-color: #fff;border: 1px solid #f2f2f2;color: #666;}
.comTxt1{width: 200px;height: 30px;line-height: 30px;padding-left: 5px;background-color: #fff;border: 1px solid #f2f2f2;color: #666;}
.dateCon{display: inline-block;position: relative;}
.dateCon i{position: absolute;width: 16px;height: 16px;right: 2px;top: 7px;background-image:url(../images/icon.png);background-position:-202px -3px;}

.tableBox{overflow-y: auto;}
.tableBox.p1{padding: 0 15px;}
.tableBox.h1{max-height: calc(100% - 115px);max-height: -webkit-calc(100% - 115px);max-height:-moz-calc(100% - 115px);}
.tableBox.h2{max-height: calc(100% - 60px);max-height: -webkit-calc(100% - 60px);max-height:-moz-calc(100% - 60px);}
.tableBox.h3{max-height: calc(100% - 135px);max-height: -webkit-calc(100% - 135px);max-height:-moz-calc(100% - 135px);}
.tableBox.h4{max-height: calc(100% - 200px);max-height: -webkit-calc(100% - 200px);max-height:-moz-calc(100% - 200px);}
.tableBox.h5{max-height: calc(100% - 150px);max-height: -webkit-calc(100% - 150px);max-height:-moz-calc(100% - 150px);}
.tableBox.h6{max-height: calc(100% - 180px);max-height: -webkit-calc(100% - 180px);max-height:-moz-calc(100% - 180px);}
.tableBox.h7{max-height: calc(100% - 220px);max-height: -webkit-calc(100% - 220px);max-height:-moz-calc(100% - 220px);}
.tableBox.h8{max-height: calc(100% - 260px);max-height: -webkit-calc(100% - 260px);max-height:-moz-calc(100% - 260px);}
.tableBox .tblTit{position: relative;width: 100%;}
.tableBox.h9{height:400px}
.tableBox.h10{max-height: calc(100% - 85px);max-height: -webkit-calc(100% - 85px);max-height:-moz-calc(100% - 85px);}

.datatablepop{border-left: 1px solid #f2f3f4;}
.datatablepop tr td {border-bottom: 1px solid #f2f3f4; border-left: 1px solid #f2f3f4; text-align: center;padding: 5px;color: #333; height: 40px;font-size: 12px;background: #fff;}
.datatablepop tr td:first-child{border-left:none}
.datatablepop tr td.cen{text-align: center;}
.datatablepop tr td:last-child{border-right:1px solid #f2f3f4;}
.datatablepop tr th {background: #f2f3f4; border-bottom:1px solid #f2f3f4;border-left:1px solid #f2f3f4;font-size: 12px;height: 30px;color: #333;}
.datatablepop tr th:last-child{border-right:1px solid #f2f3f4;}

.tblBox .maininfo{font-size: 16px;color: #333;text-align: center;font-weight: normal;line-height:40px;}
.tblBox .subinfo{position: absolute;left: 0;top: 0;line-height: 40px;font-weight: normal;color: #666;}
#uploadpic,.uploadpic{width:130px;height:110px; background: url(../images/add_img.png) no-repeat center top;border: 1px dashed #ccc;}
#uploadfile,.uploadfile{width:auto;height:36px; }
#uploadfile .webuploader-pick,.uploadfile .webuploader-pick{top:0;font-size: 13px;padding: 0; line-height: 34px; background-color: #fff; color: #1783ba; border: 1px solid #1783ba;}
.parentFileBox.parentFileBox2{ height:50px;width: 130px;}
.parentFileBox2>.fileBoxUl>li{ min-height:36px !important;}
.parentFileBox2>.fileBoxUl>li.ui-state-default{display:none;}
.parentFileBox.parentFileBox2>.errortip{display:none;}
.parentFileBox.parentFileBox2 .diyButton .diyCancelAll{display:none;}
.parentFileBox.parentFileBox2>.diyButton{margin-top:0;width: 130px; height: 45px;position: absolute; left: 0; top: 0;background-color: #fff;z-index: 999;}
.parentFileBox.parentFileBox2 .diyButton .diyStart{width: 120px; margin-top: 5px;  height: 36px;  line-height: 34px; background-color: #fff; color: #1783ba; border: 1px solid #1783ba; padding: 0 10px; display: inline-block; border-radius: 2px;}
.btn_downfile:hover{color: #1783ba;}
.btn_downfile{  width: auto;  height: 36px;  line-height: 34px; background-color: #fff; color: #02c459; border: 1px solid #02c459; padding: 0 10px; display: inline-block; border-radius: 2px;margin-top: 5px;}
.btn_downfile:hover{color: #02c459; }

.parentFileBox.parentFileBox3{ height:36px;width: 130px;}
.parentFileBox.parentFileBox3 #uploadfile .webuploader-pick,.parentFileBox.parentFileBox3 .uploadfile .webuploader-pick{height:30px;top:0;font-size: 13px;padding: 0; line-height: 28px; background-color: #fff; color: #1783ba; border: 1px solid #1783ba;}

.parentFileBox.parentFileBox3>.fileBoxUl>li{ min-height:36px !important;}
.parentFileBox.parentFileBox3>.fileBoxUl>li.ui-state-default{display:none;}
.parentFileBox.parentFileBox3>.errortip{display:none;}
.parentFileBox.parentFileBox3 .diyButton .diyCancelAll{display:none;}
.parentFileBox.parentFileBox3>.diyButton{margin-top:0;width: 130px; height: 45px;position: absolute; left: 0; top: 0;background-color: #e4e4e4;z-index: 999;}
.parentFileBox.parentFileBox3 .diyButton .diyStart{width: 120px; margin-top: 5px;  height: 30px;  line-height: 28px; background-color: #fff; color: #1783ba; border: 1px solid #1783ba; padding: 0 10px; display: inline-block; border-radius: 2px;}
.btn_downfile3:hover{color: #1783ba;}
.btn_downfile3{  width: auto;  height: 30px;  line-height: 28px; background-color: #fff; color: #02c459; border: 1px solid #02c459; padding: 0 10px; display: inline-block; border-radius: 3px;margin-top: 5px;}
.btn_downfile3:hover{color: #02c459; }
/*编辑页面*/
.datatable .editBox .wrapBox>li{overflow: hidden;margin-bottom: 15px;}
.datatable .editBox .wrapBox>li label{float: left;width: 90px;margin-right: 15px;text-align: right;height: 35px;line-height: 35px;color: #666;}
.datatable .editBox .wrapBox>li>span{float: left;line-height: 35px;}
.datatable .editBox .wrapBox .comInput{height: 35px;width: 220px;border: 1px solid #dedede;border-radius: 3px;padding: 0 10px;}
.datatable .editBox .formsubmit{position: static;text-align: left;margin-left: 95px;width: auto;}
.wrapBox i.tip{color: #f00;font-style: normal;}
.getCode{color: #fff;background:#1783ba;border: none;height: 35px;padding: 0 10px;border-radius: 3px;vertical-align: middle;margin-left: 10px;cursor: pointer;}
.getCode.msgsgrey{color: #666;background: #eee;}
.color_gr{color:#34A853;}
.color_rd{color:#FF0000;}
.datatable{width:100%;height:100%; background: #fff;position: relative;}
.datatable>table,.datatable .tableBox>table{border-left:1px solid #f2f3f4;border-top:1px solid #f2f3f4;}
.datatable tr td {border-bottom:1px solid #f2f3f4;border-left:1px solid #f2f3f4;text-align: center;padding: 5px;color: #333;height: 40px;font-size: 12px;background: #fff;}
.datatable tr td p{ line-height: 15px;}
.datatable tr td:first-child{border-left:none}
.datatable tr td.cen{text-align: center;}
.datatable tr td:last-child{border-right:1px solid #f2f3f4;}
.datatable tr td.operate{ color: #4d79aa; }
.datatable tr td.operate span{cursor: pointer}
.datatable tr td.operate a,.datatable tr td.operate span{display: block; float: left; margin: 0 5px;}
.datatable tr th {background: #f2f3f4; border-bottom:1px solid #f2f3f4;border-left:1px solid #f2f3f4;font-size: 12px;height: 30px;color: #333;}
.datatable tr th:last-child{border-right:1px solid #f2f3f4;}
.datatable tr th.minw1{ min-width:30px;}
.datatable tr th.minw2{ min-width:100px;}
.datatable tr th.minw3{ min-width:80px;}
.datatable tr th.minw4{ min-width:50px;}
.datatable tr th.minw5{ min-width:40px;}
.datatable tr th.minw6{ min-width:65px;}
.datatable tr th.minw7{ min-width:200px;}
.datatable tr span,.datatable tr span a{ color: #1783ba;}
.datatable tr span.layui-table-sort{ margin-left: -5px; }
.datatable tr span.pricestyle{color:#000}
.datatable tr td a{color: #1783ba;}
.datatable tr td .checkType{overflow: hidden;}
.datatable tr td .checkType .greenTip{display: block;float: left;width: 50px;height: 50px;border-radius: 3px;color:#fff;background: #02c459;line-height: 50px;text-align: center;font-style: normal;}
.datatable tr td .checkType .orangeTip{display: block;float: left;width: 50px;height: 50px;border-radius: 3px;color:#fff;background: #ffb835;line-height: 50px;text-align: center;font-style: normal;}
.datatable tr td .checkType .info{float: left;margin-left: 10px;}
.datatable tr td .checkType .info h5{height: 26px;line-height: 26px;color: #333;font-size: 14px;}
.datatable tr td .checkType .info p{height: 20px;line-height: 20px;color: #949494;}
.datatable tr td p.gray{color: #949494;}
.datatable tr td .order{width: 50px; height: 26px; border: 1px solid #dedede; line-height: 24px;text-align: center;}
.headTable tr td{border-top:1px solid #f2f3f4}

.headTable tr{border-left:1px solid #f2f3f4}
.datatable_tit{ color:#666;font-size:14px;height:40px;line-height: 40px;position: relative;margin-bottom: 10px;position: relative;}
.datatable_tit .more{position: absolute;right: 0;top: 0;color: #5476B6;}
.datatable_tit.single_border{border: 1px solid #edeced;}
.datatable_tit a,.datatable .datatable_tit span{font-size: 14px;/* border-bottom: 2px solid #6f6b6b; */padding-left:5px;color:#6f6b6b;/* margin-right: 20px; */height: 100%;display: inline-block;padding: 0px 5px;}
.datatable_tit a:hover{ color:#91b6f5;}
.datatable .searchBox{position: relative;min-height: 30px;font-size: 12px;}
.rightcon  .datatable .searchBox.m1{margin-top: 0;padding: 0;}
.datatable .searchBox .rightbtn{position: absolute;right: 0px;top: 17px;background: #22d3b6;color:#fff;border: none;line-height: 26px;height: 26px;padding: 0 10px;text-align: center;border-radius: 3px;cursor: pointer;}
.datatable .searchBox .add{float: right;}
.datatable .searchBox .add input{padding: 0 10px;}
.rowspan{border-right:1px solid #f2f3f4}
.totalInfo tr td .pricecolor{color:#000}
.datatable .icon_tree{width:16px;height:16px;border: medium none; margin: 0; padding: 0;display: inline-block;cursor: pointer;background:url(../images/icon_tree.png) no-repeat -16px 0px;}
.datatable .icon_tree:hover,.data_table .icon_tree.active{background:url(../images/icon_tree.png) no-repeat -48px 0px;width:16px;}
.datatable .icon_tree_open{background:url(../images/icon_tree.png) no-repeat 0px 0px;width:16px;}
.datatable .icon_tree_open:hover,.data_table .icon_tree_open.active{background:url(../images/icon_tree.png) no-repeat -32px 0px;width:16px;}
.datatable .icon_tree.lvl_1{ margin-left:0px;}
.datatable .icon_tree.lvl_2{ margin-left:15px;}
.datatable .icon_tree.lvl_3{ margin-left:30px;}
/*分页样式*/
.page{width:auto;padding:15px 30px;padding-bottom:0px;position: absolute;bottom:15px; right: 0;}
.Pagination {float:right;line-height: 25px;color: #565656;}
.totlepage{display:inline-block;font-size: 12px;line-height: 25px;}
.Pagination span {margin-right: 5px;display: block;float: left;margin-left: 5px;}
.Pagination span b {padding: 0 2px;}
.Pagination div {float: left}
.Pagination a {font-size: 12px;text-decoration: none;display: block;float: left;color: #565656;border: 1px solid #cacaca;height: 25px;line-height: 25px;padding: 0 8px;margin: 0 2px;}
.Pagination .Ellipsis {overflow: hidden;display: none;}
#PageNum {color: #777;width: 30px;height: 25px;line-height: 25px;border: 1px solid #cacaca;margin: 0 5px;text-align: center;}
.Pagination a:hover,.Pagination a.PageCur {background-color: #efefef;color: #000;border:1px solid #dddddd}

.iconWrap .reservation img{display: block;width: 50px;height: 50px;float: left;}
.iconWrap .reservation .wrap{float: left;margin-left: 5px;}
.iconWrap .reservation .wrap div:first-child{margin-bottom: 5px;}
.iconWrap .tel{margin: 5px 0px;}
.iconWrap .more{font-size: 12px;padding: 0 10px;border: 1px solid #1783ba;background-color: #fff;color: #1783ba;cursor: pointer;}
.iconWrap .original{font-size: 14px;color: red;margin-bottom: 5px;}
.iconWrap .discounts{color: #999;}
.iconWrap .time{margin-bottom: 5px;}
.iconWrap .source{display: inline-block;padding: 0px 10px;background-color: #1783ba;color: #fff;border-radius: 5px;}
.datatable .download{background-position:-485px 0;position: absolute;right: 0;top: 50px;width: 20px;height: 20px;margin-right: 0;cursor: pointer;}
.tableTit{line-height:40px; text-align: center;font-weight: bold;font-size:16px}
.tableTit2{line-height:30px;font-size:16px;}
/*颜色组*/
.colorgroup li{display: inline-block; width:auto;float: left; padding:0px 15px;height:30px;line-height: 30px;}
/*按钮切换*/
.chk{display: none !important;}
.chk + label{background-color:#fafbfa;cursor: pointer; padding:7px;border-radius:50px;display:inline-block;position:relative;-webkit-transition:all 0.1s ease-in;transition:all 0.1s ease-in;width:34px;height:9px; box-sizing: content-box;}
.chk + label:after{content:' ';position:absolute;top:0;-webkit-transition:box-shadow 0.1s ease-in;transition:box-shadow 0.1s ease-in;left:0;width:100%;height:100%;border-radius:100px;box-shadow:inset 0 0 0 0 #eee,0 0 1px rgba(0,0,0,0.4)}
.chk + label:before{content:' ';position:absolute;background:white;top:1px;left:1px;z-index:2;width:21px;-webkit-transition:all 0.1s ease-in;transition:all 0.1s ease-in;height:21px;border-radius:100px;box-shadow:0 3px 1px rgba(0,0,0,0.05),0 0px 1px rgba(0,0,0,0.3)}
.chk:active + label:after{box-shadow:inset 0 0 0 20px #eee,0 0 1px #eee}
.chk:active + label:before{width:37px}
.chk:checked:active + label:before{width:37px;left:20px}
.chk + label:active{box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0px 1px 3px rgba(0,0,0,0.1)}
.chk:checked + label:before{content:' ';position:absolute;left:26px;border-radius:100px}
.chk:checked + label:after{content:' ';font-size:1.5em;position:absolute;background:#4cda60;box-shadow:0 0 1px #4cda60}
.chk.close + label:before{content:' ';position:absolute;left:26px;border-radius:100px}
.chk.close + label:after{content:' ';font-size:1.5em;position:absolute;background:#4cda60;box-shadow:0 0 1px #4cda60}

/*添加调拨*/
.selectBox{width:100%;height: 35px;line-height:35px;padding:0px  5px;background-color: #fff;border: 1px solid #f2f2f2;color: #666;}
.selectBox span{color:#333333 !important;}
.selectBox .addbtn{border:1px solid #dedede;cursor: pointer; padding:0px 10px;margin-top:5px; height:25px;background-color: #fff;border-radius:3px;}
.addbeizhu{width:100%;height:80px;border:1px solid #f2f2f2;padding:5px;}

/*management*/
.ztreeWrap{width: 30%;height: 100%;float: left;}
.pic{width:80px;height:60px;}

/*设置-审核规则*/
.checkLines{overflow-y: auto;height: 420px;}
.checkLines .rules{position:relative;}
.checkLines .rules .add{float: right;margin: 10px 5px 0;color: #1783ba;font-size: 14px;}
.checkLines .txtarea{margin-left:5px;border:1px solid #f2f2f2;padding:5px;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
.checkLines .item:first-child{padding:10px 0 15px;}
.checkLines .item{overflow: hidden;padding:15px 0;border-bottom: 1px dashed #eee;}
.checkLines .item .label{float: left;margin:16px 10px;}
.checkLines .item .fill{margin-bottom: 10px;}
.checkLines .item .name{float: left;position: relative;}
.checkLines .item .name:hover .close{display: block;}
.checkLines .item .name .close{position: absolute;right: 5px;top: -3px;background-position:-483px -3px;width: 16px;height: 16px;cursor: pointer;display: none;}
.checkLines .item .name p.job{width: 50px;height: 50px;color: #fff;background: #1783ba;line-height: 50px;text-align: center;font-size: 12px;border-radius: 50px;}
.checkLines .item .name p{color: #333;height: 30px;line-height: 30px;text-align: center;margin-right: 10px;}
.checkLines .item .arowTo{width: 25px;height: 15px;background-position:-559px -3px;margin-right: 10px;float: left;margin: 20px 10px 20px 0;}
.checkLines .item .checkAdd{width: 50px;height: 50px;color: #fff;background-color: #f2f2f2;border-radius: 50px;cursor: pointer;background-position:-499px 13px;}
.checkLines .item a{float: right;margin: 10px 5px 0;color: #1783ba;}
.ztreeWrap{width: 20%;height: 100%;float: left;border-right: 1px solid #f2f3f4;}
.table_list{float: right;}
.InfoBox{line-height: 30px;color:#666}
.InfoBox span{display: inline-block;margin-right:30px;}
.examineStatus{position: absolute;right:0px;top:-10px;width:150px;}
.examineStatus img{width:100%;}

/*可编辑下拉框*/
em.keyBox{float: left;width: 150px; height: 30px; margin-right: 5px;position: relative;    top: 12px; }
em.keyBox.top0{top:0px}
em.keyBox.mtop0{top:2px}
.js_pkg_prod em.keyBox{float: left;width: 170px; height: 30px; margin-right: 5px;position: relative; }
em.lastKeyBox{float: left;width: 150px !important;line-height: 32px;height: 32px;border: 1px solid #dadada;background:url(http://www.minsuyun.com/images/selectArrow.png) right center no-repeat;}

em.keyBox1{width: 150px; height: 30px; margin-right: 5px;position: relative; display: inline-block; }
em.keyBox1 select { height: 400px ; width: 152px; margin-top: 31px; position: absolute;top:0;z-index: 100; text-align: left; text-indent: 5px;} 
.keyBox1 input {width:150px !important;outline: none;  position: absolute;  line-height: 30px;  left: 0;top:0;height: 30px;  border:1px solid #dadada; background:url(http://www.minsuyun.com/images/selectArrow.png) right center no-repeat; }

em.keyBox1 input {padding:0 5px;width:150px !important;outline: none;line-height: 30px;  left: 0;top:0;height: 30px;  border:1px solid #dadada; background:url(http://www.minsuyun.com/images/selectArrow.png) right center no-repeat; }
em.keyBox1 .keyWords{width:150px;position: absolute;z-index:1;left:0px;top:29px;display: none; overflow-y:auto; max-height:300px; border:1px solid #dedede; background-color: #fff}
em.keyBox1 .keyWords .item{height: 30px;line-height: 30px;text-align: left;font-style: normal;}
em.keyBox1.addbg{ background:#dedede;}
em.keyBox1 .item{padding:0 5px;cursor:pointer;}
em.keyBox1 .addbg{ background:#dedede;}  

em.keyBox2{width: 220px; height: 30px; margin-right: 5px;position: relative; }
em.keyBox2 select { height: 400px ; width: 222px; margin-top: 31px; position: absolute;top:0;z-index: 100; text-align: left; text-indent: 5px;} 
.keyBox2 input {width:220px !important;outline: none;  position: absolute;  line-height: 30px;  left: 0;top:0;height: 30px;  border:1px solid #dadada; background:url(http://www.minsuyun.com/images/selectArrow.png) right center no-repeat; }

em.keyBox2 input {padding:0 5px;width:220px !important;outline: none;line-height: 30px;  left: 0;top:0;height: 30px;  border:1px solid #dadada; background:url(http://www.minsuyun.com/images/selectArrow.png) right center no-repeat; }
em.keyBox2 .keyWords{width:220px;position: absolute;z-index:1;left:0px;top:29px;display: none; overflow-y:auto; max-height:300px; border:1px solid #dedede; background-color: #fff}
em.keyBox2 .keyWords .item{height: 30px;line-height: 30px;text-align: left;font-style: normal;}
em.keyBox2.addbg{ background:#dedede;}
em.keyBox2 .item{padding:0 5px;cursor:pointer;}
em.keyBox2 .addbg{ background:#dedede;}

em.lastKeyBox select{width: 150px !important;outline: none;}
em.keyBox select { height: 400px ; width: 152px; margin-top: 31px; position: absolute;top:0;z-index: 100; text-align: left; text-indent: 5px;} 
.keyBox input {width:150px !important;outline: none;  position: absolute;  line-height: 30px;  left: 0;top:0;height: 30px;  border:1px solid #dadada; background:url(http://www.minsuyun.com/images/selectArrow.png) right center no-repeat; }



em.keyBox input {padding:0 5px;width:150px !important;outline: none;line-height: 30px;  left: 0;top:0;height: 30px;  border:1px solid #f2f2f2;    font-style: normal; background:url(http://www.minsuyun.com/images/selectArrow.png) right center no-repeat; }
.js_pkg_prod em.keyBox input {padding:0 5px;width:170px !important;outline: none;line-height: 30px;  left: 0;top:0;height: 30px;  border:1px solid #dadada; background:url(http://www.minsuyun.com/images/selectArrow.png) right center no-repeat; }
em.keyBox .keyWords{width:150px;position: absolute;z-index:1;left:0px;top:29px;display: none; overflow-y:auto; max-height:300px; border:1px solid #dedede; background-color: #fff}
em.keyBox .keyWords{width:150px;position: absolute;z-index:1;left:0px;top:29px;display: none; overflow-y:auto; max-height:300px; border:1px solid #dedede; background-color: #fff}
em.keyBox .keyWords .item{height: 30px;line-height: 30px;text-align: left;font-style: normal;}
em.keyBox.addbg{ background:#dedede;}
em.keyBox .item{padding:0 5px;cursor:pointer;}
em.keyBox .addbg{ background:#dedede;}  

/*采购单详情*/
.padBox{overflow: hidden;margin:20px 0 0px;}
.padBox .item{float: left;text-align: center;padding: 0 15px;position: relative;}
.padBox .item .icon{width: 40px;height: 40px;margin-bottom: 10px;margin-right: 0;z-index: 1;position: relative;}
.padBox .item .icon.pass{background-position:-4px -555px;}
.padBox .item .icon.nopass{background-position:-123px -555px;}
.padBox .item .icon.wait{background-position:-64px -555px;}
.padBox .item p{color: #999;line-height: 24px;}
.padBox .item p.p1{color: #333;}
.padBox .item p.line{width: 100%;height: 1px;border-top: 1px dotted #ccc;position: absolute;top: 20px;left: 0;}
.padBox .item:first-child p.line{width: 50%;left:50%;}
.padBox .item:last-child p.line{width: 50%;right:50%;}
.padBox .item.item1 .yellowBtn{float: initial;}
/*新增采购单*/
.rtv{position:relative;cursor: pointer;}
.rtv:hover .hoverBox{display: block;}
.hoverBox{position: absolute;width: 100%;height: 100%;background: #fff;top: 0;left: 0;display: none;}
.hoverBox i.icon{display: block;margin-right: 0;width: 16px;height: 16px;margin: 5px auto;}
.hoverBox .add{background-position:-181px -53px;}
.hoverBox .delete{background-position:-156px -53px;}

.popup_box .formfill label.width1{width: 120px!important;}
.formfill .item{display: inline-block;width: 240px;}
/*2018.06.29 下午5点*/
.gosssinfo{display: none;}
.pinpai{position:absolute;bottom:20px;width:100%;text-align:center;}
.icon_sort{width:25px;height:25px;background-position:-210px -45px; }
.subInfo{font-size:12px;color:#666;text-align:center;}
.subInfo span{margin-right:20px;}
.fontweight{font-weight:bold !important;}
.totalInfo{line-height:40px;}
.upperCase{text-transform:uppercase;}

#shopList{padding-left: 10px;}
#shopList span{margin-bottom: 10px;display: inline-block;}

/*打印*/
.ticketout{width:400px;height:220px;display: none;z-index:100; position: fixed;top:50%;margin-top:-110px;left:50%;margin-left:-200px; border:1px solid #dedede;background-color: #fff;}
.ticketout .ticketoutinfo{text-align: center;}
.ticketout .ticketouticon{margin-top:50px;}
.ticketout p.waitcon{margin-top:10px;font-size:16px;}
.popbg{width:100%;height:100%;display:none; position:fixed;z-index:100; left:0px;top:0px; background-color: #000;opacity: 0.5;}
.btngrey{background-color:#aaa !important;border:1px solid #aaa !important}

em.keyBox .alone1{width: 200px!important;}
em.keyBox .alone4{width: 200px!important;}
em.keyBox .keyWords .alone2{min-height: 30px!important;height: auto;}
em.keyBox .alone5{width: 150px!important;}
em.keyBox .alone4_1{width:100% !important}
.rightcon .searchBox .shorter{width: 120px;}
/*加载*/
.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;}

/*头像*/
.headImg{width: 50px;height: 50px;border-radius: 25px;overflow: hidden;}
.blueNo{width: 60px;height: 60px;background-position: 3px -157px;}
.managerBox .first{font-size: 16px;color: #363537;padding: 10px 0}
.managerBox .second{font-size: 9px;color: #989999;}

.colborderleft{border-left:1px solid #f4f7fa !important}
.colborderright{border-right:1px solid #f4f7fa !important}

.accountinfo{width:100%;height:auto;overflow-y:auto;background-color:#fff;box-shadow: 0px 1px 10px #f2f2f2;position:absolute;top:50px;left:15px;display:none;}
.selectlist{position:relative;float: left;}
.accountinfo2{width:100%;height:40px;;line-height:40px;cursor:pointer;display: flex; text-align: center; justify-content: center;}

.selectlist:hover .accountinfo{display:block;}
.accountinfo2:hover{background-color:#f2f2f2;}
.tabchange{font-size:12px;color:#1783ba;margin-left:10px;}

.tabledetail .tit td{ background-color: #e4e4e4; font-size:16px;}
.tabledetail .commtext6{ float:left;}
.tabledetail .commtext8{ float:left;}
.tabledetail button{ border: 1px solid #dedede; cursor: pointer; padding: 0px 10px; height: 30px; background-color: #fff; border-radius: 3px;}
.right_bar .info a{color:#999}
.posinput{width: 60px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #f2f2f2;}
/*升序和降序*/
.datatable tr th label{position:relative;top:2px;}
.layui-table-sort{margin-top:2px !important;}
.layui-table-sort .table-sort-asc {
    top: 3px;
    border-top: none;
    border-bottom-style: solid;
    border-bottom-color: #b2b2b2;
}
.layui-table-sort .layui-edge {
    position: absolute;
    left: 5px;
    border-width: 5px;
}
.layui-edge {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
}

.layui-table-sort .table-sort-desc {
    bottom: 5px;
    border-bottom: none;
    border-top-style: solid;
    border-top-color: #b2b2b2;
}

.layui-table-sort .table-sort-asc:hover {
    border-bottom-color: #666;
}

.layui-table-sort .table-sort-desc:hover {
    border-top-color: #666;
}
.layui-table-sort[lay-sort=asc] .table-sort-asc {
    border-bottom-color: #000;
}
.layui-table-sort[lay-sort=desc] .table-sort-desc {
    border-top-color: #000;
}
::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 8px;
    }
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #1783ba;
    }
::-webkit-scrollbar-track {/*滚动条里面轨道*/
      /*  -webkit-box-shadow: inset 0 0 
       5px rgba(0,0,0,0.2); */
       border-radius: 10px;
       background: rgba(0,0,0,0.2);
   }

   
   .time_box input{width:107px!important;}
   .add_box{width:585px!important;}