
.container{
    margin: 0!important;
    padding-left: 4vw!important;
    padding-right: 4vw!important;
}
.search{
    margin: 4vw 0;
    display: flex;
    border: 1px solid #0265fe;
    border-radius: 50vw;
}
.search-left{
    width: calc(100% - 18.666vw);
    display: flex;
    align-items: center;
}
.search-left img{
    margin: auto 2.5vw auto 4vw;
    width: 5.066vw;
    height: 5.066vw;
}
.search-left .search-input{
    border: none;
    outline: none;
    width: calc(100% - 14vw);
    font-size: 3.2vw;
}
.search-right{
    width: 18.666vw;
    line-height: 10.666vw;
    text-align: center;
    color: #ffffff;
    font-size: 3.733vw;
    background: #0265fe;
    border-radius: 50vw;
}

.cate{
    margin: 5vw 0;
    display: flex;
    flex-wrap: wrap;
}
.cate .cate-item{
    padding: 1.5vw 3vw;
    background: #0265fe;
    color: #ffffff;
    border-radius: 3vw;
    text-align: center;
    margin-right: 1.5vw;
    margin-bottom: 3vw;
    cursor: pointer;
}
.cate .cate-item.active{
    background: #fe4343;
}

.site-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.site-item{
    display: flex;
    align-items: center;
    padding: 0 3vw;
    justify-content: space-between;
}
.site-text{
    font-size: 3.466vw;
    color: #666666;
    line-height: 8vw;
}
.site-icon{
    width: 2.9vw;
    height: 1.6vw;
    margin-left: 2.133vw;
}
.table-header{
    background: #eef2ff;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 1vw;
    margin-top: 4vw;
    height: 10.666vw;
    justify-content: space-between;
}
.table-header div{
    width: 12vw;
    text-align: center;
    font-size: 3.466vw;
    color: #999999;
    padding: 0 2vw;
}
.table-header .th:first-child{
    width: 20vw;
}
.list{
    width: 100%;
}
.list-item{
    width: 100%;
    /*height: 12vw;*/
    border-bottom: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-item div{
    width: 12vw;
    font-size: 3.2vw;
    color: #333333;
    text-align: center;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    height: 12vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-item .td.first{
    width: 20vw;
}
.list-item div a{
    color: #0265fe;
}

.selected-box{
    display: none;
    padding: 8vw 0;
    width: 100%;
    height: 100vw;
    position: fixed;
    bottom: 13.5vw;
    background: #ffffff;
    z-index: 9;
    box-shadow: 0 1px 5px 5px #CCCCCC;
    border-radius: 5vw 5vw 0 0;
    overflow-y: scroll;
}

.selected-item{
    padding: 2vw 0;
    margin: 0 5vw;
    line-height: 10vw;
    font-size: 4vw;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
}

