/************************ ↓ main_headline ↓ **********************/

.main_headline {
    margin-bottom: .3rem;
    background: #fff;
}

.main_headline .headline_title span {
    top: 0.17rem;
}

.headline_li dd {
    padding: .3rem 0 .24rem .15rem;
    border-bottom: .02rem solid #f1f1f1;
}

.headline_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.headline_item-lf {
    flex-grow: 1;
    height: 1.55rem;
    padding-right: .36rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.headline_item-lf h1 {
    font-size: .34rem;
    font-weight: normal;
    line-height: .48rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.record {
    display: flex;
    align-items: center;
    font-size: .24rem;
    line-height: .32rem;
    color: #838383;
    width: 100%;
    height: .32rem;
}

.record i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .32rem;
    height: .19rem;
    overflow: hidden;
    margin-right: .12rem;
}

.record img {
    max-width: 100%;
}

.record span {
    font-size: .24rem;
    line-height: .32rem;
    color: #838383;
}

.headline_item-rg {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.35rem;
    height: 1.55rem;
    overflow: hidden;
}

.headline_item-rg img {
    max-width: 100%;
}

/* .moveBtn {
    margin-bottom: .3rem;
} */

/************************ ↑ main_headline ↑ **********************/



/************************ ↓ ranking ↓ **********************/

.ranking {
    width: 7.1rem;
    padding: 0 .2rem;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    background: #fff;
}

.rankingList {
    padding-top: .23rem;
}

.rankingList li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .17rem;
    margin-bottom: .15rem;
}

.rankItem-lf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    width: 3.4rem;
}

.rankNumber {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .48rem;
    height: .48rem;
    font-size: .28rem;
    line-height: .48rem;
    color: #fff;
    background: #bdbdbd;
}

.rankingList li:nth-child(1) .rankNumber {
    background: #f03d05;
}

.rankingList li:nth-child(2) .rankNumber {
    background: #fa6604;
}

.rankingList li:nth-child(3) .rankNumber {
    background: #f18800;
}

.rankLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.95rem;
    height: .99rem;
    overflow: hidden;
}

.rankLogo img {
    max-width: 100%;
}

.rankItem-rg {
    flex-grow: 1;
    padding-left: .7rem;
    font-size: .28rem;
    line-height: 1;
    color: #7c8083;
}

.rankItem-rg span {
    color: #f3264d;
    font-size: .33rem;
}

.ranking-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15rem 0;
    border-bottom: .02rem solid #c2c2c2;
}

.ranking-tab .ranking-tab-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: .3rem; */
    font-size: .32rem;
    line-height: 1;
    color: #716871;
    width: 50%;
}

.ranking-tab .ranking-tab-cur::after {
    position: absolute;
    left: 0;
    bottom: -.16rem;
    z-index: 100;
    content: '';
    width: 100%;
    height: .06rem;
    background: #be1a21;
}
/************************ ↑ ranking ↑ **********************/




/************************ ↓ focus ↓ **********************/

.focus {
    width: 7.1rem;
    padding: 0 .2rem;
    background: #fff;
}

.focus .headline_title {
    border: none;
}

.focus .titlogoa {
    height: 0.7rem;
    width: auto;
    margin-left: 0.2rem;
    display: inline-block;
}

.focus .titlogoa img {
    height: 0.43rem;
    vertical-align: middle;
}


.focusNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15rem 0;
    border-bottom: .02rem solid #c2c2c2;
}

.focusNav li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-size: .3rem;*/
    font-size: .28rem;
    line-height: 1;
    color: #716871;
}

.focusNav .fnRus::after {
    position: absolute;
    left: 0;
    bottom: -.16rem;
    z-index: 100;
    content: '';
    width: 100%;
    height: .06rem;
    background: #be1a21;
}

.focusBanner {
    padding-top: .3rem;
}

.fb {
    display: none;
}

.fbRus {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.fb a {
    font-size: .32rem;
    line-height: 1;
    color: #656563;
    padding: .32rem 0;
    border-bottom: .02rem solid #f1f1f1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fb a:last-child {
    border: none;
}

.fb .fbImg {
    position: relative;
    display: block;
    margin-bottom: .16rem;
}

.fbImg i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7.1rem;
    height: 4rem;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 10px;
}

