@charset "utf-8";

/* CSS Document */

html,body{

    width: 100%;

    margin: 0;

    padding: 0;

}

body{

    font-size:35px;

}

a{

    color: #0020FF;

}




/*清除浮动*/
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.clearright{clear:right;height:0;font-size:1px;line-height:0;}
.clearleftt{clear:right;height:0;font-size:1px;line-height:0;}





.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{

height: 100%;

padding-top: 280px;

padding-bottom: 330px;

box-sizing: border-box;

}









#content_menu .at_tit{ font-size: 22px; font-weight: bold; margin: 0 0 10px;}

#content_menu .no_at{    margin-bottom: 20px;

    position: relative;

    height: 77px;

    line-height: 60px;

    font-size: 30px;

    padding-left: 25px;

color: #969696}











.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.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;

}









/*登陆页面*/









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;

    margin-top: 250px;

}





.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;

}







/*菜式添加*/

.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: 23px;line-height: 36px;color:#1f1f1f;}







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





.detail-boxing h6{ font-size:27px; margin:0 ; padding:5px 8px 5px 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: 47px;

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;}

































.newheader{

background-color: #19a193;

position: fixed;

width: 100%;

top:0;

z-index: 10;
}

.newheader .nameheader{

    height: 83px;

    color: #fff;

    font-size: 30px;

    font-weight: 700;

    text-align: center;

    line-height: 83px;

    box-shadow: 0px 0px 20px #222;

}

.newheader .userheader{

    height: 83px;

    color:#fff;

    font-size:22px;

    line-height: 83px;

}

.newheader .userheader_bg{

    width: 50px;

    height:50px;

    background: url("../images/usericon.png")no-repeat;

    float: left;

    margin:16px;

}







.newmenu {
    position: fixed;
    top: 75px;
    width: 100%;
    z-index: 9;
    border-bottom: 1px solid #999;
    background-color: #ffffff;
}

.newmenu li{

float:left;

height: 65px;

background-color: #fff;

font-size: 25px;

line-height: 70px;

width: 33%;

text-align: center;
}

.newmenu li div{

    width: 31px;

    height: 31px;

    display: inline-block;

    position: relative;

    top: 6px;

    margin-right: 2px;

}

.newmenu .diancanicon2{

    background: url("../images/diancanicon2.png")no-repeat;

}

.newmenu .tuidingicon2{

    background: url("../images/tuidingicon2.png")no-repeat;

}

.newmenu .fangu2{

    background: url("../images/fangu2.png")no-repeat;

}

.newmenu .yonghuicon2{

    background: url("../images/yonghuicon2.png")no-repeat;

}

.newmenu .diancanicon{

    background: url("../images/diancanicon2.png")no-repeat;

}

.newmenu .tuidingicon{

    background: url("../images/tuidingicon.png")no-repeat;

}

.newmenu .fangu{

    background: url("../images/fangu.png")no-repeat;

}

.newmenu .yonghuicon{

    background: url("../images/yonghuicon.png")no-repeat;

}

.sidebar{
    width: 192px;
    float: left;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 10px;
    padding-bottom: 100px;
    box-sizing: border-box;
    /* position: fixed; */
    background-color: #f6f6f6;
}

.sidebar li.all{

    height: 60px;

  

    color: #199f94;

    font-size: 25px;

    font-weight: 600;

}

.sidebar li{

width: 170px;

height: 86px;

line-height: 30px;

border-bottom:1px dashed #999;

font-size: 22px;

text-align: center;

background-color: #f6f6f6;

color:#5b5b5b;
}

.sidebar li span{

    position: relative;

    top:14px

}

.sidebar li.active{

    background-color: #009988;

}

.sidebar li.active span{

    color: #ffffff;

}

.sidebar li.active a{

    color: #ffffff;

}







.dishesfooter{

height: 85px;

width: 100%;

background-color: #454545;

position: fixed;

bottom: 0;

z-index:111111111;

box-shadow: #232323 2px 2px 0;
}





