body {background-color: #f5f5f5!important;}
.tags-body{margin-top:20px}
.tags-body .tag-groups{border-top:1px solid #eee}
.tags-body .tag-item{display:table;table-layout:fixed;width:100%;padding:15px 0}
.tags-body .tag-item:nth-child(even){background:#f7f8f9}
.tags-body .tag-item-title{display:table-cell;vertical-align:top;width:60px;font-size:30px;line-height:36px;padding-left:10px}
.tags-body .tag-item-cnt{display:table-cell;vertical-align:top;font-size:0;padding-top:10px}
.tags-body .tag-item .tag-link{width:12.5%;min-width:8em;padding-right:10px;box-sizing:border-box;display:inline-block;vertical-align:middle;font-size:15px;line-height:24px;color:#565656;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tags-body .tag-item-more-wrap{display:table-cell;vertical-align:top;padding-top:10px;width:60px}
.tags-body .tag-item-more{font-size:14px;line-height:24px;color:#1f66be}
.tags-title {font-size: 20px;color: #222;display: inline-block;}
.tags-item{box-sizing: border-box;}
.com-tab-ctrl{margin:20px 0;padding: 20px;background: #f7f8f9;}
.com-tab-ctrl .com-tab-item{margin-right:0;width:3.7037037037%;display:inline-block;vertical-align:middle;padding:10px 0}
.com-tab-ctrl .com-tab-item a{text-align:center;background:#f1f1f1;color:#666;width:30px;height:30px;line-height:30px;display:inline-block;border-radius:50%}
.com-tab-ctrl .com-tab-item.actived a{background:#f01414;color:#fff}
.tags-list{font-size:0;padding:0 10px}
.tags-list>li{box-sizing:border-box;display:inline-block;vertical-align:top;padding-right:10px;margin-bottom:15px;width:11.11111%;min-width:120px}
.tags-list>li>a{display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;display:inline-block;vertical-align:middle;font-size:15px;line-height:24px;color:#565656;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no-data{display:block;width:100%;height:88px;margin:110px auto 210px auto;color:#999;font-size:14px;background:url(../images/no-data.png) no-repeat center;background-size:contain}
.no-data p{padding-top:113px;text-align:center;color:#999}
.left-box{width:980px;overflow:visible;display:inline-block;float: left;}
.right-box{width: 290px;overflow: visible;float: right;}
.tag_word {padding: 20px 20px;}
.tag_word span {color: red;margin: 0px 5px;}
.left-box .cate{line-height:32px;border-bottom:1px solid #f5f5f5;}
.left-box .cate a{font-size:16px;margin-right:50px;float:left;position:relative;color:#4b5566;cursor:pointer;transition:all .2s}
.left-box .cate a.active:before{content:"";position:absolute;width:40px;height:2px;background:#f01414;bottom:0;left:50%;margin-left:-20px}
/*描述*/
.tag-main{display:-webkit-box;display:-ms-flexbox;display:flex}
.tag-image{float:left;margin-right:16px}
.tag-image img{height:100px;width:100px;-webkit-box-sizing:border-box;box-sizing:border-box;-o-object-fit:cover;object-fit:cover;display:block;border-radius:3px;-webkit-filter:brightness(.95);filter:brightness(.95)}
.tag-head{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;overflow:hidden;margin-right:6px}
.tag-head .tag-title{font-weight:600;font-synthesis:style;line-height:1.6;color:#1a1a1a;margin-top:-4px;margin-bottom:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:25px;display:flex;align-items:center}
.tag-head .tag-meta{margin-top:6px;font-size:15px;color:#646464}
.tag-head .tag-meta .tag-meta__wrapper{margin-top:4px}
.tag-head .tag-meta .tag-meta__wrapper .tagMeta-content{min-height:80px}
.tag-head .tag-meta .tag-meta__wrapper .tagMeta-desc{height:auto;line-height:25px;font-size:15px}
/*文档*/
.left-box .list-doc ul li{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-moz-align-items:stretch;-webkit-align-items:stretch;align-items:stretch;padding:20px 20px;margin:0 -20px;overflow:hidden;border-top:1px solid #f5f5f5}
.left-box .list-doc ul li:nth-child(1){border-top: none;}
.left-box .list-doc ul li .ct-box .list-item-img{max-height:150px;max-width:120px;position:relative;border:1px solid #eee;padding: 2px;}
.left-box .list-doc ul li .ct-box .list-item-img i.filetype{font-size:20px;position:absolute;bottom:0px;right:4px;color:#2f97fe;margin-right:0!important}
.left-box .list-doc ul li .ct-box .list-item-img img{display:block;width:86px;height:122px;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
.left-box .list-doc ul li .ct-box .list-item-img:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)}
.left-box .list-doc ul li .ct-box .down{text-align:center;width:140px}
.left-box .list-doc ul li .ct-box .down .btn{font-size:12px;display:inline-block;color:#fff;background:#e33;border-radius:25px;text-align:center;cursor:pointer;padding:0 30px;height:34px;line-height:34px;margin-top:40px}
.left-box .list-doc ul li .ct-box .down .price{color:#fa5714;margin-top:12px}
.left-box .list-doc ul li .info{position:relative;overflow:hidden;width:700px;padding:0 20px;border-right:1px solid #ececec}
.left-box .list-doc ul li .info .info-limit{overflow:hidden;max-height:120px;height:120px}
.left-box .list-doc ul li .info h3{display:inline-block;vertical-align:top;max-width:650px;font-size:18px;font-weight:700;color:#1f374c;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.left-box .list-doc ul li .info .desc{padding-top:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:22px;font-size:13px;font-weight:400;color:#828a92}
.left-box .list-doc ul li .info .meta{position:absolute;bottom:0;}
.left-box .list-doc ul li .info .tags{display:inline-block;margin-right: 10px;max-width: 320px;overflow: hidden;float: left;}
.left-box .list-doc ul li .info .tags a{display:inline-block;font-size:12px;color:#b3b2b2;height:20px;line-height:20px;padding-left:5px;}
.left-box .list-doc ul li .info .tags a:before{content:"\e695";font-family:iconfont;font-size:14px;margin-right:2px}
.left-box .list-doc ul li .info .tags a:hover{color:#f01414}
.left-box .list-doc ul li .info .feature{line-height:20px;height:20px;display: inline-block;float: left;}
.left-box .list-doc ul li .info .feature .item{display:inline-block;padding-right:10px;font-size:12px;color:#95a8b7;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.left-box .list-doc ul li .info .feature .item i{font-size:14px;margin-right:2px;color:#95a8b7}
.left-box .list-doc ul li .info .feature .item em{color:#95a8b7}
/*文章*/
.left-box .list-article ul li{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:stretch;-moz-align-items:stretch;-webkit-align-items:stretch;align-items:stretch;padding:20px 20px;margin:0 -20px;overflow:hidden;border-top:1px solid #f5f5f5}
.left-box .list-article ul li:nth-child(1){border-top: none;}
.left-box .list-article ul li:hover .thumb img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)}
.left-box .list-article ul li .thumb{border-radius:4px;cursor:pointer;margin-right:20px;width:180px;height:125px;display:block;position:relative;border-radius:3px;overflow:hidden}
.left-box .list-article ul li .thumb a{width:180px;height:125px;overflow:hidden;display:block;position:relative}
.left-box .list-article ul li .thumb img{width:100%;min-height:100%;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}
.left-box .list-article ul li .info{position:relative;-webkit-flex:1;-ms-flex:1;-webkit-box-flex:1;-moz-box-flex:1;flex:1;max-width:760px}
.left-box .list-article ul li .info .info-limit{max-height:100px;height:100px;overflow:hidden}
.left-box .list-article ul li .info h3{width:100%;height:19px;line-height:18px;margin-top:4px;margin-bottom:9px;font-size:16px;font-weight:800;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-family:PingFangSC-Medium,arial,sans-serif;-webkit-font-smoothing:antialiased}
.left-box .list-article ul li .info h3 a{color:#2c2e3b;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}
.left-box .list-article ul li .info h3 a:hover{color: #f01414;}
.left-box .list-article ul li .info h3 .top{border-radius:3px;font-weight:400;padding:3px 5px;font-size:12px;margin:0 .4rem 0 0;position:relative;top:-1px;background:#f64444;color:#fff}
.left-box .list-article ul li .info .desc{height:55px;padding-top:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:22px;font-size:12px;font-weight:400;color:#828a92}
.left-box .list-article ul li .info .meta{padding-top:10px;position:absolute;left:0;bottom:5px}
.left-box .list-article ul li .info .tags{display:inline-block}
.left-box .list-article ul li .info .tags a{display:inline-block;font-size:12px;color:#b3b2b2;height:20px;line-height:20px;padding-left:5px}
.left-box .list-article ul li .info .tags a:before{content:"\e695";font-family:iconfont;font-size:12px;margin-right:2px}
.left-box .list-article ul li .info .tags a:hover{color:#f01414}
.left-box .list-article ul li .info .time,.left-box .list-article ul li .info .views{display:inline-block;height:20px;line-height:20px;font-size:12px;color:#b3b2b2;font-weight:400;padding-left:12px}
.left-box .list-article ul li .info .views:before{content:"\e661";font-family:iconfont;font-size:12px;margin-right:2px}
.left-box .list-article ul li .info .time:before{content:"\e647";font-family:iconfont;font-size:12px;margin-right:2px}
/*问答*/
.answer-list>li{padding:24px 0;border-bottom:1px solid #eee;min-height:89px;box-sizing:border-box}
.answer-list>li .answer-quantity-2{width:50px;height:50px;background:#f01414;border-color: #f01414;border-radius:4px;color:#fff;text-align:center;padding-top:8px;box-sizing:border-box}
.answer-list>li .answer-quantity-1{border-radius:4px;text-align:center;padding-top:8px;box-sizing:border-box;width:50px;height:50px;color:#f01414;background:rgba(240,20,20,.1);border:none}
.answer-list>li .answer-quantity-0{border-radius:4px;text-align:center;padding-top:8px;box-sizing:border-box;width:50px;height:50px;background-color:#f3f3f3;border-color:#f3f3f3;color:#7b7b7b}
.answer-list>li .answer-quantity-img{padding-top:0}
.answer-list>li .answer-quantity-0 span,.answer-list>li .answer-quantity-1 span,.answer-list>li .answer-quantity-2 span{display:block;height:15px;line-height:15px}
.answer-list>li .answer-quantity-0 span:nth-of-type(1),.answer-list>li .answer-quantity-1 span:nth-of-type(1),.answer-list>li .answer-quantity-2 span:nth-of-type(1){font-size:14px;margin-bottom:5px}
.answer-list>li .answer-quantity-0 span:nth-of-type(2),.answer-list>li .answer-quantity-1 span:nth-of-type(2),.answer-list>li .answer-quantity-2 span:nth-of-type(2){font-size:12px}
.answer-list>li .answer-views{width:50px;height:50px;border-radius:4px;color:#666;text-align:center;box-sizing:border-box;margin-left:10px;padding-top: 8px;}
.answer-list>li .answer-views span{display:block;height:15px;line-height:15px}
.answer-list>li .answer-views span:nth-of-type(1){font-size:14px;margin-bottom:5px}
.answer-list>li .answer-views span:nth-of-type(2){font-size:12px}
.answer-list>li .answer-content .answer-commonly-used{margin-left:120px;}
.answer-list>li.insert-curriculum .answer-content .answer-commonly-used{margin-bottom:20px;height:auto}
.answer-list>li .answer-content .answer-content-title{line-height: 30px;display: inline-block;}
.answer-list>li .answer-content .answer-content-title2{height:16px;margin-bottom:10px;line-height:1}
.answer-list>li .answer-content .answer-content-title>a{max-width:500px;font-size:16px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.answer-list>li .answer-content .answer-content-title>a:hover{color:#f01414}
.answer-list>li .answer-content .answer-content-title .answer-btn-hollow,.answer-list>li .answer-content .answer-content-title .answer-btn-solid{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;background-color:#f01414;border:1px solid #f01414;margin-right:5px;float:left;margin-top:5px}
.answer-list>li .answer-content .answer-content-title .answer-btn-hollow{background-color:#fff;color:#f01414;}
.answer-list>li .answer-content .answer-content-title .tags{margin:0;margin-left:5px;display:inline-block}
.answer-list>li .answer-content .answer-content-title .tags .tag{display:inline-block;padding:0 8px;height:24px;line-height:24px;font-weight:400;font-size:12px;text-align:center;color:#f01414;background:rgba(240,20,20,.06);border-radius:3px}
.answer-list>li .answer-content .answer-content-title .tags .tag:hover{background-color:#f01414;color:#fff;text-decoration:none}
.answer-list>li .answer-content .answer-type{}
.answer-list>li .answer-content .answer-type span{font-size:12px;color:#999;margin-right:30px;line-height:1}
.answer-list>li .answer-content .answer-type span .bg-fabulous{display:inline-block;vertical-align:-2px}
.answer-list>li .answer-content .answer-con-test .soft-desc-container{max-height:310px;border-radius:4px;margin:16px 0 -4px;box-sizing:border-box;overflow:hidden;transition:all .5s}
.answer-list>li .answer-content .answer-con-test .soft-desc-container .soft-memo{font-size:14px;color:#666;line-height:22px}
.answer-list>li .answer-content .answer-con-test .soft-desc-container .soft-memo>pre{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666;line-height:22px}
.answer-list>li .answer-content .answer-con-test .soft-desc-container .soft-memo img{max-width:600px;height:auto}
.answer-list>li .answer-content .answer-con-test .soft-content{margin-top:20px;text-align:center;display:none}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn{display:inline-block;font-size:14px;color:#f01414;cursor:pointer;width:116px;height:28px;border:1px solid #f01414;border-radius:14px;text-align:center;line-height:28px}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn i{border:solid #666;border-width:0 1px 1px 0;display:inline-block;padding:3px;margin-left:3px}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn i.icon-lower{vertical-align:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn i.icon-upper{-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn:hover{color:#f01414}
.answer-list>li .answer-content .answer-con-test .soft-content .soft-btn:hover i{border-color:#f01414}
/*右侧内容*/
.list-box {
    padding: 0 20px 20px 20px
}

.list-box-title {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    position: relative;
    padding-left: 10px;
    font-weight: 800;
    color: #333;
    border-bottom: 1px solid #eee
}

.list-box-title:before {
    position: absolute;
    top: 22px;
    left: 0;
    width: 4px;
    height: 18px;
    border-radius: 30px;
    background: #f01414;
    content: ''
}

.list-box-body li {
    position: relative;
    padding: 10px 0;
    line-height: 25px;
    border-bottom: 1px dashed #eee
}

.list-box-body li i {
    margin-right: 5px
}

.list-box-body li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}