.navbar{
    width: 100%;
    padding: 18px 110px 20px 110px;
    display: flex;
    background-color: rgba(28, 34, 42, 1);
}
.navbar .nav-text a{
    color: white;
    text-decoration: none;
}
.nav-text ul{
    display: flex;
    list-style: none;
    margin: 0;
}
.nav-text ul li{
    text-align: center;
    margin-left: 50px;

}
.navbar-active{
    color: rgba(92, 197, 233, 1) ;
}
.send-show{
    background-color: white;
    display: none;
    position: absolute;
    text-align: left;
    border: 1px solid #ECECEC;
    padding: 10px 0px 0px 0px;
}
.send-show div{
    margin-bottom: 5px;
    padding: 3px 25px 3px 15px;
}
.send-show div:hover{
    background-color: #ECECEC;
}
.footer{
    width: 100%;
    padding: 88px 0 21px 110px;
    background: #ECECEC;
}
.call-us{
    display: flex;
    margin-top: 118px;
}
.call-us img{
    margin-right: 20px;
}
.call-us{
    margin-right: 5px;
}
.foot-text{
    margin-top: 60px;
}
.tabs{
    margin: 30px 0 0 140px;
}
.tab-title{
    margin: 100px 0 100px 0;
    font-family: STHeitiTC-Light;
}
.center-con{
    width: 806px;
    height: 375px;
    background: rgba(255, 255, 255, 0.2);
    color: rgba(236, 236, 236, 1);
    display: none;
}
.series{
    padding: 0 110px 60px 110px;
}
.series ul{
    display: flex;
    list-style: none;
}
.series ul li{
    float: left;
    width: 28%;
    height: 717px;
    background-color: white;
    text-align: center;
    margin: auto;
}
.series ul li p{
    line-height: 34px;
}
.line{
    width: 32px;
    height: 5px;
    background: #000000;
    margin: 30px auto;
}
.mybtn{
   background-color: #000000; 
   color: white;
   padding: 20px 40px;
}
.mybtn:hover{
    color: white;
}
.setmeal{
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    width: 95%;
    height: 95%;
}
.meal-top{
    padding: 33px 0;
    background-color: rgba(92, 197, 233, 1);
    margin-bottom: 40px;
}
.meal-cen{
    display: flex;
    background: #F7F7F7;
    margin: 0 11px 60px 11px;
}
.fon-co{
    color: rgba(153, 153, 153, 1);
}
.calculator{
    /* width: 1200px; */
    /* height: 686px; */
    border: 1px solid #CCCCCC;
}
.calcu-foncol{
    color: rgba(102, 102, 102, 1);
}
.calcu-foncol div ul{
    display: flex;
    list-style: none;
}
.calcu-foncol div ul li{
    width: 150px;
    height: 42px;
    border: 1px solid #DFE0E3;
    padding-top: 10px;
    cursor:pointer;
}
.calcu-foncol div ul li:first-child{
    background-color: rgba(92, 197, 233, 1);
    color: #fff;
}
.calcu-foncol div ul .cpunum{
    width: 50px;
    height: 42px;
    border: 1px solid #DFE0E3;
    padding-top: 10px;
    margin-left: 15px;
}
.inputnum{
    width: 50px;
    height: 40px;
    border: none;
    text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
.calcu-foncol div ul .cputext{
    width: 50px;
    height: 42px;
    border: 1px solid #DFE0E3;
    padding-top: 10px;
    background: #F7F7F7;
}
.operation{
    width: 30px;
    height: 20px;
    border: 1px solid #DFE0E3;
    margin-left: 5px;
    padding-top: 0px;
    outline: none;
}
button:focus {
    outline:none;
}
.redu-btn{
    width: 42px;
    height: 42px;
    background-color: #fff;
    border: 1px solid #DFE0E3;
    outline: none;
    margin: 0 10px;
}
.myselect{
    width: 148px;
    height: 40px;
    outline: none;
    border: none;
    color:rgba(102, 102, 102, 1)
}
.myselect option{
    height: 1000px;
}
.total-price{
    color: rgba(255, 100, 0, 1);
    margin-left: 35px;
}
.tips{
    width: 300px;
    color: red;
}
#titletext{
    position: relative;
    top: -400px;
    /* overflow: hidden; */
}
.box{
    box-shadow: 0px 0px 9px 0px rgba(153, 153, 153, 0.22);
    padding: 36px 30px 40px 30px;
    text-align: center;
    height: 230px;
}
.row-box{
    padding: 20px 40px 30px 40px;
    background-color: white;
    box-shadow: 0px 0px 9px 0px rgba(153, 153, 153, 0.22);
    border-radius: 0px 0px 5px 5px;
    cursor: pointer;
}
.cate img{
    float: left;
    margin-right: 40px;
}
.finish img{
    float: left;
    margin: 3px 15px 0 80px;

}
.bot-finish{
    display: none;
}
.bot-finish-active{
    display: block;
}
.accordion-active{
    border-top: 3px solid #337DFF;
}