header{

    padding: 0 4%;

    height: 55px;

    line-height: 55px;

    background: #fff;

    box-shadow: 0px 1px 10px 1px #eee;

}

.pageTitle{

    margin-top: 0;

    width: 96%;

}

.pageTitle span{

    font-size: 18px;

    color: #333;

}

.sortBox{

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-top: 55px;

}

.sort_l{

    width: 26%;

    height: 100%;

    background: #f2f2f2;

    position: fixed;

}

.sort_l ul{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

.sort_l ul li{

    width: 100%;

    padding: 20px 0;

    box-sizing: border-box;

    text-align: center;

    font-size: 15px;

    color: #1f1f1f;

}

.sort_l ul li.selected{

    background: #fff;

    font-weight: bold;

    border-left: 2px solid #3da67e;

}

.sort_r{

    width: 73%;

    margin-left: 26%;

}

.sortList{

    width: 100%;

    padding: 15px 10px;

    box-sizing: border-box;

    display: none;

}

.showList{

    display: block;

}

.sortListEve h3{

    font-size: 16px;

    color: #333;

    font-weight: bold;

}

.sortListEve ul{

    width: 100%;

    margin-top: 10px;

    display: flex;

    flex-wrap: wrap;

}

.sortListEve ul a{

    display: block;

    width: 48%;

    margin-right: 4%;

    margin-bottom: 12px;

}

.sortListEve ul a:nth-child(2n){

    margin-right: 0;

}

.sortListEve ul li{

    width: 100%;

    padding: 8px 0;

    box-sizing: border-box;

    background: #e6e6e6;

    font-size: 14px;

    color: #333;

    text-align: center;

    border-radius: 2px;

}