body {background-color:#F8F9FB}
.switch-box {min-height:650px}
.switch-box .sidebar.affix {top:20px}
.switch-box .sidebar.affix-bottom {position:absolute}
.switch-box .sidebar .nav > li > a {background-color:#FFF;margin-bottom:10px;color:rgb(125, 125, 125);font-size:14px}
.switch-box .sidebar .nav > li.active > a {color:#009DD9}
.switch-box .sidebar .nav > li > a > i {margin-right:5px;vertical-align:middle}
.switch-box .item {background-color:#FFF;position:relative;box-shadow:2px 2px 2px rgba(210, 210, 210, 0.42);padding:20px;margin-bottom:20px}
.switch-box .item .logo {width:30%}
.switch-box .item .content {color:#999;width:70%}
.switch-box .item .content i {margin-right: 10px}
.switch-box .item .description {overflow:hidden;height:80px;line-height:1.5}
@media (max-width: 767px) {
    .switch-box .mix {width:100%}
    .switch-box .item {padding:10px;margin-bottom:20px}
}
@media (min-width: 768px) {
    .switch-box .item .logo {width:30%}
    .switch-box .item .content {width:70%}
    .switch-box .item .description {height:80px}
}
@media (min-width: 992px) {
    .switch-box .sidebar.affix {width:131.656px}
    .switch-box .sidebar.affix-bottom {width:131.656px}
}
@media (min-width: 1200px) {
    .switch-box .sidebar.affix {width:165px}
    .switch-box .sidebar.affix-bottom {width:165px}
    .switch-box .item .logo {width:25%}
    .switch-box .item .content {width:75%}
    .switch-box .item .description {height:60px}
}