.toolBar{ position: relative; margin-bottom: 0px; } .addCon{ 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: 0 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; } .button { position: absolute; right: 30px; bottom: 26px; } .button a{ margin-right: 15px; } /*列表样式结束*/