lixin-web/webapp/css/bot.css

vue and bootstrap

.a98 .b1 {
    height: 126px;
}

.a99 .b1 {
    height: 60px;
}


.a.a99{
    background: #333333;
}
.a99 .b1>* {
    float: left;    line-height: 60px;
}

.a99 .b1 .c2 {
    float: right;
}

.a99 .b1 * {
    color: white;
    text-decoration: none;
}

.a97 .b1 {
    height: 160px;
}

.a97 .b1 .c {
    height: 100%;
    float: left;
    width: 245px;
    text-align: center;
}
.a97 .b1 .c .d1 {
    background: url(/img/index/ico.png) no-repeat 93px -273px;
    padding: 17px 89px;
    background-clip: content-box;
    height: 100px;
}

.a97 .b1 .c2 .d1 {
    background-position: 22px -273px;
}
.a97 .b1 .c3 .d1 {
    background-position: -50px -273px;
}
.a97 .b1 .c4 .d1 {
    background-position: -121px -273px;
}
.a97 .b1 .c .d {
    font-size: 14px;
    color: #787876;
    line-height: 22px;
}
.a.a97 {
    background: #EBEBEB;
}

.a98 .b1 .c1 {
    font-size: 18px;
    line-height: 47px;
    color: white;
}

.a98 .b1 .c1 .e1 {
    font-size: 12px;
    margin-left: 6px;
    display: inline-block;
}

.a98 {
    background: #333333;
}

.a98 .b1 .c2 {
    height: 82px;
    background: red;
    background: url('/img/index/cp_ico.png') no-repeat 0px 12px;
}
.a98 .b1 .c2 .d {
    width: 108px;
    height: 53px;
    display: inline-block;
    margin-top: 5px;
}
.a98 .b1 .c2 .d.d1 {
    width: 173px;
}

.a98 .b1 .c2 .d.d2 {
    width: 80px;
}
.a98 .b1 .c2 .d.d3 {
    width: 113px;
}
.a98 .b1 .c2 .d.d4 {
    width: 69px;
}
.a98 .b1 .c2 .d.d5 {
    width: 123px;
}
.a98 .b1 .c2 .d.d6 {
    width: 108px;
}
.a98 .b1 .c2 .d.d7 {
    width: 70px;
}
.a98 .b1 .c2 .d.d8 {
    width: 140px;
}
.a98 .b1 .c2 .d.d9 {
    width: 93px;
}
.bot .b {
    width: 1000px;
    margin: auto;
}

@media screen and (max-width: 768px){	
	.bot .b{width: 100%;padding: 10px;}
	.a.a99{overflow: hidden}
	.clear-header{display:none}
	.a99 .b1>*{line-height:25px;}
	.a98 .b1 .c2{overflow: hidden}
	
}