.fbImg i img {
    max-width: 100%;
}

.fbImg p {
    position: absolute;
    bottom: .26rem;
    left: 3%;
    z-index: 100;
    font-size: .26rem;
    color: #fff;
    width: 94%;
    text-align: left;
}

/************************ ↑ focus ↑ **********************/




/************************ ↓ optimization ↓ **********************/

.optimization {
    width: 7.1rem;
    padding: 0 .2rem;
    background: #fff;
}

.optimization .headline_title {
    border: none;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.optimization .headline_title .move-a {
    height: 0.26rem;
    position: absolute;
    right: 0;
    top: 0.28rem;
    display: block;
    font-size: 0.24rem;
    color: #898989;
    line-height: 0.26rem;
}

.opNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15rem 0;
    border-bottom: .02rem solid #c2c2c2;
    width: 100%;
    overflow: auto;
}

.opNav::-webkit-scrollbar {
    display: none;
}

.opNav li {
    position: relative;
    flex: 1 0 auto;
    margin-right: .2rem;
    font-size: .3rem;
    line-height: 1;
    color: #716871;
}

.opNav li:last-child {
    margin: 0;
}

.opNav .opRus::after {
    position: absolute;
    left: 0;
    bottom: -.16rem;
    z-index: 100;
    content: '';
    width: 100%;
    height: .06rem;
    background: #be1a21;
}

.opShow {
    padding-top: .24rem;
}

.opList {
    display: none;
}

.opShow .opListRus {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.opList li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 1.8rem;
    overflow: hidden;
    margin-bottom: .24rem;
}

.opList li img {
    max-width: 100%;
}

/************************ ↑ optimization ↑ **********************/




/************************ ↓ good ↓ **********************/

.good {
    width: 7.1rem;
    padding: 0 .2rem;
    margin-bottom: .3rem;
    background: #fff;
}

.good .headline_title {
    border: none;
    justify-content: space-between;
    align-items: center;
}


.goodNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15rem 0;
    border-bottom: .02rem solid #c2c2c2;
    width: 100%;
    overflow: auto;
}

.goodNav::-webkit-scrollbar {
    display: none;
}

.goodNav li {
    position: relative;
    flex: 1 0 auto;
    margin-right: .2rem;
    font-size: .3rem;
    line-height: 1;
    color: #716871;
}

.goodNav li:last-child {
    margin: 0;
}

.goodNav .gdRus::after {
    position: absolute;
    left: 0;
    bottom: -.16rem;
    z-index: 100;
    content: '';
    width: 100%;
    height: .06rem;
    background: #be1a21;
}

.goodShow {
    padding-top: .2rem;
}

.goodList {
    display: none;
}

.goodShow .goodListRus {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.goodList li {
    width: 3.5rem;
    margin-bottom: .2rem;
}

.goodList-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.goodList-item i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 2.86rem;
    overflow: hidden;
}

.goodList-item i img {
    max-width: 100%;
}

.goodList-item h2 {
    width: 100%;
    font-weight: normal;
    padding: .16rem 0;
    font-size: .32rem;
    line-height: 1;
    color: #000;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/************************ ↑ good ↑ **********************/





/************************ ↓ furniture ↓ **********************/

.furniture {
    width: 7.1rem;
    padding: 0 .2rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0.1rem;
    background: #fff;
}

.furniture .headline_title {
    border: none;
    justify-content: space-between;
    align-items: center;
}

.furniture .headline_title .move-a {
    font-size: 0.24rem;
    display: inline-block;
    color: #666666;
}

.fiShow {
    margin-top: 0.1rem;
}

.fiShow-top {
    position: relative;
    margin-bottom: .22rem;
}

.fiShow-top i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7.1rem;
    height: 4.69rem;
    overflow: hidden;
}

.fiShow-top img {
    max-width: 100%;
}

.fiShow-top span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: .6rem;
    background: rgba(0, 0, 0,.6);
    font-size: .24rem;
    line-height: .6rem;
    text-align: center;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .1rem;
    box-sizing: border-box;
}

.fiShow-dow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.fiShow-dow-item {
    display: block;
    position: relative;
    width: 3.5rem;
}

