[v-cloak] { display: none; } #J_nav_wrp { position: fixed !important; width: 100%; } .vue-layer { max-width: 350px; position: fixed; top: 50%; left: 50%; z-index: 199; background: rgba(17, 17, 17, .8); text-align: center; border-radius: 5px; color: #FFFFFF; padding: 20px; font-size: 18px; /*px*/ font-weight: 300; -webkit-transform: translate(-50%, -50%) scale(.8); transform: translate(-50%, -50%) scale(.8); -webkit-transition: all .2s; transition: all .2s; } .main { width: 1000px; min-height: 500px; margin: auto; border-bottom: 1px #E7E7E7 solid; padding-top: 100px; } .main .tab { width: 100%; } .main .logo { font-size: 40px; font-weight: 600; color: rgba(196, 34, 40, 1); line-height: 56px; margin-right: 50px; } .main p { cursor: pointer; } .main .item_tab { font-size: 20px; color: rgba(74, 51, 51, 1); line-height: 28px; margin-right: 25px; } .main .item_tab.active { font-size: 24px; font-weight: 500; color: rgba(74, 51, 51, 1); line-height: 33px; } .main .item_tab.active:after { content: ''; width: 100%; height: 2px; background: rgba(74, 51, 51, 1); border-radius: 1px; display: block; } .banner { width: 1000px; height: 400px; margin: 30px auto 0; } .swiper-container { width: 100%; height: 100%; box-shadow: 0px 0px 20px 0px rgba(88, 88, 88, 0.3); } .swiper-slide { font-size: 18px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0px 0px 20px 0px rgba(88, 88, 88, 0.3); border-radius: 10px; overflow: hidden; position: relative; } .swiper-slide a { display: block; width: 100%; height: 100%; } .swiper-slide .title { font-size: 24px; font-weight: 500; color: rgba(255, 255, 255, 1); line-height: 33px; text-shadow: 0px 2px 4px rgba(7, 55, 64, 1); padding: 30px 40px; position: absolute; bottom: 0; } .swiper-pagination-bullet { width: 8px; height: 8px; background: rgba(196, 34, 40, 1); border-radius: 4px; opacity: 0.4; } .swiper-pagination-bullet-active { width: 25px; height: 8px; background: rgba(196, 34, 40, 1); border-radius: 4px; opacity: 0.8; } .infoBox { width: 100%; margin-top: 35px; } .infoBox .l { width: 650px; } .infoBox .r { width: 316px; } .infoBox .l .list { width: 100%; margin-bottom: 20px; border-bottom: 1px solid #E1E3E6; padding-bottom: 20px; } .list .img { width: 260px; height: 158px; box-shadow: 0px 0px 20px 0px rgba(88, 88, 88, 0.3); border-radius: 8px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 25px; } .list .txt { flex: 1; } .list .txt .title { font-size: 20px; font-weight: 500; color: rgba(74, 51, 51, 1); line-height: 28px; margin-bottom: 10px; margin-top: 4px; } .list .txt .del { font-size: 14px; font-weight: 300; color: rgba(160, 144, 144, 1); line-height: 25px; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .list .txt .time { font-size: 13px; font-weight: 300; color: rgba(160, 144, 144, 1); line-height: 25px; } .loadmore { font-size: 16px; font-weight: 300; color: rgba(183, 183, 183, 1); line-height: 22px; margin-top: 35px; margin-bottom: 200px; } .loadmore p { cursor: pointer; } .loadmore i { display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: url(http://oeimg2.cache.oeeee.com/Public2016/Images/home/icon1.png) -5px -278px no-repeat; vertical-align: sub; } .r { flex: 1; margin-left: 36px; } .r .h2 { font-size: 16px; font-weight: 500; color: #4A3333; line-height: 22px; } .hot-rank { width: 100%; margin-bottom: 60px; } .hot-rank li { border-bottom: 1px solid #E7E7E7; padding: 15px 0; } .hot-rank .num { font-size: 16px; font-weight: 300; line-height: 22px; width: 30px; height: 30px; color: rgba(160, 144, 144, 1); } .hot-rank .active .num { border-radius: 50%; color: rgba(255, 255, 255, 1); width: 30px; height: 30px; background: rgba(160, 73, 73, 1); } .hot-rank .active .cont { font-size: 14px; color: rgba(74, 51, 51, 1); line-height: 20px; } .hot-rank .cont { line-height: 17px; width: 274px; font-size: 12px; color: rgba(160, 144, 144, 1); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .hot-rank .cont a:hover { color: rgba(160, 73, 73, 1); } footer { height: 59px; font-size: 12px; font-weight: 300; color: rgba(183, 183, 183, 1); }
{{layer}}

热点

养生

保健

减肥

美容

饮食

{{item.date}}

{{page ? '点击加载...' : '没有更多故事了'}}

排行榜

  • {{index+1}}