| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253 |
- .toolBar{
- position: relative;
- margin-bottom: 0px;
- }
- .addCon{
- position: absolute;
- right: 50px;
- top: 15px;
- }
-
- .addAskFor{
- position: absolute;
- right: 150px;
- top: 15px;
- }
-
- .addKnowlage{
- position: absolute;
- right: 50px;
- top: 15px;
- }
- nav>li.active {
- border-left: 2px solid #00a1cb;
- background: #00a1cb;
- }
-
- .nav-pills>li.active>a,
- .nav-pills>li.active>a:focus,
- .nav-pills>li.active>a:hover {
- border-left: 2px solid #00a1cb;
- background: #00a1cb;
- }
-
- .nav>li>a {
- color: #000000;
- padding: 5px 8px 5px 5px;
- }
-
- .nav {
- width: 152px;
- margin: 0 auto;
- }
-
-
- /*多级下拉开始*/
-
- .Cleans,
- .CleansReactionCategoryLabel {
- width: 20px;
- position: absolute;
- right: 8px;
- top: 8px;
- height: 20px;
- color: #000;
- line-height: 20px;
- z-index: 1111;
- font-size: 24px;
- display: none;
- font-weight: bold;
- }
-
- .reflectCategory-wrapper {
- width: 150px;
- position: relative;
- }
-
- .reflectCategoryList-wrapper {
- display: none;
- position: absolute;
- top: 38px;
- z-index: 9999;
- line-height: 32px;
- background: #FFF;
- }
-
- #reflectCategoryList {
- height: 240px;
- background: #FFF;
- border: 1px solid #e5e6e7;
- overflow: auto;
- }
-
- #reflectCategoryList li {
- padding: 0 10px;
- width: 100%;
- line-height: 32px;
-
- }
-
- #reflectCategoryList li:hover {
- background: #00a1cb;
- }
-
- .layui-menu li {
- margin: 0 !important;
- padding: 2px 15px !important;
- height: 16px;
- line-height: 12px !important;
- font-size: 12px !important;
- }
-
-
- /*多级下拉结束*/
-
-
- /*搜索开始*/
-
- .universalSearch {
- display: none;
- margin-top: 15px;
- }
-
- .universalSearch .input-group {
- width: 600px;
- margin: 0 auto;
- }
-
- .advancedSearch {
- display: block;
- margin: 0 auto;
- width: 500px;
- display: none;
- }
-
- .advancedSearch .form-group {
- display: flex;
- margin-top: 15px;
- }
-
- .advancedSearch .form-group label {
- width: 150px;
- text-align: right;
- line-height: 33px;
- margin-right: 8px;
- }
-
- .advancedSearch .form-group input {
- width: 350px;
- }
-
- .advancedSearch .form-group select {
- width: 350px;
- }
- .searchBtn{
- text-align: center;
- margin-top: 15px;
- }
-
- /*搜索结束*/
-
-
- /*列表样式开始*/
-
- .content {
- text-align: left;
- width: 98%;
- margin: 0 auto;
- }
- .content .page{
- text-align: right;
- }
- .content .page nav .pageNum{
- text-align: left;
- line-height: 70px;
- width: 50%;
- float: left;
- }
- /*.content .page nav .pagination{}*/
- .content .list ul {
- list-style: none;
- color: rgba(0, 0, 0, 0.65);
- font-size: 14px;
- font-variant: tabular-nums;
- line-height: 1.5;
- }
-
- .content .list ul li {
- position: relative;
- border-bottom: 1px solid #CCCCCC;
- margin-top: 8px;
- padding: 5px 12px;
- }
-
- .content .list ul li .title {
- font-size: 16px;
- font-weight: bolder;
- cursor: pointer;
- color: #000c17;
- }
- .content .list ul li .contentIcon{
- margin-right: 3px;
- /*vertical-align: -15%*/
- width: 16px;
- height: 16px;
- display: inline-block;
- }
- .content .list ul li .contentIcon img{
- width: 100%;
- width: 100%;
- margin-top: -5px;
- }
- .content .list ul li .title .mx-1{
- color: #FF0000;
- }
- .content .list ul li .category {
- color: #9e9e9e;
- font-size: 12px;
- }
-
- .content .list ul li .category span {
- background: #f4f4f4;
- font-size: 12px;
- padding: 3px 8px;
- border-radius: 5px;
- height: 28px;
- line-height: 28px;
- margin-right: 5px;
- color: #5c6065;
- }
-
- .content .list ul li .text {
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- overflow: hidden;
- -webkit-box-orient: vertical;
- }
- .content .list ul li .text {
- width: 85%;
- margin-bottom: 8px;
- }
- .content .list ul li .time span {
- margin-right: 3px;
- font-size: x-small;
- }
-
- .content .list ul li .time .field {
- margin-right: 3px;
- font-size: x-small;
- color: #000000;
- }
-
- .button {
- position: absolute;
- right: 30px;
- bottom: 26px;
- }
- .button a{
- margin-right: 15px;
- }
-
- /*列表样式结束*/
|