@charset "utf-8";
/* CSS Document */
html,body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
body{
    font-size:35px;
}
a{
    color: #0020FF;
}




.layui-nav{position: fixed!important; width: 100%;z-index: 999; }


/*翻页样式未进行进一步优化*/

/*翻页*/
.pages{ background-color:#0e1a2a;overflow: hidden; margin:15px 0 55px 0; height:40px; text-align:center; width:100%}
.page-guide {margin:0px;padding:0px; display:inline-block;}

.product-function{clear:both;}

.page-guide a{display:block;border:solid 1px #CCC;margin:2px;padding:2px 8px;float:left}
.page-guide span{float: left;padding: 2px 8px 2px 8px;border: 1px solid #CCC;margin:2px;color: #999;}
.page-guide label{float:left;padding-top:4px;margin-right:10px;}



.page-guide span,
.page-guide a       {padding: 0;
    margin: 0 10px 0 0;
    color: #000000;
    width: 36px;
    /* height: 34px; */
    line-height: 36px;
    text-align: center;
    border: none;
    font-size: 20px;
    border: solid 1px #000000;}




.page-guide a:hover { border: none; text-decoration: none; color:#23ABF1 }
.pages_num          { float: left; overflow: hidden; }
.pages_num span,
.pages_num a        { background: none!important; width: auto; color: #000000; }
.pages_num span.ell { color: #858585; }
.pages_num a:hover  { background: none; }




.content_area .main{margin-left: 15px;}



.line_solid{
    height: 0!important;
    padding: 0!important;
    margin: 0!important;
    border-top: #000 1px solid;
}
.line_dash{
    height: 0!important;
    padding: 0!important;
    margin: 0!important;
    border-top: #000 1px dashed;
}

.header{
    overflow: hidden;
    min-height: 110px;
}
.header h1{
    font-size: 50px;
    color: #767778;
    margin: 20px 0 5px 15px;
    text-align: center;
}
.user_message{
    color: #038c8c;
    font-weight: bold;
    margin-bottom: 1px;
    font-size: 30px;
    margin-left: 15px;
}
.message{
    color: #191970;
    background: #fff8dc;
    border: #c6c5c1 1px solid;
    font-size: 16px;
    margin: 15px 0 15px 0;
    display: block;
}

.main h2{
    font-size: 16px;
    margin: 0;
}
input.man_num{
    border: none;
    width: 40px;
    text-align: center;
    border-bottom: #000 1px solid;
}

.table_area{
    margin: 10px 0;
}
.table_area table{
    width: 100%;
}
.table_area table thead td{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 10px;
}
.table_area table tbody td{
    font-size: 25px;
    text-align: center;
    padding: 5px 10px;
}

.submit_btn{
    background: none;
    font-size: 16px;
    color: #0020FF;
    border: none;
    display: inline-block;
    cursor: pointer;
}
.my_order{
    margin: 5px 0 10px;
}
.remarks{
    text-align: left;
    font-size: 12px;
    width: 485px;
    margin: 0 auto;
    color: #191970;
}
.remarks span{
    padding-left: 10px;
}
.remarks ul{
    padding: 0;
    margin: 0;
    list-style-position: inside;
}

.left_area{
    float: left;
    text-align: left;
    margin-top: 5px;
    width: 440px;

}
.left_area .order_list_ol li{
    padding-left: 15px;

}
.left_area>span{
    font-size: 15px;
}



/*订餐列表*/
.order_main{
    overflow: hidden;
     margin: 25px auto 5px auto;
}
.order_main ul, .order_main ol{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 180px;
}
.order_main ul{
    border-left: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
}
.order_main ul li{
    text-align: center;
    border-bottom: #c0c0c0 1px solid;
    border-right: #c0c0c0 1px solid;
    font-size: 14px;
}
.order_main ul li input{
    vertical-align: middle;
}
.order_main ul li p{
    margin: 0;
    background: #32cd32;
}
.order_main ol li{
    background: none;
    padding: 3px;
    cursor: pointer;
}
.order_main ol li:last-child{
    border-bottom: none;
}
.order_main ol li.active{
    color: #038c8c;
    font-weight: bold;
}


.right_area{
    float: right;
    width: 214px;
}
.right_area p{
    line-height: 60px;
    text-align: right;
}

.center_area{
}
.center_area h2{
    text-align: left;
    margin: 20px 0 10px;
}
.center_area table thead tr td{
    font-weight: bold;
    background: #d4d0c8;
    border: #696969 solid;
    border-width: 1px 0;
    padding:5px 3px;
}
.center_area table thead tr td:first-child{
    border-left: #696969 1px solid;
}
.center_area table thead tr td:last-child{
    border-right: #696969 1px solid;
}


.center_area table tbody tr td:first-child{
    border-left: #c0c0c0 1px solid;
    text-align: left;
}
.center_area table tbody tr td:last-child{
    border-right: #c0c0c0 1px solid;
}
.center_area .man_num{
    border-bottom: #000 1px dashed;
}

.orderBtn{
    cursor: pointer;
}

table.checkTable{
    width: 395px;
}
table.checkTable thead tr td{
    border: #808080 solid;
    border-width: 1px 1px 1px 0;
    font-weight: bold;
}
table.checkTable tbody tr td{
    border: #808080 solid;
    border-width: 0 1px 1px 0;
    padding: 3px 5px;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.caiwuShow .hide{
    display: table-cell;
}
.caiwuShow table.checkTable thead tr td{
    font-size: 14px;
}
.caiwuShow table.checkTable tbody tr td{
    font-size: 12px;
}
table.checkTable thead tr td:first-child,
table.checkTable tbody tr td:first-child{
    border-left-width:1px;
}
table.checkTable tbody tr:last-child td{
    padding: 10px 0;
    border-top: #808080 1px solid;
    border-bottom: #808080 2px solid;
}
table.checkTable tbody tr:last-child td:first-child{
    border-left: #808080 2px solid;
}
table.checkTable tbody tr:last-child td:last-child{
    border-right: #808080 2px solid;
}






/*登陆页面*/
.gate .main{
     width:100%;
}


.gate .main{
 margin-top:55px;}



.login_frame{ padding:135px 35px;}



.login{
    list-style: none;
    padding: 0;
    margin:25px auto 25px auto;
    width: 555px;

}
.login li{
    line-height: 36px;
}

.login_frame .loginBtn{ margin-left: 80px;
}



.login_btn_area .login_submit{ margin-left: 74px;
}



.login li label{
}


.login_btn_area{
    width: 340px;
    margin: 30px auto 0 auto;
    padding-left:0px;
}
.login_btn_area input{
    padding: 2px 10px;
}



.gate .layui-input-block {
    margin-left:180px;
    min-height: 36px
}
.gate .layui-form-label {
    float: left;
    display: block;
    padding: 9px 15px;
    width:150px;
    font-weight: 400;
    text-align: right
}



/*登陆页面*/




table.admin_list_table tbody tr:last-child td{
    border-top: none!important;
    border-right: #808080 1px solid!important;
    border-bottom: #808080 1px solid!important;
    padding: 3px 0;
}
table.admin_list_table tbody tr:last-child td:first-child{
    border-left: #808080 1px solid;
}
table.admin_list_table{
    width: 100%;
    margin: 20px 0;
}

.confirm{
    margin-top: 30px;
    text-align: left;
}
.confirm h1{
    font-size: 50px;
    margin-top: 110px;
    margin-bottom: 30px;
    text-align: center;
}
.modifyBtn{
    text-decoration: none;
}
.menu{
    margin: 5px 0;
}
.menu a{
    font-size: 12px;
    text-decoration: underline;
    margin-right: 15px;
    display: inline-block;
}


/*setup area*/
.setup_area .header{ padding: 65px 0 0 0px;}


.setup_area{
    width:100%;
    height: 100%;
    overflow: visible;
}
.setup_area h2{
    color: #038c8c;
    margin: 0;
    padding: 20px 0;
}
.setup_area .left_area{
    text-align: left;
    border-top: solid 15px #232323;
    height: 100%;
    margin:60px  0  0  0;
    position: fixed;
    height: 100%;
    width: 450px;

}
.setup_area .left_area a{
    font-weight: bold;
    color: #ffffff;
    font-size:25px;
}
.content_area{
    margin-left:0px;
    margin-right:15px;
    padding-bottom: 125px;
    margin-top: 15px;
}
.content_area h1{
    padding-top: 45px;
    font-size: 45px;
    margin: 0;
}




/*菜式库列表*/
.dishes_box{padding-left: 15px;}

.dishes_box .layui-form-label{ width: 80px;}
.dishes_box .layui-form .function{ margin-left: 110px;}


/*菜式添加*/
.product-add-box{padding-left: 15px;}

.product-edit-box{padding-left: 15px;}




.summary_box{padding-left: 15px;}

.summary_table{
    width: 100%;
    font-size: 14px;
    border: #666 solid;
    border-width: 1px 0 0 1px;
}
.summary_table thead td{
    background: #999;
    border: #666 solid;
    border-width: 0 1px 1px 0;
    font-weight: bold;
    padding: 5px;
}
.summary_table tbody td{
    border: #666 solid;
    border-width: 0 1px 1px 0;
    padding: 5px;
    background: #FFF;
}


.tablePassword{
    font-size: 30px;
    width:100%;
    margin:15px 0 ;
}
.tablePassword td{
    padding: 5px;
    background: #FFF;
}

.tablePassword tr{
    padding: 5px 0;
    background: #FFF;
    height: 105px;
}

.tablePassword tr input{ height: 75px; border: solid 1px #232323;
}
.tablePassword td label{
    font-weight: 700;
    text-align: right;
    width: 100%;
    display: block;
}


/*充值记录*/
.addmoney-box .function{ margin: 15px 0;}





/*订餐列表*/
.product_list_area{
    margin-bottom: 20px;
}
.product_list_area h2{
    font-size: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.product_list_area table{
    width: 640px;
    margin-top: 15px;
}


.product_list_table td input{ margin-right: 5px;width: 30px;
    height: 30px;}



.orderPrice{ color: #ff9900;}



.admin_left_area{
    position: absolute;
    left: 45px;
    top: 72px;
    text-align: left;
}
.admin_left_area a{
    color: #000;
    line-height: 24px;
    font-weight: bold;
}
.admin_set_table{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 15px auto;
    display: inline-block;
}
.admin_set_table label{
    width: 80px;
    float: left;
    height: 18px;
}
.admin_set_table li{
    margin-bottom: 10px;
}



.user_add_from{
     margin-top: 25px;
}


.user_add_from .layui-input-block span{
    line-height: 36px;
}

.user_add_from .layui-form-label{
    width: 65px;
}


.user_add_from label span{
     color: red;
}

.user_add_from .function{
    margin-left:110px;
}

.asc_main{
    width: 560px;
    padding: 0 0 40px;
    background-color: #FFF;
    border: #999 1px solid;
    border-radius: 10px;
}

.caise{
    font-size: 14px;
    line-height: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.caise li{
    float: left;
    margin-right: 20px;
    min-width: 190px;
    text-align: left;
}
.caise b{
    color: #F00;
}




.order_log_box{ margin-left: 15px;}


.password_box{ margin-left: 15px;}
.feed_back_box{ margin-left: 15px;}
.message_box{ margin-left: 15px;}

/*详细页面 go==================================================================*/



.feed_back_box{ padding:0 0 55px  0 }
.feed_back_box h2{ margin:15px;font-size:26px;}

.feed_back_box_content{text-align:left; font-size: 25px}



.detail-boxing{ margin:0; padding:0; text-align:left;font-size:20px; }


.detail-boxing h6{ font-size:35px; margin:0 ; padding:15px 8px 15px 8px; background-color:#cccccc}

.detail-boxing li {
    padding: 15px 0 45px 0;
    margin: 0;
    overflow: hidden;
    line-height: 20px;
    list-style-position:inside;
    text-align:left

    }



.detail-boxing li label {
    display: block;
    float: left;
    margin: 0;
    text-align: right;
    width: 85px;
    padding: 0 5px 0 5px;
    font-size: 18px;
    height: 20px;
    line-height: 22px;
    }


.detail-boxing li textarea {
    width: 988px;
    height: 80px;
    padding: 2px 5px;
    margin: 0;
    font-size: 14px;
    line-height: 25px;
    }


.detail-boxing-function {
    margin: 20px 0 0 0;
    }
.detail-boxing-function input[type='submit']{
    background: #4cef72;
    border: none;
    color: #FFF;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 20px;
    margin-right: 10px;
    cursor: pointer;
    }
.detail-boxing-function input[type='button']{
    background: #6f7175;
    border: none;
    color: #FFF;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 20px;
    margin-right: 10px;
    cursor: pointer;
    }

.radio-box {
    margin:10px 0 25px 0;
    }

.radio-box span {
    float: left;
    text-align: left !important;
    padding: 0 5px !important;
    display: block;
    margin: 0 5px 0 0;
    font-size: 20px;
    height: 20px;
    line-height: 30px;
    font-size: 25px;
    }

.radio-box input {
    float: left;
    margin: 5px 0 0 30px;
    padding:100px;
    }

/*详细页面 go==================================================================*/





/*后台列表页面 go==================================================================*/




.feedback_box .list-boxes{ margin-left:350px; margin-right:50px;margin-bottom:50px;overflow:hidden;list-style:none;border:solid 1px #cccccc}

.feedback_box_function{ text-align:left; margin:0 0 25px 0;  width:450px;}
.feedback_box_function div{ margin-bottom:10px;}


.feedback_box_content h6{ font-size:20px; margin:15px 0px;}

.feedback_box .list-boxes-function{ overflow:hidden; border-bottom: solid 1px #000000; padding:8px 0; font-weight:700; background-color:#CCCCCC}
.feedback_box .name{ float:left; width:130px;}
.feedback_box .point{ float:left; width:100px;}
.feedback_box .hate_meal{ float:left; width:150px;}
.feedback_box .like_meal{ float:left; width:150px;}
.feedback_box .datetime{ float:left; width:150px;}
.feedback_box .remark{ float:left; width:250px;}
.feedback_box .function{float:left; width:80px;}



.feedback_box .list-boxing-data{ overflow:hidden;list-style:none; margin:0; padding:10px 0; border-bottom: solid 1px #cccccc;}
.feedback_box .list-boxing-data li { float:left;}




.q12 .radio-box{display:block; overflow:hidden; float:left; margin:5px 0}
.q12 .radio-box label { width:350px;}


.q13 .radio-box{display:block; overflow:hidden; float:left; margin:5px 0}
.q13 .radio-box label { width:350px;}



.feedback-detail .detail-boxes{ margin-left:350px; margin-right:50px;margin-bottom:50px; margin-top:20px;overflow:hidden;list-style:none;border:solid 1px #cccccc}

.feedback-detail .detail-boxes textarea {
    width:100%;

    }



.feedbackbox_content div{ margin-bottom:10px; text-align:left}


.feedbackbox_content h5{ margin:25px 0 0 0!important;}

.feedbackbox_content label{ width:200px!important;}

.feedback_box_content{ overflow:hidden;list-style:none; padding-left: 15px;}
.feedback_box_content .detail-boxing li{padding: 10px 0 5px 0; }
.feedback_box_content .function{margin-top:25px;}



.option-result h5{ font-size: 24px;}
.option-result2 { margin-top: 25px;}






.button{text-decoration: none;float:right;font-weight: normal;font-size: 16px;  color:#ffffff;padding:4px 35px 4px 35px; margin:0px;}

.confirm h2{font-size:24px;overflow: hidden;}



.content_area .content{ background-color:#f5deb3;margin-bottom: 15px; padding: 8px; margin-right: 15px; font-size: 25px;}
.content_area .content li{ margin: 5px 0;}





.status-date{width: 640px;float: left; text-align:left; border-bottom: solid 1px #cccccc;padding-bottom: 15px; margin-bottom: 15px; margin-left: 15px;}
.status-date p{text-align:left; padding: 0 15px}




.explain{ font-size: 10px;}



.order_list{text-align: center;padding-top:65px;}
.order_list h1{text-align: center}




.addlist{ font-size:25px!important;}






/*首页选择数量*/
#numcontrol{ text-align: center}



.dingdantongji_btn{margin-top: 15px;
    margin-bottom: 15px;}




/*删除确认box=====================================================================*/
.delete-box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: #000 1px solid;
    z-index: 999;
    text-align: center;
}

.delete-box-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ccc;
    opacity: 0.3;
}

.delete-box-2 {
    position: relative;
    z-index: 1001;
    top: 25%;
    margin: 0 auto;
    width: 350px;
    height: 220px;
    border: #000 1px solid;
    background: #fff;
}

.delete-box-2 p {
    font-size: 16px;
    margin: 50px 0;
}

.delete-box-header {
    height: 35px;
    background: #000;
}

.delete-box-2 ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 221px;
    overflow: hidden;
}

.delete-box-2 ul li {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    background: #000;
    border-radius: 5px;
}

.delete-box-2 ul li a {
    font-size: 14px;
    display: block;
    text-decoration: none;
    color: #fff;
}






.finance-box h3{ margin: 15px 0; font-size: 18px;}








.header_left{ position: absolute; left: 40px; top: 22px;}

.btn_menu{ }






/*重写layui样式*/
body .layui-btn {
    height: 55px;
    line-height: 55px;
    font-size: 25px;
}

body .layui-input, .layui-select, .layui-textarea {
    height: 55px;
    line-height: 55px;
}

body .layui-nav * {
    font-size: 20px;}

body .menu .layui-nav { padding-top: 25px;}
body .menu .layui-nav * {font-size: 40px; text-align: left;padding: 5px 0 5px 25px;}
body .menu .layui-nav a { text-decoration: none; padding: 5px 0; margin: 5px;}

body .layui-table td, .layui-table th{ font-size: 25px; padding: 22px 15px 22px 25px;line-height: 35px;}










/*=============================MENU部分========================================*/
.menu{
    padding-bottom: 15px;
    position: fixed;
    left: 0;
    top: 56px;
    z-index: 100;
    background: #393d49;
    width: 440px;
    overflow: auto;
    color: #ffffff;
    /*=======animation setting=======*/
    transition: transform 350ms ease;
    -webkit-transition: -webkit-transform 350ms ease;
    -moz-transition: -moz-transform 350ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(-445px,0,0);
    -webkit-transform: translate3d(-445px,0,0);
    -moz-transform: translate3d(-445px,0,0);
    /*=======animation end=======*/
}

/*=======menu animation control=======*/
.menu[data-status=show] {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
}
/*=======menu animation control end=======*/






.order_log_box input{ width: 120px}
.order_log_box select{ width: 120px; height: 55px;}




.finance-box h3{ margin: 15px 0; font-size: 18px;}


.tips{margin:25px 15px 15px 15px; background-color: #ffddaa;padding: 15px; font-size: 18px;}




#orderForm .layui-form-item {float: left;clear:none;width: 100%;}
#orderForm .layui-form-item .layui-form-label{width:145px;}
#orderForm .layui-form-item .layui-form-radio span {
    font-size: 34px;}


#orderForm .checkOrder{display: block!important}


body .layui-table td, .layui-table th{line-height: 30px!important;font-size: 25px!important;}