@charset "utf-8"; #content { padding: 0; margin: 0; } .row { padding: 0 .38rem 0.4rem; margin-bottom: .38rem; } .row:last-of-type{ margin-bottom: 0; } .bgwhite { background: #fff; padding: 0.38rem; } .redbox>.hd h3{ background: #dc4242; } .defaultbox{ margin: -.25rem 0 0; } /* banner */ .banner{ position: relative; padding-bottom: 0.3rem; margin-bottom: 0.35rem; } .banner .bd .pic img{ width: 100%; height: auto; display: block; border-radius: .2rem; } .banner .bd li{ position: relative; } .banner .bd .con{ display: none; } .banner .hd{ position: absolute; left: 0; bottom: 0; width: 100%; font-size: 0; line-height: 1; text-align: center; } .banner .hd li{ display: inline-block; width: 0.1rem; height: 0.1rem; margin: 0 .05rem; background: #156bee; border-radius: 500px; cursor: pointer; transition: all 0.4s ease; } .banner .hd li.on{ width: 1.4rem; } /* 热门 */ #hot > .hd h3 .iconfont { color: #eeb115; } /* 数据展示 */ .datalist { display: flex; flex-wrap: wrap; padding: 0.3rem 0; margin-bottom: 0.35rem; } .datalist li { flex-grow: 1; text-align: center; line-height: 1; } .datalist li .con { font-size: 0.28rem; color: #999; } .datalist li .con .value { font-size: 0.7rem; color: #156bee; font-weight: bold; } .datalist li .title { margin-top: 0.15rem; font-size: 0.3rem; } /* 头条焦点图 */ #topfocus .list li { position: relative; } #topfocus .list li .pic img { width: 100%; height: auto; } #topfocus .list li .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 2rem; line-height: 1rem; padding: 1rem 0.38rem 0; font-size: 0.3rem; font-weight: bold; color: #fff; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); overflow: hidden; } #topfocus .list li .title .hits { float: right; margin-left: 0.3rem; font-weight: normal; font-size: 0.28rem; } #topfocus .list li .title .hits::before { display: inline-block; vertical-align: top; font-family: "iconfont"; content: '\e663'; margin-right: 0.4em; font-size: 1.2em; } /* 左右滑动图片列表 */ .scrollpiclist { font-size: 0; line-height: 1; white-space: nowrap; overflow-x: auto; } .scrollpiclist::-webkit-scrollbar { display: none; } .scrollpiclist li { display: inline-block; vertical-align: top; width: 2.4rem; margin: 0 0.05rem; } .scrollpiclist li .pic img { width: 100%; height: 1.344rem; border-radius: 0.1rem; } .scrollpiclist li .tit, .scrollpiclist li .title { display: none; }