.select_options .nav_ul li {
    position: relative;
    width: 30%;
    display: inline-block;
    float: left;
    height: .45rem;
    line-height: .45rem;
   
    color: #3d4245;
    text-align: center;
}
.select_options.grid_4 .nav_ul li {
    width: 25%;
}
.select_options .nav_ul .bar {
    position: absolute;
    right: 0;
    top: 0rem;
    width: 1px;
    height: .5rem;
    background: #e8e6e6;
    overflow: hidden;
}
.select_options .nav_ul li a {
    display: block;
    height: .45rem;
    line-height: .45rem;
    font-size: .26rem;
    color: #333;
    text-align: center;
    white-space: nowrap;
    padding: 0 0.3125rem;
    overflow: hidden;
}
.select_options .nav_ul li a b {
    position: relative;
    display: inline;
    font-weight: 500;
    color: #5a5a5a;
    width: 100%;
    overflow: hidden;
}
.select_options .nav_ul li i {
    margin-left: 0.3125rem;
    vertical-align: -0.125rem;
}
.select_options .nav_ul li a b:after {
    position: absolute;
    right: -.25rem;
    content: "";
    width: 0.12rem;
    height: 0.12rem;
    border: solid #838383;
    border-width: 0 1px 1px 0;
    float: right;
    margin: .12rem 0 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nav_ul{
    border-bottom: 1px solid #e8e6e6;
    padding: .2rem 0;
    background: #fff;
}


#mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #000;
    opacity: .55;
    filter: alpha(opacity=55);
    z-index: 2;
}
.filter_outer .con_filter {
    position: absolute;
    z-index: 2;
    top: .78rem;
    left: 0;
    right: 0;
    line-height: 2.5rem;
    white-space: nowrap;
}
.filter_outer.filter_fixed {
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    /* bottom: 0; */
    left: 0;
    margin-top: 0;
    border-bottom: 1px solid #d2d2d2;
    box-shadow: 0 2px 3px #e7e7e7;
}
.con_filter .f_box ul:first-child {
    border-left: 0;
}
.con_filter li {
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.con_filter li:first-child {
    border-top: 1px solid #e3e3e3;
}
.con_filter li a, .con_filter li.clickM_con {
    display: block;
    line-height: .8rem;
    height: .8rem;
    padding: 0 .1rem 0 0.1rem;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.filter_outer .con_filter a {
    color: #333;
    font-size: .26rem;
}
.con_filter .f_box {
    position: relative;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    height: 0;
    -webkit-transition: height .4s ease-out;
    transition: height .4s ease-out;
}
.con_filter .f_box.active{
    height: 9rem;
    max-height: 90%;
}
body.filter_show {
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.filter_outer {
    position: relative;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
}



.General-list li {
    padding: .16rem .24rem;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9ea;
	position:relative;
}
.General-list li .state{
		position:absolute;
	width:60px;
	top:0;
	right:0px;
}
.General-list li .state img{
	display:block;
	width:100%;
}
.General-list li a {
    display: flex;
    position: relative;
}
.General-list li a>img {
    width: 2.5rem;
    height: 1.65rem;
	    font-size: 0.2rem;
}
.General-list .m-details {
    margin-left: .35rem;
    width: 59%;
    font-size: .24rem;
    color: #231815;
    position: relative;
}
.General-list h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .28rem;
    color: #231815;
    line-height: .35rem;
}
.info {
    margin-top: .2rem;
    font-size: .24rem;
    color: #737373;
}
.info span::after{
    content: '/';
    display: inline-block;
    margin: 0 .25rem;
}
.info span:last-child::after{
    display: none;
}
.m-details-foot {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.m-details-foot .tag {
    font-size: .24rem;
    padding: .05rem .15rem;
    color: #fff;
    background: #fd521d;
    margin-right: .22rem;
}
.m-price {
    color: #ff0000;
    font-size: .28rem;
}
.m-price em {
    font: inherit;
}
.paging{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3rem;
}
.paging a,.paging span,.paging em{
    padding: 5px 8px;
    font-size: 14px;
    font-style: inherit;
    
    margin: 0 5px;
}
.paging a{
    border: 1px solid #ccc;
    color: #737373;
}
.paging span{
    background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
}
.main-title{
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #e9e9ea;
    padding: 0 .24rem .15rem;
}
.main-title h3{
    font-size: .34rem;
    color: #2e2e2e;
    font-weight: bold;
}
.main-title p{
    font-size: .26rem;
    margin-left: .15rem;
}



.StarSelection-wrap .StarSelection-info{
    flex-wrap: wrap;
}
.StarSelection-wrap .StarSelection-info P{
    width: 100%;
    margin-top: .2rem;
}
.StarSelection-wrap h5{
    font-size: .28rem;
    color: #231815;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.StarSelection-wrap{
    margin-top: .6rem;
}
.star {
   
    display: flex;
    margin-top: .2rem;
}
.star i.on {
    background: url(../images/star@2x.png) no-repeat;
}
.star i {
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(../images/star.png) no-repeat;
}



.main-title a{
    font-size: 14px;
    display: block;
}
.Province-wrap .main-title{
    justify-content: space-between;
}
.Province-wrap{
    margin-top: .6rem;
}
.Province-wrap .main-title a {
    padding: 2px 19px 2px 0;
    color: #737373;
    background: url(../images/More-icon.png) no-repeat center right / 14px 14px;
    font-size: 14px;
}

.RelevantRecommendations-wrap{
    margin-top: .6rem;
   
}

.RelevantRecommendations{
    margin-top: .2rem;
    padding-bottom: .5rem
}
.RelevantRecommendations-item{
    padding: .16rem .24rem;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9ea;
}

.RelevantRecommendations-item a>img {
    width: 2.5rem;
    height: 1.65rem;
}

.RelevantRecommendations-item h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: .28rem;
    color: #231815;
    line-height: .35rem;
}

.RelevantRecommendations-item a {
    display: flex;
    position: relative;
}

.RelevantRecommendations-item .m-details{
    margin-left: .35rem;
    width: 59%;
    font-size: .24rem;
    color: #231815;
    position: relative;
}
.RelevantRecommendations{
    position: relative;
}
.RelevantRecommendations .swiper-button-prev,
.RelevantRecommendations .swiper-button-next{
    background-image: url(../images/jiantou_03.png);
    outline: none;
    background-size: 60%;
}
.RelevantRecommendations .swiper-button-prev{
    transform: rotate(180deg);
}

.RelevantRecommendations .swiper-pagination{
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.RelevantRecommendations .swiper-pagination span{
    margin: 0 3px;
    
}
.RelevantRecommendations .swiper-pagination-bullet-active{
    background: #fd521d;
}