.index-top{ background-color: #027F54; width: 100%; height: 32px; } .index-top .top-layout{ max-width: 1176px; min-width: 980px; margin: 0 auto; } .index-top .top-layout span{ font-size: 12px; color: #FFFFFF; line-height: 32px; opacity:1; } .index-header{ max-width: 1176px; min-width: 980px; margin: 0 auto; background:url(../../default/images/index/top_bg.png); background-size: 100% 100%; height: 220px; } .index-header .header-logo{ /*text-align: center; */ } .index-header .header-logo img{ /*margin-top: -30px;*/ margin-top: 30px; width: 500px; } .index-header .header-right{ position: relative; z-index: 99; right: 0; top: -74px; text-align: right; } .index-header .header-right .header-input{ height: 38px; border-radius:5px; vertical-align:middle; border:1px solid #DBDBDB; width: 205px; padding-left: 10px; } .index-header .header-right input::-webkit-input-placeholder { color: #999999; padding-left: 10px; font-size:14px; } .index-header .header-right img{ width: 38px; margin-left: -10px; vertical-align:middle; margin-top: 0px; } .index-tag{ margin-top: 30px; height: 30px; } .index-tag .tag-style a{ text-decoration: none; } .index-tag .tag-style img{ width: 30px; vertical-align:middle; } .index-tag .tag-style span{ margin-left: 10px; vertical-align:middle; text-decoration: none; color: #027F54; font-size: 18px; opacity: 1; letter-spacing: 1px; font-weight: 400; } .index-tag .tag-style .active{ font-weight: bold; } .index-affiche{ width: 100%; height: 45px; background:rgba(2, 127, 84, 0.6); } .index-affiche .affiche-layout{ max-width: 1176px; min-width: 980px; overflow: hidden; margin: 0 auto; } .index-affiche .affiche-layout .affiche-img{ opacity: 1; float: left; width: 8%; } .index-affiche .affiche-layout .affiche-img img{ width: 95px; margin-top: 6px; overflow:hidden; } .index-affiche .affiche-layout .affiche-content{ display:inline; float: left; width: 95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #FFFFFF; line-height: 45px; } .index-affiche .affiche-layout .affiche-content .affiche-dots{ opacity: 1; vertical-align:middle; margin-left: 30px; } .index-affiche .affiche-layout .affiche-content .note-title{ margin-left: 5px; opacity: 1; vertical-align: middle; font-size: 14px; color: #FFFFFF; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 380px; display: inline-block; text-align: left; } .index-affiche .affiche-layout .affiche-content .affiche-date{ font-size: 12px; padding-left: 10px; position: relative; vertical-align:middle; font-weight: 400; top: 1px; color:rgba(255,255,255,0.60); } .index-affiche .affiche-layout .affiche-change{ opacity: 1; text-align: right; width: 5%; float: right; } .index-affiche .affiche-layout .affiche-change{ margin-top: 14px; } .index-affiche .affiche-layout .affiche-change img{ width: 12px; } .index-content{ max-width: 1176px; min-width: 980px; overflow: hidden; margin: 0 auto; } .index-content .index-banner{ margin-top: 10px; height: 350px; overflow: hidden; } .banner-button-next{ position: absolute; right: 30px; top: 145px; height: 45px; width: 45px; z-index: 99; } .banner-button-next img{ width: 45px; height: 45px; } .banner-button-prev{ position: absolute; left: 30px; top: 145px; height: 45px; width: 45px; z-index: 99; } .banner-button-prev img{ width: 45px; height: 45px; } .content-left{ margin-top: 15px; height: 400px; overflow: hidden; } .content-left .content-title{ font-size: 20px; color: #333333; letter-spacing: 1px; } .content-left .title-layout{ padding: 11px 0; border-bottom:1px solid rgba(228,228,228,1); margin-bottom: 10px; } .content-left .title-layout .title-content-left{ display:inline; color: #333333; font-size: 19px; letter-spacing: 1px; padding: 0 16px 0 16px; border-right:1px solid rgba(228,228,228,1); } .content-left .title-layout .title-content-right{ padding-left: 16px; display:inline; color: #333333; font-size: 19px; letter-spacing: 1px; } .content-article{ height: 40px; } .content-article .article-title{ float: left; width: 80%; color: #333333; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top: 7px; } .content-article .article-title span{ vertical-align:middle; padding-left: 3px; font-size: 16px; } .content-article .article-title a{ color: #333; } .content-article .article-title a:hover{ text-decoration: underline; } .content-article .article-title img{ vertical-align:middle; padding-left: 16px; } .content-article .article-date{ width: 20%; padding-top: 9px; float: left; font-size: 11px; color: #999999; overflow: hidden; white-space: nowrap; text-align: center; } .content-left .main-content{ display: none; } .content-left .title-layout .active{ font-weight: bold; color:#03D43B; } .content-left .selected{ display: block; } .content-right{ margin-top: 15px; height: 400px; overflow: hidden; background-color: #F6F6F6; } .content-right .content-title{ font-size: 20px; color: #333333; letter-spacing: 1px; } .content-right .title-layout{ padding: 11px 0; border-bottom:1px solid rgba(228,228,228,1); margin-bottom: 10px; } .content-right .title-layout .title-content-left{ display:inline; color: #333333; font-size: 19px; letter-spacing: 1px; padding: 0 16px 0 16px; border-right:1px solid rgba(228,228,228,1); } .content-right .title-layout .title-content-right{ padding-left: 16px; display:inline; color: #333333; font-size: 19px; letter-spacing: 1px; } .content-right .article-height{ height: 268px; overflow: hidden; } .content-right .index-special{ margin-top: 20px; padding-right: 4%; } .content-right .title-layout .active{ font-weight: bold; color:#03D43B; } .content-right .selected{ display: block; } .content-right .index-special .special-title{ text-align: right; padding-left: 2%; } .content-right .index-special .special-content{ } . index-ad-full { } . index-ad-full img{ width: 100%; } .index-footer{ width: 100%; } .index-footer .footer-banner a{ color: #fff; } .index-footer .footer-banner .network{ background:rgba(255,255,255,1); opacity:1; border-radius:8px; padding: 10px 42px; display: inline-block; color: #027F54; margin-top: 33px; margin-bottom: 144px; } .index-footer .footer-banner img{ width: 100%; } .index-footer .footer-menu{ max-width: 1176px; min-width: 980px; overflow: hidden; margin: 0 auto; background-color: #FFFFFF; position: relative; z-index: 9; margin-top: 15px; padding-bottom: 16px; } .index-footer .footer-menu .menu-left .menu-title{ border-bottom:1px solid rgba(228,228,228,1); margin: 0 16px 3px 16px; height: 46px; } .index-footer .footer-menu .menu-left .menu-title .active{ border-bottom:2px solid rgba(3,212,59,1); color: rgba(3,212,59,1); font-weight: bold; } .index-footer .footer-menu .menu-left .menu-title .title-info{ color: #333333; font-size: 14px; font-weight: 400; padding: 16px 13px 10px 12px; float: left; } .banner-slide{ position: relative; } .swiper-banner{ position: relative; } .affiche-title{ position: absolute; left: 0; bottom: 0; line-height: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.5); width: 100%; color: #fff; font-size: 20px; padding-left: 40px; } .index-footer .footer-menu .menu-left .article-title{ padding-top: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .index-footer .footer-menu .menu-left .article-title span{ vertical-align:middle; padding-left: 3px; font-size: 14px; color: #333333; letter-spacing: 1px; font-family:Microsoft YaHei; } .index-footer .footer-menu .menu-left .article-title img{ vertical-align:middle; } .index-footer .footer-menu .menu-right{ border-left:1px solid #E4E4E4; margin-left: 2%; } .index-footer .footer-menu .menu-right .title-datasets{ padding: 13px 0 6px 0; } .index-footer .footer-menu .menu-right .title-datasets img{ height: 35px; } .index-footer .footer-menu .menu-right .article-title{ padding-top: 13px; } .index-footer .footer-menu .menu-right .article-title span{ vertical-align:middle; padding-left: 3px; font-size: 14px; color: #333333; letter-spacing: 1px; font-family:Microsoft YaHei; } .index-footer .footer-menu .menu-right .article-title img{ vertical-align:middle; } .index-navigation{ margin-top: 40px; background-color: #F6F6F6; } .index-navigation .navigation-layout{ max-width: 1176px; min-width: 980px; overflow: hidden; margin: 0 auto; } .index-navigation .navigation-layout .navigation-options{ padding-top: 24px; padding-bottom: 24px; } .index-navigation .navigation-layout .navigation-options .navigation-title{ color: #333333; font-size: 17px; line-height: 32px; letter-spacing: 1px; font-family:Microsoft YaHei; display: inline; margin-right: 3%; } .index-navigation .navigation-layout .navigation-options .navigation-tab{ display: inline; margin-left: 10px; } .index-navigation .navigation-layout .units{ text-align: center; margin-top: 16px; } .index-navigation .navigation-layout .units .units-title{ color: #333333; font-size: 14px; font-weight: bold; letter-spacing: 1px; font-family:Microsoft YaHei; } .index-navigation .navigation-layout .units .units-name{ color: #333333; font-size: 14px; font-weight: 400; letter-spacing: 1px; font-family:Microsoft YaHei; margin-left: 16px; } .copyright{ max-width: 1176px; min-width: 980px; overflow: hidden; margin: 30px auto; } .copyright .copyright-layout{ padding: 0 20%; } .copyright .copyright-layout .copyright-img{ float: left; margin-top: 25px; margin-left: 4%; } .copyright .copyright-layout .copyright-img img{ width: 80px; } .copyright .copyright-layout .copyright-content{ float: left; margin-left: 1%; } .copyright .copyright-layout .copyright-content span{ display: block; color: #333333; font-size: 13px; letter-spacing: 1px; font-family:Microsoft YaHei; margin-top: 13px; } /*index结束*/ .news-content-layout{ max-width: 1176px; min-width: 980px; overflow: hidden; margin: 0px auto; } .bread{ padding: 20px 0; margin-left: 1%; } .bread span{ font-size:14px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; } .news-list{ overflow: hidden; } .list-title{ padding-bottom: 10px; } .list-title .sign-style{ height: 10px; width: 2px; background-color: #027F54; float: left; margin-top: 8px; } .list-title .title-name{ color: #333333; font-size: 19px; font-weight: 400; font-family:Microsoft YaHei; margin-left: 13px; } .article{ height: 33px; } .article .article-title{ float: left; width: 80%; color: #333333; font-size: 14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 7px 0; } .article .article-title span{ vertical-align:middle; padding-left: 3px; } .article .article-title img{ vertical-align:middle; } .article .article-title a{ color:#333; } .article .article-title a:hover{ text-decoration: underline; } .article .article-date{ width: 20%; padding-top: 9px; float: left; font-size: 11px; color: #999999; overflow: hidden; white-space: nowrap; text-align: center; } .new-menu{ padding: 5% 7.5%; margin-left: 12%; background:rgba(255,255,255,1); border:1px solid rgba(239,239,239,1); } .new-menu .menu-name-active{ height:42px; background:rgba(2,127,84,1); opacity:1; margin-top: 8px; } .new-menu .menu-name-active img{ vertical-align:middle; line-height: 42px; width: 13px; margin-left: 10%; padding-top: 1%; } .new-menu .menu-name-active span{ vertical-align:middle; line-height: 42px; font-size: 16px; color: #FFFFFF; margin-left: 2%; } .new-menu .menu-name{ height:42px; background: #F3F3F3; opacity:1; margin-top: 8px; } .new-menu .menu-name img{ vertical-align:middle; line-height: 42px; width: 13px; margin-left: 10%; padding-top: 1%; } .new-menu .menu-name span{ vertical-align:middle; line-height: 42px; font-size: 16px; color: #333333; margin-left: 2%; } .hotspot{ padding: 5% 7.5%; margin-top: 24px; margin-left: 12%; background:rgba(255,255,255,1); border:1px solid rgba(239,239,239,1); } .hotspot .hotspot-layout{ overflow: hidden; } .hotspot-list{ padding: 3px 0; } .hotspot-list img{ vertical-align:middle; } .hotspot-list .hotspot-name{ vertical-align:middle; color: #333333; font-size: 14px; font-family:Microsoft YaHei; font-weight:400; line-height:22px; } .hotspot-list .hotspot-date{ float: right; font-size:13px; font-family:Microsoft YaHei; font-weight:400; color:rgba(153,153,153,1); opacity:1; } .paging{ text-align: center; padding-top: 50px; } .news-logo{ padding-top: 25px; } .news-logo img{ width: 490px; } .office-logo-title{ font-size: 30px; position: relative; top: -35px } /*新闻结束*/ /*院办公室开始*/ .office-header{ width: 100%; } .office-header-layout{ background:url(../../default/images/office/office_bg.png); background-position: top center; background-repeat: no-repeat; background-size: 1920px; } .office-header-layout .top{ padding-top: 50px; overflow: hidden; width: 1220px; margin: 0 auto; } .office-header-layout .top .office-logo{ } .office-header-layout .top .office-logo img{ height: 90px; } .office-header-layout .top .office-search{ text-align: right; padding: 18px 0; } .office-header-layout .top .office-search input{ margin: 10px 0; background: url(../../default/images/office/search.png) no-repeat; background-size: 18px 18px; background-color: rgba(0, 0, 0, 0.4); background-position: 10px; border: 1px solid rgba(0, 0, 0, 0.1); outline: none; padding: 10px 0 10px 35px; color: #FFFFFF; } .office-header-layout .top .office-search input::-webkit-input-placeholder { color: #FFFFFF; } .office-header-layout .top .office-search .office-date{ padding-right: 5%; font-size:13px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; } .office-tab{ background: rgba(255,255,255,0.8); width: 100%; height: 50px; margin-top: 30px; } .office-tab .tab{ font-size:21px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; text-align: center; padding: 10px 0; } .office-tab .active{ font-size:21px; font-family:Microsoft YaHei; font-weight:bold !important; border-bottom: 2px solid rgba(242, 163, 0, 1) !important; opacity:1; text-align: center; } .office-tab .tab-active{ font-weight:bold !important; border-bottom: 2px solid rgba(242, 163, 0, 1) !important; opacity:1; text-align: center; } .office-tab a{ color:#333; } .header-theme{ width: 100%; } .header-theme img{ width: 100%; } /*办公室头部结束*/ /*办公室身体开始*/ .office-content{ width:1220px; margin:0 auto; margin-top:30px; } .office-content .content-mode-1{ max-width: 1220px; min-width: 980px; margin: 0 auto; padding: 55px 8% 0 8%; overflow: hidden } .office-content .content-mode-1 .mode-1-left{ background-color: rgba(246, 246, 246, 1); } .office-content .content-mode-1 .mode-1-left .top-img{ width: 100%; } .office-content .content-mode-1 .mode-1-left .title{ font-size:19px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; margin-top: 22px; padding-left: 6.5%; text-align: left; } .office-content .content-mode-1 .mode-1-left .date{ font-size:11px; font-family:Microsoft YaHei; font-weight:400; color:rgba(153,153,153,1); opacity:1; margin: 16px 0 22px 0; padding-left: 6.5%; } .office-content .content-mode-1 .mode-1-left .details{ font-size:20px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; padding-top: 38px; text-align: center; } .office-content .content-mode-1 .mode-1-right{ opacity:1; height: 455px; padding-left: 2.5%; overflow: hidden; } .office-content .office-content-inner{ min-height: 260px; margin-bottom: 20px; padding: 10px 0; } .office-list-title{ border-bottom:1px solid rgba(228,228,228,1); height: 46px; } .office-list-title .title-layout{ padding-bottom: 8px; border-bottom: 3px solid rgba(242,163,0,1); opacity:1; float: left; } .office-list-title .sign-style{ height: 14px; border-left: 3px solid rgba(242,163,0,1); float: left; margin-top: 12px; display: inline; width: auto; margin-left: 22px; } .office-list-title .title-name{ height:36px; font-size:27px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; margin-left: 13px; } .office-list-title .details{ float: right; font-size:13px; font-family:Microsoft YaHei; font-weight:400; color:rgba(153,153,153,1); opacity:1; margin-top: 15px; } .office-contnt{ overflow: hidden; } .office-contnt .content-article{ } .office-contnt .content-article .article-title{ float: left; width: 80%; color: #333333; font-size: 19px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top: 18px; } .office-contnt .content-article .article-title span{ vertical-align:middle; padding-left: 0px; } .office-contnt .content-article .article-title img{ vertical-align:middle; padding-left: 0px; } .office-contnt .content-article .article-date{ width: 20%; padding-top: 27px; float: left; font-size: 11px; color: #999999; overflow: hidden; white-space: nowrap; text-align: right; } .office-content .content-mode-2{ margin-top: 55px; overflow: hidden; background:rgba(246,246,246,1); padding: 0 8%; } .office-content .content-mode-2 .mode2-layout{ max-width: 1520px; min-width: 980px; margin: 0 auto; } .office-content .content-mode-2 .mode2-layout .mode2-top{ margin-top: 32px; text-align: center; background:url(../../default/images/office/mode2_bg.png); background-size: 100% 100%; } .office-content .content-mode-2 .mode2-layout .mode2-top .tag-active{ font-size: 26px; color: #333333; font-weight: 400; font-family:Microsoft YaHei; opacity:1; padding: 0 5px 10px 5px; border-bottom:3px solid rgba(242,163,0,1); display: inline; } .office-content .content-mode-2 .mode2-layout .mode2-top .tag{ font-size: 26px; color: #333333; font-weight: 400; font-family:Microsoft YaHei; opacity:1; padding: 0 5px 10px 5px; display: inline; } .office-content .content-mode-2 .mode2-layout .mode2-content{ margin-top: 20px; } .article-list-01{ margin-top: 15px; border-bottom: 1px solid rgba(228,228,228,1); padding-bottom: 16px; } .article-list-01 .content-date{ float: left; width: 15% } .article-list-01 .content-date .day{ text-align: center; background-color: #F3B83E; font-size: 22px; padding: 5px 25px; font-weight: 400; letter-spacing: 1px; color: #FFFFFF; } .article-list-01 .content-date .years{ text-align: center; background-color: #FFFFFF; font-size: 12px; padding: 11px 12px; font-weight: 400; letter-spacing: 1px; color: #F3B83E; } .article-list-01 .content{ float: left; width: 83%; padding-left: 2%; } .article-list-01 .content .content-title{ color: #666666; font-size: 18px; font-family:Microsoft YaHei; font-weight:400; opacity:1; overflow: hidden; padding-top: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .article-list-01 .content .content-paper{ font-size:14px; font-family:Microsoft YaHei; font-weight:400; color:rgba(102,102,102,1); opacity:1; margin-top: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .office-content .content-mode-2 .mode2-layout .mode2-content .more{ margin: 30px 0; width: 100%; text-align:right; color: #999999; font-size: 14px; font-weight: 400; letter-spacing: 1px; } .title{ text-align: center; margin-top: 32px; } .title .tag-active{ font-size: 26px; color: #333333; font-weight: 400; font-family:Microsoft YaHei; opacity:1; padding: 0 5px 10px 5px; border-bottom:3px solid rgba(242,163,0,1); display: inline; } .title .tag{ font-size: 26px; color: #333333; font-weight: 400; font-family:Microsoft YaHei; opacity:1; padding: 0 5px 10px 5px; display: inline; } .content-mode-2 .banner{ margin-top: 50px; padding-bottom: 40px; } .mode-new-1{ width: 26% !important; margin-left: 4% !important; background:rgba(255,255,255,1); border:1px solid rgba(244,243,243,1); } .mode-new-1 .top-img{ width: 100%; } .mode-new-1 .title{ font-size:19px; font-family:Microsoft YaHei; font-weight:400; color:rgba(51,51,51,1); opacity:1; padding: 24px; margin-top: 0px; text-align: left; } .mode-new-1 .date{ font-size:13px; font-family:Microsoft YaHei; font-weight:400; color:rgba(242,163,0,1); opacity:1; padding-top: 3px; padding-bottom: 25px; padding-left: 24px; } .mode-new-1 .details{ font-size:19px; font-family:Microsoft YaHei; font-weight:400; color:rgba(242,163,0,1); opacity:1; padding-bottom: 25px; } .link-select{ background: #fff; border: 0; width: 220px; /*margin-right: 10px;*/ } .article-main .article-title{ font-size: 24px; text-align: center; padding: 40px; } .article-main .article-content{ line-height: 30px; padding: 0 5px; } .article-main .article-content a{ color:#333333; } .article-main .article-content a:hover{ text-decoration: underline; } .article-main .article-footer{ text-align: right; padding-top: 50px; font-size: 14px; } .article-main .editor-table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .article-main .editor-table th { text-align: center; border-bottom: 2px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px; } .article-main .editor-table td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px; } .zh-check{ display: inline-block; padding-left: 10px; cursor: pointer; } /*院办公室结束*/ .menu-left .main-content{ display: none; } .menu-left .selected{ display: block; } .footer-01 { margin-top: 55px; background: linear-gradient(90deg,rgba(239,187,0,1) 0%,rgba(242,163,0,1) 100%); opacity: 1; text-align: center; color: #FFFFFF; font-weight: 400; font-size: 14px; padding: 15px 0; letter-spacing: 1px; line-height: 19px; } .footer-link{ padding:10px 0 20px 0;text-align: left;width: 1220px;margin:0 auto; } .footer-link a{ color:#fff; margin-right: 10px; } .footer-link a:hover{ color:#fff; text-decoration: underline; } .search-header-input{ height: 48px; float: left; width: 820px; padding-left: 30px; } .search-select{ height: 48px; border: 0; background: #fff; border: 1px solid #ccc; float: left; -webkit-appearance: button; border-radius: 0; width: 300px; padding: 0 20px; margin-left: -1px; } .search-tip{ height:24px; font-size:16px; padding-top:20px; font-family:Microsoft YaHei; font-weight:400; line-height:24px; color:rgba(2,127,84,1); opacity:1; } .search-keywords{ margin-top:10px; } .search-keywords i{ color:red; font-style: normal; } .search-content-top{ margin-top: 30px; height:38px; line-height: 38px; background:rgba(168,168,168,1); opacity:1; color:#fff; font-size: 14px; text-align: right; padding-right: 50px; } .search-content-top i{ color:#F3B83E; font-style: normal; } .search-content-list{ border-bottom: 1px dashed #b3b3b3; padding: 15px; } .search-content-list a{ color:#333; } .search-content-list a:hover{ text-decoration: underline; } .search-content-list em{ font-style: normal; color: red; } .search-content-body{ padding: 40px; background:rgba(246,246,246,1); } .search-content-body .content-title{ height:26px; font-size:18px; font-family:Microsoft YaHei; font-weight:400; line-height:26px; } .search-content-body .content-title i{ font-style: normal; color: red; } .search-content-body .content-body{ font-size:16px; padding-top: 5px; } .search-content-body .content-footer{ margin-top: 20px; font-size: 12px; } .search-content-body .content-footer .content-url{ color:rgba(2,127,84,1); } .search-content-body .content-footer .content-date{ color:rgba(153,153,153,1); } .right-title{ font-weight: bold; padding-bottom: 10px; } .right-key{ padding:4px 0; } .menu-left .article-title a:hover{ text-decoration: underline; color:#333333; } .menu-right .article-title a:hover{ text-decoration: underline; color:#333333; } .units a:hover{ text-decoration: underline; color:#333333; } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #027F54; color: #FFF; } .index-news-more-link{ display: none; font-size: 12px; color: #737373; float: right; position: relative; top: -20px; margin-right: 20px; } .article-main{ /* display: inline-block; */ } .show{ display: block; } .hide{ display: none; }