96 lines
4.7 KiB
CSS
96 lines
4.7 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;
|
|
}
|
|
.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;width: 100%;}
|
|
.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: 6;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: 74%;}
|
|
.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%;}
|
|
.foot-bottom{padding-bottom: 70px;}
|
|
|
|
}
|
|
@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;}
|
|
.foot-bottom{padding-bottom: 70px;}
|
|
}
|
|
@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;}
|
|
} |