.box-w{background-color: #fff;border-radius: 8px;}
.space-between{display: flex;justify-content: space-between;align-items: center;}
.space-normal{display: flex;justify-content: space-between;align-items: normal;}
.column{display: flex;flex-direction: column;justify-content: space-between;align-items: baseline;}
.flex-1{flex: 1;}
.ellipsis{overflow: hidden; text-overflow:ellipsis; white-space: nowrap}
.overflow{overflow: hidden;}
.overflow-x-scroll{overflow-x: scroll;}
.list-demo-h ul{margin: 0;padding: 0;}
.list-demo-h ul li{list-style: none;}
.list-hy-img{margin-left: 10px; width: 144px;height: 90px;border-radius: 6px;overflow: hidden;}
.list-hy-info{min-width: 0;}
.list-hy-info h3{margin: 0 0 10px; color: #333333;font-size: 13px;font-weight: normal;}
.hy-info-text{ font-size:12px;color: #999999;}
.hy-info-text span:first-child{padding-right: 15px;flex: 1;}
.hy-info-price{color: #ff313f;font-size: 13px;}
.list-demo-h ul li .list-hy-info{border-bottom: 1px solid #f5f5f5;}
.list-demo-h ul li:last-child .list-hy-info{border-bottom: 0;}
.order-head{border-bottom: 1px solid #f5f5f5;color: #333;font-size: 15px;}
.order-head a{color: #53bd99;font-size: 13px;}
.order-body-img{width: 90px;height: 90px;overflow: hidden;border-radius: 6px;}
.order-body-img>img{width: 100%;height: 100%;}
.order-body-info h3{margin: 0 0 5px; color: #333333;font-size: 13px;}
.order-body-info p{margin: 0; color: #999;font-size: 12px;}
.order-body-info span{color: #333;font-size: 12px;}
.hy-info-price-box{font-size: 12px;color: #999;}
.hy-info-price-box .hy-info-price{font-size: 15px;}
.met-body-tit{padding-left: 15px; color: #333;font-size: 17px;font-weight: bold;position: relative;display: block;overflow: hidden;}
.met-body-tit:before{content:"";display: inline-block;width:4px;height: 18px;background-color:#53bd99;border-radius: 4px;position: absolute;top:5px;left: 0;}
.met-body-tit span{color: #333;font-size: 13px;font-weight: normal;}
.hy-info-body-head a{color: #53bd99;font-size: 12px;}
.hy-info-body-body ul{margin: 0;padding: 0 0 0 15px;}
.met-list-item-img{width: 16px;height: 16px;margin: 0 5px;}
.met-list-item-img img{display: inline-block;vertical-align: top;}
.met-list-item-info{flex: 1; min-height: 48px; border-bottom:1px solid #f5f5f5;padding: 0 15px 0 8px;color: #333;font-size: 12px;}
.hy-info-body-body ul li:last-child .met-list-item-info{border-bottom: 0;}
.met-list-item-info div:last-child{flex: 1;text-align: right;}
.met-list-item-info div:last-child input,.met-list-item-info div:last-child select,.met-list-item-info div:last-child textarea{width: 100%;height:30px;text-align: right;border: none;outline: none;}
.textareacss{width: 100%;padding-top: 1px; height:30px;line-height: 1.5; text-align: right;font-size: 12px;}

.list-hy-img-crl{width: 90px;height: 90px;overflow: hidden;border-radius: 6px;}
.list-hy-img-crl>img{width: 100%;height: 100%;}
.hy-info-num{color: #999999;font-size: 12px;}
.hy-info-num p{margin: 0;}
.col-green{color: #53bd99;}
.col-red{color: #ff313f;}
.met-body-info-box{color: #333;font-size: 13px;}

.hy-info-body-body .am-radio{padding-left: 0;}
.hy-info-body-body .am-radio+.am-radio{margin-top: 0;}
.hy-info-body-body input[type="radio"] {
    position: absolute;
    /*clip: rect(0, 0, 0, 0);*/
    opacity: 0;
}
.hy-info-body-body input[type="radio"] + span{
    display: inline-block;
    min-width: 83px;
    height: 32px;
    line-height: 32px;
    margin: 0 10px 15px;
    padding: 0 5px;
    color: #53bd99;
    border: 1px solid #53bd99;
    border-radius:8px;
    font-size: 13px;
    text-align: center;
}
.hy-info-body-body input[type="radio"]:checked + span{
    color: #fff;
    border: 1px solid #53bd99;
    background: #53bd99;
}

.hy-info-body-body .select-on input[type="radio"] + span{
    color: #fff;
    border: 1px solid #53bd99;
    background: #53bd99;
}

.choosetime input[type="radio"] {
    position: absolute;
    /*clip: rect(0, 0, 0, 0);*/
    opacity: 0;
}
.choosetime button{
    display: inline-block;
    min-width: 83px;
    height: 32px;
    line-height: 32px;
    margin: 0 12px 15px;
    padding: 0 5px;
    color: #53bd99;
    border: 1px solid #53bd99;
    border-radius:8px;
    font-size: 13px;
    text-align: center;
    background: #fff;
}
.choosetime button.active{
    color: #fff;
    border: 1px solid #53bd99;
    background: #53bd99;
}
.combo-tit{font-size: 12px;color: #333;font-weight: bold;}
.combo-cont{padding: 10px 0; font-size: 13px;color: #333;display: grid;
    grid-template-columns: repeat(3, 1fr);grid-row-gap: 10px;}
.combo-more{height: 49px;line-height: 49px; color: #333333;font-size: 13px;text-align: center;border-top: 1px solid #f5f5f5;}
.combo-more:after{content: " ";
    display: inline-block;
    margin-left: 17px;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #999;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    right: 2px;transform:rotate(135deg);position: relative;top: -3px;}
.hide{display: none;}
.order-time{padding: 5px 0 15px 15px; border-bottom: 1px solid #f5f5f5;}
.order-time-tit{color: #333;font-size: 12px;}
.order-time-date{margin: 10px 0 10px 13px;width:49%;padding: 0 5px;overflow: hidden; height: 32px;line-height: 32px;color: #53bd99;border: 1px solid #53bd99;border-radius:8px;font-size: 13px;text-align: center;position: relative;}
.order-time-date:after{content: '';display: inline-block;border: 5px solid transparent;border-top: 5px solid #53bd99;position: absolute;top:50%;right: 15px;margin-top: -3px;}
.order-time-date input{vertical-align: top!important; height: 100%;border: none;font-size: 13px;}
/*底部按钮*/
.met-bottom-height{height: 55px;}
.met-bottom{padding: 0 12px; display: flex;justify-content: space-between;align-items: center; height: 54px;border-top: 1px solid #f5f5f5;background-color: #fff; position: fixed;bottom: 0;left: 0;right: 0;z-index: 999;}
.met-bottom-price{padding-left: 10px;}
.met-bottom-price-num{color: #ff313f;font-size: 15px;}
.met-bottom-price-del{color: #999999;font-size:12px;text-decoration:line-through;}
.met-bottom .met-bottom-btn{width: 60%; height: 32px;line-height: 32px; background: #53bd99;font-size: 13px;color: #fff;text-align: center;border-radius: 32px;margin-left:0;margin-right:0;border: none;}
.met-bottom .met-bottom-btn-2{width: 47%; height: 32px;line-height: 28px; background: #fff;border: 2px solid #53bd99;font-size: 13px;color: #53bd99;text-align: center;border-radius: 32px;}
.met-bottom .met-bottom-btn-2:last-child{background-color: #53bd99;color: #fff;}

button[plain][disabled] {
    color: rgba(0,0,0,.3);
    border: 1px solid #ccc;
    background-color: #f5f5f5;
}

.c-item-but {height: 20px;line-height: 18px;padding: 0 1rem;margin-left: 1rem;border: 1px solid #cecece;font-size: 12px;color: #666;border-radius: 12px;display: inline-block;text-align: center;vertical-align: top;}