@import '../common/variable';
html.pc {
    .c045-col-xs-3 {
        width: 19%;
    }
    .c045-col-md-3 {
        width: 33.33%;
    }
    .aaa {
        z-index: 99999;
    }
    .a045col {
        // width: 180px;
        height: 200px;
        display: block;
        // padding: 5px;
        margin-bottom: 60px;
        line-height: 1.428571429;
        background-color: #ffffff;
        // border: 1px solid #dddddd;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
    }
      
    .a045col > img,
    .a045col a > img {
        display: block;
        height: 100%;
        margin: 0 auto 6px auto;
        // margin-right: auto;
        // margin-left: auto;
        object-fit: contain;
    }
    .imgfont {
        text-align: center;
        font-size: 10px;
    }
      
    a.a045col:hover,
    a.a045col:focus,
    a.a045col.active {
        border-color: #428bca;
      }
    .a045col .font {
        padding: 1px;
        color: #333333;
    }

    .c-a045{
        padding: @padding_pc_1 0px 0px;
    }
   
    .c-a045__item {
        // border-bottom: 1px solid #DCDCDC;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .c-a045__tool {
        margin-top: 30px;
    }


    .c045_ul {
        padding-left: 0;
        // margin-bottom: 20px;
    }
    .bg-green {
        background-color: @theme_color_less;
        color: #F6F6F6;
    }
    .bg-f6 {
        // background-color: #F6F6F6;
    }
      
    .c045_li {
        position: relative;
        display: block;
        border-bottom: 1px dotted;
        padding: 10px 15px;
        // margin-bottom: -10px;
        text-align: center;
    }
    .big-div{ 
        width: 100%; 
        padding: 0 0 20px; 
        overflow: hidden
    }
    .topleft {
        position: relative;
        float: left;
        padding-right: 20px; 
        width: 14%; 
    }
    .topright {
        float: right;
        width: 85%; 
    }
    .c008row {
        margin: 0 -15px 0 -15px;
    }
}

html.mobile {
    .c008row {
        margin: 0 -15px 0 -15px;
    }
    .bg-green {
        background-color: @theme_color_less;
        color: #F6F6F6;
    }
    .bg-f6 {
        // background-color: #F6F6F6;
    }
      
    .c045_li {
        font-size: 1ch;
        position: relative;
        display: block;
        border-bottom: 1px dotted;
        padding: 0.1rem 0;
        text-align: center;
    }
    .c045-col-xs-6 {
        width: 29%;
    }
    .c045-col-md-3 {
        width: 50%;
    }
    .topleft {
        position: relative;
        float: left;
        // padding-right: 20px; 
        width: 20%; 
        // display:none
    }
    .topright {
        float: right;
        width: 75%; 
    }
    .a045col {
        // width: 115px;
        height: 80px;
        display: block;
        // padding: 5px;
        margin-bottom: 1rem;
        line-height: 1.428571429;
        background-color: #ffffff;
        // border: 1px solid #dddddd;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
    }
      
    .a045col > img,
    .a045col a > img {
        display: block;
        height: 100%;
        margin: 0 auto 6px auto;
        // margin-right: auto;
        // margin-left: auto;
        object-fit: contain;
    }
    .imgfont {
        text-align: center;
        font-size: 0.01rem;
    }
    .c-a045{
        padding: @padding_mobile_1 0px 0px;
    }
   
    .c-a045__item {
        // border-bottom: 1px solid #DCDCDC;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }
    .c-a045__tool {
        margin: 0 auto;
        margin-top: 0.3rem;
    }

}