*{
padding: 0;
margin: 0;
}
.so{
width: 50%;            
margin: 10px auto;
display: flex;
}
@media (max-width: 767px){
.so{
width: 90%;            
margin: 10px auto;
display: flex;
}
}
.so input{
float: left;
flex: 7;
height: 33px;
width: 100%;
outline: none;
font-size: 15px;
border: 1px solid #ccc;
box-sizing: border-box;
padding-left: 10px;
border-radius: 5px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.so button{
margin-left: 0;	
float: right;
height: 33px;
width: 60px;
background-color: #d22222;
color: #fff;
border-style: none;
outline: none;
border-radius: 5px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.so button i{
font-style: normal;
font-size: 16px;
}
.nav > li{ float: left;}
.nav-head > li{ margin-top: 5px; margin-right: 30px;}
.nav-head > li > a{ padding-bottom: 12px; font-size: 16px;}
.nav-tabs > li{margin-left: 30px;}
.nav-tabs > li > a{display: inline-block;padding: 8px 0 10px;}
.nav-tabs > li.active > a{ color: #ff9966;}
.fade{opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}
.fade.in{opacity: 1;}
.tab-content>.tab-pane,.carousel-inner>.item{ display: none;}
.tab-content>.tab-pane.active,.carousel-inner>.item.active{ display: block;}
.sort-button{color: #fc0000;line-height: 55px;}
.maxheight{max-height:300px;overflow: auto;}
.maxheight::-webkit-scrollbar {width: 6px;height: 1px; border-radius:10px; background:#c5c5c5;
}
.so select{
    -moz-appearance: none;
    -webkit-appearance:none;
    float: left;
    flex: 7;
    height: 33px;
    width: 100%;
    outline: none;
    margin-left: 10px;
    background-color: #eee;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding-left: 10px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;        
}
.so-name{
    padding-top: 5px;
    /*padding-left: 5px;*/
	margin-right: -1px;
    width: 80px;
    color: #666;
    font-size: 15px;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.index input {
    float: left;
    flex: 7;
    height: 33px;
    width: 100%;
    outline: none;
    font-size: 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding-left: 10px;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}    
.pull-right {
    margin-top: 13px;
}