.search-bar-wrapper {
    width: 100%;
    background-color: #fefefe;
    padding: .213333rem .346667rem .16rem;
    z-index: 100;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-appearance: none;
}
.search-bar-wrapper .like-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.search-bar-wrapper .like-form #search-input {
    width: 93%;
    border-radius: .106667rem;
    color: #222;
    outline: none;
    border-width: 0;
    left: .2rem;
    top: 0;
    position: absolute;
    background-color: #f3f3f3;
    height: .5474452rem;
    line-height: .5474452rem;
}
.search-bar-wrapper .like-form .search-box {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #f3f3f3;
    border-radius: .106667rem;
    margin-right: .24rem;
    height: .5474452rem;
}

.search-bar-wrapper .like-form .search-input-box {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: .5474452rem;
    line-height: .5474452rem;
}


.search-bar-wrapper .like-form .icon-search-cancel {
    position: absolute;
    right: .266667rem;
    color: #bababa
}
.search-bar-wrapper .like-form #cancel-button {
    display: inline-block;
    color: #656565;
    height: .5474452rem;
    line-height: .5474452rem;
    font-size: .438rem;
}
.searchTabWapper {
    background: #fefefe;
    z-index: 10;
    width: 100%;
    overflow: hidden;
}
.searchTabWapper .tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    padding-top: 0;
    height: .6rem;
    line-height: .6rem;
}
.searchTabWapper .tab li{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: left;
    width: 33.3%;
    text-align: center;

}
.searchTabWapper .tab li .body_bottom {
    margin: 0 auto;
    text-align: center;
    font-size: .2555rem;
}

.searchTabWapper .lineBorder {
    height: 3px;
    border-bottom: 1px solid #f3f3f3;
    background: #f3f3f3;
    margin: 0 .346667rem;
    padding: 0;
}
.searchTabWapper .lineDiv {
    position: relative;
    margin-top: -4px;
    background: #000;
    width: .453333rem;
    border-radius: 4px;
    height: 3px;
}
.searchTabWapper .shift {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}


.search-result-wrapper {
    overflow: hidden;
    width: 100%;
    z-index: 9;
    background: #fefefe;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

.search-result-wrapper section{
    background-color: #fefefe;
}

.main_content {
	/* position: relative; */
	width: 100%;
	min-height: 100%;
}