.hall_item{text-align: center;padding:0.5rem 0.36rem;}
.hall_num{color:#fd4e53;font-size:0.72rem;line-height: 0.8rem;}
.hall_tip{color:#1e1e1e;font-size: 0.3rem;}
.hall_title{text-align:left;font-size:.34rem;font-weight:bold; margin-top:.1rem;}
.hall_desc{color: #333;line-height: 0.44rem;padding-top:0.25rem;text-align:left;}
.hall_desc span{color:#fd4e53;}
.hall_desc.notice{color:#666;}
.hall_desc a{color:#f9b900;}
.hall_comment{padding:0.32rem;font-size:0.24rem;color: #333;text-align: left;line-height: 0.4rem;}
.hall_comment .comment_name{text-align: right;color: #666;margin-top: .1rem;}
.hall_comment p.content{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 0.4rem;}
.hall_comment p span{color:#fd4e53;}
.hall_comment p span.receiver{color:#29a7ff;}
.order_item{background: #fff;padding:0.5rem 0.32rem;text-align:left;position: relative;border-bottom:1px solid #e5e5e5;position:relative;}
.order_item::after{content:'';position:absolute; right:0; top:50%; width:.64rem; height:.64rem; color:#666;margin-top:-.32rem;background:url(images/icon_rightarrow_g.png) center no-repeat;background-size:.32rem;}
.order_item:last-child{border-bottom:none;}
.order_detail{display: -webkit-flex;display: flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap; margin:.1rem 0}
.order_detail p.left{width:1.5rem;text-align:right;font-size: 0.3rem;display:inline-block;flex-shrink:0;}
.order_detail p.right{display:inline-block;color:#666;line-height: .4rem;}
.getorder_btn{font-size: 0.28rem;padding: 0.15rem 0;display: block;margin:0.5rem auto 0;background: #f9b900;width:40%;text-align: center;border-radius:6px;-webkit-border-radius:6px;}
.getorder_btn_finish{font-size: 0.32rem;border:1px solid #eee;padding: 0.1rem 0;display: block;margin:0.5rem auto 0;width:40%;text-align: center;border-radius:20px;-webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px;}
.status{position:absolute;right: .16rem;top:.16rem;width: 1.2rem;height: 1.2rem;z-index: 1;background: url(images/icon_status_ongoing.png)no-repeat center center;background-size: cover;}
.finish{background: url(images/icon_status_finish.png)no-repeat center center;background-size: cover;}
.main_content .line2:last-child{margin-bottom: 0;}
/*.swiper-container{max-height:1.84rem;}*/

.filter_area{padding:10px 0;border-bottom:1px solid #e5e5e5; }
.filter_area .search_input_area{height: 40px;position: relative;background-color: #fff;z-index: 1;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;flex-shrink:0;}
.filter_area .search_input_area::after{content:''; height:16px; width:1px; position:absolute; right:0; top:12px;background-color:#e5e5e5;}
.filter_area .search_input_area .input_area{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; height: 36px; border: none; margin-left: 10px; padding: 0 5px; border:1px solid #eee;}
.filter_area .search_input_area .input_area input{font-size: 14px;outline: none;-webkit-appearance: none;-webkit-user-select: text;user-select: text;width: 100%; background-color: #fff;}
.filter_area .search_input_area .btn_search{width: 62px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #000; box-sizing: border-box;}

.filter_area .filter{line-height:36px;width:100%; text-align:center; position:relative;}
.filter_area .filter a{position:relative; color:#000;}
.filter_area .filter>a::after{content:'';position: absolute;right: -.48rem; top: 50%;width: .64rem; height: .64rem;color: #666;margin-top: -.32rem;background: url(images/icon_arrowdown_g.png) center no-repeat;background-size: .32rem;}
.filter_area .filter a span{}
.filter_area .filter .more_filter{position: absolute;cursor:default;display:none;top:41px;right:0; width: 118px; background: #fff;z-index:999; border: 1px solid #d9d9d9;box-shadow: 1px 1px 5px #e5e5e5;}
.filter_area .filter .more_filter p{height: 32px; text-align: center;}
.filter_area .filter .more_filter p a{color: #333; line-height: 32px; display: block;}


@media screen and (max-width: 320px) {
    .hall_comment .comment_name{margin-top: 5px;}
}