/*切换分类*/
.type-filer { height: 30px; line-height: 30px; padding: 40px 0; }
.type-filer h2 { color: #fff; font-size: 22px; }
.drop-group {height: 40px; }
.drop-group .value { margin-left: 20px; line-height: 30px; border: 1px solid #ccc; padding: 0 30px 0 20px; border-radius: 40px;}
.drop-group .value .value-a { padding:0 10px 0 0; }
.select-list { top: 34px; border-radius: 10px; }
.drop-group .layui-nav-bar { display: none; }
.layui-nav .value .layui-nav-more { right: 20px; }
/*栏目筛选*/
.type-child { background: #fff; border-radius: 10px; padding: 30px; }
.type-child-title { width:80px; color: #999; line-height: 30px; margin: 5px 0;}
.type-all { width: 730px; }
.type-child-item { border-top: 1px solid #eee; padding-top: 20px; margin-top: 10px; }
.type-child-item:first-child { border-top: none;  padding-top: 0px; margin-top: 0px; }
.type-all li { float: left; padding:0 10px; cursor: pointer; line-height: 30px; border-radius: 30px; margin:5px 2px; }
.type-all li:hover { color: #578DD0; }
.type-all li.layui-this { background: #578DD0; color: #fff; }
/*列表*/
.sub-list { padding: 30px; border-radius: 10px; background: #fff; margin-top: 30px; }
.list-child-item { height: 30px; line-height: 30px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.list-child-item li { float: left; padding: 0 5px; line-height: 30px; margin-right: 20px; cursor: pointer;  }
.list-child-item li:hover { color: #578DD0; }
.list-child-item li.layui-this { color: #578DD0;position: relative; }
.list-child-item li.layui-this:before{ content:""; display: block; position: absolute; background: #578DD0; height: 3px; width: 100%; bottom: -22px; left: 0;}
.list-items .lb-1 { margin: 26px; }
/*分页样式*/
.pager { margin: 20px 0; }
.layui-laypage .layui-laypage-curr { border:none; overflow: hidden;}
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #578DD0; }
.layui-laypage a:hover { color: #578DD0; }
.layui-laypage a, .layui-laypage span { border-radius: 30px; height: 30px; line-height: 30px; margin-right: 10px; }
.layui-laypage>a:last-child, .layui-laypage>a:last-child em { border-radius:30px; }
.layui-laypage>a:first-child, .layui-laypage>a:first-child em { border-radius:30px; }
/*搜索页*/
.search-sub { background: #f9f9f9; }
.search-sub .sub-right { margin-top: 20px; }
.search-sub .all-item-te { height: 30px; }
.search-sub .all-item-te.layui-this { background: #f9f9f9; color: #999; padding:0 10px ; }
.search-sub .all-item-te.layui-this .layui-btn { background: #f86f13; }
.search-sub .layui-form-item .layui-input-inline { width: 60px; }
.search-sub .layui-input-block { margin-left: 0; float: left;}
.search-sub .layui-form-item select {  line-height: 30px;  height: 30px; border: 1px solid #e6e6e6; }
.search-sub .layui-form-item select optgroup { font-size: 12px; color: #999;}
.search-sub .layui-form-item select option { font-size: 14px ; color: #333;}
.search-sub .layui-input{ line-height: 30px; height: 30px; }
.search-sub .layui-form-label {line-height: 30px; height: 30px; padding: 0;}
.search-sub .layui-btn { height: 30px; line-height: 30px; background: #578DD0; }
.search-sub .layui-form-mid { padding: 0!important; line-height: 30px; }
/*作者主页*/
.author-top { padding-top: 100px; }
.author-wrap { height: 160px; background: #fff; border-radius: 10px; position: relative; }
.wrap-left { position: relative; padding-left: 160px;  }
.author-wrap .wrap-t { padding: 20px 30px; }
.wrap-avatar { width: 120px; height: 120px; border-radius: 100%; overflow: hidden; position: absolute; top: -60px; left: 0px; border: 5px solid #fff;box-shadow: 0 10px 10px #f1f1f1; }
.wrap-avatar img { width: 100%; height: 100%; }
.wrap-xx { line-height: 30px; }
.wrap-xx b { font-size: 22px; }
.wrap-xx span { color: #ccc; margin-left: 5px; }
.wrap-xx .vip-on { color: #dbb174; }
.wrap-xx .rz-on { color: #6cc39f; }
.wrap-right { position: absolute; right: 30px; top: 50px; }
.author-nr .sub-right { margin-top: 30px; }
.wrap-b { padding: 0 30px; position: absolute; bottom: 0; margin: 0; }
.wrap-b .wrap-type { float: left; font-size: 16px; line-height: 50px; height: 50px; padding: 0 20px; cursor: pointer; }
.wrap-b .layui-tab-title { height: 50px; line-height: 50px; border: none; }
.wrap-b .wrap-type span { margin-left: 5px; color: #999; font-size: 12px; }
.wrap-b .layui-this { background: #f9f9f9; font-weight: bold; border-radius: 10px 10px 0 0 ; border: 0; }
.wrap-b .layui-this span { color: #578DD0; }
.layui-tab-title .layui-this:after { display: none; }