.right-bar {position:fixed;right:0;top:300px;z-index:9999;}
.right-bar .right-bar-inner {display:flex;align-items:center;}
.right-bar .right-bar-inner .toggle-btn {}
.right-bar .right-bar-inner .toggle-btn img {width:20px;height:40px;background:rgba(246,246,246,1);border-radius:5px 0px 0px 5px;display:block;cursor:pointer;}
.right-bar .right-bar-inner ul {min-width:80px;height:196px;background:rgba(255,255,255,1);box-shadow:-10px 0px 20px 0px rgba(0,0,0,0.05);border-radius:10px 0px 0px 10px;padding:10px;box-sizing:border-box;}
.right-bar .right-bar-inner li {height:100%;display:none;}
.right-bar .right-bar-inner li.active {display:block}
.right-bar .right-bar-inner .min-bar {display:flex;flex-direction:column;height:100%;justify-content:center;align-items:center;}
.right-bar .right-bar-inner .min-bar img {}
.right-bar .right-bar-inner .min-bar span {width:58px;height:58px;border-radius:10px;display:block;cursor:pointer;margin-bottom:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.right-bar .right-bar-inner .min-bar span:last-child {margin-bottom:0;}
.right-bar .right-bar-inner .min-bar span:hover {background:rgba(246,246,246,1);}
.right-bar .right-bar-inner .min-bar span.cur {background:rgba(246,246,246,1);}
.right-bar .right-bar-inner .max-bar {}
.right-bar .right-bar-inner .max-bar .bar-code {width:100px;height:100px;display:block;margin-bottom:10px;}
.right-bar .right-bar-inner .max-bar span {width:100px;height:28px;background:rgba(253,78,78,1);border-radius:5px;display:block;text-align:center;line-height:28px;color:#fff;font-size:12px;margin-bottom:10px;cursor:pointer;}
.right-bar .right-bar-inner .max-bar .top-btn {width:100px;height:28px;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#989898;font-size:12px;cursor:pointer;    background: #F6F6F6;}
.right-bar .right-bar-inner .max-bar .top-btn img {width:14px;height:14px;display:block;border-radius:50%;margin-right:6px;}
.right-bar .right-bar-inner .min-bar a {display:block;}
/*kbm.article.list.css*/
.kbm-article-list{margin-bottom:60px}
.kbm-article-list ul{}
.kbm-article-list ul li{display:flex;margin-bottom:40px}
.kbm-article-list ul li img{width:240px;height:160px;background:rgba(216,216,216,1);border-radius:10px;display:block;margin-right:40px}
.kbm-article-list ul li .des{width:560px;display:flex;flex-direction:column;justify-content:space-between}
.kbm-article-list ul li .des .title{color:#333333;font-size:18px;font-weight:600;display:block}
.kbm-article-list ul li .des p{color:#989898;font-size:12px;line-height:24px;flex:1;padding-top:30px;-webkit-line-clamp:3}
.kbm-article-list ul li .des .info{font-size:12px;display:flex;justify-content:space-between;align-items:center}
.kbm-article-list ul li .des .info span{color:#989898;border-left:4px solid #0060c7;padding-left:8px;display:inline-block;line-height:14px}
.kbm-article-list ul li .des .info .tags{}
.kbm-article-list ul li .des .info .tags a{color:#989898;background:rgba(246,246,246,1);border-radius:5px;padding:5px 7px;display:inline-block;margin-left:10px}

/*kbm.hot.tool.css 左边热门工具*/
.kbm-hot-tool{margin-bottom:40px}
.kbm-hot-tool .box{}
.kbm-hot-tool .box ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.kbm-hot-tool .box ul li{width:140px;height:80px;background:rgba(246,246,246,1);border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:10px 0;padding-left:10px}
.kbm-hot-tool .box ul li strong{color:#262626;font-size:14px}
.kbm-hot-tool .box ul li p{font-size:12px;color:#989898}
.kbm-hot-tool .box ul li a{text-decoration:none!important}

/*kbm.big.title.css 左边标题文字*/
.kbm-big-title{display: flex;justify-content: space-between;position: relative;padding-left: 20px;margin-bottom: 30px; }
.kbm-big-title::after {content: '';position: absolute;bottom: -15px;top: 50%;left: 0;height: 20px;width: 6px;background-color: #0060c7;margin-top: -9px;}
.kbm-big-title strong{color:#333333;font-size: 20px;}
.kbm-big-title a {display: flex;align-items: center;text-decoration: none !important;}
.kbm-big-title a span{color:#333333;font-size: 14px;}
.kbm-big-title a img{width:14px;height:14px;display: block;margin-left: 6px;}

/*kbm.hot.article.css 左边热门文章*/
.kbm-hot-article{margin-bottom:43px;}
.kbm-hot-article .box a{color:#4C4C4C;font-size:16px;display:block;width:100%;height:50px;line-height:50px;padding-left:20px;padding-right:20px;box-sizing:border-box;text-decoration:none}
.kbm-hot-article .box a:hover{background: rgba(246,246,246,1);}


/*kbm.nav.box.css 面包屑导航*/
.kbm-nav-box {font-size: 14px;height: 50px;background: rgba(246,246,246,1);border-radius: 10px;line-height: 50px;padding: 0 20px;box-sizing: border-box;width: 100%;}
.kbm-nav-box a {color: #989898;text-decoration: none !important;}
.kbm-nav-box span {color: #989898;}

/*kbm.hot.course.css 左边热门教程*/
.kbm-hot-course {margin-bottom: 30px;}
.kbm-hot-course .box {}
.kbm-hot-course .box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;}
.kbm-hot-course .box ul li {margin-bottom: 30px;}
.kbm-hot-course .box ul li p {margin: 0;}
.kbm-hot-course .box ul li:first-child {}
.kbm-hot-course .box ul li:first-child a {display: block;width: 300px;}
.kbm-hot-course .box ul li:first-child .video-cover {width: 300px;height: 200px;border-radius: 10px;background-size: cover;}
.kbm-hot-course .box ul li:first-child .video-cover img {width: 40px;height: 40px;display: block;position: absolute;top: 50%;left: 50%;margin-left: -20px;margin-top: -20px;cursor: pointer;}
.kbm-hot-course .box ul li a {width: 140px;display: block;text-decoration: none;}
.kbm-hot-course .box ul li a .video-cover {width: 140px;height: 94px;background: rgba(216,216,216,1);border-radius: 10px;margin-bottom: 20px;position: relative;}
.kbm-hot-course .box ul li a .video-cover img {width: 24px;height: 24px;display: block;position: absolute;top: 50%;left: 50%;margin-left: -12px;margin-top: -12px;cursor: pointer;}
.kbm-hot-course .box ul li a p {color: #4C4C4C;font-size: 14px;line-height: 24px;}

/*kbm.reply.box.css 各个模块回复回帖*/
.kbm-reply-box .send-comment{margin-bottom:60px}
.kbm-reply-box .send-comment textarea{width:100%;height:120px;background:rgba(246,246,246,1);border-radius:10px;resize:none;padding:15px;box-sizing:border-box;margin-bottom:30px}
.kbm-reply-box .send-comment .submit-btn{width:100px;height:30px;background:rgba(253,78,78,1);border-radius:5px;color:#fff;text-align:center;line-height:30px;float:right}
.kbm-reply-box .send-comment strong{color:#333333;font-size:20px;position:relative;padding-left:15px;margin-bottom:30px;display:block}
.kbm-reply-box .send-comment strong::after{content:'';position:absolute;bottom:-15px;top:50%;left:0;height:20px;width:6px;background-color:#FD4E4E;margin-top:-10px}
.kbm-reply-box .comment-list-box .major-comment-list .major-comment{margin-bottom:40px}
.kbm-reply-box .comment-list-box .major-comment-list .major-comment-info .major-comment-info-box{display:none}
.kbm-reply-box .send-comment strong{color:#333333;font-size:20px;position:relative;padding-left:15px;margin-bottom:30px;display:block}
.kbm-reply-box .comment-list-box .major-comment-list .major-comment-info textarea{resize:none;width:100%;height:80px;padding:15px;box-sizing:border-box;border-radius:10px;margin-bottom:15px;background:rgba(246,246,246,1)}
.kbm-reply-box .comment-list-box .major-comment-list .major-comment-info .user-info{display:flex;font-size:14px;color:#fd4e4e;position:relative}
.kbm-reply-box .comment-list-box .major-comment-list .major-comment-info .user-info img{width:20px;height:20px;background:rgba(205,205,205,1);display:block;border-radius:50%;margin-right:5px}
.kbm-reply-box .comment-list-box .major-comment-list .major-comment-info .user-info p{color:#989898;margin:0}
.kbm-reply-box .comment-list-box .major-comment-list .major-comment-info .user-info .reply-btn{color:#FD4E4E;position:absolute;right:0;top:0;cursor:pointer}
.kbm-reply-box .comment-list-box .major-comment-list .major-comment-info .user-reply{color:#4C4C4C;font-size:14px;line-height:28px;margin:30px 0 30px 0;font-family:Microsoft YaHei}
.kbm-reply-box .comment-list-box .minor-comment-list{background:rgba(246,246,246,1);border-radius:10px;padding:0 30px;box-sizing:border-box;padding-bottom:1px;margin-top:0;}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment{padding-top:30px;border-top:1px solid #E6E6E6}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment:first-child{border-top:0}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment-info .user-info{display:flex;font-size:14px;color:#1A1A1A;position:relative}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment-info .user-info img{width:20px;height:20px;background:rgba(205,205,205,1);display:block;border-radius:50%;margin-right:5px}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment-info .user-info p{color:#989898;margin:0}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment-info .user-info .reply-btn{color:#FD4E4E;position:absolute;right:0;top:0;cursor:pointer}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment-info .user-reply{color:#4C4C4C;font-size:14px;line-height:28px;margin:21px 0 23px 0;font-family:Microsoft YaHei}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment .minor-comment-info-box{display:none}
.kbm-reply-box .comment-list-box .minor-comment-list .minor-comment textarea{resize:none;width:100%;height:80px;padding:15px;box-sizing:border-box;border-radius:10px;margin-bottom:15px}
.kbm-reply-box .comment-list-box .major-comment-list .status-wrapper{font-size:14px;text-align:right;margin-bottom:20px;display: flex;justify-content: flex-end;}
.kbm-reply-box .comment-list-box .major-comment-list .cancel-btn {width: 100px;height: 30px;border-radius: 5px;border: 1px solid rgba(253,78,78,1);display: inline-block;text-align: center;line-height: 30px;color: rgba(253,78,78,1);box-sizing: border-box;margin-right: 20px;}
.kbm-reply-box .comment-list-box .major-comment-list .sure-btn{width: 100px;height: 30px;background: rgba(253,78,78,1);border-radius: 5px;display: inline-block;color: #fff;font-size: 14px;text-align: center;line-height: 30px;cursor: pointer;}
.major-comment .user-info .img-div{position:relative;height:20px;width:20px;margin-right:8px}
.major-comment .user-info .img-div .default-img{height:20px;width:20px;position:absolute;z-index:99;border-radius:50%}
.kbm-reply-box .register-box{background:rgba(246,246,246,1);height:120px;display:flex;align-items:center;justify-content:center}
.kbm-reply-box .register-box .register-box-inner p{font-size:14px}
.kbm-reply-box .register-box .register-box-inner p span{color:#FD4E4E;cursor:pointer}
.kbm-reply-box .register-box .register-box-inner p a{color:#FD4E4E;text-decoration:none}

/*kbm.shop.service.css 不清楚 */
.kbm-shop-service{}
.kbm-shop-service .tab-menu{width:680px;height:50px;background:rgba(246,246,246,1);border-radius:10px;font-size:14px;color:#989898;display:flex;align-items:center;position:relative;padding-left:5px;box-sizing:border-box}
.kbm-shop-service .tab-menu span{display:inline-block;height:40px;line-height:40px;width:100px;text-align:center;cursor:pointer}
.kbm-shop-service .tab-menu span.cur{background:#0060c7;border-radius:6px;color:#fff}
.kbm-shop-service .tab-menu p{color:#333333;position:absolute;right:20px;top:16px;display:flex;align-items:center}
.kbm-shop-service .tab-menu p img{width:14px;height:14px;display:block;margin-left:5px;cursor:pointer}
.kbm-shop-service ul{padding:30px 0 0 0;margin-bottom:0px}
.kbm-shop-service ul li.tool-wrapper{display:flex;flex-wrap:wrap}
.kbm-shop-service ul li{display:none}
.kbm-shop-service ul li .tool-wrapper{display:flex;flex-wrap:wrap}
.kbm-shop-service ul li.tool a{width:320px;margin-bottom:30px;display:flex;text-decoration:none;margin-right:40px}
.kbm-shop-service ul li.tool a:nth-of-type(even){margin-right:0}
.kbm-shop-service ul li.tool img{width:64px;height:64px;display:block;border-radius:10px;margin-right:10px}
.kbm-shop-service ul li.tool p{display:flex;flex-direction:column;justify-content:center}
.kbm-shop-service ul li.tool p strong{color:#4C4C4C;font-size:16px;display:block;margin-bottom:10px}
.kbm-shop-service ul li.tool p span{color:#989898;font-size:12px}
.kbm-shop-service .article{display:block}
.kbm-shop-service .article a{height:50px;line-height:50px;color:#333333;font-size:16px;display:block;padding-left:20px;position:relative;padding-right:55px;text-decoration:none}
.kbm-shop-service .article a span{color:#989898;font-size:14px;position:absolute;top:0;right:20px}
.kbm-shop-service .article a:hover{border-radius:10px;background:rgba(246,246,246,1)}
.kbm-shop-service .course{}
.kbm-shop-service .course .course-wrapper{display:flex;flex-wrap:wrap}
.kbm-shop-service .course .course-wrapper a{display:flex;width:320px;margin-bottom:30px;text-decoration:none;margin-right:40px}
.kbm-shop-service .course .course-wrapper a:nth-of-type(even){margin-right:0}
.kbm-shop-service .course .course-wrapper a .course-cover{width:150px;height:100px;background:rgba(216,216,216,1);border-radius:10px;margin-right:20px;position:relative}
.kbm-shop-service .course .course-wrapper a .course-cover .cover-img{display:block;width:100%;height:100%;border-radius:10px}
.kbm-shop-service .course .course-wrapper a .course-cover .player-btn{width:31px;height:31px;display:block;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;border-radius:50%}
.kbm-shop-service .course .course-wrapper a p{flex-direction:column;display:flex;justify-content:space-between;flex:1}
.kbm-shop-service .course .course-wrapper a p strong{color:#4C4C4C;font-size:16px;font-weight:400;line-height:28px}
.kbm-shop-service .course .course-wrapper a p span{color:#989898;font-size:12px}

.kbm-tools-wrapper{margin-bottom:60px}
.kbm-tools-wrapper .tools-title{color:#989898;font-size:16px;margin:0 auto;display:block;text-align:center;margin-bottom:30px}
.kbm-tools-wrapper .notify-box{width:680px;height:130px;background:rgba(255,255,255,1);box-shadow:0 10px 20px 0 rgba(0,0,0,0.1);border-radius:10px}
.kbm-tools-wrapper .notify-box .notify-title{height:50px;display:flex;align-items:center;border-bottom:1px solid #f2f2f2;box-sizing:border-box;letter-spacing:.5px}
.kbm-tools-wrapper .notify-box .notify-title span{color:#0060c7;font-size:16px;display:block;width:139px;border-right:1px solid #f2f2f2;height:100%;line-height:50px;text-align:center}
.kbm-tools-wrapper .notify-box .notify-title p{font-size:14px;color:#989898;line-height:50px;margin:0;margin-left:70px}
.kbm-tools-wrapper .notify-box .notify-input{margin-top:20px;display:flex}
.kbm-tools-wrapper .notify-box .notify-input input{width:500px;height:40px;background:rgba(246,246,246,1);border-radius:5px;border:1px solid rgba(242,242,242,1);margin-left:20px;margin-right:20px;padding-left:10px;box-sizing:border-box}
.kbm-tools-wrapper .notify-box .notify-input .search-btn{width:120px;height:40px;background:rgba(253,78,78,1);border-radius:5px;color:#fff;text-align:center;line-height:40px}
/*kbm.search.css*/
.kbm-search{font-size:14px;min-height:145px;background:rgba(246,246,246,1);padding:30px 40px;box-sizing:border-box;border-radius:10px}
.kbm-search .search-l{flex:1;padding-right:20px}
.kbm-search .search-l input{height:50px;background:rgba(251,252,252,1);border-radius:5px;border:1px solid rgba(242,242,242,1);padding-left:5px}
.kbm-search .search-l .hot{display:flex;margin-bottom:20px}
.kbm-search .search-l .hot span{margin-right:15px;color:#989898}
.kbm-search .search-l .hot ul{display:flex}
.kbm-search .search-l .hot ul li{margin-right:15px}
.kbm-search .search-l .hot ul li a{color:#1A1A1A}
.kbm-search .search-r{width:160px;height:91px;position:relative;padding-top:40px;box-sizing:border-box}
.kbm-search .search-r p{color:#989898;height:40px;position:absolute;top:0;right:0;width:400px;text-align:right}
.kbm-search .search-r .search-btn{width:160px;height:50px;background:rgba(253,78,78,1);border-radius:5px;color:#fff;font-size:16px;display:block;text-align:center;line-height:50px;display:flex;justify-content:center;cursor:pointer}
.kbm-search .search-r .wenda-search-btn{display:flex;justify-content:flex-end}
.kbm-search .search-r .wenda-search-btn a{width:120px;height:50px;background:rgba(253,78,78,1);border-radius:5px;color:#fff;font-size:16px;display:block;text-align:center;line-height:50px}
.kbm-search .search-r .wenda-search-btn a:first-child{margin-right:10px}
.kbm-search{padding:30px 40px;display:flex;box-sizing:border-box}
.kbm-search .search-l input{width:100%}