File: /www/wwwroot/m.wfehn.com/static/css/mhonor.css
.m-honor-navs .head{
height: 58px;
}
.m-honor-navs .head .swiper-slide{
line-height: 48px;
text-align: center;
position: relative;
width: auto!important;
}
.m-honor-navs .head .swiper-slide:nth-child(1){
margin-left: 24px;
}
.m-honor-navs .head .swiper-slide:nth-child(4){
margin-right: 24px;
}
.m-honor-navs .head .swiper-slide.swiper-slide-active span{
color: #229AF4;
}
.m-honor-navs .head .swiper-slide.swiper-slide-active::after{
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 4px;
background: #229AF4;
border-radius: 2px;
left: 0;
}
.m-honor-navs .head .swiper-slide span{
font-size: 24px;
font-weight: 400;
color: #333333;
}
.m-honor-navs .head .swiper-button-next, .m-honor-navs .head .swiper-button-prev{
position: absolute;
top: 0%;
width: 20px;
height: 42px;
z-index: 10;
background: #E9F2FB;
opacity: 1;
}
.m-honor-navs .head .swiper-button-next{
right: 0;
}
.m-honor-navs .head .swiper-button-prev{
left: 0;
}
.m-honor-navs .swiper-button-prev.swiper-button-disabled, .m-honor-navs .swiper-button-next.swiper-button-disabled{
background: rgba(0,0,0,0);
opacity: 1;
}
.rebuild-m-honor .swiper-button-prev:after{
background-image: url("../image/m-honor-left.png");
}
.m-honor-navs .swiper-button-next:after{
background-image: url("../image/m-honor-right.png");
}
.m-honor-navs .swiper-button-prev.swiper-button-disabled:after{
background-image: url("../image/m-honor-disleft.png");
}
.m-honor-navs .swiper-button-next.swiper-button-disabled:after{
background-image: url("../image/m-honor-disright.png");
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: 14px;
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.m-contain .list{
display: inline-block;
width: 100%;
padding: 0 24px 24px;
background: #F3F7FB;
border-radius: 16px;
}
.m-contain .list .item{
float: left;
width: 50%;
box-sizing: border-box;
margin-top: 32px;
}
.m-contain .list .item:nth-child(1){
margin-top: 24px;
}
.m-contain .list .item:nth-child(2){
margin-top: 24px;
}
.m-contain .list .item .box{
width: 100%;
}
.m-contain .list .item:nth-child(odd) .box{
padding-right: 11.5px;
}
.m-contain .list .item:nth-child(even) .box{
padding-left: 11.5px;
}
.m-contain .list .item .box .cover{
height: 152px;
background-image: url("../image/m-honorborder-bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 4px;
padding: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.m-contain .list .item .box .cover .img_box{
height: 142px;
}
.m-contain .list .item .box .info{
font-size: 14px;
font-weight: 400;
font-family: PingFangSC, PingFang SC;
color: #4A4A4A;
line-height: 20px;
height: 40px;
margin-top: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-align: center;
}
.loadindg-mobile{
padding-bottom: 48px;
text-align: center;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.m-contain .sub-navs{
padding-top: 20px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 8px;
}
.m-contain .sub-navs .head{
}
.m-contain .sub-navs .head img{
width: 100%;
height: auto;
}
.m-contain .sub-navs .times{
width: 100%;
height: 30px;
overflow-x: auto;
}
.m-contain .sub-navs .times .main1{
overflow: hidden;
height: 30px;
}
.m-contain .sub-navs .times .main1 .box.active{
color: #EC6826;
}
.m-contain .sub-navs .times .box{
width: 52px;
text-align: center;
font-size: 14px;
float: left;
height: 20px;
font-weight: 400;
color: #999999;
line-height: 20px;
}
.mhonorfixed {
position: fixed;
top: 52px;
height: 48px;
z-index: 999;
margin: auto;
left: 0;
right: 0;
background: #ffffff;
box-shadow: 0px 4px 8px 0px rgba(107,123,155,0.18);
}