.topbar {background:#f7f7f7;padding:20px 0;overflow:hidden}
.topbar h4 {color:#1e1e1e}
.topbar .return a {color:#7a7a7a;text-decoration:none}
.topbar .return a:hover {color:#4EB1F4}
.topbar .return span {padding-left:5px}
.content-box {margin:60px 0;color:#7a7a7a}
.content-box .main-content {margin-top:60px}
.content-box pre {padding:0;background:#fff;border:none}
.content-box .info-title {font-size:12px}
.content-box p {margin:20px 0}
.content-box img {max-width:100%}
.content-box a {color:#7a7a7a}
.content-box .article h5 {color:#000;position:relative}
.content-box .article ul {list-style:none;margin-left:0;padding:0;margin-top:40px;font-size:16px}
.content-box .article ul li {width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin:12px 0}
.content-box .article a {color:#666666;text-decoration:none}
.content-box .article a:hover {color:#1e89d1}
.content-box .article-all {margin-top:65px}
.content-box .article-all h5 a:after {content:'';width:0;height:0; border-top:5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #676767;position:absolute;margin-left:10px;top:3px;transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;display:inline-block}
.content-box .article-all h5 a:hover:after {transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);border-left: 5px solid #1e89d1}
.content-box .code {margin-top:60px;text-align:center}
.content-box .code div {margin-top:5px}
@media (max-width: 991px) {
    .topbar .return {padding:10px 15px 0 0}
    .content-box .article-choice {margin-top:40px}
    .content-box .article-all {margin-top:40px}
    .content-box .article-all h5 a:after {top:6px}
}
@media (min-width: 992px) {
    .topbar .return {padding:10px 0 0 0}
    .topbar .container,
    .content-box .container {padding:0 25px}
    .content-box .main-left {border-right:2px dashed #f6f6f6}
    .content-box .main-content {padding-right:30px}
}