@import '../common/variable';
html.pc {
    .c-a007{
        padding: @padding_pc_1 0px 0px;
    }
    .c-a007__left {
        width: 374px;
        float: right;
    }
    .c-a007__right {
        width: 746px;
        margin-left: 1150px-746-374;
        float: right;
    }
    .c-a007__item {
        border-bottom: 1px solid #DCDCDC;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .c-a007__item--last {
        border-bottom-color: white;
    }
    .c-a007__warpper {
            //  margin-top: 20px;
    //  cursor: pointer;
                margin-top: 4px;
                padding: @padding_pc_2 - 4;
             &:hover{
                 box-shadow:0px 6px 10px 0px rgba(0,0,0,0.1);
                 -webkit-box-shadow:0px 6px 10px 0px rgba(0,0,0,0.1);
             }
    }
    .c-a007__timeicon,
    .c-a007__time,
    .c-a007__viewicon,
    .c-a007__view {
        color: #B2B2B2;
        font-size: 16px;
    }
    .c-a007__time {
        margin-left: 8px;
    }
    .c-a007__viewicon {
        margin-left: 30px;
    }
    .c-a007__view {
        margin-left: 8px;
    }
    .c-a007__title {
        color: #353535;
        font-size: 22px;
        font-weight: 500;
        margin-top: 16px;
    }
    .c-a007__content {
        margin-top: 16px;
        color: #888888;
        font-size: 16px;
        line-height: 24px;
    }
    .c-a007__changepage,
    .c-a007__page {
        color: #888888;
        font-size: 16px;
        width: 30px;
        text-align: center;
        cursor: pointer;
    }
    .c-a007__uppage {
        text-align: left;
        width: 20px;
    }
    .c-a007__downpage {
        text-align: right;
        width: 20px;
    }
    .c-a007__changepage--none {
        color: #D8D8D8;
    }
    .c-a007__page--curpage {
        color: @theme_color_less;
    }
    .c-a007__tool {
        margin-top: 30px;
    }
}

html.mobile {
    .c-a007{
        padding: @padding_mobile_1 0px 0px;
    }
    .c-a007__left {
        width: 100%;
        margin-top: 0.24rem;
    }
    .c-a007__right {
        width: 100%;
    }
    .c-a007__item {
        border-bottom: 1px solid #DCDCDC;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }
    .c-a007__item--last {
        border-bottom-color: white;
    }
    .c-a007__warpper {
    }
    .c-a007__timeicon,
    .c-a007__time,
    .c-a007__viewicon,
    .c-a007__view {
        color: #B2B2B2;
        font-size: 0.2rem;
    }
    .c-a007__time {
        margin-left: 0.12rem;
    }
    .c-a007__viewicon {
        margin-left: 0.3rem;
    }
    .c-a007__view {
        margin-left: 0.12rem;
    }
    .c-a007__title {
        color: #353535;
        font-size: 0.3rem;
        font-weight: 500;
        margin-top: 0.2rem;
    }
    .c-a007__content {
        color: #888888;
        font-size: 0.22rem;
        line-height: 0.32rem;
        margin-top: 0.24rem;
    }
    .c-a007__changepage,
    .c-a007__page {
        color: #888888;
        font-size: 0.26rem;
        width: 0.35rem;
        text-align: center;
        cursor: pointer;
    }
    .c-a007__uppage {
        text-align: left;
        width: 0.27rem;
    }
    .c-a007__downpage {
        text-align: right;
        width: 0.27rem;
    }
    .c-a007__changepage--none {
        color: #D8D8D8;
    }
    .c-a007__page--curpage {
        color: @theme_color_less;
    }
    .c-a007__tool {
        margin: 0 auto;
        margin-top: 0.3rem;
    }
}