body {background-color:#F8F9FB}
.switch-box {margin-bottom:0}
.switch-box p {line-height:1.9}
.switch-box .no-padding-top {padding-top:0}
.switch-box .item {position:relative; box-shadow:2px 2px 2px rgba(210, 210, 210, 0.42);margin:20px 15px}
.switch-box .item .head {background-color:#F4F3F1;padding:40px 0px 40px;border-bottom:1px solid #C1C0C2}
.switch-box .item .icon {border-radius:100px;border:2px solid #49D16C;position:absolute;left:50%;margin-left:-40px;width: 80px;height:80px;background-color:rgb(238, 238, 238);font-size:52px !important;z-index:1}
.switch-box .item .iconfont {font-size:56px !important}
.switch-box .item .body {background-color:#FFF;padding:60px 25px 30px}
.switch-box .item .link {color:#D2D2D2;margin-bottom:30px}
.switch-box .item .log {margin-bottom:30px;height:110px;overflow:hidden}
.switch-box .item .more {margin-bottom:30px}
.switch-box .item .install .btn {width:200px;margin:10px auto}
.switch-box .ecosystem > h3 {margin-bottom:30px}
.switch-box .ecosystem .info {margin-top:60px;margin-bottom:30px;text-align:center}
.switch-box .ecosystem .info .title {color:#449D44}
.switch-box .ecosystem .info .description {color:#7A7A7A;margin-top:20px}
.switch-box.cs .item .datetime {margin-bottom:0}
.switch-box.cs .item .history {margin-bottom:30px}
.switch-box.cs .item .icon {border-color:#4EB1F4;color:#4EB1F4}
.switch-box.cs .item .body .link a {color:#4EB1F4}
.switch-box.cs .item .body .tooltip-inner {background-color:#4EB1F4;padding:5px}
.switch-box.cs .item .body .tooltip-arrow {border-top-color:#4EB1F4}
.switch-box.cs .kefu-demo-download {background-color:#fff}
.switch-box.cs .top-tips {position:absolute;top:0;text-align:center;width:100%;background-color:#4eb1f4;font-size:12px;color:#fff}
.switch-box.cs .kefu-demo .title img {margin-left:-8px}
.switch-box.cs .kefu-demo .action {margin-top:10px;margin-bottom:20px}
.switch-box.cs .kefu-demo .action .btn {padding:5px;width:auto}
.switch-box.cs .kefu-demo .tooltip-inner {background-color:#4EB1F4;padding:5px}
.switch-box.cs .kefu-demo .tooltip-arrow {border-top-color:#4EB1F4}
.switch-box.cs .kefu-demo .cs-app-demo-show canvas {border:10px solid #fff}
.switch-box.cs .kefu-demo .sub-title {margin-top:-15px;margin-bottom:20px}
.switch-box.cs .kefu-demo .sub-title a {color:#fff}
.switch-box.cs .kefu-demo .sub-title a:hover {color:#e6e6e6;text-decoration:none}
.switch-box .card {margin:20px 15px}
.switch-box .card .item {margin:0}
.switch-box .card .item .switch {line-height:12px;display:block;border-top:4px dotted #F8F9FB;margin:30px -30px 0;border-radius:0;text-decoration:none;color:#CCC}
.switch-box.im .item .body {height:250px}
.switch-box.im .ecosystem .item .body {height:240px}
.switch-box.im .item .datetime {margin-bottom:0}
.switch-box.im .item .history {margin-bottom:30px}
.switch-box.im .item .icon {border-color:#5CB85C;color:#5CB85C}
.switch-box.im .item .body .link a {color:#5CB85C}
.switch-box.im .item .body .tooltip-inner {background-color:#5CB85C;padding:5px}
.switch-box.im .item .body .tooltip-arrow {border-top-color:#5CB85C}
@media (min-width: 768px) {
    .switch-box.im .card {height:459px;width:315px}
    .switch-box.cs .kefu-demo-download .title {margin-bottom:60px}
    .switch-box.cs .kefu-demo .title {margin-top:0}
}
@media (min-width: 992px) {
    .switch-box.im .card {height:459px;width:263px}
}
@media (min-width: 1200px) {
    .switch-box.im .card {height:459px;width:330px}
}