.fiShow-dow-item i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 2.33rem;
    overflow: hidden;
}

.fiShow-dow-item span {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: .6rem;
    background: rgba(0, 0, 0,.2);
    text-align: center;
    font-size: .24rem;
    line-height: .6rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .1rem;
    box-sizing: border-box;
}

.fiShow img {
    max-width: 100%;
}

/************************ ↑ furniture ↑ **********************/



/************************ ↓ strategy ↓ **********************/

.strategy {
    width: 7.1rem;
    padding: 0 .2rem;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    background: #fff;
}

.strategy .headline_title {
    border: none;
    justify-content: space-between;
    align-items: center;
}


.sgShow {
    display: flex;
    justify-content: space-between;
    /**align-items: center;***/
}

.sgShow li {
    width: 3.34rem;
    border: .02rem solid #e5e5e5;
}

.sgShow-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.sgShow-item i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.35rem;
    height: 2.25rem;
    overflow: hidden;
}

.sgText {
    padding: .18rem;
}

.sgText h1 {
    font-size: .30rem;
    line-height: 160%;
    color: #656563;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: .2rem;
}

.sgText h3 {
    font-size: .24rem;
    color: #404040;
    line-height: 180%;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: .2rem;
}

.sgText h6 {
    font-size: .2rem;
    color: #404040;
    line-height: .26rem;
    font-weight: normal;
}

.sgShow img {
    max-width: 100%;
}

/************************ ↑ strategy ↑ **********************/



/************************ ↓ 大咖之声 ↓ **********************/

.voice {
    width: 7.1rem;
    padding: 0 .2rem;
    padding-bottom: .35rem;
    margin-bottom: .3rem;
    background: #fff;
}

.voice .headline_title {
    border: none;
    justify-content: space-between;
    align-items: center;
}

.voice .headline_title .move-a {
    font-size: 0.24rem;
    display: inline-block;
    color: #666666;
}

.voiceCard {
    position: relative;
}

.voiceCard .swiper-button-prev {
    width: .66rem;
    height: .66rem;
    overflow: hidden;
    background: url(../static/prevIcon.png) no-repeat;
    background-size: .66rem .66rem;
    opacity: 1;
    outline: none;
    left: -.15rem;
}

.voiceCard .swiper-button-next {
    width: .66rem;
    height: .66rem;
    overflow: hidden;
    background: url(../static/nextIcon.png) no-repeat;
    background-size: .66rem .66rem;
    opacity: 1;
    outline: none;
    right: -.15rem;
}

.voiceCard-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.voiceCard-item h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 3.5rem;*/
    width: 100%;
    height: 3.8rem;
    overflow: hidden;
}

.voiceCard-item img {
    /*max-width: 100%;*/
    width: 100%;
    height: 100%;
}

.voiceCard-item p {
    width: 100%;
    height: .6rem;
    font-size: .26rem;
    color: #404040;
    line-height: .6rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    background: #d3d5d4;
}

/************************ ↑ 大咖之声 ↑ **********************/


/************************ ↓ interview ↓ **********************/

.interview {
    width: 7.1rem;
    padding: 0 .2rem;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    background: #fff;
}

.interview .headline_title {
    border: none;
    justify-content: space-between;
    align-items: center;
}


.ivShow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.ivShow li {
    width: 3.5rem;
    margin-bottom: .3rem;
}

.ivShow-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.ivShow-item i {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 3.5rem;
    height: 2.4rem;
    overflow: hidden;
}

.ivShow-item img {
    max-width: 100%;
}

.ivShow-item p {
    width: 100%;
    height: .8rem;
    padding: .1rem .05rem;
    box-sizing: border-box;
    background: #fff;
}

.ivShow-item p span {
    font-size: .30rem;
    color: #404040;
    line-height: 160%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    box-sizing: border-box;
}

/************************ ↑ interview ↑ **********************/




/************************ ↓ evaluation ↓ **********************/

.evaluation {
    width: 7.1rem;
    padding: 0 .2rem;
}

