html { font-size: 16px; }

body { overflow-x: hidden; }

.layui-fluid { width: 100%; padding: 0 !important; margin: 0 !important; }

.itemContainer { width: 93%; margin: 1.5rem auto; position: relative; }

.itemContainer .itemNav { display: block; width: 9%; background: #fff; position: fixed; z-index: 100; }

.itemContainer .itemNav li { width: 100%; height: 2.5rem; background: #efefef; font-size: 0.9rem; color: #333; margin-bottom: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContainer .itemNav li:first { background: #787fff; color: #fff; }

.itemContainer .itemContent { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

.itemContainer .itemContent .item { width: 100%; }

.itemContainer .itemContent .item .itemCon { width: 100%; }

.itemContainer .itemContent .item .itemCon .newsList { width: 100%; padding: 0.8rem 0rem; border-bottom: 1px solid #ccc; cursor: pointer; }

.itemContainer .itemContent .item .itemCon .newsList .listTitle { font-size: 0.9rem; font-weight: bold; color: #000; margin-bottom: 0.3rem; }

.itemContainer .itemContent .item .itemCon .newsList .listText { font-size: 0.85rem; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.itemContainer .itemContent .item .itemCon .newsList .listTime { width: 100%; margin-top: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContainer .itemContent .item .itemCon .newsList .listTime .time { font-size: 0.85rem; color: #333; }

.itemContainer .itemContent .item .itemCon .newsList .listTime .share { margin-left: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.itemContainer .itemContent .item .itemCon .newsList .listTime .share span { font-size: 0.85rem; color: #333; }

.itemContainer .itemContent .item .itemCon .newsList .listTime .share i { margin: 0rem 0.2rem; }

.itemContainer .itemContent .item .itemCon .newsList .listTime .share .shareWeibo { font-size: 1.3rem; color: #ff604d; }

.itemContainer .itemContent .item .itemCon .newsList .listTime .share .shareWechat { font-size: 1.3rem; color: #00c500; }

.itemContainer .itemContent .item .itemCon .newsList .listTime .share .shareAdd { font-size: 1.3rem; color: #787fff; }

.itemContainer .itemContent .item .itemCon .newsList:nth-of-type(1) { padding-top: 0; }

.itemContainer .itemContent .item .itemCon .newsPage { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.itemContainer .itemContent .itemFirst { width: 89%; }

.itemContainer .itemContent .itemFirst .itemCon { width: 100%; }

.itemContainer .itemContent .itemSecond { display: none; width: 89%; }

.itemContainer .itemContent .itemSecond .itemCon { width: 100%; }

.chooseTrue { background: #787fff !important; color: #fff !important; }

.chooseFalse { background: #efefef !important; color: #333 !important; }

/*# sourceMappingURL=newsInfo.css.map */
