.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-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;} */ }