@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: 152px;



}











.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.on{border-bottom: solid 5px #199f94;}

.newmenu li{



float:left;



height: 65px;

 overflow: hidden;

background-color: #fff;



font-size: 25px;



line-height: 70px;



width: 33.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{



    height: 100%;

    padding: 0 30px;

    padding-top: 160px;



}



.sidebar li.all{

    color: #199f94;



    font-size: 20px;



    font-weight: 600;



}



.sidebar li{

    position: relative;

    height: 40px;

    line-height: 40px;

    margin: 0 0 15px 0;

    font-size: 20px;



    background: #fff;

    color: #ccc;

    border-radius: 12px;

    padding: 0 25px;

}



.sidebar li font{

    position: absolute; right: 20px; color: #ccc;

}



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



    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: 130px;

    /* padding-top: 100px; */

    position: fixed;

    padding-left: 0;

   /* left: 200px;*/

    width: 100%;

    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 {

   float: left; ; position: relative; text-align: center;padding: 2% 2% 0 2%;

}

.nav{ margin:0 auto 100px;}

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

    /* 手机端样式 */

    .s_goods_box li {

        width: 46%;

    }

    .s_goods_box li img{ height: 180px;}

    .nav-pills	li{width: 33.33%;text-align: center;}

    .nav-pills	li img{ height: 180px !important;}

    .nav-pills	li span{display: block;}

}



@media screen and (min-width: 769px) and (max-width: 1024px) {

    /* 平板端样式 */

}



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

    /* PC端样式 */

    .s_goods_box li {

        width: 21%;

    }

    .s_goods_box li img{ height: 230px;}

    .nav-pills	li{width: 25%;text-align: center;}

    .nav-pills	li img{ height: 200px !important;}

    .nav-pills	li span{display: block;}

}

.position-img {

    position: fixed;

    right: 15px;

    bottom: 50px;

    z-index: 999;

}



.s_goods_box li .menu-img {

    border-radius: 3px;

    cursor: pointer;

    width: 100%;

    max-width: 300px; margin:0 auto;

}

.s_goods_box li .menu-img img {

 max-height: 100%; max-width:100%; display: block;  margin: 0 auto;

}

.s_goods_box li .menu-txt {



}





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

.s_goods_box .model {font-size: 18px;

    margin: 10px 0;height: 72px;

    line-height: 24px;}





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



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









.pagess {

    text-align: center;

    margin: 25px 0;

}

.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;

}

.pagination > li {

    display: inline;

}

.pagination > li > a, .pagination > li > span {

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    color: #009688;

    text-decoration: none;

    background-color: #fff;

    border: 1px solid #ddd;

}

.pagination > li:first-child > a, .pagination > li:first-child > span {

    margin-left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {

    z-index: 3;

    color: #fff;

    cursor: default;

    background-color: #009688;

    border-color: #009688;

}

.clearfix:before, .clearfix:after {

    content: "";

    display: table;

}

.clearfix:after{

    clear: both;

}

.clearfix{

    *zoom: 1;

}

.search-box{padding:120px 0 20px 0;}

.search-box .row{margin: 0 auto; width: 90%;}



.form-control {

    display: block;

    width: 100%;



    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s

}

.form-control:focus {

    border-color: #66afe9;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)

}

.form-control::-moz-placeholder {

    color: #999;

    opacity: 1

}

.form-control:-ms-input-placeholder {

    color: #999

}

.form-control::-webkit-input-placeholder {

    color: #999

}

.form-control {

    position: relative;

    z-index: 2;

    float: left;

    width: calc(100% - 60px);

    margin-bottom: 0;

}

.search_btn{

    width: 34px;

    height: 34px;

    float: left;

    display: inline-block;



    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;



    text-align: center;

    white-space: nowrap;

    vertical-align: middle;



    cursor: pointer;



    border: 1px solid transparent;

    border-radius: 4px;

    color: #fff;

    background-color: #009688;

    border-color: #009688;

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    z-index: 2;

    margin-left: -1px;

}

.notice{ margin-bottom: 20px;padding: 0 0 20px 0; }

.notice .row {

    margin: 0 auto;

    width: 90%;color: #fff;background-color: #009688;

}

.notice .label-warning {

    width: 100%;

    word-break: normal;

    display: block;

    white-space: pre-wrap;

    overflow: hidden; text-align: center;

    padding: 20px 0;

}

.notice #boxmsg{

    line-height: 28px;

    padding: 0 20px 20px 20px;

    display: block;

}

.nav > li {

    position: relative;

    display: block;



    float: left;

    margin-top: 15px;

}

.nav > li > a {

    position: relative;

    display: block;

    padding: 10px 15px

}

.nav > li span{margin: 10px 0 0 0;}

.nav > li > a:focus, .nav > li > a:hover {

    text-decoration: none;

    background-color: #eee

}

.nav > li.disabled > a {

    color: #777

}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {

    color: #777;

    text-decoration: none;

    cursor: not-allowed;

    background-color: transparent

}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

    background-color: #eee;

    border-color: #337ab7

}

.nav .nav-divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}

.nav > li > a > img {

    width: 100%;
    object-fit: cover;
    max-width: none;
    border-radius: 5px;

}