header { max-width: 7.5rem; min-width: 3.2rem; height:.88rem; line-height:.88rem; width: 100%; background: #fff; position: relative; } header .head-title { text-align: center; width: 100%; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } header .head-search { position: absolute; top: 0.6rem; right: 1rem; } header .head-search a { display: block; } header .head-search a img { width: 2rem; padding-left: 0.4rem; padding-right: 0.4rem; height: auto; } .menu { width: 100%; height: 3.6rem; line-height: 3.6rem; border-bottom: 1px solid #eee; white-space: nowrap; overflow: hidden; overflow-x: scroll; /*-webkit-backface-visibility: hidden; -webkit-perspective: 1000;*/ -webkit-overflow-scrolling: touch; background: #fff; } .menu::-webkit-scrollbar { display: none; } .item { margin-left: 1.1rem; display: inline-block; color: #000; font-size: 1.4rem; text-decoration: none; } .menu a.on { font-size: 1.5rem; color: #536dfe; font-weight: 600; } /* banner */ .swipe { overflow: hidden; position: relative; } .swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; } .swipe ul li { width: auto; height: auto; position: relative; overflow: hidden; } .swipe ul li h4 { display: block; position: absolute; z-index: 100; color: #fff; left: 0; bottom: 0.3rem; height: .8rem; padding-left: .1rem; padding-right: .8rem; width: calc(100% - 8rem); line-height: .8rem; font-size: .34rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:100%; } .swipe ul li span { position: absolute; z-index: 99; left: 0; bottom: 0.3rem; display: block; width: 100%; padding-right: 4rem; height: .8rem; background: #000; filter: alpha(opacity=50); opacity: 0.5; } .swipe #pagenavi { position: absolute; right: .1rem; bottom: 0rem; text-align: right; width: 100%; z-index: 888; } .swipe #pagenavi span { display: block; width: 25%; height: .8rem; overflow: hidden; box-sizing: border-box; float: right; } .swipe #pagenavi a { width: .16rem; height: .16rem; background: #fff; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } .swipe #pagenavi a.active { background: #3d5afe; filter: alpha(opacity=100); opacity: 1.0; } /* 二级导航入口 */ .subnav ul li { float: left; width: 25%; text-align: center; margin-top:.47rem } .subnav ul li img { display: block; width:.72rem; height: auto; margin: 0 auto; } .subnav ul li{ font-size:.24rem; } .mainbox { max-width: 7.5rem; min-width: 3.2rem; margin: 0 auto; margin-top: 1.6rem; } #newslist{ margin-top: 1.55rem; } #newslist li{ display: flex; margin-left: 0.28rem; } .cxxq{ margin-bottom:1.1rem !important; } .newsleft > h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify; word-break: break-all; height:.92rem; margin-bottom:.22rem; } .head-search{ margin-top:-.15rem; } .mainbox ul li { border-bottom: .005rem solid #eee; display: flex; margin-left: 0.29rem; } .imhih{ width:6.86rem; } .mainbox ul li:last-child { border: none; } .mainbox ul li .news02{ margin-top: .35rem; } .mainbox ul li .news{ font-size: .34rem; margin:.22rem 0; } .mainbox ul li .news .newspcpic img { margin-left: calc((100% - 27.9rem) / 2); width: 2.2rem; } .mainbox ul li .news .newspcpic img:nth-child(1) { margin-left: 0; } /* 首页新闻 */ .news .newsdate { color: #999; } .news .newsdate span { font-size:.22rem; } .news .newszh img { height: auto; /*margin-top: 1.1rem;*/ } .news img { border-radius: 0.2rem; width: 6.9rem; } .news02 { overflow: hidden; } .news02 .newspic02 { float: right; margin-left: .2rem; width: 2.2rem; height: 1.52rem; } .news02 .newspic02 img { width: 2.2rem; height:1.52rem; } .news02 .newsleft { float: left; width:4.5rem; } .newssp { position: relative; } .news .newssp { width: 100%; height: auto; } .iconplay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .newssppic { position:relative; } .newssptime { display: inline-block; position: absolute; background: #000; filter: alpha(opacity=75); opacity: 0.75; color: #fff; width: 1.1rem; height: .48rem; background: rgba(0,0,0,0.5); border-radius: .24rem; position: absolute; top: 4rem; left: 5.66rem; text-align: center; line-height: .48rem; } .huiyi { display:block; width:.88rem; height:.44rem; background:rgba(63,81,181,0); border:.02rem solid rgba(244, 67, 54, 1); border-radius:.08rem; padding-left:.23rem; float:left; padding-bottom:.1rem; margin-bottom:.26rem; margin-right:.18rem; color:#f44336; } /* footer */ footer { height: 1rem; background: #fff; border-top: 1px solid #eee; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999; } footer ul { display: -webkit-box; display: -webkit-flex; display: flex; text-align: center; } footer a, footer a:visited { display: block; color: #7f8389 } footer a img { width: .56rem; height: auto; } footer ul li.now a, footer ul li.now a:visited { color: #536dfe }