.banner { margin-bottom: 40px; } .panel-group { margin: 0; } .panel { border: 0 none; } .panel-group .panel + .panel { margin: 0; } .menu > .panel > .panel-heading { background-color: #ffffff; border-bottom: 1px solid #dcdcdc; padding: 20px 45px; } .menu > .panel > .panel-heading > .panel-title > a { font-size: 0.21rem; color: #595959; font-weight: bold; position: relative; } .menu > .panel > .panel-heading > .panel-title > a.hasChild::after { content: ""; background: url("../images/9.png") no-repeat; width: 16px; height: 16px; background-size: 100% 100%; display: block; position: absolute; left: -20px; top: 0; transform: rotate(90deg); } .menu > .panel > .panel-heading > .panel-title > a.hasChild.collapsed::after { content: ""; background: url("../images/9.png") no-repeat; width: 16px; height: 16px; background-size: 100% 100%; display: block; position: absolute; left: -20px; top: 0; transform: rotate(0deg); color:#06287F; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border: 0 none; } .panel-default > .panel-heading { background: #eeeeee; } .menu > .panel > .panel-collapse .panel-body { background-color: #eeeeee; padding-top: 10px; padding-bottom: 10px; } .panel-heading, .panel-group .panel { border-radius: 0; } .panel-title > a { font-size: 0.18rem; color: #595959; } .menu > .panel > .panel-collapse .panel-body .panel-body { padding-top: 0; padding-bottom: 0; } .menu > .panel > .panel-collapse .panel-body .panel-heading a { position: relative; padding: 0 15px; } .menu > .panel > .panel-collapse .panel-body .panel-heading a.active, .menu > .panel > .panel-collapse .panel-body .panel-heading a:hover, .menu > .panel > .panel-heading > .panel-title > a.active, .menu > .panel > .panel-heading > .panel-title > a:hover { color: #06297f; } .menu > .panel > .panel-collapse .panel-body .panel-heading a.hasChild.collapsed::after { content: ""; background: url("../images/10.png") no-repeat; width: 10px; height: 10px; background-size: 100% 100%; display: block; position: absolute; left: -5px; top: 2px; transform: rotate(0deg); } .menu > .panel > .panel-collapse .panel-body .panel-heading a.hasChild::after { content: ""; background: url("../images/10.png") no-repeat; width: 10px; height: 10px; background-size: 100% 100%; display: block; position: absolute; left: -5px; top: 2px; transform: rotate(90deg); } .news { background-color: #ffffff; padding: 15px 10px; } .news-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 8px; } .news-header h4 { font-size: 0.2rem; color: #595959; display: flex; align-items: center; position: relative; color: #06297f; font-size: 0.24rem; font-weight: bold; } .news-header h4 span { font-size: 0.26rem; } .news-header h4::after { content: ""; position: absolute; bottom: -11px; width: 100%; height: 1px; background-color: #06297f; } .news-header h4 img { margin-right: 10px; width: 0.2rem; } .news-header .more { color: #8c8c8c; font-size: 0.14rem; } .news > ul { margin: 0; } .news > ul li { display: flex; align-items: center; margin: 17px 0; } .news > ul li:last-child { margin-bottom: 0; } .news > ul li a { width: 100%; display: flex; justify-content: space-between; align-items: center; } .news > ul li a > span:first-child { color: #8c8c8c; font-size: 0.2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; width: 65%; } .news > ul li a > span:last-child { color: #8c8c8c; font-size: 0.18rem; } .news-header > div { display: flex; } .news-header > div ul { margin: 0; display: flex; align-items: center; } .news-header > div ul li { margin-left: 20px; } .news-header > div ul li a { color: #8c8c8c; font-size: 0.16rem; } @media (max-width: 768px) { .menu > .panel > .panel-heading > .panel-title > a { font-size: 0.8rem; color: #595959; font-weight: bold; position: relative; } .menu > .panel > .panel-heading > .panel-title > a.hasChild::after { background:#aaa;; } .menu > .panel > .panel-heading > .panel-title > a.hasChild.collapsed::after { background:#aaa;; } .xsBt { margin-bottom: 20px; } .news > ul li a > span:first-child { font-size:0.7rem;} }