.footer_button{

width: 120px;

height: 85px;

text-align: center;

background-color: #199f94;

float: right;

color: #ffffff;

font-size: 20px;

line-height: 85px;

/* border-left: solid 1px #cccccc; */
}









.dishesfooter p

{

/* width: 483px!important; */

display: inline-block;

font-size: 22px;

font-weight: 600;

text-align: left;

line-height: 23px;

color: #ffffff;

padding-left: 15px;

padding-top: 4px;
}

#gouwuche{

position: fixed;

width: 97px;

height: 97px;

background: url("../images/gouwuche.png")no-repeat;

left: 25px;

bottom: 38px;

z-index:2;

display: none;
}

#gouwuche_tuiding{

    position: fixed;

    width: 97px;

    height: 97px;

    background: url("../images/gouwuche_tuiding.png")no-repeat;

    left: 25px;

    bottom: 38px;

}

#gouwuche .gouwuche_shuliang ,#gouwuche_tuiding .gouwuche_shuliang{

    width: 28px;

    height: 28px;

    background-color: #d61415;

    border-radius: 25px;

    line-height: 28px;

    font-size: 16px;

    text-align: center;

    color: #ffffff;

    float: right;

}





#chifandidian div{

    display: inline-block;

    text-align: center;

    width: 90px;

    height: 45px;

    margin: 0px;

    padding:0;

    float: left;

}

#chifandidian{

    position: fixed;

    width: 180px;

    height: 45px;

    border-radius: 5px;

    background-color: #e2e2e2;

    color: #666;

    line-height: 45px;

    font-size: 28px;

    bottom: 100px;

    right: 15px;

    overflow: hidden;

}

#chifandidian .active{

    border-radius: 5px;

    color:#fff;

    width: 90px;

    height: 45px;

    background-color: #199f94;

    margin: 0px;

    padding:0;

    box-shadow: 0px 0px 10px #aaa;

}













.dishes_list .box img{

    width: 105px;

    height:105px;

    float: left;

    margin-right: 20px;



}









.dishes_list .box{

    position: relative;

    margin-bottom: 20px;

}



















.dishes_list{



    overflow-y: hidden;

    padding-left: 200px;

}







/*菜式库列表*/

.dishes_box{padding-left: 15px;}



.dishes_box .layui-form-label{ width: 80px;}

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





.dishes_list .content{ font-size:22px;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    color:#666666;



}



.dishes_list h6{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;



}









.dishes_list .data{

    color: #c51718;

    font-size: 33px;

    font-weight: 700;

    margin-top: 15px;

    margin-bottom: 20px;padding-left:120px;

}





.dishes_list  h6{

    font-size: 26px;

    color:#1f1f1f;

    font-weight: 700;

}







.dishes_list h2{

    font-size: 30px;

    margin: 0 0 35px 0;

    border-left:5px solid #19a193;

    padding-left: 5px;

    color:#5b5b5b;

    font-weight:700;

}















.dishes_list  h1 span{

    float:right;

    margin-right:20px;

}



.dishes_list .shuliang{

    position: absolute;

    bottom: 0px;

    right: 16px;

}

.dishes_list .shuliang .jiancan{

    background: url("../images/jiancan.png")no-repeat;

    width: 48px;

    height: 48px;

    float: left;

}



.dishes_list .shuliang .jiancan.stop_jian{

    background: url("../images/jiancan_gray.png")no-repeat;

}



.dishes_list .shuliang .jiacan{

    background: url("../images/jiacan.png")no-repeat;

    width: 48px;

    height: 48px;

    float: left;

}



.dishes_list .shuliang .jiacan.stop_jia{

    background: url("../images/jiacan_gray.png")no-repeat;

}



.dishes_list .shuliang .jiancan.stop_click{

    background: url("../images/jiancan_gray.png") no-repeat  !important;

}

.dishes_list .shuliang .jiacan.stop_click{

    background: url("../images/jiacan_gray.png") no-repeat  !important;

}



.dishes_list .shuliang input{

    font-size: 30px;

    padding:0 3px;

    float: left;

    text-align: center;

    line-height: 48px;

    min-width: 20px;

    max-width: 60px;

    border:none;

}

