@media only screen and (min-width:769px) {
    #i82dd10191d3faf9d>div.data_row>div.data_col {
        cursor: pointer;
        position: relative;
        width: 16.6%;
        overflow: hidden;
        transition: all 0.5s;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col.active {
        cursor: pointer;
        position: relative;
        width: 33.6%;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col>div.row {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col .p1741m50547e2bf5188a80 {
        color: #fff;
        width: 52px;
        font-size: 48px;
        line-height: 66px;
        font-weight: normal;
        position: absolute;
        top: 230px;
        left: 70%;
        transform: translate(-50%,0);
        transition: all 0.5s;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col .p1741m0d426bfc14fd4622 {
        color: #fff;
        font-size: 16px;
        width: 224px;
        font-weight: normal;
        position: absolute;
        top: 280px;
        left: 40%;
        transform: rotate(90deg);
        opacity: 0;
        transition: all 0.5s;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col .p1741m1c0eb5ae54edce2a {
        color: #fff;
        width: auto;
        font-size: 16px;
        line-height: 28px;
        font-weight: normal;
        position: absolute;
        top: 700px;
        left: 45%;
        transform: translate(-50%,0);
        opacity: 0;
        transition: all 0.5s;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col .img_tip{
        top: 670px;
        left: 30%;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col.active .p1741m50547e2bf5188a80 {
        top: 168px;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col.active .p1741m0d426bfc14fd4622 {
        opacity: 1;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col.active .p1741m1c0eb5ae54edce2a {
        opacity: 1;
    }

}

@media only screen and (max-width:768px) {
    #i82dd10191d3faf9d>div.data_row>div.data_col {
        cursor: pointer;
        position: relative;
        width: 11.6%;
        overflow: hidden;
        transition: all 0.5s;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col.active {
        cursor: pointer;
        position: relative;
        width: 53.6%;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col>div.row {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col .p1741m50547e2bf5188a80 {
        color: #fff;
        width: 18px;
        font-size: 18px;
        line-height: 25px;
        font-weight: normal;
        position: absolute;
        top: 106px;
        left: 50%;
        transform: translate(-50%,0);
        transition: all 0.5s;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col .p1741m0d426bfc14fd4622 {
        color: #fff;
        font-size: 12px;
        width: 22px;
        height: 180px;
        font-weight: normal;
        position: absolute;
        top: 24px;
        left: 54%;
        /* transform: rotate(90deg); */opacity: 0;
        writing-mode: vertical-rl;
        transition: all 0.5s;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col .p1741m1c0eb5ae54edce2a {
        color: #fff;
        width: 142px;
        font-size: 12px;
        line-height: 18px;
        font-weight: normal;
        position: absolute;
        top: 258px;
        left: 50%;
        transform: translate(-50%,0);
        opacity: 0;
        transition: all 0.5s;
    }


    #i82dd10191d3faf9d>div.data_row>div.data_col .img_tip{
        top: 230px;
        left: 40%;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col.active .p1741m50547e2bf5188a80 {
        top: 19px;
        left: 70%;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col.active .p1741m0d426bfc14fd4622 {
        opacity: 1;
    }

    #i82dd10191d3faf9d>div.data_row>div.data_col.active .p1741m1c0eb5ae54edce2a {
        opacity: 1;
    }

}