@import '../common/variable';
//.c-a034__imgbox{
//  -webkit-transition: opacity ease 0.5s;
//  -moz-transition: opacity ease 0.5s;
//  -ms-transition: opacity ease 0.5s;
//  -o-transition: opacity ease 0.5s;
//  transition: opacity ease 0.5s;
//  opacity: 0;    
//}
//.c-a034__imgbox--end{
//  opacity: 1;
//}
html.pc {
    .c-a034 {
        padding: @padding_pc_1 0;
    }
    .c-a034__wrapper {
//      margin-top: 70px;
    }
    .c-a034__groupframe {}
    .c-a034__group {
        width: (128px+370+120)*2;
    }
    .c-a034__content {
        color: #353535;
        font-size: 16px;
        padding: 0 20px;
        margin-top: 55px;
    }
    .c-a034__tag {
        color: #353535;
        font-size: 14px;
        margin-top: 20px;
    }
    .c-a034__name {
        color: #888888;
        font-size: 14px;
        margin-top: 8px;
    }
    .c-a034__block {
        width: 128px+370;
        margin-right: 120px;
    }
    .c-a034__dots {
        margin: 0 auto;
        margin-top: @padding_pc_2;
    }
    .c-a034__dot {
        width: 40px;
        i {
            font-size: 12px;
            color: #B2B2B2;
            cursor: pointer;
        }
    }
    .c-a034__dot--curpage {
        i {
            color: #888888;
        }
    }
    .c-a034__left {
        width: 128px;
    }
    .c-a034__right {
        width: 370px;
    }
    .c-a034__img{
        img{
            width: 128px;
            height: 128px;
        }
    }
    .c-a034__groupline{
        position: absolute;
        top: 0;
        left: 128px+370+120-40;
        border-left: 1px solid #D8D8D8;
        height: 200px;
        width: 1px;
        transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        /* IE 9 */
        -moz-transform: rotate(10deg);
        /* Firefox */
        -webkit-transform: rotate(10deg);
        /* Safari 和 Chrome */
        -o-transform: rotate(10deg);
        /* Opera */        
    }
    .c-a034__toptitle{
//      padding: 60px 0;
    }
}

html.mobile {
    .c-a034 {
        padding: @padding_mobile_1 0;
    }
    .c-a034__wrapper {}
    .c-a034__groupframe {}
    .c-a034__group {
        width: 6.9rem;
        margin-top: 0.4rem;
    }
    .c-a034__content {
        color: #353535;
        font-size: 0.28rem;
        padding: 0.27rem;
        line-height: 0.56rem;
    }
    .c-a034__tag {
        color: #353535;
        font-size: 0.22rem;
        margin-top: 0.2rem;
    }
    .c-a034__name {
        color: #888888;
        font-size: 0.2rem;
        margin-top: 0.08rem;
    }
    .c-a034__block {
//      padding: 0.2rem;
        margin-top: 0.4rem;
    }
    .c-a034__dots {
        margin: 0 auto;
        margin-top: @padding_mobile_2;
    }
    .c-a034__dot {
        width: 0.4rem;
        i {
            font-size: 0.12rem;
            color: #B2B2B2;
            cursor: pointer;
        }
    }
    .c-a034__dot--curpage {
        i {
            color: #888888;
        }
    }
    .c-a034__left {
        width: 1.28rem;
    }
    .c-a034__right {
        width: 5.62rem; 
    }
    .c-a034__img{
        img{
            width: 1.28rem;
            height: 1.28rem;
        }
    } 
    .c-a034__toptitle{
//      padding: 0.6rem 0;
    }   
}