@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;
}