61 lines
3.2 KiB
CSS
61 lines
3.2 KiB
CSS
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
|
body{padding: 0;margin: 0;}
|
|
.foot-nav-box{
|
|
background: #cb1919;
|
|
margin-top: 30px;
|
|
padding: 20px 180px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.foot-nav-box>div:first-child{color: #FFFFFF;font-size: 15px;display: flex;align-items: center;}
|
|
.foot-box-nav>div{margin-right: 46px;cursor: pointer;}
|
|
.foot-box-nav>div>a{text-decoration: none;color: #FFFFFF;}
|
|
.foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);}
|
|
/* -webkit-filter: invert(.8); filter: invert(.8); */
|
|
.foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;height:19px;}
|
|
.foot-box-img>img:nth-child(3){width:19px;height:19px;}
|
|
.foot-box-img>img:nth-child(4){width:17px;height:17px;}
|
|
.foot-box-img>img:nth-child(5){width:18px;height:18px;}
|
|
|
|
|
|
.foot-end-box{display: flex;justify-content: space-between;}
|
|
.foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;}
|
|
/* .foot-end-box>div:first-child>img{width:362px;height: 88px;} */
|
|
.foot-end-box>div:first-child>img{width: 80%;}
|
|
.foot-end-box>div:last-child{background: #faf9f8;width: 90%;padding-top: 27px;}
|
|
.foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;}
|
|
.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;}
|
|
.foot-end-titlez{font-size: 14px;line-height: 26px;font-weight: bold;margin-top: 10px;}
|
|
.foot-end-content{font-size: 13px;color: #616161;line-height: 26px;}
|
|
/* .shu-logo{width: 389px;height: 70px;} */
|
|
.shu-logo{width: 100%;}
|
|
.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;flex-shrink: 0;}
|
|
.foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;}
|
|
.foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;}
|
|
.foot-qrcode>div>img{width: 99px;height: 99px;}
|
|
.foot-qrcode>div>div{font-size: 12px;color: #616161;}
|
|
.foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;}
|
|
.foot-iframe{width: 100%;height: 400px;}
|
|
|
|
|
|
@media (min-width:1220px) and (max-width:1619px){
|
|
.foot-end-box>div:last-child{width: 100%;}
|
|
/* .foot-end-box>div:first-child>img{width:260px;height: 60px;}
|
|
.shu-logo{width: 260px;height: 50px;}
|
|
.foot-box-nav>div{margin-right: 30px;cursor: pointer;}
|
|
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
|
|
.foot-nav-box{margin-top: 30px;padding: 20px 120px;}
|
|
.foot-end-right{padding: 0 120px 30px 30px;}
|
|
.foot-end-box>div:last-child{width: 180%;}
|
|
.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;width: 33%;}
|
|
.foot-iframe{width: 100%;height: 410px;} */
|
|
}
|
|
@media (min-width:1620px) and (max-width:1900px){
|
|
.foot-end-box>div:last-child{width: 100%;}
|
|
/* .foot-box-nav>div{margin-right: 30px;cursor: pointer;}
|
|
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
|
|
.foot-nav-box{margin-top: 30px;padding: 20px 120px;}
|
|
.foot-end-right{padding: 0 120px 30px 30px;} */
|
|
} |