@charset "UTF-8"; /*Reset*/ html { font-family: PingFang-SC-Regular,'Helvetica Neue',Helvetica,'microsoft yahei'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333; } html * { outline: 0; -webkit-text-size-adjust: none; tap-highlight-color: rgba(0,0,0,.05); -webkit-tap-highlight-color: rgba(0,0,0,.05); -ms-tap-highlight-color: rgba(0,0,0,.05) } :root { overflow-y: scroll; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } body { overflow-scrolling: touch; -webkit-overflow-scrolling: touch; line-height: 1.5; font-size: 0.52rem; max-width: 750px; margin: 0 auto; min-height: 100%; background: #f7f7f7; font-family: PingFang-SC-Regular, 'Helvetica Neue', Helvetica, 'microsoft yahei'; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } fieldset, img { border: 0; } img { vertical-align: middle; } :focus { outline: 0; } address, caption, cite, code, dfn, em, b, i, th, var, optgroup { font-style: normal; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } abbr, acronym { border: 0; font-variant: normal; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } textarea { *overflow: auto; } code, kbd, samp, tt { font-size: 100%; } input, button, textarea, select { *font-size: 100%; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; color: #333; } caption, th { text-align: left; } sup, sub { font-size: 100%; vertical-align: baseline; } :link, :visited, ins { text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } input, textarea { -webkit-appearance: none; } button { background: none; } @media (min-width: 319px) { html { font-size: 21px; } } @media (min-width: 359px) { html { font-size: 24px; } } @media (min-width: 374px) { html { font-size: 25px; } } @media (min-width: 413px) { html { font-size: 27px; } } @media (min-width: 479px) { html { font-size: 32px; } } @media (min-width: 639px) { html { font-size: 40px; } } @media (min-width: 749px) { html { font-size: 48px; } } /*原子类*/ [v-cloak] { display: none; } .tc { text-align: center; } .t-a-l { text-align: left; } .t-a-r { text-align: right; } body .hidden { display: none; } .fl { float: left; } .fr { float: right; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .no-padding { padding: 0!important; } .no-margin { margin: 0!important; } .no-border { border: none!important; } /* 让 chrome 支持 12px 以下的字体 */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .sl-floatcenter { -webkit-text-size-adjust: none; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } .icon { display: inline-block; *display: inline; *zoom: 1; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; } /*科技*/ .m_top { padding: 0 0.6rem; height: 100%; } .m-hdTop { width: 100%; box-sizing: border-box; box-shadow: rgba(0,0,0,0.05) 0 4px 5px; height: 2.2rem; overflow: hidden; background:#788C77; color: #FFF; } .toplogo { float:left; height:100%; } .toplogo_index { display:block; float:left; margin-top:0.6rem; height: 1.0rem; line-height:1.0rem; color:#fff; font-size:0.9rem; font-weight:bold; } .toplogo_index img { display: block; height:100%; } .toplogo_channel { display:block; float:left; background:#FFF; color:#788C77; border-radius: 0 0.5rem; padding:0 0.25rem; height:1.0rem; margin-top:0.6rem; margin-left:0.2rem; font-size:0.76rem; line-height:1.0rem; } .topano { float:right; } .topano a { display:block; float:right; width:0.9rem; height:0.9rem; margin-left:0.7rem; margin-top:0.6rem; } .topano a:last-child { margin-left:0; } .menu { float:right; width:0.9rem; height:1.0rem; margin-top:0.7rem; } .menu_icon { display:block; width: 100%; height: 2px; background: #fff; margin: 0.4rem auto; position: relative; } .menu_icon::before{ position: absolute; top: -8px; content: ''; width: 100%; height: 2px; background: #fff; } .menu_icon::after{ position: absolute; bottom: -8px; content: ''; width: 100%; height: 2px; background: #fff; } .topmenu { background:url(../images/top_menu.png) no-repeat center; background-size:100% auto; } .topserch { background:url(../images/top_serch.png) no-repeat center; background-size:100% auto; } .navmenu { width:100%; height:2.0rem; line-height:2.0rem; background:#FFF; position:relative; z-index:9; } .navList { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: -webkit-box; display: -moz-box; display: box; margin: auto; width:-webkit-calc(100% - 2.0rem); width:-moz-calc(100% - 2.0rem); width:calc(100% - 2.0rem); float:left; font-size:0.72rem; height:2.0rem; } .navList li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; text-align: center; line-height:2.0rem; } .navmore { width:2.0rem; height:2.0rem; float:right; position:relative; z-index:1; } .navmore i { display:block; position: absolute; z-index:5; top: 50%; right: 50%; margin-right:-0.2rem; width: 0.4rem; height: 0.4rem; border-style: solid; border-width: 2px 2px 0 0; border-color: #555; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(135deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .xl-btn {} .nav-box { position: absolute; display: none; background: #fff; width: 100%; left:0; top:0; z-index:11; box-sizing:border-box; padding:0.5rem 0.6rem; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5); box-shadow:0 0 10px rgba(0, 0, 0, .5); } .nav-box-t { font-size:0.7rem; color:#222; line-height:1.5rem; margin-bottom:0.2rem; } .nav-box-c {} .nav-box-c a { display:block; width:-webkit-calc(25% - 0.35rem); width:-moz-calc(25% - 0.35rem); width:calc(25% - 0.35rem); height: 1.3rem; line-height:1.3rem; border-radius:0.7rem; float: left; text-align:center; font-size: 0.56rem; border:1px solid #DDDDDD; margin-bottom:0.5rem; margin-right:0.3rem; } .nav-box-c a:nth-child(4n) { float:right; margin-right:0; } .nav-box .navarrow { position:absolute; width: 2.0rem; height: 2.0rem; right:0; top:0; z-index:11; } .nav-box .navarrow i{ display:block; position: absolute; z-index:5; top: 50%; right: 50%; margin-right:-0.2rem; margin-top:-0.1rem; width: 0.4rem; height: 0.4rem; border-style: solid; border-width: 2px 2px 0 0; border-color: #555; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(-45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .tech_banner { width:100%; height:8.2rem; overflow:hidden;} .tech_banner .swiper-container{ width:100%; height:8.2rem; overflow:hidden;} .tech_banner .swiper-slide { position:relative; } .tech_banner .swiper-slide img{width:100%; height:100%;} .tech_banner .swiper-slide p { position:absolute; width:100%; box-sizing:border-box; padding:0 3%; height:1.6rem; line-height:1.6rem; color: #fff; left:0; bottom: 0; background:rgba(0,0,0,.4)} .tech_banner .swiper-slide p b { display:block; width:85%; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.6rem; } .tech_banner .swiper-pagination { bottom:15px!important; text-align:right !important; color:#fff; font-size: 0.4rem;} .tech_banner .swiper-pagination-bullet { background:#fff; margin:0 6px 0 0!important;} .commonBox { background: #fff; margin-bottom: 0.5rem; padding:0 0 0.2rem 0; } .commonBox h2 { height: 2.0rem; line-height:2.0rem; padding: 0 0.6rem; border-bottom:1px solid #EEEEEE; overflow:hidden; } .commonBox h2 b { display:block; color: #2E333F; font-size: 0.75rem; float:left; } .commonBox h2 i.blue { color: #788C77; } .commonBox h2 .more { position: relative; float:right; color: #8C8F95; font-size: 0.56rem; } .commonBox h2 .img-arrow { position: absolute; top:50%; right: 5px; margin-top:-8px; } .commonBox .conWrap { padding:0 0.6rem; } .mamaLesson { padding-top: 0.6rem; border-bottom: 1px solid #e5e5e5; padding-bottom:0.5rem; } .mamaLesson li { display: block; width: 48%; overflow:hidden; float:left; } .mamaLesson li:nth-child(2n) { float:right; } .mamaLesson li .pic-wrap { width:100%; height:4.0rem; overflow:hidden; position:relative; z-index:1; } .mamaLesson li .pic-wrap img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .mamaLesson li h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 0.6rem; color: #2E333F; line-height: 0.9rem; height:1.8rem; margin-top:0.4rem; } .tenews { } .tenews li { padding: 0.5rem 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: relative; } .tenews li:last-child { border-bottom:none; } .tenews li .title { font-size:0.68rem; line-height:1.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:2.0rem; } .tenews li .tj { display:inline-block; color:#FF7F21; border:1px solid #FF7F21; margin-right:0.3rem; padding:0 0.15rem; font-size:0.6rem; line-height:0.8rem; border-radius:0.1rem; vertical-align:baseline; } .tenews li .info { font-size:0.5rem; color:#c0c0c0; height:1.0rem; line-height:1.0rem; overflow:hidden; margin-top:0.2rem; } .tenews li .read { float:left; } .tenews li .time { float:right; } .tenews li .c1 { color:#788C77; border:1px solid #788C77; } .tevideo_top { border-bottom: 1px solid #e5e5e5; padding:0.5rem 0 0.3rem 0; } section.border { margin-bottom: 3px; -webkit-box-shadow: 0 5px 0 0 #eee; box-shadow: 0 5px 0 0 #eee; } .tevideo_top h3 { font-size:0.68rem; line-height:1.0rem; } .tevideo_top h3 i { display:inline-block; background:url(../images/video_icon2.png) no-repeat left center; background-size:auto 100%; width:1.0rem; height:0.6rem; margin-right:0.2rem; vertical-align:text-top; margin-top:0.1rem; } .tevideo_top .pics { width:100%; height:7.5rem; overflow:hidden; position:relative; z-index:1; margin-top:0.3rem; margin-bottom:0.3rem; } .tevideo_top .pics img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .tevideo_top .pics i { display:block; width:2.2rem; height:2.2rem; position:absolute; z-index:5; left:50%; top:50%; margin-left:-1.1rem; margin-top:-1.1rem; background:url(../images/play2.png) no-repeat center; background-size:100%; } .tevideo_top .info { font-size:0.5rem; color:#9f9f9f; height:1.0rem; line-height:1.0rem; overflow:hidden; } .tevideo_top .read { float:left; } .tevideo_top .time { float:right; } .tevideo { } .tevideo li { padding: 0.7rem 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: relative; } .tevideo li:last-child { border-bottom:none; } .tevideo li .title { font-size:0.68rem; line-height:1.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:2.0rem; } .tevideo li .info { font-size:0.5rem; color:#9f9f9f; height:1.0rem; line-height:1.0rem; overflow:hidden; margin-top:0.2rem; } .tevideo li .read { float:left; } .tevideo li .time { float:right; } .tevideo li .pics { width: 5.5rem; height: 3.2rem; float: left; overflow: hidden; margin-right: 0.5rem; position: relative; z-index: 1; } .tevideo li .pics img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .tevideo li .pics i { display:block; width:1.3rem; height:1.3rem; position:absolute; z-index:5; left:50%; top:50%; margin-left:-0.65rem; margin-top:-0.65rem; background:url(../images/play2.png) no-repeat center; background-size:100%; } .telist01 { padding-top: 0.6rem; border-bottom: 1px solid #e5e5e5; padding-bottom:0.5rem; } .telist01 li { display: block; width: 48%; overflow:hidden; float:left; } .telist01 li:nth-child(2n) { float:right; } .telist01 li .pic-wrap { width:100%; height:4.0rem; overflow:hidden; position:relative; z-index:1; } .telist01 li .pic-wrap img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .telist01 li h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 0.6rem; color: #2E333F; line-height: 0.9rem; height:1.8rem; margin-top:0.4rem; font-weight:bold; } .telist02 { } .telist02 li { padding: 0.7rem 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: relative; } .telist02 li:last-child { border-bottom:none; } .telist02 li .title { font-size:0.68rem; line-height:1.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:2.0rem; } .telist02 li .info { font-size:0.5rem; color:#9f9f9f; height:1.0rem; line-height:1.0rem; overflow:hidden; margin-top:0.2rem; } .telist02 li .read { float:left; } .telist02 li .time { float:right; } .telist02 li .pics { width: 5.0rem; height: 3.2rem; float: left; overflow: hidden; margin-right: 0.5rem; position: relative; z-index: 1; } .telist02 li .pics img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } /*科技列表*/ .techannel_b { display:block; float:left; width:1.0rem; height:1.0rem; margin-top:0.6rem; position:relative; z-index:1; } .techannel_b em { position: absolute; top: 50%; left: 50%; margin-left:-0.5rem; width: 0.5rem; height: 0.5rem; border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(225deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .techannel_ti { text-align:center; font-size:0.9rem; display:block; width:-webkit-calc(100% - 2.2rem); width:-moz-calc(100% - 2.2rem); width:calc(100% - 2.2rem); float:left; line-height:2.2rem; } .telist_line { border-bottom:1px solid #e5e5e5; } .loadmore { display:block; line-height:1.8rem; text-align:center; color:#788C77; font-size:0.65rem; background:#f5f5f5; margin-bottom:0.5rem; } .newhot { padding:0.4rem 0 0.3rem 0; } .newhot li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.65rem; line-height:1.4rem; height:1.4rem; position:relative; z-index:1; padding-left:0.6rem; } .newhot li:before { content:""; position:absolute; left:0; top:50%; width:5px; height:5px; background:#ddd; border-radius:50%; margin-top:-3px; } .toutiao { border:1px solid #EEEEEE; height:1.8rem; margin:0.5rem 0.6rem 0 0.6rem; position:relative; z-index:1; padding-left:1.8rem; } .toutiao i { display:block; position:absolute; left:0; top:0; background:url(../images/toutiao.png) no-repeat top center; width:2.0rem; height:1.8rem; background-size:100% auto; } .notice-swiper { position: relative; height: auto; } .notice-swiper .swiper-container { width: 100%; height: 1.8rem; } .notice-swiper .swiper-slide { height: 1.8rem; line-height: 1.8rem; font-size:0.72rem; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notice-swiper .swiper-pagination { display:none; } /*教育*/ .study_title { font-size: 0.65rem; line-height: 1.0rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 1.0rem; background:url(../images/hot.png) no-repeat left center; background-size:auto 0.9rem; padding-left:1.2rem; } .study_video { margin:0 0.6rem; padding:0 0 0.2rem 0; } .study_video li { width: 48%; overflow: hidden; float: left; margin-top:0.6rem; } .study_video li:nth-child(2n) { float: right; } .study_video li .pics { width: 100%; height: 4.0rem; overflow: hidden; position: relative; z-index: 1; border-radius:0.5rem; } .study_video li .pics img { width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .study_video li .pics i { display:block; width:1.6rem; height:1.6rem; background:url(../images/playon2.png) no-repeat center; background-size:100% auto; position:absolute; z-index:11; right:0.3rem; bottom:0.3rem; } .study_video li .list { display:block; position:absolute; z-index:11; height:0.8rem; line-height:0.8rem; border-radius:0.2rem; color:#FFF; background:#E33E42; top:0; left:-0.3rem; padding:0 0.3rem 0 0.6rem; font-size:0.5rem; } .study_video li:nth-child(2) .list { background:#E7805C; } .study_video li:nth-child(3) .list { background:#E8B856; } .study_video li:nth-child(4) .list { background:#36AD9E; } .study_video li h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.6rem; color: #2E333F; line-height: 1.2rem; height: 1.2rem; margin-top:0.2rem; } .study_video li .time { font-size:0.5rem; color:#c0c0c0; height:1.0rem; line-height:1.0rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .study_new { } .study_new li { padding: 0.5rem 0 0.3rem 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: relative; } .study_new li:last-child { border-bottom:none; } .study_new li .title { font-size: 0.65rem; line-height: 1.0rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 1.0rem; } .study_new li .tj { display:inline-block; color:#FF7F21; border:1px solid #FF7F21; margin-right:0.3rem; padding:0 0.15rem; font-size:0.6rem; line-height:0.8rem; border-radius:0.1rem; vertical-align:baseline; } .study_new li .info { font-size:0.5rem; color:#c0c0c0; height:1.0rem; line-height:1.0rem; overflow:hidden; margin-top:0.2rem; } .study_new li .read { float:left; } .study_new li .time { float:left; } .study_ques { margin:0 0.6rem; } .study_ques li { padding: 0.5rem 0 0.3rem 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; position: relative; } .study_ques li:last-child { border-bottom:none; } .study_ques li .title { font-size: 0.65rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.0rem; max-height: 2.0rem; } .study_ques li .time { font-size:0.5rem; color:#c0c0c0; height:1.0rem; line-height:1.0rem; overflow:hidden; margin-top:0.2rem; padding-left:1.1rem; } .study_bot { margin-top:0.5rem; } .study_buy { display:block; background:#fff; border:1px solid #788C77; height:0.9rem; line-height:0.9rem; font-size:0.5rem; border-radius:0.55rem; text-align:center; color:#788C77; overflow:hidden; padding:0 0.4rem; } .study_top { margin:0 0.6rem; padding-top:0.6rem; } .study_top .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; padding-bottom:1.0rem; } .study_top .swiper-wrapper { height:auto!important; } .study_top .swiper-slide { height:1.5rem!important; line-height:1.5rem!important; font-size:0.56rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:#f5f5f5; margin-bottom:0.3rem!important; margin-top:0!important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .study_top .swiper-slide a { display:block; margin:0 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .study_top .swiper-pagination { width:100%; height:0.2rem; left:0; bottom:0; } .study_top .swiper-pagination-bullet { width:1.4rem!important; height:0.2rem; border-radius:0.2rem!important; background:#888!important; } .study_top .swiper-pagination-bullet-active { background:#788C77!important; } .book .swiper-container { width: 100%; padding:1.0rem 0 0.8rem 0.6rem; box-sizing:border-box; height:6.6rem; } .book .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .book .swiper-pagination { display:none; } .study_book { width: 10.0rem!important; height:4.0rem!important; margin-right: 0.6rem; background:#fff; -webkit-box-shadow:0 0 6px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 6px rgba(0, 0, 0, .1); box-shadow:0 0 6px rgba(0, 0, 0, .1); float:left; border-radius:0.2rem; overflow:hidden; padding:0.4rem; } .study_book a { display:block; } .study_book .study_img { display: block; width: 4.0rem; height: 4.0rem; margin-right: 0.2rem; float:left; overflow:hidden; position:relative; z-index:1; } .study_book .study_img img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .study_book .study_tit { font-size: 0.6rem; color: #444444; line-height: 0.9rem; max-height:1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:0.2rem; padding-top:0.2rem; } .study_er { margin:0.7rem 0.6rem 0 0.6rem; } .study_er li { -webkit-box-shadow:0 0 6px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 6px rgba(0, 0, 0, .1); box-shadow:0 0 6px rgba(0, 0, 0, .1); margin-bottom:0.7rem; padding:0 0.4rem; } .study_er li .er_title { background:url(../images/exam.png) no-repeat 0 0.5rem; background-size:0.75rem auto; font-size:0.62rem; padding:0.4rem 0 0.4rem 1.2rem; line-height:1.0rem; } .study_er li .er_num { height:1.2rem; line-height:1.2rem; font-size:0.55rem; overflow:hidden; padding:0.4rem 0; } .study_er li .of { display:block; color:#c0c0c0; float:left; font-size:0.5rem; } .study_er li .btn { display:block; float:left; height:1.2rem; line-height:1.2rem; background:#788C77; color:#FFF; border-radius:0.8rem; padding:0 0.5rem; } .exam_title { display:block; margin-right:0.3rem; float:left; } .exam_total { font-size:0.5rem; color:#EB2E2E; border:1px solid #EB2E2E; font-weight:normal; border-radius:0.3rem 0.3rem 0.3rem 0; line-height:0.9rem; padding:0 0.2rem; display:block; float:left; margin-top:0.56rem; } /*foot*/ .map-footer { text-align: center; padding-bottom: 0.6rem; } .map-footer .mind_e { font-size: 0.4rem; color: #B7BBC2; border-bottom: 1px solid #DDDDDD; line-height: 0.8rem; padding-bottom: 0.3rem; } .map-footer .mind_e img { height:1.2rem;} .map-footer .mind_it { font-size: 0.4rem; color: #B7BBC2; border-bottom: 1px solid #DDDDDD; line-height: 0.8rem; padding-bottom: 0.3rem; } .map-footer .mind_it img { height:1.0rem;} .map-footer .foot_nav ul li { display: inline-block; vertical-align: middle; } .map-footer .foot_nav ul li:last-child:after { display: none; } .map-footer .foot_nav ul li:after { content: ' '; display: inline-block; height: 0.4rem; width: 1px; background: #DCDEE2; } .map-footer .links { font-size: 0.48rem; line-height: 0.52rem; } .map-footer .links a { display: inline-block; color: #B7BBC2; vertical-align: middle; font-size: 0.48rem; padding: 0 0.6rem; } .map-footer .links .current { color: #2E333F; font-size: 0.52rem; padding-right: 0.52rem; } .map-footer .links span { display: inline-block; margin: 0 0.4rem; background: #DCDEE2; width: 1px; height: 0.4rem; vertical-align: middle; } .map-footer .copyright { font-size: 0.45rem; padding-top: 0.3rem; line-height: 0.8rem; border-top: 1px solid #FFF; color: #B7BBC2; } .map-footer .copyright a { color: #B7BBC2; } .map-footer .code { margin-top: 0.36rem; } .topblank { height: 3.8rem; width: 100%; background: none; clear: both; } .page { width: 100%; height: 2.0rem; text-align: center; padding-top: 0.5rem; } .page a { display: inline-block; width: 1.3rem; height: 1.2rem; text-align: center; line-height: 1.2rem; margin-left: 0.3rem; border: 1px solid #e8e8e8; color: #999999; background: #f4f4f4; } .page a:first-child { background: #fff; margin-left: 0; } .page a:first-child, .page a:last-child { width: 1.65rem; height: 1.2rem; } .page a.on { border: 0; border: 1px solid #ED3825; background: #F16E5C; color: #fff; } .logo-container { position: absolute; right: 0; bottom: 0; z-index: 65534; font-size: 0; height: 0.6rem; } .logo-container a { padding: 0 0.1rem; display: block; float: right; font-size: 0; height: 100%; background: rgba(102,102,102,.6); } .logo-container a img { border: none; display:block; width:auto; min-width:inherit; max-width:inherit; /*height:100%;*/ } .logo-link { display: block; height: 0.4rem; margin-top: 0.1rem; } .logo-container .gap { display: block; float: right; width: 1px; height: 100%; background-color: #fff; opacity: .45; filter: alpha(opacity=45); } .logo-close-img { display: block; height: 0.3rem; margin-top: 0.15rem; width:0.5rem; } .logo-link { display:block; width:1.6rem; } /*游戏*/ .game_tout { padding:0.4rem 0; } .game_tout h4 { display:block; width:2.0rem; text-align:center; float:left; font-size:1.0rem; color:#444; font-weight:bold; line-height:1.3rem; position:relative; z-index:1; padding-top:0.1rem; } .game_tout h4:before { content:""; width:1px; height:2.3rem; background:#eee; position:absolute; right:0; top:0.3rem; } .game_tout h4 i { color:#788C77; } .game_tout ul { float:right; width:-webkit-calc(100% - 2.5rem); width:-moz-calc(100% - 2.5rem); width:calc(100% - 2.5rem); height:2.8rem; overflow:hidden; } .game_tout li { height:1.4rem; line-height:1.4rem; font-size:0.65rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .game_tout li:first-child a { color:#788C77; } .gameless { margin:0 0.6rem; } .gameless ul { padding-top: 0.6rem; padding-bottom: 0.5rem; } .gameless li { display: block; width: 48%; overflow: hidden; float: left; } .gameless li:nth-child(2n) { float: right; } .gameless li .pic-wrap { width: 100%; height: 4.0rem; overflow: hidden; position: relative; z-index: 1; } .gameless li .pic-wrap img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .gameless li h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.6rem; color: #2E333F; line-height: 0.9rem; height: 1.8rem; margin-top: 0.4rem; } .game_hot { margin:0.7rem 0.6rem 0 0.6rem; } .game_hot h3 { height:1.6rem; line-height:1.6rem; overflow:hidden; background:#F5F5F5; } .game_hot h3 i { display:block; float:left; background:#788C77; color:#FFF; width:2.0rem; text-align:center; font-size:0.6rem; } .game_hot h3 b { display:block; float:right; font-weight:normal; font-size:0.6rem; width:-webkit-calc(100% - 2.3rem); width:-moz-calc(100% - 2.3rem); width:calc(100% - 2.3rem); text-overflow: ellipsis; white-space: nowrap; overflow:hidden; margin-right:0.1rem; } .game_hot ul { height:2.4rem; overflow:hidden; margin-top:0.3rem; margin-bottom:0.4rem; } .game_hot ul li { font-size:0.6rem; height:1.2rem; line-height:1.2rem; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; position:relative; z-index:1; padding-left:15px; } .game_hot ul li:before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; background:#bbb; margin-top:-2px; } .game_stra { margin:0 0.6rem; padding:0.4rem 0; } .game_stra li { width: 48%; overflow: hidden; float: left; margin-top:0.4rem; } .game_stra li a { display:block; } .game_stra li:nth-child(2n) { float: right; } .game_stra li .pics { width: 100%; height: 3.6rem; overflow: hidden; position: relative; z-index: 1; } .game_stra li .pics img { width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .game_stra li h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 0.6rem; color: #2E333F; line-height: 0.9rem; height: 1.8rem; margin-top:0.2rem; } .game_ilist {} .game_ilist li { border-bottom:1px dotted #ddd; padding:0.6rem 0; width:100%; float:left; } .game_ilist li:last-child { border-bottom:none; } .game_ilist li a { display:block; } .game_ilist li .pic { width:4.5rem; height:3.0rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; border-radius:0.3rem; } .game_ilist li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .game_ilist li h3 { font-size:0.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; max-height:1.8rem; margin-bottom:0.3rem; padding-top:0.1rem; } .game_ilist li p { height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } /*搜索页面*/ .serch_back { width:2.0rem; height:2.2rem; float:left; position:relative; z-index:1; display:block; text-indent:-999px; } .serch_back:before { content:""; position: absolute; top: 50%; margin-top:-0.1rem; left: 0; width: 0.5rem; height: 0.5rem; border-style: solid; border-width: 2px 2px 0 0; border-color: #fff; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(225deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .serch_main { margin:0 0.6rem; } .serch_box { width:100%; background:#efefef; height:2.0rem; border-radius:0.3rem; margin-top:0.7rem; position:relative; z-index:1; } .serch_box_l { width:-webkit-calc(100% - 3.0rem); width:-moz-calc(100% - 3.0rem); width:calc(100% - 3.0rem); position:absolute; z-index:9; left:0; top:0; height:2.0rem; line-height:2.0rem; border:none; background:none; font-size:0.62rem; padding:0 0 0 0.8rem; } .serch_box_b { width:2.5rem; height:2.0rem; background:url(../images/top_serch2.png) no-repeat center; background-size:1.0rem auto; border:none; position:absolute; right:0; top:0; z-index:9; } .serch_hot { margin-top:0.5rem; } .serch_hot h4 { font-size:0.7rem; padding:0.5rem 0; color:#222; } .serch_hot_c { } .serch_hot_c a { display:block; float:left; border:1px solid #ddd; line-height:1.3rem; border-radius:0.8rem; margin-right:0.5rem; font-size:0.6rem; padding:0 0.5rem; margin-bottom:0.5rem; } .tbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index:99; background: #fff; } .tbox .closebtn { position: absolute; right: 0.5rem; top: 18px; width: 22px; height: 22px; } .closebtn:before, .closebtn:after { position: absolute; left: 10px; content: ' '; height: 22px; width: 2px; background-color: #333; } .closebtn:before { transform: rotate(45deg); } .closebtn:after { transform: rotate(-45deg); } .dh_box { } .dh_box .dhtitle { border-bottom:1px solid #eee; text-align:center; font-size:0.7rem; color:#222; line-height:1.2rem; padding:0.5rem 0; } .dh_box .dhlist { margin: 0 0.5rem; padding-top: 0.8rem; overflow: hidden; } .dh_box .dhlist li { display: block; width:-webkit-calc(25% - 0.3rem); width:-moz-calc(25% - 0.3rem); width:calc(25% - 0.3rem); height: 1.6rem; line-height: 1.6rem; float: left; overflow: hidden; margin-right:0.4rem; text-overflow: ellipsis; white-space: nowrap; text-align: center; background:#f2f2f2; margin-bottom:0.35rem; font-size:0.6rem; border-radius:0.2rem; } .dh_box .dhlist li:nth-child(4n) { float:right; margin-right:0; } .dh_box .dhlist li.backi { background:#d8e2fc; color:#FFF; } /*旅游*/ .travelBox { background: #fff; margin-bottom: 0.5rem; padding:0.5rem; } .travel_hot { background:#fff; overflow:hidden; border:1px solid #e8e8e8; border-bottom:none; border-right:none; } .travel_hot ul { width:100%; float:left; } .travel_hot ul li { width:-webkit-calc(25% - 1px); width:-moz-calc(25% - 1px); width:calc(25% - 1px); float:left; text-align:center; height:1.7rem; line-height:1.7rem; font-size:0.6rem; position:relative; z-index:1; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .travel_hot ul:first-child li i { display:block; position:absolute; z-index:5; right:0; bottom:0; width:0.8rem; height:0.8rem; } .travel_hot ul:nth-child(2) li i { display:block; position:absolute; z-index:5; right:0; bottom:0; width:0.7rem; height:0.7rem; } .travel_hot ul li a { display:block; color:#555; } .travel_hot ul:first-child li:first-child { height:-webkit-calc(3.4rem + 1px); height:-moz-calc(3.4rem + 1px); height:calc(3.4rem + 1px); line-height:3.4rem; } .travel_hot ul li:first-child a { color:#9d66e4; } .travel_hot ul:first-child li:first-child a { color:#e97a7a; } .travel_scrol { margin:0 0.6rem; padding-top:0.6rem; } .travel_scrol .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; padding-bottom:0.5rem; } .travel_scrol .swiper-wrapper { height:auto!important; } .travel_scrol .swiper-slide { height:5.5rem!important; margin-bottom:0.1rem!important; margin-top:0!important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .travel_scrol .swiper-slide a { display:block; width:100%; overflow:hidden; } .travel_scrol .swiper-slide span { display:block; width:100%; height:4.0rem; overflow:hidden; border-radius:0.3rem; position:relative; z-index:1; } .travel_scrol .swiper-slide span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .travel_scrol .swiper-slide p { height:1.3rem; line-height:1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.6rem; } .travel_scrol .swiper-pagination { width:100%; height:0.2rem; left:0; bottom:0; } .travel_scrol .swiper-pagination-bullet { width:1.0rem!important; height:0.2rem; border-radius:0.2rem!important; background:#888!important; margin:0 0.1rem!important; } .travel_scrol .swiper-pagination-bullet-active { background:#788C77!important; } .travel01 { padding-top: 0.6rem; padding-bottom:0.5rem; } .travel01 li { display: block; width:-webkit-calc(33% - 3px); width:-moz-calc(33% - 3px); width:calc(33% - 3px); overflow:hidden; float:left; margin-right:6px; } .travel01 li:nth-child(3n) { float:right; margin-right:0; } .travel01 li:nth-child(3n) .pic-wrap { border-radius:0 0.3rem 0.3rem 0; } .travel01 li:nth-child(3n+1) .pic-wrap { border-radius:0.3rem 0 0 0.3rem; } .travel01 li .pic-wrap { width:100%; height:4.0rem; overflow:hidden; position:relative; z-index:1; } .travel01 li .pic-wrap img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .travel01 li h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 0.6rem; color: #2E333F; line-height: 0.9rem; height:1.8rem; margin-top:0.3rem; } .travel_dest { margin-bottom:0.2rem; } .travel_dest li { width:-webkit-calc(33% - 3px); width:-moz-calc(33% - 3px); width:calc(33% - 3px); overflow:hidden; float:left; margin-right:6px; margin-bottom:0.4rem; } .travel_dest li:nth-child(3n) { float:right; margin-right:0; } .travel_dest li a { display:block; border:1px solid #E5E5E5; line-height:1.6rem; height:1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center; font-size:0.6rem; border-radius:0.2rem; } .travel_ilist { border-top:1px solid #eee; } .travel_ilist li { border-bottom:1px dotted #ddd; padding:0.4rem 0; width:100%; float:left; } .travel_ilist li:last-child { border-bottom:none; } .travel_ilist li a { display:block; } .travel_ilist li .pic { width:5.3rem; height:3.0rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; border-radius:0.3rem; } .travel_ilist li .pic img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .travel_ilist li h3 { font-size:0.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; max-height:1.8rem; margin-bottom:0.3rem; padding-top:0.1rem; } .travel_ilist li p { height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .travel_guide { } .travel_guide .swiper-container { width: 100%; padding:0.6rem 0 0rem 0.6rem; box-sizing:border-box; height:8.0rem; } .travel_guide .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .travel_guide .swiper-pagination { display:none; } .guideli { width:10rem!important; height:7.0rem!important; overflow:hidden; margin-right: 0.5rem; background: #fff; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1); box-shadow: 0 0 6px rgba(0, 0, 0, .1); float: left; border-radius: 0.2rem; overflow: hidden; position:relative; z-index:1; } .guideli img { height:100%; position: absolute; z-index:5; transform: translate(-50%,-50%); top: 50%; left: 50%; } .guideli p { position:absolute; z-index:11; background-color:rgba(0,0,0,.5); width:100%; left:0; bottom:0; color:#fff; font-size:0.56rem; box-sizing:border-box; padding:0.1rem 0.4rem 0.1rem 0.5rem; } .guideli p b { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:1.6rem; height:1.6rem; font-weight:normal; } .guide_another { margin:0 0.6rem 0.3rem 0.6rem; } .guide_another li { height:1.7rem; line-height:1.7rem; overflow:hidden; position:relative; z-index:1; text-overflow: ellipsis; white-space: nowrap; font-size:0.6rem; border-bottom:1px dotted #d0d0d0; padding-left:15px; } .guide_another li:before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; background:#ccc; margin-top:-2px; border-radius:50%; } .guide_another li:last-child { border-bottom:none; } /*美食*/ .food_title { height: 2.4rem; line-height: 2.4rem; padding: 0 0.6rem; overflow: hidden; } .food_title b { display: block; color: #2E333F; font-size: 0.9rem; float: left; } .foodtop { margin-left:15px; } .foodtop li { display:block; float:left; box-sizing: border-box; margin-bottom:0.8rem; width:-webkit-calc(33% - 15px); width:-moz-calc(33% - 15px); width:calc(33% - 15px); margin-right:15px; text-align:center; font-size:0.6rem; font-weight:bold; } .foodtop li a { display:block; background:#fff; box-shadow: 0px 0px 12px rgba(0,0,0,0.1); height:1.6rem; line-height:1.6rem; border-radius:0.8rem; } .foodtop li a.on { background: #fe9b95; color:#FFF; box-shadow: 0px 0px 12px rgba(255,155,149,0.5); } .foodtop li:nth-child(1), .foodtop li:nth-child(2) { width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); } .foodtop li:nth-child(3), .foodtop li:nth-child(4), .foodtop li:nth-child(5){ margin-bottom:0.2rem; } .foodvideo { padding-top: 0.6rem; padding-bottom:0.3rem; } .foodvideo li { display: block; width:-webkit-calc(33% - 3px); width:-moz-calc(33% - 3px); width:calc(33% - 3px); overflow:hidden; float:left; margin-right:6px; } .foodvideo li:nth-child(3n) { float:right; margin-right:0; } .foodvideo li:nth-child(3n) .pic-wrap { border-radius:0 0.3rem 0.3rem 0; } .foodvideo li:nth-child(3n+1) .pic-wrap { border-radius:0.3rem 0 0 0.3rem; } .foodvideo li .pic-wrap { width:100%; height:4.0rem; overflow:hidden; position:relative; z-index:1; } .foodvideo li .pic-wrap img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .foodvideo li .pic-wrap i { display:block; background:url(../images/playon2.png) no-repeat center; background-size:100% auto; position:absolute; z-index:11; left:50%; top:50%; margin-top:-0.8rem; margin-left:-0.8rem; width:1.6rem; height:1.6rem; overflow:hidden; } .foodvideo li h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.6rem; color: #2E333F; line-height: 1.4rem; height:1.4rem; text-align:center; } .food_vlist { border-top:1px solid #eee; padding-top:0.2rem; } .food_vlist li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; } .food_vlist li:last-child { border-bottom:none; } .food_vlist li a { display:block; } .food_vlist li .pic { width:5.3rem; height:3.0rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; border-radius:0.3rem; } .food_vlist li .pic img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .food_vlist li .pic i { display:block; background:url(../images/playon2.png) no-repeat center; background-size:100% auto; position:absolute; z-index:11; left:50%; top:50%; margin-left:-0.8rem; margin-top:-0.8rem; width:1.6rem; height:1.6rem; overflow:hidden; } .food_vlist li h3 { font-size:0.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:1.0rem; height:1.0rem; margin-bottom:0.2rem; } .food_vlist li p { height:1.0rem; line-height:1.0rem; color:#888; font-size:0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .food_vlist li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .foodclass { margin:0.6rem; margin-bottom:0; } .foodclass li { width:-webkit-calc(25% - 6px); width:-moz-calc(25% - 6px); width:calc(25% - 6px); float:left; overflow:hidden; margin-right:8px; margin-bottom:8px; position:relative; z-index:1; } .foodclass li:nth-child(4n) { margin-right:0; } .foodclass li a { display:block; border-radius:5px; overflow:hidden; position:relative; z-index:1; } .foodclass li img { width:100%; } .foodclass li i { display:block; width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; z-index:5; left:0; top:0; } .foodclass li b { display:block; text-align:center; font-size:0.6rem; font-weight:bold; color:#FFF; line-height:2.0rem; height:2.0rem; position:absolute; z-index:11; top:50%; margin-top:-1.0rem; width:100%; left:0; } .foodclass_all { display:block; border-radius:5px; line-height:2.0rem; height:2.0rem; text-align:center; background:#788C77; color:#FFF; margin:0 0.6rem; font-size:0.65rem; opacity:0.6; } .food_nutr { margin:0 0.6rem; } .food_nutr li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; } .food_nutr li:last-child { border-bottom:none; } .food_nutr li a { display:block; } .food_nutr li .pic { width:5.3rem; height:3.0rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; border-radius:0.3rem; } .food_nutr li .pic img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .food_nutr li h3 { font-size:0.68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:1.0rem; height:1.0rem; margin-bottom:0.2rem; } .food_nutr li p { height:1.0rem; line-height:1.0rem; color:#888; font-size:0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:0.1rem; } .food_nutr li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .food_alist { margin:0.7rem 0.6rem 0.5rem 0.6rem; } .food_alist li { width:-webkit-calc(50% - 7px); width:-moz-calc(50% - 7px); width:calc(50% - 7px); float:left; box-shadow: 0 3px 6px rgba(0,0,0,0.1); border-radius: 7px; overflow: hidden; display: block; margin-bottom:0.7rem; padding-bottom:0.2rem; } .food_alist li:nth-child(2n) { float:right; } .food_alist li span { display:block; width:100%; } .food_alist li span img { display:block; width:100%; } .food_alist li b { display:block; font-size:0.6rem; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:1.2rem; line-height:1.2rem; margin:0.1rem 0.3rem 0 0.5rem; } .food_alist li i { display:block; font-size:0.5rem; line-height:1.0rem; color:#999; margin:0 0.3rem 0 0.5rem; } /*养生*/ .ysmenu { width:100%; height:2.0rem; overflow:hidden; } .ysnavbar { height: 2.0rem; line-height: 2.0rem; padding:0 0.1rem; background: #fff; } .ysnavbar div { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; vertical-align: top } .ysnavbar a { display: inline-block; padding:0 0.45rem; white-space: nowrap; font-size: 0.7rem; color: #666; } .ysnavbar a.on { position: relative; color: #47B751; font-weight: 700 } .ysnavbar a.on:before { position: absolute; left: 30px; right: 30px; bottom: 0.15rem; content: ""; border-top: 3px solid #65BB0A; } .ysnavbar span { position: absolute; display: block; top: 0; right: 0; height: 44px; line-height: 60px; width: 50px; overflow: hidden; border-left: 1px solid #eee; border-radius: 0 10px 10px 0; text-align: center; cursor: pointer; font-size: 12px; -webkit-box-shadow: rgba(0,0,0,.3) -2px 0 8px; box-shadow: -2px 0 8px rgba(0,0,0,.3); background: #fff } .ysnavbar span:before { position: absolute; top: 4px; left: 15px; content: ""; width: 20px; height: 20px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background: url(../images/icon_back_gray.png) 50% no-repeat; background-size: 18px auto } .ysclass { padding-top:0.8rem; } .ysclass li { width:25%; float:left; text-align:center; margin-bottom:0.5rem; } .ysclass li span { display:block; background: linear-gradient(to bottom,rgba(240,115,95,.8), rgba(240,115,95,1)); width:2.4rem; height:2.4rem; border-radius:50%; margin:0 auto; position:relative; z-index:1; } .ysclass li span img { height:60%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ysclass li:nth-child(1) span { background: linear-gradient(to bottom,rgba(240,115,95,.8), rgba(240,115,95,1)); } .ysclass li:nth-child(2) span { background: linear-gradient(to bottom,rgba(255,177,57,.8), rgba(255,177,57,1)); } .ysclass li:nth-child(3) span { background: linear-gradient(to bottom,rgba(100,183,241,.8), rgba(100,183,241,1)); } .ysclass li:nth-child(4) span { background: linear-gradient(to bottom,rgba(143,214,120,.8), rgba(143,214,120,1)); } .ysclass li:nth-child(5) span { background: linear-gradient(to bottom,rgba(128,204,218,.8), rgba(128,204,218,1)); } .ysclass li:nth-child(6) span { background: linear-gradient(to bottom,rgba(208,134,209,.8), rgba(208,134,209,1)); } .ysclass li:nth-child(7) span { background: linear-gradient(to bottom,rgba(252,216,50,.9), rgba(252,216,50,1)); } .ysclass li:nth-child(8) span {} .ysclass li b { display:block; font-weight:normal; font-size:0.62rem; height:1.0rem; line-height:1.0rem; margin-top:0.2rem; } .ystop { margin:0 0.6rem; border-bottom: 1px dotted #ddd; padding:0.5rem 0; } .ystop h3 { font-size: 0.68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.0rem; height: 1.0rem; margin-bottom: 0.3rem; } .ystop .pic { width:100%; border-radius: 0.3rem; overflow:hidden; max-height:7.0rem; } .ystop .pic img { width:100%; } .ys_four_t { display:block; padding:0 0.6rem; font-size:0.7rem; height:1.2rem; line-height:1.2rem; font-weight:normal; margin-top:0.3rem; } .ys_four { padding-top: 0.8rem; margin:0 0.6rem; } .ys_four:last-child { border-bottom:none; } .ys_four li { display: block; width:-webkit-calc(33% - 3px); width:-moz-calc(33% - 3px); width:calc(33% - 3px); overflow:hidden; float:left; margin-right:6px; margin-bottom:0.7rem; } .ys_four li:nth-child(3n) { float:right; margin-right:0; } .ys_four li:nth-child(3n) .pic-wrap { border-radius:0 0.3rem 0.3rem 0; } .ys_four li:nth-child(3n+1) .pic-wrap { border-radius:0.3rem 0 0 0.3rem; } .ys_four li .pic-wrap { width:100%; height:4.0rem; overflow:hidden; position:relative; z-index:1; } .ys_four li .pic-wrap img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ys_four li .pic-wrap i { display:block; background:url(../images/playon2.png) no-repeat center; background-size:100% auto; position:absolute; z-index:11; left:50%; top:50%; margin-top:-0.8rem; margin-left:-0.8rem; width:1.6rem; height:1.6rem; overflow:hidden; } .ys_four li h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 0.6rem; color: #2E333F; line-height:0.8rem; height:1.6rem; margin-top:0.3rem; } .ys_four li p { font-size:0.52rem; color:#999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.8rem; height:1.6rem; display:none; } .ys_videoano { margin:0 0.6rem; padding-bottom:0.4rem; } .ys_videoano li { width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); float:left; margin-top:0.5rem; } .ys_videoano li:nth-child(2n+1) { float:right; } .ys_videoano li .ypic { border-radius:0.3rem; position:relative; z-index:1; overflow:hidden; margin-bottom:0.1rem; height:4.0rem; width:100%; } .ys_videoano li .ypic img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .ys_videoano li .bofang { display:block; position:absolute; z-index:11; background:url(../images/play2.png) no-repeat center; background-size:100% auto; width:1.6rem; height:1.6rem; left:50%; top:50%; margin-left:-0.8rem; margin-top:-0.8rem; } .ys_videoano li .shichang { display:block; position:absolute; z-index:11; background-color:rgba(0,0,0,.4); font-size:12px; color:#FFF; right:6px; bottom:6px; width:45px; height:20px; line-height:20px; text-align:center; border-radius:15px; } .ys_videoano li p { height:1.2rem; line-height:1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.65rem; } .ys_videoano li em { display:block; font-size:0.5rem; color:#999; } .ys_videoano li:first-child { width:100%; border-bottom:1px dotted #ddd; padding-bottom:0.5rem; } .ys_videoano li:first-child .ypic { width:100%; height:8.0rem; } .ys_videoano li:first-child .bofang { width:2.4rem; height:2.4rem; margin-top:-1.2rem; margin-left:-1.2rem; } .ys_nutr { margin:0 0.6rem; } .ys_nutr li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; } .ys_nutr li:last-child { border-bottom:none; } .ys_nutr li a { display:block; } .ys_nutr li .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; border-radius:0.3rem; } .ys_nutr li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ys_nutr li h3 { font-size:0.68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:1.0rem; height:1.0rem; margin-bottom:0.4rem; } .ys_nutr li p { height:1.0rem; line-height:1.0rem; color:#888; font-size:0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:0.1rem; } .ys_nutr li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .ys_zx { margin:0 0.6rem; } .ys_zx li { border-bottom: 1px dotted #d0d0d0; padding:0.3rem 0 0.4rem 0; } .ys_zx li b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:1.4rem; line-height:1.4rem; font-size:0.68rem; display:block; font-weight:normal; } .ys_zx li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; height:1.8rem; font-size:0.56rem; color:#999; } .ys_zx li:last-child { border-bottom:none; } .ys_people { margin:0 0.6rem; } .ys_people li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; } .ys_people li:last-child { border-bottom:none; } .ys_people li a { display:block; } .ys_people li .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; border-radius:0.3rem; } .ys_people li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ys_people li h3 { font-size:0.68rem; line-height:1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.5rem; padding-top:0.15rem; } .ys_people li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .ys_people li:first-child { padding-bottom:0.2rem; } .ys_people li:first-child .pic { width:100%; height:7.5rem; margin-right:0; float:none; } .ys_people li:first-child h3 { height:auto; max-height:2.0rem; margin-top:0.3rem; } .ys_people li:first-child span { display:none; } /*体育健身*/ .yd_nav { background:#FFD100; width:100%; position:relative; z-index:11; } .yd_nav_list { width:100%; font-size: 0.72rem; text-align:center; padding:0.3rem 0; } .yd_nav_list li { width:20%; float:left; line-height:1.5rem; } .yd_nav_list li.cur { position:relative; z-index:1; } .yd_nav_list li.cur:before { content:""; width:50%; height:0.15rem; background:#222; position:absolute; bottom:0; left:25%; } .yd_tj { margin:0 0.6rem; padding-top:0.3rem; padding-bottom:0.1rem; } .yd_tj li { height:1.5rem; line-height:1.5rem; overflow:hidden; font-size:0.65rem; } .yd_tj li i { display:block; float:left; color:#FFF; background:#788C77; opacity:0.6; border-radius:0.1rem; text-transform: uppercase; width:1.4rem; font-size:0.45rem; text-align:center; height:0.8rem; line-height:0.9rem; margin-top:0.35rem; overflow:hidden; font-style:italic; } .yd_tj li b { display:block; float:right; font-weight:normal; width:-webkit-calc(100% - 1.8rem); width:-moz-calc(100% - 1.8rem); width:calc(100% - 1.8rem); } /*美容*/ .beauty_top { margin:0 0.6rem; padding-top:0.5rem; } .beauty_top li { background:#f5f5f5; border-radius:0.2rem; line-height:1.7rem; height:1.7rem; overflow:hidden; font-size:0.62rem; margin-bottom:0.3rem; box-sizing:border-box; padding:0 0.3rem 0 0.5rem; } .beauty_hf { margin:0 0.6rem; } .beauty_hf li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; position:relative; z-index:1; } .beauty_hf li:last-child { border-bottom:none; } .beauty_hf li a { display:block; } .beauty_hf li .pic { width:5.3rem; height:3.5rem; float:right; overflow:hidden; position:relative; z-index:1; margin-left:0.5rem; border-radius:0.3rem; } .beauty_hf li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .beauty_hf li h3 { font-size:0.68rem; line-height:1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.5rem; padding-top:0.15rem; } .beauty_hf li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .beauty_hf li:first-child { border-bottom:none; } .beauty_hf li:first-child .pic { width:100%; height:8.0rem; margin-left:0; float:none; } .beauty_hf li:first-child h3 { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; border-radius:0 0 0.3rem 0.3rem; overflow:hidden; height:2.0rem; line-height:2.0rem; } .beauty_hf li:first-child span { display:none; } .beauty_pc { margin:0 0.6rem; } .review01 { padding-top: 0.6rem; border-bottom: 1px solid #e5e5e5; padding-bottom:0.5rem; } .review01 li { display: block; width: 49%; overflow:hidden; float:left; } .review01 li:nth-child(2n) { float:right; } .review01 li .pic-wrap { width:100%; height:4.0rem; overflow:hidden; position:relative; z-index:1; } .review01 li .pic-wrap img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .review01 li h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 0.65rem; color: #2E333F; line-height: 1.0rem; height:2.0rem; margin-top:0.4rem; } .review_list {} .review_list li { border-bottom:1px dotted #ddd; padding:0.6rem 0; width:100%; float:left; } .review_list li:last-child { border-bottom:none; } .review_list li h3 { width:100%; float:left; font-size:0.65rem; line-height:1.2rem; height:1.2rem; margin-bottom:0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .review_list li a { display:block; } .review_list li .pic { width: 5.3rem; height: 3.2rem; float: right; overflow: hidden; position: relative; z-index: 1; border-radius: 0.3rem; } .review_list li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .review_list li .txt { color:#999; font-size:0.56rem; float:left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; line-height:0.9rem; height:2.7rem; -webkit-box-orient:vertical; width:-webkit-calc(100% - 5.6rem); width:-moz-calc(100% - 5.5rem); width:calc(100% - 5.5rem); } .beauty_another { margin:0 0.6rem; } .beauty_another li { height:1.7rem; line-height:1.7rem; overflow:hidden; position:relative; z-index:1; text-overflow: ellipsis; white-space: nowrap; font-size:0.6rem; border-bottom:1px dotted #d0d0d0; padding-left:15px; } .beauty_another li:before { content:""; position:absolute; left:0; top:50%; width:6px; height:6px; background:#EF758E; margin-top:-3px; border-radius:50%; } .beauty_another li:last-child { border-bottom:none; } .beauty_hair { margin:0 0.6rem; padding-bottom:0.5rem; } .beauty_hair li { width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px); width:calc(50% - 5px); float:left; margin-top:0.5rem; position:relative; z-index:1; } .beauty_hair li:nth-child(2n+1) { float:right; } .beauty_hair li span { display:block; border-radius:0.3rem; position:relative; z-index:1; overflow:hidden; height:4.5rem; width:100%; } .beauty_hair li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .beauty_hair li p { height:1.2rem; line-height:1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.65rem; } .beauty_hair li:first-child { width:100%; } .beauty_hair li:first-child span { width:100%; height:8.0rem; } .beauty_hair li:first-child p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; border-radius: 0 0 0.3rem 0.3rem; overflow: hidden; height:2.0rem; line-height:2.0rem; } .plastic_top { border-bottom: 1px dotted #ddd; padding: 0.5rem 0; margin:0 0.6rem; } .plastic_top .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; border-radius:0.3rem; } .plastic_top .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .plastic_top h3 { font-size:0.68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:1.0rem; height:1.0rem; margin-bottom:0.4rem; } .plastic_top p { color:#888; font-size:0.56rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; height:1.9rem; } .plastic_list { margin:0 0.6rem; } .plastic_list li { height:1.7rem; line-height:1.7rem; overflow:hidden; position:relative; z-index:1; text-overflow: ellipsis; white-space: nowrap; font-size:0.6rem; border-bottom:1px dotted #d0d0d0; padding-left:15px; } .plastic_list li:before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; background:#c0c0c0; margin-top:-2px; border-radius:50%; } .plastic_list li:last-child { border-bottom:none; } /*时尚*/ .fashion_box { margin:0 0.6rem; } .fashion_top { padding-top: 0.6rem; padding-bottom: 0.5rem; } .fashion_top li { display: block; width:-webkit-calc(33% - 3px); width:-moz-calc(33% - 3px); width:calc(33% - 3px); overflow:hidden; float:left; margin-right:6px; } .fashion_top li:nth-child(3n) { float:right; margin-right:0; } .fashion_top li .pic { width:100%; height:4.0rem; overflow:hidden; position:relative; z-index:1; } .fashion_top li .pic img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .fashion_top li h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 0.6rem; color: #2E333F; line-height: 0.9rem; height:1.8rem; margin-top:0.3rem; } .fashion_zb .swiper-container { padding-bottom:0.6rem!important; } .fashion_zb .swiper-slide { height:auto!important; margin-bottom:0.4rem!important; } .fashion_zb .swiper-slide span { border-radius:0!important; } .fashion_zb p { overflow: hidden; white-space:inherit!important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem!important; height:1.8rem!important; margin-top:0.3rem; } .fashion_two { margin:0 0.6rem; } .fashion_two li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; position:relative; z-index:1; } .fashion_two li:last-child { border-bottom:none; } .fashion_two li a { display:block; } .fashion_two li .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; } .fashion_two li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .fashion_two li h3 { font-size:0.68rem; line-height:1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.5rem; padding-top:0.15rem; } .fashion_two li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .fashion_two li:first-child { border-bottom:none; } .fashion_two li:first-child .pic { width:100%; height:8.0rem; margin-left:0; float:none; } .fashion_two li:first-child h3 { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; border-radius:0 0 0.3rem 0.3rem; overflow:hidden; height:2.0rem; line-height:2.0rem; } .fashion_two li:first-child span { display:none; } .fashion_thre { margin:0 0.6rem; } .fashion_thre li { margin-top:0.8rem; } .fashion_thre li a { display:block; } .fashion_thre li span { display:block; width:100%; height:8.0rem; overflow:hidden; position:relative; z-index:1; } .fashion_thre li span img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .fashion_thre li .txt { position:relative; z-index:9; border:1px solid #444; background-color:#fff; border-top:none; padding-top:1.2rem; padding-bottom:0.4rem; } .fashion_thre li .txt h4 { position:absolute; z-index:11; background-color:rgba(0,0,0,.8); width:90%; left:5%; height:1.6rem; line-height:1.6rem; overflow:hidden; top:-0.8rem; text-align:center; } .fashion_thre li .txt h4 b { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.68rem; color:#FFF; font-weight:normal; } .fashion_thre li .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.6rem; color: #2E333F; line-height: 0.9rem; height: 1.8rem; padding:0 0.5rem; } .fashion_four { margin:0 0.6rem; padding-bottom:0.5rem; } .fashion_four li { width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px); width:calc(50% - 5px); float:left; margin-top:0.5rem; position:relative; z-index:1; } .fashion_four li:nth-child(2n+1) { float:right; } .fashion_four li span { display:block; position:relative; z-index:1; overflow:hidden; height:4.5rem; width:100%; } .fashion_four li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .fashion_four li p { height:1.8rem; line-height:0.9rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:0.62rem; margin-top:0.2rem; } .fashion_four li:first-child { width:100%; } .fashion_four li:first-child span { width:100%; height:8.0rem; } .fashion_four li:first-child p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; border-radius: 0 0 0.3rem 0.3rem; overflow: hidden; height:2.0rem; line-height:2.0rem; } /*生活*/ .life_headline { margin:0rem 0.6rem 0.6rem 0.6rem; border-top:1px dotted #ccc; padding-top:0.5rem; } .life_headline li { margin-bottom:0.5rem; width:100%; float:left; } .life_headline li:last-child { margin-bottom:0; } .life_headline li .num { width:1.0rem; height:1.3rem; float:left; font-size:0.8rem; color:#bbb; font-weight:bold; line-height:1.3rem; } .life_headline li .txt { width:-webkit-calc(100% - 1.1rem); width:-moz-calc(100% - 1.1rem); width:calc(100% - 1.1rem); float:right; } .life_headline li .txt b { font-size:0.68rem; height:1.2rem; line-height:1.2rem; overflow:hidden; display:block; } .life_headline li .txt p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.56rem; color:#888; height:1.0rem; line-height:1.0rem; } .life_top { margin:0 0.6rem; padding:0.5rem 0 0.4rem 0; } .life_top li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; position:relative; z-index:1; } .life_top li:nth-child(2n) { float:right; } .life_top li span { display:block; position:relative; z-index:1; overflow:hidden; height:4.5rem; width:100%; } .life_top li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .life_top li p { height:1.0rem; line-height:1.0rem; overflow: hidden; font-size:0.62rem; margin-top:0.2rem; } .life_livetop { padding:0.5rem 0; margin:0 0.6rem; } .life_livetop .pic { width: 5.3rem; height: 3.5rem; float: left; overflow: hidden; position: relative; z-index: 1; margin-right: 0.5rem; } .life_livetop .pic img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .life_livetop h3 { font-size: 0.68rem; height:1.2rem; line-height:1.2rem; margin-bottom: 0.3rem; overflow:hidden; } .life_livetop span { display: block; height: 0.8rem; line-height: 0.8rem; color: #c0c0c0; font-size: 0.5rem; } .life_livetop p { line-height: 1.0rem; height: 2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #a5a5a5; font-size: 0.5rem; } .life_toplist { margin:0 0.6rem; } .life_toplist li { height:1.5rem; line-height:1.5rem; overflow:hidden; position:relative; z-index:1; font-size:0.62rem; padding-left:20px; } .life_toplist li:before { content:""; position:absolute; left:0; top:50%; width:10px; height:10px; background:#d8d8d8; margin-top:-5px; border-radius:50%; } .life_toplist li:after { content:""; position:absolute; left:2px; top:50%; width:6px; height:6px; background:#fff; margin-top:-3px; border-radius:50%; } .life_toplist li b { display:block; float:left; font-weight:normal; width:-webkit-calc(100% - 2.0rem); width:-moz-calc(100% - 2.0rem); width:calc(100% - 2.0rem); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .life_toplist li span { display:block; float:right; font-size:0.5rem; color:#c0c0c0; } .life_plant { margin:0 0.6rem; padding:0.2rem 0; } .life_plant li { background:#f5f5f5; line-height:1.7rem; height:1.7rem; overflow:hidden; font-size:0.62rem; margin-bottom:0.3rem; box-sizing:border-box; padding:0 0.3rem 0 0.5rem; } .life_pet { margin:0 0.6rem 0.4rem 0.6rem; border-bottom:1px solid #ececec; padding-bottom:0.4rem; } .life_pet li { width:-webkit-calc(33.3% - 4px); width:-moz-calc(33.3% - 4px); width:calc(33.3% - 4px); float:left; margin-top:0.5rem; position:relative; z-index:1; margin-right:6px; } .life_pet li:nth-child(3n+1) { float:right; margin-right:0; } .life_pet li span { display:block; position:relative; z-index:1; overflow:hidden; height:3.5rem; width:100%; } .life_pet li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .life_pet li p { height:1.2rem; line-height:1.2rem; font-size:0.6rem; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap;*/ } .life_pet li:first-child { width:100%; } .life_pet li:first-child span { width:100%; height:8.0rem; } .life_pet li:first-child p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; overflow: hidden; height:2.0rem; line-height:2.0rem; } .life_culture { margin:0 0.6rem; } .life_culture li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; position:relative; z-index:1; } .life_culture li:last-child { border-bottom:none; } .life_culture li a { display:block; } .life_culture li .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; } .life_culture li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .life_culture li h3 { font-size:0.68rem; line-height:1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.5rem; padding-top:0.15rem; } .life_culture li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .life_culture li:first-child { border-bottom:none; } .life_culture li:first-child .pic { width:100%; height:8.0rem; margin-left:0; float:none; } .life_culture li:first-child h3 { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; overflow:hidden; height:2.0rem; line-height:2.0rem; } .life_culture li:first-child span { display:none; } .life_housetop { margin:0.5rem 0.6rem 0.4rem 0.6rem; height: 8.0rem; overflow: hidden; position: relative; z-index: 1; } .life_housetop img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .life_housetop h3 { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; overflow: hidden; height: 2.0rem; line-height: 2.0rem; font-size:0.65rem; } .life_houselist { margin:0 0.6rem; } .life_houselist li { border-bottom: 1px dotted #d0d0d0; padding:0.3rem 0 0.4rem 0; } .life_houselist li b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:1.4rem; line-height:1.4rem; font-size:0.68rem; display:block; font-weight:normal; } .life_houselist li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; height:1.8rem; font-size:0.56rem; color:#999; } .life_houselist li:last-child { border-bottom:none; } .manual_list { margin:0 0.6rem 0.5rem 0.6rem; } .manual_list li { height:1.5rem; line-height:1.5rem; overflow:hidden; position:relative; z-index:1; font-size:0.62rem; padding-left:20px; } .manual_list li:before { content:""; position:absolute; left:0; top:50%; width:10px; height:10px; background:#9C9DFF; margin-top:-5px; border-radius:50%; } .manual_list li:after { content:""; position:absolute; left:2px; top:50%; width:6px; height:6px; background:#fff; margin-top:-3px; border-radius:50%; } .manual_list li b { display:block; float:left; font-weight:normal; width:-webkit-calc(100% - 2.0rem); width:-moz-calc(100% - 2.0rem); width:calc(100% - 2.0rem); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .manual_list li span { display:block; float:right; font-size:0.5rem; color:#c0c0c0; } .life_fengs { margin:0 0.6rem; padding-bottom:0.4rem; } .life_fengs li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; margin-top:0.5rem; } .life_fengs li:nth-child(2n+1) { float:right; } .life_fengs li .fpic { position:relative; z-index:1; overflow:hidden; margin-bottom:0.1rem; height:4.5rem; width:100%; } .life_fengs li .fpic img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .life_fengs li p { height:1.0rem; line-height:1.0rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.62rem; margin-top: 0.2rem; } .life_fengs li:first-child { width:100%; } .life_fengs li:first-child .fpic { width:100%; height:8.0rem; } /*汽车*/ .car_dynamic { padding:0.4rem 0; } .car_dynamic h4 { display:block; width:2.0rem; text-align:center; float:left; font-size:1.0rem; color:#444; font-weight:bold; line-height:1.3rem; position:relative; z-index:1; padding-top:0.1rem; } .car_dynamic h4:before { content:""; width:1px; height:2.3rem; background:#eee; position:absolute; right:0; top:0.3rem; } .car_dynamic h4 i { color:#788C77; } .car_dynamic ul { float:right; width:-webkit-calc(100% - 3.0rem); width:-moz-calc(100% - 3.0rem); width:calc(100% - 3.0rem); height:2.8rem; overflow:hidden; margin-right:0.5rem; } .car_dynamic li { height:1.4rem; line-height:1.4rem; font-size:0.65rem; overflow: hidden; } .car_dynamic li:first-child a { color:#788C77; } .car_hot { margin:0 0.6rem; padding:0.7rem 0 0.4rem 0; } .car_hot li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; position:relative; z-index:1; } .car_hot li:nth-child(2n) { float:right; } .car_hot li span { display:block; position:relative; z-index:1; overflow:hidden; height:4.5rem; width:100%; } .car_hot li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .car_hot li p { height:1.0rem; line-height:1.0rem; overflow: hidden; font-size:0.62rem; margin-top:0.2rem; } .car_head { margin:0 0.6rem 0 0.6rem; border-top:1px dotted #ddd; padding-top:0.4rem; padding-bottom:0.4rem; } .car_head li { margin-bottom:0.5rem; width:100%; float:left; } .car_head li:last-child { margin-bottom:0; } .car_head li .num { width:1.0rem; height:1.3rem; float:left; font-size:0.8rem; color:#788C77; font-weight:bold; line-height:1.3rem; } .car_head li .txt { width:-webkit-calc(100% - 1.1rem); width:-moz-calc(100% - 1.1rem); width:calc(100% - 1.1rem); float:right; } .car_head li .txt b { font-size:0.68rem; height:1.2rem; line-height:1.2rem; overflow:hidden; display:block; } .car_head li .txt p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.56rem; color:#888; height:1.0rem; line-height:1.0rem; } .car_toplist { margin:0 0.6rem; } .car_toplist li { height:1.9rem; line-height:1.9rem; overflow:hidden; position:relative; z-index:1; font-size:0.62rem; padding-left:1.3rem; border-bottom:1px dotted #ddd; background:url(../images/hot.png) no-repeat left 0.4rem; background-size:0.9rem auto; } .car_toplist li:last-child { border-bottom:none; } .car_toplist li b { display:block; float:left; font-weight:normal; width:-webkit-calc(100% - 2.0rem); width:-moz-calc(100% - 2.0rem); width:calc(100% - 2.0rem); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .car_toplist li span { display:block; float:right; font-size:0.5rem; color:#c0c0c0; } .carnew { margin:0 0.6rem; } .carnew li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; position:relative; z-index:1; } .carnew li:last-child { border-bottom:none; } .carnew li a { display:block; } .carnew li .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; } .carnew li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .carnew li h3 { font-size:0.68rem; line-height:1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.5rem; padding-top:0.15rem; } .carnew li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .carnew li:first-child { border-bottom:none; padding-bottom:0; margin-bottom:0.2rem; } .carnew li:first-child .pic { width:100%; height:8.0rem; margin-left:0; float:none; } .carnew li:first-child h3 { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; overflow:hidden; height:2.0rem; line-height:2.0rem; margin-bottom:0; } .carnew li:first-child span { display:none; } .car_energy {} .car_energy .swiper-container { padding-bottom:0.6rem!important; } .car_energy .swiper-slide { height:auto!important; margin-bottom:0.4rem!important; } .car_energy .swiper-slide span { border-radius:0!important; } .car_energy p { overflow: hidden; white-space:inherit!important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem!important; height:1.8rem!important; margin-top:0.3rem; } .carenergy_list { padding:0.2rem 0; } .carenergy_list li { background:#f5f5f5; line-height:1.7rem; height:1.7rem; font-size:0.62rem; margin-bottom:0.3rem; box-sizing:border-box; padding:0 0.3rem 0 1.2rem; position:relative; z-index:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .carenergy_list li:before { content:""; position:absolute; left:0.5rem; top:50%; z-index:9; width:0.16rem; height:0.16rem; background:#444; margin-top:-0.1rem; } .subsidy { margin:0 0.6rem 0.4rem 0.6rem; border-bottom:1px solid #ececec; padding-bottom:0.4rem; } .subsidy li { width:-webkit-calc(33.3% - 4px); width:-moz-calc(33.3% - 4px); width:calc(33.3% - 4px); float:left; margin-top:0.5rem; position:relative; z-index:1; margin-right:6px; } .subsidy li:nth-child(3n+1) { float:right; margin-right:0; } .subsidy li span { display:block; position:relative; z-index:1; overflow:hidden; height:3.5rem; width:100%; } .subsidy li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .subsidy li p { height:1.8rem; line-height:0.9rem; font-size:0.56rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:0.2rem; } .subsidy li:first-child { width:100%; } .subsidy li:first-child span { width:100%; height:8.0rem; } .subsidy li:first-child p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; overflow: hidden; height:2.0rem; line-height:2.0rem; font-size:0.62rem; } .thecar { margin:0 0.6rem; } .thecar li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; position:relative; z-index:1; } .thecar li:last-child { border-bottom:none; } .thecar li a { display:block; } .thecar li .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; } .thecar li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .thecar li h3 { font-size:0.68rem; line-height:1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.5rem; padding-top:0.15rem; } .thecar li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .carviki { margin:0 0.6rem; } .carviki li { border-bottom: 1px dotted #d0d0d0; padding:0.3rem 0 0.4rem 0; } .carviki li h4 { overflow: hidden; height:1.4rem; line-height:1.4rem; font-size:0.68rem; } .carviki li h4 i { display:block; float:left; width:0.8rem; height:0.8rem; border-radius:0.1rem; text-align:center; line-height:0.8rem; color:#FFF; background:#788C77; font-size:0.56rem; margin-top:0.3rem; } .carviki li h4 b { display:block; float:right; width:-webkit-calc(100% - 1.2rem); width:-moz-calc(100% - 1.2rem); width:calc(100% - 1.2rem); font-weight:normal; height:1.4rem; line-height:1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .carviki li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; height:1.8rem; font-size:0.56rem; color:#999; } /*元宇宙*/ .uneverse_top { margin:0.7rem 0 0.7rem 0.6rem; } .uneverse_top li { display:block; float:left; box-sizing: border-box; width:-webkit-calc(33% - 0.6rem); width:-moz-calc(33% - 0.6rem); width:calc(33% - 0.6rem); margin-right:0.6rem; text-align:center; font-size:0.6rem; font-weight:bold; } .uneverse_top li a { display:block; background:#fff; box-shadow: 0px 0px 10px rgba(0,179,254,0.2); padding:0.25rem 0; line-height:1.0rem; border-radius:0.8rem; border:1px solid #00B3FE; color:#00B3FE; } .uneverse_top li a.on { background: #fe9b95; color:#FFF; box-shadow: 0px 0px 12px rgba(255,155,149,0.5); } .uneverse_hot { margin:0.6rem 0.6rem 0 0.6rem; padding:0 0 0.4rem 0; } .uneverse_hot li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; position:relative; z-index:1; } .uneverse_hot li:nth-child(2n) { float:right; } .uneverse_hot li span { display:block; position:relative; z-index:1; overflow:hidden; height:4.5rem; width:100%; } .uneverse_hot li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .uneverse_hot li p { height:1.0rem; line-height:1.0rem; overflow: hidden; font-size:0.62rem; margin-top:0.2rem; } .uneverse_new { margin:0 0.6rem 0 0.6rem; border-top:1px dotted #ddd; padding-top:0.4rem; padding-bottom:0.4rem; } .uneverse_new li { margin-bottom:0.5rem; width:100%; float:left; } .uneverse_new li:last-child { margin-bottom:0; } .uneverse_new li .txt { width:100%; overflow:hidden; } .uneverse_new li .txt b { font-size:0.68rem; height:1.2rem; line-height:1.2rem; overflow:hidden; display:block; } .uneverse_new li .txt p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.56rem; color:#888; height:1.0rem; line-height:1.0rem; } .AR_list { margin:0.2rem 0.6rem 0.8rem 0.6rem; } .AR_list li { margin-top:0.6rem; padding:0.3rem; background:#f2f2f2; } .AR_list li .pic { width:5.0rem; height:3.5rem; overflow:hidden; position:relative; z-index:1; float:left; margin-right:0.5rem; } .AR_list li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 5; } .AR_list li .txt { } .AR_list li .txt h4 { height: 2.2rem; line-height: 1.1rem; font-size: 0.62rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.3rem; } .AR_list li .txt .time { display:block; height: 0.8rem; line-height: 0.8rem; overflow: hidden; font-size:0.5rem; color:#c0c0c0; } .AR_list li .txt .con { height: 1.8rem; line-height: 0.9rem; font-size: 0.56rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#888; } .block_list { margin:0 0.6rem; padding:0.2rem 0 0.4rem 0; } .block_list li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; margin-top:0.5rem; } .block_list li:nth-child(2n+1) { float:right; } .block_list li .fpic { position:relative; z-index:1; overflow:hidden; margin-bottom:0.1rem; height:4.5rem; width:100%; } .block_list li .fpic img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .block_list li p { font-size: 0.6rem; line-height: 1.0rem; height: 2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0.15rem; } .block_list li:first-child { width:100%; } .block_list li:first-child .fpic { width:100%; height:8.0rem; } .block_list li:first-child p { height:1.2rem; line-height:1.2rem; } .unverviki { margin:0 0.6rem; } .unverviki li { border-bottom: 1px dotted #d0d0d0; padding:0.3rem 0 0.4rem 0; } .unverviki li:last-child { border-bottom:none; } .unverviki li h4 { overflow: hidden; height:1.4rem; line-height:1.4rem; font-size:0.68rem; } .unverviki li h4 b { display:block; font-weight:normal; height:1.4rem; line-height:1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .unverviki li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; height:1.8rem; font-size:0.56rem; color:#999; } /*家电*/ .ele_piclist { margin:0 0.6rem; padding:0.2rem 0 0.4rem 0; } .ele_piclist li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; margin-top:0.5rem; } .ele_piclist li:nth-child(2n) { float:right; } .ele_piclist li .fpic { position:relative; z-index:1; overflow:hidden; margin-bottom:0.1rem; height:4.5rem; width:100%; } .ele_piclist li .fpic img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .ele_piclist li p { font-size: 0.6rem; line-height: 1.0rem; height: 2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0.15rem; } .ele_new_a { margin:0 0.6rem; padding:0.6rem 0 0.4rem 0; } .ele_new_a li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; position:relative; z-index:1; } .ele_new_a li:nth-child(2n) { float:right; } .ele_new_a li span { display:block; position:relative; z-index:1; overflow:hidden; height:4.5rem; width:100%; } .ele_new_a li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .ele_new_a li p { height:2.0rem; line-height:1.0rem; overflow: hidden; font-size:0.62rem; margin-top:0.2rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .ele_new_b { margin:0 0.6rem; } .ele_new_b li { margin-top:0.5rem; width:100%; float:left; border-bottom: 1px dotted #ddd; padding-bottom:0.5rem; } .ele_new_b li:last-child { margin-bottom:0; border-bottom:none; padding-bottom:0.4rem; } .ele_new_b li h4 { font-size:0.68rem; height:1.0rem; line-height:1.0rem; overflow:hidden; display:block; margin-bottom:0.2rem; } .ele_new_b li h4 i { display:block; float:left; background:#788C77; color:#FFF; border-radius:5px; width:1.0rem; height:1.0rem; margin-right:0.35rem; font-size:0.55rem; line-height:1.0rem; text-align:center; } .ele_new_b li h4 b { display:block; float:left; width:-webkit-calc(100% - 1.5rem); width:-moz-calc(100% - 1.5rem); width:calc(100% - 1.5rem); font-weight:normal; overflow:hidden; line-height:1.0rem; height:1.0rem; } .ele_new_b li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.56rem; color:#888; height:1.0rem; line-height:1.0rem; } .ele_all { margin:0 0.6rem; } .ele_all li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; position:relative; z-index:1; } .ele_all li:last-child { border-bottom:none; } .ele_all li a { display:block; } .ele_all li .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; } .ele_all li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ele_all li h3 { font-size:0.68rem; line-height:1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.5rem; padding-top:0.15rem; } .ele_all li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } .ele_all li:first-child { border-bottom:none; padding-bottom:0; margin-bottom:0.2rem; } .ele_all li:first-child .pic { width:100%; height:8.0rem; margin-left:0; float:none; } .ele_all li:first-child h3 { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; color: #FFF; box-sizing: border-box; padding: 0 0.3rem 0 0.5rem; overflow:hidden; height:2.0rem; line-height:2.0rem; margin-bottom:0; } .ele_all li:first-child span { display:none; } .ele_pc { margin:0 0.6rem; } .ele_pc li { border-bottom:1px dotted #ddd; padding:0.5rem 0; width:100%; float:left; position:relative; z-index:1; } .ele_pc li:last-child { border-bottom:none; } .ele_pc li a { display:block; } .ele_pc li .pic { width:5.3rem; height:3.5rem; float:left; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; } .ele_pc li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ele_pc li h3 { font-size:0.68rem; line-height:1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:0.5rem; padding-top:0.15rem; } .ele_pc li span { display:block; height:0.8rem; line-height:0.8rem; color:#c0c0c0; font-size:0.5rem; } /*热门百科*/ .baike_one { margin:0 0.6rem; padding:0.6rem 0 0 0; } .baike_one li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; position:relative; z-index:1; margin-bottom:0.5rem; } .baike_one li:nth-child(2n) { float:right; } .baike_one li span { display:block; position:relative; z-index:1; overflow:hidden; height:4.5rem; width:100%; } .baike_one li span img { display:block; height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .baike_one li p { height:2.0rem; line-height:1.0rem; overflow: hidden; font-size:0.62rem; margin-top:0.2rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /*问答*/ .ques_banner { background:url(../images/wenda_bg.jpg) no-repeat right bottom; background-size:auto 100%; width:100%; height:10.0rem; position:relative; z-index:1; margin-bottom:0.6rem; } .ques_banner_txt { text-align:center; color:#FFF; position:absolute; z-index:5; width:100%; left:0; top:1.0rem; } .ques_banner_txt h3 { font-size:1.2rem; font-weight:bold; line-height:1.5rem; } .quesmenu { width:100%; height:2.0rem; overflow:hidden; position:absolute; z-index:19; left:0; bottom:0; } .quesbar { height: 2.0rem; line-height: 2.0rem; padding:0 0.1rem; background-color:rgba(74,202,109,.6); } .quesbar div { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; vertical-align: top } .quesbar a { display: inline-block; padding:0 0.45rem; white-space: nowrap; font-size: 0.7rem; color: #fff; } .quesbar a.on { position: relative; color: #47B751; font-weight: 700 } .quesbar a.on:before { position: absolute; left: 30px; right: 30px; bottom: 0.15rem; content: ""; border-top: 3px solid #65BB0A; } .quesbox { background:#fff; border-radius:0.2rem; margin:0.6rem; margin-top:0; } .quesbox_tit { height:2.0rem; line-height:2.0rem; border-bottom:1px solid #eee; font-size:0.75rem; padding:0 0.6rem; font-weight:bold; } .quesbox_QA { padding:0.5rem 0.6rem 0.1rem 0.6rem; } .quesbox_QA li { width: 100%; float: left; margin-bottom: 0.35rem; } .quesbox_QA li .num { width: 0.9rem; float: left; font-size: 0.62rem; line-height: 1.0rem; } .quesbox_QA li .cont { width: -webkit-calc(100% - 1.0rem); width: -moz-calc(100% - 1.0rem); width: calc(100% - 1.0rem); float: right; font-size: 0.62rem; line-height: 1.0rem; max-height: 2.0rem; } .quesbox_user { padding: 0.5rem 0.6rem 0.1rem 0.6rem; overflow:hidden; } .quesbox_user li { width:100%; float:left; margin-bottom:0.5rem; height:1.5rem; line-height:1.5rem; overflow:hidden; } .quesbox_user li .num { width: 0.9rem; float: left; font-size: 0.62rem; } .quesbox_user li .tx { width:1.5rem; height:1.5rem; float:left; border-radius:50%; overflow:hidden; position:relative; z-index:1; margin-right:0.5rem; } .quesbox_user li .tx img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:110%; } .quesbox_user li .name { float:left; height:1.5rem; line-height:1.5rem; overflow:hidden; font-size:0.65rem; } .quesbox_user li .dig { display:block; float:right; font-size:0.55rem; color:#bbb; line-height:1.5rem; } .quesbox_load { padding: 0.56rem 0.6rem; overflow: hidden; } .quesbox_load li { width:100%; float:left; margin-bottom:0.35rem; } .quesbox_load li:last-child { margin-bottom:0; } .quesbox_load li span { width: 0.9rem; height:0.9rem; float: left; font-size: 0.6rem; background:#e2f5e7; color:#4ACA6D; text-align:center; line-height:0.95rem; margin-top:0.1rem; overflow:hidden; } .quesbox_load li p { width: -webkit-calc(100% - 1.3rem); width: -moz-calc(100% - 1.3rem); width: calc(100% - 1.3rem); float: right; font-size: 0.62rem; line-height: 1.0rem; max-height: 2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .questbox_zone { padding:0.6rem; padding-bottom:0; overflow:hidden; } .questbox_zone li { border-bottom: 1px solid #eee; width:100%; float:left; padding:0.5rem 0; } .questbox_zone li:last-child { border-bottom:none; } .questbox_zone li:first-child { padding-top:0; } .questbox_zone li .num { width:2.0rem; height:2.0rem; background:#f5f5f5; text-align:center; font-size:0.5rem; float:left; border-radius:0.2rem; color:#999; } .questbox_zone li .num b { display:block; font-weight:normal; font-size:0.6rem; margin-top:0.2rem; line-height:0.9rem; height:0.9rem; overflow:hidden; color:#444; } .questbox_zone li .cot { float:right; width:-webkit-calc(100% - 2.5rem); width:-moz-calc(100% - 2.5rem); width:calc(100% - 2.5rem); } .questbox_zone li .cot h4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; max-height:1.8rem; margin-bottom:0.2rem; font-size:0.65rem; } .questbox_zone li .tag { height:20px; line-height:20px; font-size:12px; margin-top:10px; } .questbox_zone li .tag a { display:block; float:left; margin-right:10px; background: #f2faf4; color: #9bc59e; padding:0 10px; border-radius:3px; } .questbox_zone li .ano { font-size:0.5rem; height:1.0rem; line-height:1.0rem; color:#999; } .questbox_zone li .user, .questbox_zone li .time { display:block; float:left; } .questbox_zone li .user, .questbox_zone li .user a { color:#4ACA6D; } .questbox_zone li .user { margin-right:0.5rem; } .queslist_top { width:100%; height:2.0rem; overflow:hidden; } .queslist_top_bar { height: 2.0rem; line-height: 2.0rem; padding:0 0.1rem; } .queslist_top_bar a { display: block; font-size: 0.7rem; color: #333; width:25%; float:left; text-align:center; } .queslist_top_bar a.on { position: relative; color: #00965E; font-weight: 700 } .queslist_top_bar a.on:before { position: absolute; left: 30px; right: 30px; bottom: 0.15rem; content: ""; border-top: 3px solid #00965E; } .questlist_all { width:100%; } .questlist_all li { width:100%; float:left; background:#fff; margin-bottom:0.5rem; padding:0.5rem 0.6rem; box-sizing:border-box; border-bottom:1px solid #eee; border-top:1px solid #eee; } .questlist_all li .num { font-size:0.5rem; height:1.0rem; line-height:1.0rem; overflow:hidden; margin-bottom:0.4rem; } .questlist_all li .num p { float:left; margin-right:0.6rem; background:#f5f5f5; border-radius:0.2rem; color:#999; padding:0 0.4rem 0 0.35rem; } .questlist_all li .num b { font-weight:normal; font-size:0.6rem; overflow:hidden; color:#444; margin-right:0.2rem; } .questlist_all li h4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:0.9rem; max-height:1.8rem; margin-bottom:0.4rem; font-size:0.65rem; } .questlist_all li .tag { height:1.0rem; line-height:1.0rem; font-size:0.5rem; overflow:hidden; margin-bottom:0.3rem; } .questlist_all li .tag a { display:block; float:left; margin-right:0.5rem; background: #f2faf4; color: #9bc59e; padding:0 0.35rem; border-radius:0.2rem; } .questlist_all li .ano { font-size:0.5rem; height:1.0rem; line-height:1.0rem; color:#999; } .questlist_all li .user, .questlist_all li .time { display:block; float:left; } .questlist_all li .user, .questlist_all li .user a { color:#4ACA6D; } .questlist_all li .user { margin-right:0.5rem; } .quespage { width: 100%; height: 2.0rem; text-align: center; padding:0.3rem 0 0.4rem 0; font-size:0.56rem; } .quespage a { display: inline-block; height: 1.2rem; text-align: center; line-height: 1.2rem; margin-left: 0.3rem; border: 1px solid #e8e8e8; color: #999999; background: #fff; padding:0 0.45rem; } .quespage a:first-child { background: #fff; margin-left: 0; } .quespage a.on { border: 0; border: 1px solid #4ACA6D; background: #4ACA6D; color: #fff; } .ques_position { height:1.0rem; line-height:1.0rem; font-size:0.56rem; margin:0.5rem 0.6rem; } .ques_position li { float:left; margin-right:0.5rem; padding-right:0.5rem; position:relative; z-index:1; } .ques_position li:before { content:""; position:absolute; right:-0.1rem; top:0.45rem; position: absolute; width: 0.3rem; height: 0.3rem; border-style: solid; border-width: 1px 1px 0 0; border-color: #bbb; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .ques_position li:last-child { margin-right:0; padding-right:0; } .ques_position li:last-child:before { display:none; } .ques_position span { display:block; float:left; border:1px dotted #ccc; background:#fff; height:1.0rem; line-height:1.0rem; text-align:center; padding:0 0.35rem; } .ques_detail_box { width:100%; background:#FFF; margin-bottom: 0.5rem; padding: 0.5rem 0.6rem; box-sizing: border-box; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } .question_title { color: #222; font-size: 0.86rem; line-height: 1.2rem; } .ques_detail_name { height: 1.2rem; line-height: 1.2rem; margin-top: 0.5rem; } .ques_detail_name .tx { display: block; float: left; width: 1.2rem; height: 1.2rem; overflow: hidden; border-radius: 50%; } .ques_detail_name .tx img { display: block; width: 100%; height: 100%; } .ques_detail_name .name { font-size: 0.6rem; display: block; float: left; margin-left: 0.3rem; } .ques_detail_name .time { font-size: 0.55rem; color: #bbb; margin-left: 1.0rem; } .ques_detail_cont { font-size: 0.65rem; line-height: 1.0rem; color: #333; padding: 0.5rem 0; } .ques_detail_cont p { padding:0.2rem 0; } .ques_detail_cont img { max-width:100%; } .ques_detail_tag { height: 1.0rem; line-height: 1.0rem; font-size: 0.56rem; } .ques_detail_tag a { display: block; float: left; margin-right: 0.5rem; background: #f2faf4; color: #9bc59e; padding: 0 0.35rem; border-radius: 0.2rem; } .ques_detail_btn { margin-top: 0.5rem; } .ques_detail_me { float: left; font-size: 14px; background: #4ACA6D; color: #fff; text-align: center; line-height: 1.3rem; height: 1.3rem; border-radius: 0.2rem; padding:0 0.6rem; } .answ_detail_box { width:100%; background:#FFF; margin-bottom: 0.5rem; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } .ques_detail_total { height: 1.8rem; line-height: 1.8rem; font-size: 0.75rem; color: #333; font-weight: bold; border-bottom: 1px solid #eee; padding: 0 0.6rem; } .ques_detail_total span { margin: 0 0.2rem; } .answ_detail_list {} .answ_detail_list .answer_i { border-bottom:1px solid #eee; padding:0.6rem; position:relative; z-index:1; } .answ_detail_list .answer_i:last-child { border-bottom:none; } .best-answer { position:absolute; z-index:11; background:url(../images/best.png) no-repeat; background-size:100% 100%; width:3.0rem; height:3.0rem; right:0; top:0; } .Ans_detail_name { height:1.2rem; line-height:1.2rem; } .Ans_detail_name .tx { display:block; float:left; width:1.2rem; height:1.2rem; overflow:hidden; border-radius:50%; } .Ans_detail_name .tx img { display:block; width:100%; height:100%; } .Ans_detail_name .name { font-size:0.6rem; display:block; float:left; margin-left:0.3rem; } .Ans_detail_name .time { font-size:0.56rem; color:#bbb; margin-left:1.0rem; } .Ans_detail_cont { font-size:0.65rem; line-height:1.1rem; color:#333; margin-top:0.3rem; } .Ans_detail_cont p { padding:0.2rem 0; } .Ans_detail_cont img { max-width:100%; } .Ans_detail_about {} .Ans_detail_about li { border-bottom:1px solid #eee; padding:0.5rem 0.6rem 0.5rem 0.6rem; } .Ans_detail_about li:last-child { border-bottom:none; } .Ans_detail_about li h6 { font-size:0.68rem; line-height:1.1rem; } .Ans_detail_about .ans_about_con { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.0rem; max-height:2.0rem; font-size:0.56rem; color:#999; margin-top:0.2rem; } /*03-15*/ .search-box{ position: relative; display:none; width:100%; height:60px; z-index: 3; background: #efefef;} .search-box input{ display:inline-block; float:left; border:none; background:none; outline: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .search-box input.top-text{ width:calc(100% - 105px); height: 36px; border: 1px solid #d8d8d8; margin: 11px 0 0 15px; border-radius: 5px; background:#fff; font-size:14px; color:#333; padding:0 10px; color:#999;} .search-box input.top-submit { float:right; height: 35px; line-height:35px; border-radius:5px; margin:11px 15px 0 0; width:60px; font-size: 14px; color: #1cb2ff; background:#FA9600; color:#FFF;} .ylink { background: #fff; border-radius: 0.2rem; margin: 0.6rem; margin-top: 0; font-size:0.56rem; box-sizing:border-box; padding:0.5rem; padding-right:0; line-height:1.0rem; } .ylink b { display:block; } .ylink a { display:inline-block; margin-right:0.5rem; } .shengming { font-size: 0.55rem; line-height: 0.9rem; color: #444; /*background:url(../images/gantan.png) no-repeat 0.3rem center #f4f4f4; background-size:2.0rem auto;*/ box-sizing:border-box; padding:0.3rem 0.6rem; border-bottom: 1px solid #f2d5d5; border-top: 1px solid #f2d5d5; background:#fef6f6; margin:0 0 0.55rem 0; } .shengming .ico { display:inline-block; width:0.65rem; margin-right:0.25rem; } .shengming .ico img { width:100%; } .qa_srch { padding:0.4rem 0.6rem; } .qa_srch ul { height:6.5rem; overflow:hidden; } .qa_srch li { width:-webkit-calc(50% - 0.3rem); width:-moz-calc(50% - 0.3rem); width:calc(50% - 0.3rem); float:left; font-size:0.6rem; height:1.3rem; line-height:1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:1; } .qa_srch li:nth-child(2n) { float:right; } .qa_about { padding:0.4rem 0.6rem; } .qa_about ul { height:6.5rem; overflow:hidden; } .qa_about li { width:100%; float:left; font-size:0.6rem; height:1.3rem; line-height:1.3rem; } .qa_about li p { display:block; /*float:left; width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); width:calc(100% - 130px);*/ width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:1; padding-left:15px; box-sizing:border-box; } .qa_about li p:before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; background:#d2d2d2; margin-top:-2px; } .qa_about li span { display:none; float:right; font-size:13px; color:#c0c0c0; } .qa_rec { padding:0.2rem 0.6rem; } .qa_rec ul { } .qa_rec li { width:100%; float:left; } .qa_rec li { border-bottom: 1px dotted #e0e0e0; padding: 0.6rem 0; width: 100%; box-sizing: border-box; float: left; } .qa_rec li:last-child { border-bottom:none; } .qa_rec li .pic { width: 4.5rem; height: 2.8rem; float: left; position: relative; z-index: 1; margin-right: 0.5rem; overflow: hidden; background: #eee; } .qa_rec li .pic img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .qa_rec li .itt { font-size: 0.62rem; line-height: 1.2rem; height:1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:-0.2rem; margin-bottom:0.1rem; } .qa_rec li .info { line-height: 0.9rem; max-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 0.5rem; color: #999; } .qa_rec li .mmo { color:#FA9600; display:none; font-size:14px; position:relative; z-index:1; padding-right:15px; } .qa_rec li .mmo:before { content:""; position: absolute; top: 50%; margin-top:-1px; right: 0px; width: 6px; height: 6px; border-style: solid; border-width: 2px 2px 0 0; border-color: #FA9600; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } /*详情*/ .ndetail { padding:0.5rem; background:#fff; margin-bottom:0.5rem; } .dstitle { font-size:0.9rem; color:#111; font-weight:bold; padding:0.3rem 0; } .dstime { line-height:1.0rem; font-size:0.55rem; color:#888; margin-bottom:0.4rem; } .dstime i { margin:0 0.5rem 0 0; } .smalltext { background: #f5f5f5; padding:0.5rem; font-size: 0.56rem; color: #555; border-radius: 0.5rem; line-height: 0.9rem; } .smalltext .answer { border: 1px solid #788C77; padding: 0.1rem 0.3rem; margin-right: 0.5rem; border-radius: 0.2rem; color: #788C77; } .in_content { font-size: 0.66rem; line-height: 1.3rem; color: #333; padding: 0.5rem 0; } .in_content p { padding: 0.5rem 0; } .in_content img { width:100%; } .n_downBox { background: #fff; margin-bottom: 0.5rem; } .n_down { display: flex; justify-content: space-between; align-items: center; } .n_down li { width: 50%; padding:0.5rem 20px; box-sizing: border-box; border-right:1px solid #eee; } .n_down li:last-child { border-right:none;} .n_down li p:first-child { font-size: 0.5rem; color: #888; line-height:1.0rem; margin-bottom:0.3rem; } .n_down li p:last-child { font-size: 0.6rem; color: #111; line-height: 1.0rem; height:2.0rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }