@charset "utf-8";


/*一、24格处理*/
#iconWall{
    width: 1360px;
    /* background-color: turquoise; */
    margin: 0 auto;
    margin-top: -30px;
    padding-top: 1px;
    padding-left: 1px;
    list-style: none;
}

#iconWall li{
    width: 262px;
    height: 100px;
    /* background-color: #dd2727; */
    background-color: #fff;
    float: left;
    margin-right:-1px;
    /* margin-bottom: 1px; */
    position: relative;
    border: 1px solid #f2f2f2;
    border-top: none;
    border-left: none;
    box-shadow: #e7e3e3 5px 5px 17px 0px ;

}

/*二、3D反转区域处理 */
.img-back, .img-front{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    width: 121px;
    height: 108px;
    text-align: center;
    line-height: 108px;
}


/*三、换一批*/
#btnRefresh{
    
    text-align: center;
    transition: .3s linear;
    background-color: #fff;
    /* background-color: yellowgreen; */
}
.iconRefresh{
    width: 33px;
    height: 29px;
    background: url("../indeximg/peixunfazhan.png");
    margin: 32px 40px 0;
}
.iconRefresh1{
    width: 25px;
    height: 28px;
    background: url("../indeximg/changjianwenti.png");
    margin: 32px 40px 0;
}
.iconRefresh2{
    width: 27px;
    height: 26px;
    background: url("../indeximg/xiazai1.png");
    margin: 32px 40px 0;
}
.iconRefresh3{
    width: 29px;
    height: 27px;
    background: url("../indeximg/diannao.png");
    margin: 32px 40px 0;
}
.iconRefresh4{
    width: 28px;
    height: 28px;
    background: url("../indeximg/shouhou.png");
    margin: 32px 40px 0;
}
#btnRefresh:hover{
    color: #fff;
    background-color: #e96e20;
    transition: 0s;
}

#btnRefresh:hover .iconRefresh{
    background: url("../indeximg/peixunfazhan1.png");
}

#btnRefresh:hover .iconRefresh1{
    background: url("../indeximg/changjianwenti1.png");
}

#btnRefresh:hover .iconRefresh2{
    background: url("../indeximg/xiazai11.png");
}

#btnRefresh:hover .iconRefresh3{
    background: url("../indeximg/diannao1.png");
}

#btnRefresh:hover .iconRefresh4{
    background: url("../indeximg/shouhou1.png");
}

li:hover .mask{
    opacity: 1;
    transition: .3s linear;
}