@charset "utf-8";
/* CSS Document */
.cate-page{width: 100%;	background: #ffffff;	float: left; padding-top: 20px; margin-bottom:20px;}
.cate-left-menu{ background:#f5f5f5; padding:15px 15px; box-sizing:border-box}
.cate-left-menu ul{ float:left; width:100%; }
.cate-left-menu ul li{ float:left; width:50%}
.cate-left-menu ul .group-name-title{ width:100%; float:left; padding:0 0; box-sizing:border-box; margin-bottom:5px; font-weight:bold; font-size:14px;}
.cate-left-menu ul li a{ float:left; color:#72727b; font-size:13px; padding:4px 0; font-weight:400; border-bottom:#f5f5f5 solid 2px; margin-bottom:5px; }
.cate-left-menu ul li a:hover, .cate-left-menu ul li a.active{ color:#bb3129; border-bottom:#bb3129 solid 2px; color:#bb3129}

.cate-left-menu ul.boder-bottom{ border-bottom:#CCC solid 1px; padding-bottom:15px; margin-bottom:15px;}
.cate-left-menu ul.item-full li{ float:left; width:100% !important}

.cate-header-title {width: 100%;position: relative;}
.cate-header-title .hl-cate-name{ float:left; width:auto; font-size:24px; text-transform:capitalize; font-weight:700;}
.cate-header-title .info-cate{ width:100%; float:left; color:#747474; padding:10px 0; font-size:13px; font-weight:300; line-height:18px; border-bottom:#ededed solid 1px;}
.cate-header-title .box-list-filter{ width:100%; float:left;  background:#f5f5f5;}
.cate-header-title .box-list-filter .link-cate-filter{float:left; padding:0 10px; font-size:13px; font-weight:300; line-height:18px; box-sizing:border-box}
.cate-header-title .box-list-filter .link-cate-filter a{ float:left; margin-right:10px; padding:10px 10px; color:#212121; font-weight:500; font-size:13px}
.cate-header-title .box-list-filter .link-cate-filter a.activelink,.link-cate-filter a:hover{ border-bottom:#bb3129 solid 3px; color:#bb3129}
.cate-header-title .box-list-filter .link-cate-filter{float:left; padding:0 10px; font-size:13px; font-weight:300; line-height:18px; background:#f5f5f5; box-sizing:border-box}
.cate-header-title .box-list-filter .style-show{ float:right; margin-top:10px}
.cate-header-title .box-list-filter .style-show a{ float:left; width:20px; height:20px; margin-right:15px; color:#747474}
.cate-header-title .box-list-filter .style-show a.show-view-row{ margin-right:15px;}
.cate-header-title .box-list-filter .style-show a:hover, .cate-header-title .box-list-filter .style-show a.active{ color:#bb3129}
.cate-header-title .box-list-filter .style-show a.show-view-row{ margin-right:15px;}
.cate-header-title .box-list-filter .style-show .show-view-row:before{content: "\e91a";  font-family: 'truyenn' !important; font-size:20px;}
.cate-header-title .box-list-filter .style-show .show-view-list:before{content: "\e919";  font-family: 'truyenn' !important; font-size:20px;}

.box-cate-list {float: left;width: 100%;margin: 20px 0 0 0}
.box-cate-list ul {float: left;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 8px;width: 100%}
.box-cate-list ul li {float: left;width: 100%;margin: 0 0 15px 0;}
.box-cate-list ul li .img-left {float: left;width: 100px;margin-right: 20px;}
.box-cate-list ul li .box-absolute {position: relative;width: 100px;height: 149px;}
.box-cate-list ul li .item-mask-bg {display: none;}
.box-cate-list ul li .box-absolute:hover .item-mask-bg {display: block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.box-cate-list ul li .box-absolute .img {position: absolute;width: 100px;height: 149px;}
.box-cate-list ul li .box-absolute .img img {width: 100px;height: 149px}
.box-cate-list ul li .box-book-info {float: left;width: calc(100% - 130px)}
.box-cate-list ul li .box-book-info h3 {float: left;width: 100%;padding: 0px 0 3px 0;}
.box-cate-list ul li .box-book-info h3 .name-book {font-size: 13px;margin: 5px 0 5px 0;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box !important;line-height: 22px;max-height: 40px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;}
.box-cate-list ul li .box-book-info .show-author {float: left;width: 100%;padding: 0px 0 0 0;margin-bottom: 5px;}
.box-cate-list ul li .box-book-info .info-book-des{ display:none; float:left; width:100%; font-size:13px; font-weight:400; line-height:18px; color:#595959 ; margin-bottom:10px;}
.box-cate-list ul li .box-book-info .list-chapter {float: left;width: 100%}
.box-cate-list ul li .box-book-info .list-chapter .item-chapter {float: left;width: 100%;margin: 5px 0}
.box-cate-list ul li .box-book-info .list-chapter .item-chapter a {border: 1px solid #ebebeb;border-radius: 15px;padding: 5px 10px;display: inline-block;font-size: 11px;font-weight: 600;-webkit-transition: background-color 200ms ease;-moz-transition: background-color 200ms ease;-o-transition: background-color 200ms ease;transition: background-color 200ms ease;-webkit-transition: border-color 200ms ease;-moz-transition: border-color 200ms ease;-o-transition: border-color 200ms ease;transition: border-color 200ms ease;margin-right: 10px}
.box-cate-list ul li .box-book-info .list-chapter .item-chapter a:hover {color: #ffffff;background: #bb3129;text-decoration: none !important}
.box-cate-list ul li .box-book-info .list-chapter .item-chapter .time-update {font-size: 12px;line-height: 20px;color: #666666}
.box-cate-list.list-view ul {float: left;display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 8px;width: 100%}
.box-cate-list.list-view ul li .box-book-info {float: left;width:calc(100% - 130px)}
.box-cate-list.list-view ul li .box-book-info .info-book-des{overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box !important;line-height: 18px;max-height: 51px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;}
.box-cate-list.list-view ul li .box-book-info .list-chapter .item-chapter {float: left;width: auto !important;margin: 5px 20px  5px 0}

.search-author-list {float: left;width: 100%;margin: 20px 0 0 0}
.search-author-list ul {float: left;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 8px;width: 100%}
.search-author-list ul li {float: left;width: 100%;margin: 0 0 15px 0;}
.search-author-list ul li .img-left {float: left;width: 60px;margin-right: 20px;}
.search-author-list ul li .box-absolute {position: relative;width: 60px;height: 60px;}
.search-author-list ul li .item-mask-bg {display: none;}
.search-author-list ul li .box-absolute:hover .item-mask-bg {display: block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.search-author-list ul li .box-absolute .img {position: absolute;width: 100%;height: 100%;}
.search-author-list ul li .box-absolute .img img {width: 100%;height: 100%}
.search-author-list ul li .box-author-info {float: left;width: calc(100% - 90px); line-height:60px; height:60px;}
.search-author-list ul li .box-author-info h3 {;width: 100%;padding: 0px 0 0 0; line-height:60px;}
.search-author-list ul li .box-author-info h3 .name-author {font-size: 13px; line-height:60px; display: block;}
.search-author-list.list-view ul {float: left;display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 8px;width: 100%}


.author-info{ float:left; width:100%; padding:10px 0 20px 0;-webkit-border-radius:4px; -moz-border-radius:4px;  border-radius:4px; }
.author-info .top-author{ float:left; width:100%; padding:0px 0;}
.author-info .top-author .img{ float:left; width:150px; margin:0 20px 0 0}
.author-info .top-author .img img{width:100%;}
.author-info .top-author .box-name-author{ float:left; width:calc(100% - 170px);}
.author-info .top-author .box-name-author h1{ float:left; font-size:22px; margin:0 0 10px 0; width:70%}
.author-info .top-author .box-name-author h1 a{ font-size:16px; color:#212121; font-weight:bold}
.author-info .top-author .fun-social{ margin:0 0 0 0; width:190px; text-align:right; float:right;}
.author-info .top-author .fun-social .soci-porel{z-index:10; right:5px;}
.author-info .des-info-author{ float:left; width:calc(100% - 170px);}
.author-info .des-info-author .des-info{ float:left; width:100%; font-size:13px; text-align:justify; line-height:1.6;overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box !important;  max-height: 210px; -webkit-line-clamp: 10; -webkit-box-orient: vertical; word-break: keep-all;}
.author-info .des-info-author .btn-full-info-author{ display:inline-block; margin-top:10px;  font-size:13px; padding:5px 0}

.html-info{ float:left; width:100%; padding:10px 0 20px 0;-webkit-border-radius:4px; -moz-border-radius:4px;  border-radius:4px; }
.html-info .des-info-detail{ float:left; width:100%;}
.html-info .des-info-detail .des-info{ float:left; width:100%; font-size:14px; text-align:justify; line-height:1.6;overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box !important;  max-height: 210px; -webkit-line-clamp: 10; -webkit-box-orient: vertical; word-break: keep-all;}