lixin-web/webapp/css/mediacoverage.css

vue and bootstrap

.a.a1 {
    background: url('../img/mediacoverage/mediacoverage_02.jpg') #fff no-repeat center 0px;
    height: 250px;
}
	.b.b1 h1{  font-size: 25px;font-weight: 600;border-left: 6px solid #00C3FF;padding-left: 10px;}
    .media-min1{overflow:hidden;zoom:1;margin-bottom: 13px;}
    .media1-left{font-size: 14px;width: 60%;float:left;line-height: 39px;}
    .media1-right{width: 39%;float:right;height: 269px;background:url("../img/mediacoverage/mediacoverage2_03.jpg") no-repeat right;}
    .a.a3{height:60px;background:url("../img/mediacoverage/mediacoverage2_06.png") no-repeat}
    .media-title2{ width: 1000px; margin: 0 auto;height:60px;    padding-top: 1px;}
    .media-title2 h1{padding-left:5px;font-size: 23px;font-weight: 0; border-left: 6px solid #00C3FF;color: #fff;}
    .a.a4 .b.b1 .media-a4-min{overflow:hidden;}
	.a.a4 .b.b1{margin:20px auto;margin-bottom:30px;}
	.a.a4 .b.b1 .media-a4-min a{position:relative;width:228px;height: 283px;display:inline-block;border:1px solid #ccc;background:#fff;margin-top:15px;margin-right:12px;overflow: hidden;}
	.media-a4-min a	.media-logo{text-align:center;padding-top:35px;}
	.media-a4-txt{padding:0 10px;color:#fff;transition:all 0.2s ease;text-align:center;/* height:145px; */background:#00c4ff;width:100%;position:absolute;bottom:0px;}
	.media-a4-txt h2{font-size:22px;}
	.media-a4-txt h5{font-size:14px;}
	.media-a4-txt p{font-size:14px;padding-top:15px;border-top:dashed 1px #fff;    margin-top: 30px;}
	.a.a4 .b.b1 .media-a4-min a:nth-child(2) .media-a4-txt{background:#a6bc2d}
	.a.a4 .b.b1 .media-a4-min a:nth-child(3) .media-a4-txt{background:#fa6400}
	.a.a4 .b.b1 .media-a4-min a:nth-child(4) .media-a4-txt{background:#4a4849}
	.a.a4 .b.b1 .media-a4-min a:nth-child(6) .media-a4-txt{background:#a6bc2d}
	.a.a4 .b.b1 .media-a4-min a:nth-child(7) .media-a4-txt{background:#fa6400}
	.a.a4 .b.b1 .media-a4-min a:nth-child(8) .media-a4-txt{background:#4a4849}
	body{background:#fff}