body{
     background: linear-gradient(to bottom, #d1eaf7 0%,#edf7ff 100%);
}
img{
    max-width:100%;
    display:block;
}
.mui-content {
    margin: 0 15px;
    margin-top: 0.6rem;
    background:none;
    overflow:hidden;
}

.item {
    width: 100%;
    height: 1.2rem;
    box-shadow: 0px 2px 3px 0px rgba(57, 57, 57, 0.51),inset 0px -1px 0px 0px rgba(117, 117, 117, 0.36),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.62);
    background: #2297f4;
    border-radius: 0.1rem;
    margin-bottom:0.3rem;
    transition:all 0.6s;
}
.item > a {
    display: block;
    height: 100%;
}
.item > a > div.center {
    height: 100%;
    text-align: center;
    padding: 0.28rem 0;
    color: #fff;
}
.item > a > div.center i {
    display:block;
    margin: 0 auto;
    width: 0.35rem;
    height: 0.35rem;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;

}
.item > a > div.center p {
    color: #fff;
    font-size: 0.24rem;
}
.bottom>div{
    width:33.3333333333333%;
    float:left;
}
.bottom>div:nth-child(3n+1){
    padding-right:0.15rem;
}
.bottom>div:nth-child(3n+2){
    padding:0 0.15rem;
}
.bottom>div:nth-child(3n+3){
    padding-left:0.15rem;
}