.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; } .linh30{line-height: 30px;} .linh26{line-height: 26px;} .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);} .foot-box-img>img{width:19px;height:19px;} .foot-end-box{display: flex;} .foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;width: 42%;} .foot-end-box>div:first-child img{width: 71%;} .foot-end-box>div:last-child{background: #faf9f8;width: 100%;padding-top: 27px;} .foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;} .foot-end-titlez,.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;} .foot-end-content{font-size: 13px;color: #616161;} .shu-logo{max-height: 70px; margin-bottom: 14px;} .foot-count{margin: 30px 15px 0 15px;line-height: 30px;} .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;} /* 固定底部导航 */ .fixed_foot{position: fixed;bottom: 0;left: 0;right: 0;z-index: 6px;display: none;background: #CB1919;} .fixed_foot>a{padding: 15px 0 10px 0;border-left: 1px solid rgba(255,255,255,.2);text-decoration: none;} .fixed_foot>a:nth-child(1){border-left: 1px solid rgba(255,255,255,0);} @media (max-width:766px){ .foot-end-box{margin-bottom: 70px;} .foot-nav-box{padding: 10px 15px;} .foot-end-right .linh30{line-height: 25px;} .foot-end-box>div:first-child{padding: 20px 20px 0 15px;} .foot-count {margin: 10px 15px 0 15px;line-height: 26px;} .foot-end-box > div:first-child{display: none;} .foot-end-bottom,.foot-nav-box,.shu-logo{display: none;} .foot-count {margin: 0px;line-height: 25px;width: 60%;} .foot-end-titlez, .foot-end-title{font-size: 17px;font-weight: bold;color: #CB1919;margin-bottom: 0px;} .foot-end-content {font-size: 14px;} /* .foot-count .foot-end-content:nth-child(3) {float: left;margin-right: 64px;} */ .foot-qrcode {margin-top: -230px;display: flex;flex-direction: column;float: right;} .foot-qrcode>div>div{font-size: 12px;} .foot-end-title{margin-top: 10px;} .fixed_foot{display: flex;} .foot-end-right {padding: 0 20px 15px 20px;display: block;} .foot-end-right>div:first-child{width: 74%;} } @media (min-width:767px) and (max-width:991px){ .foot-end-box{margin-bottom: 70px;} .fixed_foot{display: flex;} .foot-nav-box{padding: 10px 20px;} .foot-end-box>div:first-child{padding: 20px 20px 0 20px;} .shu-logo{max-height: 26px;} .foot-count {margin: 10px 15px 0 15px;line-height: 26px;} .foot-end-bottom,.foot-end-box > div:first-child{display: none;} .foot-nav-box,.shu-logo{display: none;} .foot-end-right{display: block;padding: 0 15px 15px 15px;} .foot-count {margin: 0px 0px 0 0px;line-height: 32px;} .foot-end-titlez, .foot-end-title{font-size: 22px;font-weight: bold;color: #CB1919;margin-bottom: 10px;} .foot-end-content {font-size: 20px;} .foot-count .foot-end-content:nth-child(3) {float: left;margin-right: 40px;} .foot-qrcode {margin-top: -245px;display: flex;flex-direction: column;float: right;} .foot-qrcode>div>div{font-size: 16px;} .foot-end-title{margin-top: 30px;} } @media (min-width:992px) and (max-width:1199px){ .foot-nav-box{padding: 20px 60px;} .foot-end-box>div:first-child{padding: 20px 20px 0 60px;} .foot-end-right {padding: 0 60px 30px 30px;} .shu-logo{max-height: 36px;} .foot-count {margin: 10px 15px 0 15px;line-height: 26px;} .foot-qrcode > div{transform: scale(.9);} .foot-count {margin: 10px 15px 0 15px;line-height: 26px;} } @media (min-width:1200px) and (max-width:1440px){ .foot-nav-box{padding: 20px 120px;} .foot-end-box>div:first-child{padding: 27px 20px 0 120px;} .foot-end-right {padding: 0 120px 30px 30px;} .shu-logo{max-height: 46px;} .foot-count {margin: 20px 15px 0 15px;line-height: 26px;} }