@charset "utf-8";

.ocb-header{position:relative}

.ocb-header h2{width:100%;color:#fff;font-size:1.2em;text-align:center;padding:10px 0;background-color:#46B868}

.ocb-header a{position:absolute;display:inline-block;top:50%;margin-top:-15px;width:45px;padding:5px 0;color:#fff;text-align:center}

.a-lf{left:5px}

.a-rt{right:5px}

.nav-menu{}

.nav-menu ul{overflow:hidden;list-style:none;text-align:center}

.nav-menu ul li{float:left;width:14.2%;border-bottom:2px solid #efefef;}

.nav-menu ul li a{display:inline-block;width:95%;padding:.8em 0;color:#A8A8A8}

.nav-menu ul li .message_red{position:absolute;right:12%;top:26%;background:red;width:.5em;height:.5em;border-radius:.4em;display:none}

.allread{display:block;width:2em;height:2em}

.nav-menu ul li:hover{border-bottom:2px solid #b0d8bc}

.nav-menu ul li.nav-active{border-bottom:2px solid #46B868}

#id_personInfo{display:none;box-sizing:border-box;text-align:center}

#id_personInfo ul{}

#id_personInfo ul li{width:80%;margin:0 auto;overflow:hidden;border:1px solid #e2e2e2;margin-top:1em;text-align:left}

.tianChong button .read_{height:2em;float:left;display:block;margin:.8em 0}

.dianJi{width:90%;cursor:pointer;padding:5px 5%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:2em;line-height:2em;background:#ccc;margin:1em 0;loat:left}

.dianJi span em{color:red;margin:0 1em;font-style:normal}

.dianJi span em.red{color:red}

#id_message{width:60%;margin:0 auto}

.pagination li{float:left;height:2em;width:2em;line-height:2em;text-align:center;border:1px solid #ccc;margin:0 .5em}

.pagination li.click{background:#ddd}

#id_message button{cursor:pointer}

.paging button{float:left}

@media only screen and (max-width:640px){

    #id_message{width:90%;margin:0 auto}

    .footer{width:90%}

    .pagination li{float:left;height:2em;width:2em;line-height:2em;text-align:center;border:1px solid #ccc;margin:0 .2em}

}

#id_personInfo input[type=text]{width:80%;height:2.71em;line-height:2.71em;border:0 none;font-size:1.2em;text-indent:1em}

#id_personInfo label{padding:0 0.6em}

#id_personInfo textarea{display:block;width:100%;height:5.71em;text-indent:1em;border:0 none}

#personInfoBtn,

#pInfoBtn,

#pInfo{display:block;width:98%;background:#46B868;border:1px solid #46B868;color:#fff;border-radius:3px;height:2.71em;line-height:2.71em;font-size:1.4em;text-align:center}

#id_personInfo ul li:last-child{border:0 none}

#modifypass{width:80%;text-align:right;margin:20px  auto}

#modifypass>a{color:#46B868;font-weight:900;font-size:14px}

#id_newShoping{text-align:center;display:none}

#id_newShoping form{width:50%;margin:0 auto;text-align:left;padding:10px 20px}

#id_newShoping form section{margin:10px 0}

#id_newShoping form section:last-child{text-align:center}

#id_newShoping form label{display:inline-block;margin-right:20px;padding:5px 0;vertical-align:top;width:5rem}

#id_food-order{text-align:center;color:#666}

#id_food-order .order-header{width:98%;position:relative;margin:0 auto;padding:.8em 0;color:#666;background:#F2F2F2 none repeat scroll 0% 0%;cursor:pointer}

#id_food-order .a-li{display:block;margin-top:1em}

.order-headerLeft{float:left;margin-left:10px;font-size:1.5em}

.order-headerRight{float:right;margin-right:10px;padding:0 30px}

.order-headerRight em{background:url(../img/shangxia.png) no-repeat center right;background-size:16px 16px;padding:0 30px;font-style:normal}

@media only screen and (max-width:640px){

    .order-headerLeft{float:left;margin-left:10px;font-size:1.3em}

    .order-headerRight{margin-right:10px;padding:0 10px;text-align:right}

    .order-headerRight em{position:absolute;top:.8em;right:10px}

}

.order-headerLeft em{display:inline-block;width:18px;height:18px;background:url(../img/shangxia.png) no-repeat center;background-size:18px 18px;margin-left:10px;text-indent:-999px}

.order-headerLeft span{display:inline-block;padding:0 .5em;border:1px solid #fff}

.order-content{display:none;text-align:center}

.order-content dl{width:80%;margin:0 auto;overflow:hidden;padding:.5em 0}

.order-content-left{float:left}

.order-content-name{float:left;margin-left:2em}

.order-content-pic{float:right}

.order-footer{box-sizing:border-box;width:98%;margin:0 auto;padding:1em 2em 1em 2em;text-align:right;background:#F2F2F2 none repeat scroll 0% 0%}

.order-footer a{color:#FFFFFF;padding:.3em .5em;margin-right:1em}

.order-footer .buy-again{background:#46B868;border:1px solid #46B868;border-radius:3px}

.order-footer .order-cancel{background:red;border:1px solid red;border-radius:3px}

.order-footer .order-export{background:#46B868;border:1px solid #46B868;border-radius:3px}

.order-centerinfo{display:none}

.order-centerinfo dl{margin:0 auto;display:block;width:80%;padding-top:3em}

.order-centerinfo dl dt{text-align:left;padding:.3em 1em}

.order-centerinfo dl dt:last-child{text-align:right}

.order-centerinfo dt span{padding-left:2em}

.order-centerinfo dt span.left{padding-left:0}

.order-centerinfo dl dt p{padding:0 1em 0 0;cursor:pointer;color:#46B868;text-align:left}

.appointment .valid{text-overflow:ellipsis;white-space:inherit;overflow:hidden;height:auto;line-height:2em;width:80%;margin:1em auto;padding:0px 5%;background:#FFF;border-bottom:1px dotted #CCC}

.appointment .valid em{margin:0 1em 0 0;font-style:normal}

.appointment .valid em.red{color:red}

.appointment .valid p a.left{float:left;color:#333}

.appointment .valid p a.right,

#id_food-order .buy_but{float:right;padding:0.3em 0.6em;background:#46B868;border-radius:.3em;color:#FFF;margin-bottom:1em}

.appointment .valid p a.right:hover{background:#399d57}

#id_food-order .buy_but:hover{background:#399d57}

#id_food_orderInfo{display:none;padding-top:1.5em;width:98%}

#id_food_orderInfo .close_order{border:1px solid red;background-color:red;padding:.3em .8em;color:#fff}

#id_food_orderInfo dl{display:block;border:1px solid #A8A8A8;border-bottom:none;overflow:hidden;color:#A8A8A8}

#id_food_orderInfo dl:last-child{border-bottom:1px solid #A8A8A8}

#id_food_orderInfo dl dt{float:left;height:40px;width:8%;text-align:center;border-left:1px solid #A8A8A8}

#id_food_orderInfo dl dt:first-child{border-left:none}
#id_food_orderInfo dl dt:nth-child(2){border-left:none;width:12%;border-left:1px solid #A8A8A8}

#id_food_orderInfo dl dt:nth-child(3){border-left:none;width:4.8%;border-left:1px solid #A8A8A8}

#id_food_orderInfo dl dt:nth-child(4){border-left:none;width:20%;border-left:1px solid #A8A8A8}

#id_food_orderInfo dl dt:last-child{width:4.8%}

@media only screen and (min-width:600px){

    #id_food_orderInfo dl dt{float:left;line-height:40px;height:40px;width:8%;text-align:center;border-left:1px solid #A8A8A8}

}



/*财务管理 begin*/

.btn{display:inline-block;padding:2px 5px;background:#77cb7b;border:1px solid #46B868;color:#fff;border-radius:2px;line-height:1.5em;font-size:14px;text-align:center;}

.tools_line{display:table;margin-bottom:15px;}

.tools_line li{float:left;line-height:30px;margin-right:10px;}

.tools_line li span{display:inline-block;float:left;height:25px;line-height:25px;padding:1.5px 0;font-weight:bold;padding-right:5px;}

.tools_line li div.item{display:inline-block;float:left;height:22px;line-height:22px;padding:1.5px 0;font-weight:bold;}

.tools_line li .inline{width:120px;padding:1.5px 5px;height:22px;line-height:22px;padding-right:20px;border:1px solid #C6C6C6;background-repeat:no-repeat;background-position:right center;background-color:#fff;outline:0;}

.tools_line li .date .inline{cursor:default;}

.orderlist_btn_group{display:block;}

.orderlist_btn_group .btn{margin-left:5px;padding:2px 10px;}

.orderlist_btn_group .btn_submit{margin-left:0;background-color:#77cb7b;}

.orderlist_btn_group .btn_output{background-color:#a681b9;border:1px solid #8d5da6;}

.btn_clean_accounts{background-color:#3d9d5a;border:1px solid #2a8c47;font-size:12px;font-weight:normal;margin-right:5px;}

.btn.btn_clean_accounts.disabled{background-color:#cfcfcf;border-color:#ccc;cursor:no-drop;text-shadow:-1px -1px 0px #a9a9a9;}

.btn_select_accounts{background-color:#72acff;border:1px solid #689dea;font-size:12px;font-weight:normal;margin-right:5px;}

.selected_accounts_list label{position:relative;background-color:#a59d96;margin-right:8px;color:#fff;padding:3px 6px;border-radius:2px;display:inline-block;line-height:normal;}

.selected_accounts_list label.all{background-color:#ccc;}

.selected_accounts_list label b{font-weight:normal;}

.selected_accounts_list label i.close{width:16px;height:16px;display:inline-block;background:url(../img/icon_close_16px.png) no-repeat center center;border-radius:100px;position:absolute;right:-8px;top:-8px;cursor:pointer;}



/*表格*/

.tab_item .order_sn,

.tab_item .order_detail{color:blue;text-decoration:underline;display:block;cursor:pointer;}

table.stable{border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right-style:none;margin:0 auto;}

table.stable th,

table.stable td{border-top-style::none;border-left-style:none;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;font-size:12px;color:#666666;}

table.stable th{font-weight:normal;line-height:40px;    /* padding-left: 20px; */}

table.stable td{font-weight:normal;border-top:0;width:25%;}

table.stable tfoot td{line-height:0;}

table.stable thead th{background-color:#dddddd;}

table.stable .total{background-color:#f5f5f5;}

.finance_statistics .name{line-height:45px;padding-left:15px;}

.finance_statistics .counts{line-height:30px;text-align:center;padding-bottom:15px;font-size:20px;}

table.table_order_today thead .btn{margin-left:10px;}

table.table_order_today tr.even{background-color:#f8f8f8;}

table.table_order_today td,

table.table_order_list td{width:inherit;line-height:35px;text-align:center;}

table.table_order_today .trhead td{background-color:#e5e5e5;}

table.table_order_list th{text-align:center;}

table.table_order_list tr.even{background-color:#f8f8f8;}

.btn_group{width:98%;margin:0 auto}

.btn_group .close{width:70px;line-height:20px;font-weight:bold;}

.btn_group .print{width:70px;line-height:20px;font-weight:bold;background-color:#a681b9;border-color:#8d5da6;margin-left:10px}

table.intable{margin:0 auto;}

table.intable thead th{background:none;border:none;line-height:40px;padding-left:0;color:#666;vertical-align:baseline;font-size:16px;text-decoration:underline;}

table.intable tbody td{border:none;padding:0;width:inherit;height:30px;}

table.intable tbody td.name{width:70px;height:32px;color:#000;font-weight:bold;}

table.detailtable{margin:20px auto;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;}

table.detailtable thead{background-color:#ccc;}

table.detailtable thead th{background:none;line-height:40px;padding-left:0;color:#000;vertical-align:baseline;font-size:14px;text-align:center;}

table.detailtable tbody td{padding:0;width:inherit;height:30px;text-align:center;}

table.detailtable tbody tr:last-child{}

table.detailtable tbody tr:last-child td{}



/* table.detailtable tbody tr:nth-child(odd){background-color:#f5f6f7;} */

table.detailtable tbody tr:hover{background-color:#f5f6f7;}

.layx-window.layx-skin-default{border-color:#c0c0c0!important;}

table.acc_dialog_table td{border:0;height:25px;padding-left:15px;}

table.acc_dialog_table .line_1 td{padding-top:15px;}

table.acc_dialog_table input,

table.acc_dialog_table label{vertical-align:middle}

table.acc_dialog_table label{margin-left:3px;text-shadow:1px 1px 0px #fff;}

table.acc_dialog_table span{padding-right:15px;text-shadow:1px 1px 0px #fff;}

table.acc_dialog_table .head{background-color:#c0c0c0;border-width:1px 0;border-style:solid;border-color:#d6d6d6}

table.acc_dialog_table .head td{height:40px;}

#layx-server_msg .layx-dialog-content{line-height:22px!important;}

@media print{

    body{background:#fff;font-size:12px!important;}

    header,

    nav,

    .btn_group{display:none}

    table.stable{margin:0 auto!important;width:100%!important;}

    table.table_order_detail{border:0!important;}

    table.table_order_detail .detial_header{display:none;}

    table.table_order_detail .detial_base{border:none;}

    table.table_order_detail .detial_list{border:none;}

    table.table_order_detail .intable thead{display:none;}

    table.table_order_detail .detailtable{margin:10px auto 0 auto!important;}

    table.table_order_detail .detailtable thead{background-color:#e5e5e5;}

}



/*财务管理 end*/



/*pager*/

.pager{display:inline-block;padding-left:0;margin:15px 0;}

.pager > li{display:inline;}

.pager > li > a,

.pager > li > span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#1b8c3c;text-decoration:none;background-color:#fff;border:1px solid #ddd;}

.pager > li > span{background-color:#e8e8e8;color:#aaa;}

.pager > li:first-child > a,

.pager > li:first-child > span{margin-left:0;}

.pager > li > a:hover,

.pager > li > span:hover,

.pager > li > a:focus,

.pager > li > span:focus{z-index:2;color:#ffffff;background-color:#77cb7b;border-color:#46b868;}

.pager > li > span:hover,

.pager > li > span:focus{z-index:0;background-color:#e8e8e8;color:#aaa;border-color:#ddd;}

.pager > .active > a,

.pager > .active > span,

.pager > .active > a:hover,

.pager > .active > span:hover,

.pager > .active > a:focus,

.pager > .active > span:focus{z-index:3;color:#fff;cursor:default;background-color:#a7dea9;border-color:#93da95;}

.pager > .disabled > span,

.pager > .disabled > span:hover,

.pager > .disabled > span:focus,

.pager > .disabled > a,

.pager > .disabled > a:hover,

.pager > .disabled > a:focus{color:#bfbfbf;cursor:not-allowed;background-color:#e4e4e4;border-color:#ddd;text-shadow:1px 1px 0px #ffffff;}

.pager > li.prev:not(.disabled) a,

.pager > li.next:not(.disabled) a{z-index:2;color:#ffffff;background-color:#46b868;border-color:#44ad63;}

.pager > li.first:not(.disabled) a,

.pager > li.last:not(.disabled) a{z-index:2;color:#ffffff;background-color:#77cb7b;border-color:#46b868;}