.order_done{ display:block; position:absolute; background-color: #d61415; border-radius: 25px;color: #ffffff; font-size: 16px;  text-align: center; padding:4px 10px; font-style:normal; left:87px; top:-14px;}





/*退订记录*/

.order_list .data{ padding: 6px; border-radius:5px;display: block;}

.order_list h2{

    font-size: 30px;

    margin: 10px 0px 35px;

    padding-left: 5px;

    color:#5b5b5b;

    font-weight:700;

    text-align: center;

}



#order_list .function .layui-form-checkbox span{

    font-size: 20px;

}



.miandian2{  display: block; font-size: 33px; margin: 0 0 10px;}

#content_menu{
    box-sizing: border-box;
    height: 78%;
    /* padding-bottom: 330px; */
    /* padding-top: 100px; */
    position: fixed;
    padding-left: 0;
    left: 90px;
    width: calc(100% - 90px);
    overflow-y: scroll;
    margin-top: 160px;
    margin-bottom: 0px;
    /* overflow: hidden; */
    /* border: solid 5px #ff9900; */
    /* margin-left: 200px; */
}




#order_list{border-right:solid 1px #000000 }

#select_goods{ background:#fff; position:fixed; z-index:1; width:100%; height:calc(100% - 85px); display:none; padding:85px 0 0 0; overflow-y:scroll; }
.s_goods_box {margin:0 0 60px 0;}
.s_goods_box li {
    border-bottom: 1px solid #e7eaeb;
    border-top: 1px solid #fff;
    /* height: 120px; */
    /*margin-bottom: 2px;*/
    padding-bottom: 3px;
    position: relative;
    padding-top: 3px;
}
.s_goods_box li .menu-img {
    border-radius: 3px;
    cursor: pointer;
    margin-left: 10px;
    position: absolute;
    /* top: 15px; */
}
.s_goods_box li .menu-img img {
    border: 0 none;
    height: 50px;
    vertical-align: middle;
    width: 50px;
}
.s_goods_box li .menu-txt {
    margin: 0 15px 0 80px;
    font-size: 25px;
    padding-right: 145px;
    word-break: break-all;
}