.evaluation .headline_title {
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.evaluation .headline_title .move-a {
    font-size: 0.24rem;
    display: inline-block;
    color: #666666;
}

.etShow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.etShow li {
    width: 3.42rem;
    margin-bottom: .2rem;
}

.etShow-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.etShow-item i {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 3.42rem;
    height: 2.3rem;
    overflow: hidden;
}

.etShow-item img {
    max-width: 100%;
}

.etShow-item p {
    width: 100%;
    height: .8rem;
    padding: .1rem .05rem;
    box-sizing: border-box;
    background: #fff;
}

.etShow-item p span {
    font-size: .22rem;
    color: #404040;
    line-height: .3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    box-sizing: border-box;
}

/************************ ↑ evaluation ↑ **********************/




/************************ ↓ 红木知识 ↓ **********************/

/* .mid_left {
    display: inline-block;
    float: none;
    line-height: 1;
    height: auto;
}
.mid_left em {
    display: inline-block;
    float: none;
    font-size: .2rem;
    line-height: 1;
    height: auto;
}
.mid_right {
    display: inline-block;
    font-size: .2rem;
    line-height: 1;
}
.mid_right em {
    line-height: 1;
} */

/************************ ↑ 红木知识 ↑ **********************/


/************************ ↓ 热门专题 ↓ **********************/

.special {
    width: 7.1rem;
    padding: 0 .2rem;
    margin-bottom: 0.3rem;
}

.special .headline_title {
    border: none;
    justify-content: space-between;
    align-items: center;
}

.slShow dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sldt-item {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.sldt-item i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 2.32rem;
    overflow: hidden;
}

.sldt-item img {
    max-width: 100%;
}

.sldt-item span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: .6rem;
    font-size: .26rem;
    line-height: .6rem;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .05rem;
    box-sizing: border-box;
}

.slShow dd {
    width: 100%;
    padding: .3rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: .02rem solid #c9c9c9;
}

.slShow dd a {
    font-size: .26rem;
    color: #656563;
    line-height: 1;
}

.slShow dd:last-child {
    border: none;
}




/************************ ↑ 热门专题 ↑ **********************/
.optimization .pinpaipaihangbanglogo {
    height: 0.38rem;
    float: left;
}

.optimization .headline_title h3 {
    margin-left: 0.2rem;
}
/*品牌访谈*/
.interview .titlogoa {
    height: 0.5rem;
    width: auto;
    margin-left: 0.1rem;
}

.interview .titlogoa img {
    height: 0.5rem;
}
/*广告样式*/
.focus-slider {
    position: relative;
    width: 7.5rem;
    overflow: hidden;
    padding: 0rem 0 .4rem 0 !important;
}

.item-pic .focus-slider {
    position: relative;
}

.item-pic::after {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAA2UlEQVR42rWTIRLCMBBFewO4S87QC/QEYJgKFI6pQFVkUJiiEB0UU4EqKjKqKiampyFfZGaZbbqGiDdNNtu87jYplFKHP7MLlIFNoCCCLKJtUlBV1RFPibquTyu5ZVIwDMMNpNa6rmvjWGt9Seyz/xFM0/SieO8/dN40zRl5iDvn3ojRMej7/kr3ZAIylyuTK+ACqd/jON6jBOAdY8yDxpAnCNI/Hl8rgTwmQDAKJFAFcpdItgingvaWI1e6KrDWPnFKsgjQN7YoCJaY59kwAb+5MqhUjFNBTr4o+NIDSUJaEwAAAABJRU5ErkJggg==) left bottom no-repeat;
}

.focus-slider .swiper-pagination {
    bottom: 0.04rem !important;
}

.focus-slider .swiper-pagination-bullet {
    width: 0.1rem !important;
    height: 0.1rem !important;
}

.focus-slider .swiper-pagination-bullet-active {
    background: rgb(140, 141, 144);
}

.focus-slider .swiper-slide {
    width: 100%;
    height: 3.9rem;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.focus-slider .swiper-slide img {
    width: 100%;
    display: inline-block;
}



.focus-slider .swiper-slide .item-tit {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-height: 0.38rem;
    padding: 0.12rem 0.12rem 0.09rem;
    box-sizing: border-box;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 88888;
}

.focus-slider .swiper-slide .item-tit p {
    font-size: 0.3rem;
    color: #fff;
}

.focusPic img {
    width: 100%;
}