.layui-left{
    float: left;
}
.layui-right{
    float: right;
}


.jjj {
    border: 1px solid #e2e2e2;
    height: 200px;
    border-radius: 10px;
}
.jjj h3{
    font-size: 30px;
    color: #2F4056;
    margin-right: 25%;
    line-height: 180px;
    cursor: pointer;
}
/* 动画效果2d */
.jjj:hover {
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(360deg);
    transition: all 0.5s ease-in-out;
}

.icon,.icon1 {
    font-size: 80px;
    line-height: 180px;
    display:inline-block;
    width: 80px;
    margin-left: 10%;
}
/* 3D转换 */
.icon:hover{
    -webkit-transform: rotateY(360deg);
    transition: all 1s ease-in-out;
}
.icon1:hover{
    -webkit-transform: rotateY(360deg);
    transition: all 1s ease-in-out;
}

.fire {
    color: #FF5722;
}
.fire1 {
    color: #009688;
}

.water {
    color: #01AAED;
}
.water1 {
    color: #5FB878;
}

.fabu {
    color: #2F4056;
}
.fabu1 {
    color: #1E9FFF;
}
/* 问题列表列表页面 */
th ,td{
    text-align: center !important;
}