.s_goods_box .name {line-height: inherit;/* display: none; */color: #999;}
.s_goods_box .model {line-height: inherit;/* float: left; */}


.s_goods_box li .menu-txt p { word-break: break-all;
}
.s_goods_box li .menu-txt h3 {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 8px;
}
.s_goods_box li .menu-txt p {
    font-size: 15px;
    font-style: normal;
    line-height: 24px;
    vertical-align: bottom;
    color: #999;
}
.s_goods_box li .menu-txt p.list2 b {
    color: #f00;
    font-size: 20px;
}
.s_goods_box li .btn {
    background-color: transparent;
    cursor: pointer;
    height: 55px;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0%;
    border:none;
    color:#000;
    min-width:80px;
}
.s_goods_box li .btn .minus {
   
    margin-right: -10px;
}
.s_goods_box li .btn div {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    height: 50px;
    padding: 0;
    width: 50px;
	display: inline-block;
}
.s_goods_box li .btn div strong {
    display: inline-block;
    font-size: 15px;
    height: 45px;
    width: 45px;
    text-indent: -100px;
}
.s_goods_box li .btn .minus strong {
    background: rgba(0, 0, 0, 0) url("../images/jiancan.png") no-repeat scroll 0 0 / 45px 45px;
}
.s_goods_box li .btn i {
    display: block;
    display: inline-block;
    font-style: normal;
    line-height: 41px;
    margin:2px 5px 0;
    text-align: center;
    vertical-align: top;
    min-width: 50px;
    border-bottom: solid 2px #232323;
}
.s_goods_box li .btn .add {
    margin-left: -10px;
}
.s_goods_box li .btn .add strong {
    background: rgba(0, 0, 0, 0) url("../images/jiacan.png") no-repeat scroll 0 0 / 45px 45px;
}
.s_goods_box li .btn .price {
    display: none;
}


/*搜索*/
.search-product{
    display: none;
    width: 464px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-top: 10px;
}
.search-product div{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}
.search-product input{
    width: 250px;
    height: 30px;
}
.search-product button{
    height: 34px;
    line-height: 34px;
    font-size: 16px;
}

.letter-select{
    display: none;
    /* position: fixed; */
    /* left: 30px; */
    z-index: 999;
    margin-top: 169px;
    background-color: #F8F8FF;
    text-align: center;
    box-shadow: 0px 0px 8px #888888;
    /* border-radius: 10px; */
    cursor: pointer;
    float: left;
    width: 80px;
}
.letter-select div{
    border-left: solid 1px #c2c2c2;
    float: left;
    width: 39px;
    height: 35px;
    line-height: 30px;
    font-size: 20px;
    border-bottom: 1px solid #b3b1b1;
}
.letter-select-color{
    background-color: #199f94;
}


.order-nota{
    background-color: #199f94;
    font-size: 14px;
    line-height:16px;
    text-align: center;
    padding: 15px;
    /* text-align: left; */
    margin: 0 10px;
    color: #ffffff;
}
.order-nota p{
    padding-top: 5px;
}

.disclaimer-head{
    width: 100%;
    background-color: #009688;
    position: fixed;
    top: 0;
    z-index: 999;
    color: #ffffff;
    height: 76px;
}
.disclaimer-top{
    text-align: center;
    height: 71px;
    font-size: 20px;
    font-weight:bold;
    display: flex;
}
.disclaimer-top img{
    height: 100%;
    width: auto;
}
.disclaimer-top p{
    height: 30px;
    line-height: 40px;
    padding-left: 10%;
}



.s_goods_box_collect{ border-bottom: solid 1px #cccccc;
    margin-bottom: 25px; overflow: hidden}
.s_goods_box_collect li{    float: left;
    font-size: 24px;
    padding: 0 20px 0 20px;}






#order-detail{
}

.client-info{
    padding-right: 13px;
    font-size: 25px;
    margin-bottom: 47px;

    width: 80%;
    padding-top: 25px;
}





.index-content{    margin: 200px auto 200px auto;
    width: 1000px;}
.project-content{
    margin: 200px auto 200px auto;
    /* width: 1000px; */
    display: table;
    /* float: left; */
    }


.project-content ul{display: table;margin: 0 auto;}
.project-content li{border: solid 1px #cccccc;width: 300px;/* height: 300px; */float: left;margin: 15px 10px;}
.project-content .image{/* border: solid 1px #cccccc; */width: 300px;height: 300px;overflow: hidden;}
.project-content h6{/* border: solid 1px #cccccc; *//* width: 300px; *//* height: 300px; */height: 40px;font-size: 24px;font-weight: 700;padding: 5px;}
.project-content .content{/* border: solid 1px #cccccc; *//* width: 300px; *//* height: 300px; */padding: 5px;font-size: 25px;}
.project-content .image img{width: 300px; height: 300px;}




/*============翻页===============*/
#pages {margin:65px 1px 1px 1px;padding:4px;/* text-align:right; */overflow:hidden;/* border:#999 1px solid; */}

.product-function{clear:both;}
.page-guide {/* float:left; */margin:0 auto;padding: 9px;display:table;text-align: center;}/*设置display+margin属性，可以实现居中*/
.page-guide a{display:block;border:solid 1px #CCC;margin:2px;background-color: #19a193;}
.page-guide a:hover{background-color:#deb887;color:#000000;border:none; text-decoration:none; }
.page-guide span{border:1px solid #CCC;margin:2px;background-color:#e9e9e9; }

.page-guide span,
.page-guide a       {float:left;margin: 0 27px;width: 75px;height: 28px;line-height: 28px;text-align:center;border:none;font-size: 22px;padding: 8px 8px 8px 8px;color:#000000;}

.pages_num          {float:left; overflow:hidden; }
/*=========翻页==================*/

.s_goods_box li:hover{
    background-color: #cccccc;
}