.appreciateDetail {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    margin-top: 107px;
    padding-top: 78px;
}

.appreciateDetail .content {
    width: 1200px;
    margin: 0 auto;
}


.appreciateDetail .content .item-l {
    width: 960px;
}


.appreciateDetail .content .item-l h1 {
    font-size: 22px;
    color: #333333;
    text-align: center;
}

.appreciateDetail .content .item-l .des {
    color: #898989;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 24px;
    margin-top: 30px;
}

.appreciateDetail .content .item-l .page {
    color: #898989;
    padding: 50px 0;
    /*display: flex;*/
}

.appreciateDetail .content .item-l .page div:first-child {
    margin-right: 20px;
}

.appreciateDetail .content .item-l .page .next-page{
    margin-left: 6px;color: #898989;cursor: pointer;
}
.appreciateDetail .content .item-l .page .page-hove:hover span,
.appreciateDetail .content .item-l .page .page-hove:hover a{
    color: #c90020;
}

.appreciateDetail .content .item-r {
    width: 200px;
}
.appreciateDetail .content .item-r .relative-information {
    margin-top: 48px;
    margin-bottom: 13px;
    text-align: center;
}

.appreciateDetail .content .item-r .divider {
    height: 1px;
    width: 100%;
    background-color: #d4d4d4;
}

.appreciateDetail .content .item-r .tag {
    padding: 3px 63px;
    border: 1px solid #dadada;
    text-align: center;
    margin-bottom: 10px;
    color: #898989;
}
.appreciateDetail .content .item-r .tag a{color:#898989}
.appreciateDetail .content .item-r .tag:hover{background: #ff0000;}
.appreciateDetail .content .item-r .tag:hover a{color: #fff;}

.appreciateDetail .content .item-r .swiper-container {
    width: 100%;
    height: 100%;
}

.appreciateDetail .content .item-r .swiper-container .swiper-slide {
    height: 160px;
}

.appreciateDetail .content .item-r .swiper-container .swiper-slide-active {
    height: auto;
}

.appreciateDetail .content .item-r .swiper-container .swiper-slide:hover .title {
    color: #0096dc;
}

.appreciateDetail .content .item-r .swiper-container .swiper-slide:hover {
    cursor: pointer;
}

.appreciateDetail .content .item-r .swiper-container .title {
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 10px;
    color: #898989;
    text-align: center;
    text-justify: inter-ideograph;
}

.appreciateDetail .content .item-r .swiper-container .slide-content{
    margin: 0 auto;
    width: 160px;
}

.appreciateDetail .content .item-r .swiper-container .slide-content img{
    width: 160px;
    height: 160px;
}

.appreciateDetail .content .item-r .swiper-box {
    width: 200px;
    height: 535px;
    position: relative;
    overflow: hidden;
}

.appreciateDetail .content .item-r .bottom-link {
    margin: 60px auto;
    display: block
}

.appreciateDetail .content .item-r .bottom-link-title {
    font-size: 21px;
    color: #898989;
    margin-top: 11px;
    margin-bottom: 9px;
}

.appreciateDetail .content .item-r .bottom-link-more {
    color: #898989
}

.appreciateDetail .content .item-r .bottom-link:hover .bottom-link-title {
    color: #0096dc;
}

.appreciateDetail .content .item-r .bottom-link:hover .bottom-link-more {
    color: #0096dc;
}

.appreciateDetail .arrow-up {
    background: url('../img/appreciateDetail/arrow-up-down.png') no-repeat left top;
    width: 36px;
    height: 18px;
    cursor: pointer;
    margin: 28px auto 24px;
}

.appreciateDetail .arrow-down {
    background: url('../img/appreciateDetail/arrow-up-down.png') no-repeat right top;
    width: 36px;
    height: 18px;
    cursor: pointer;
    margin: 24px auto 28px;
}