.home-index {
    background: url(../../../web/img/new/home-bg.jpg) no-repeat top;
    background-size: 100% 100%;
    background-position: 0 2.9333333333rem;
    padding-top: 0;
    background-color: #1e201f
}

.home-index .main {
    border-bottom: 0 !important;
    padding-bottom: 2.6666666667rem
}

.home-user {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.0666666667rem;
    color: #fff;
    padding-top: 0.8rem;
    padding-bottom: 0.2666666667rem;
    background: url(../../../web/img/new/home-top.jpg) no-repeat top;
    background-size: 100% 100%
}

.home-user .user {
    font-size: 0.4266666667rem;
    padding-bottom: 0.4rem
}

.home-user h1 {
    font-size: 0.9866666667rem;
    font-weight: 700
}

.home-user .avatar {
    width: 1.52rem;
    height: 1.52rem
}

.home-assets {
    margin-top: 1.3333333333rem
}

.home-assets .assets-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(55,55,55,.6);
    border-radius: 0.4rem 0.4rem 0 0;
    width: 94%;
    margin: 0 auto;
    padding: 0.4rem 0.6933333333rem
}

.home-assets .assets-top-l {
    color: #fff
}

.home-assets .assets-top-l h3 {
    font-size: 0.4rem
}

.home-assets .assets-top-l p {
    font-size: 0.6933333333rem;
    font-weight: 700;
    padding: 0.1333333333rem 0;
    overflow-x: scroll
}

.home-assets .assets-top-r .btn {
    width: 2.7733333333rem;
    height: 0.8266666667rem;
    line-height: 0.8266666667rem;
    text-align: center;
    border-radius: 0.4rem;
    color: #fff;
    margin-bottom: 0.2666666667rem;
    font-size: 0.4rem;
    outline: none;
    border: 0;
    display: block
}

.home-assets .assets-top-r .btn-red {
    background-color: #ff503c
}

.home-assets .assets-top-r .btn-green {
    background-color: #4fc46c
}

.home-assets .assets-bottom {
    background: rgba(55,55,55,.6);
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    color: #fff;
    display: flex;
    width: 94%;
    margin: 0 auto;
    border-radius: 0 0 0.2666666667rem 0.2666666667rem
}

.home-assets .assets-bottom>div {
    width: 25%;
    text-align: center;
    overflow-x: scroll
}

.home-assets .assets-bottom>div h3 {
    text-align: center;
    font-size: 0.48rem;
    margin-bottom: 0.1333333333rem
}

.home-assets .assets-bottom>div p {
    text-align: center;
    font-size: 0.32rem
}

.home-menu {
    padding-top: 1.0933333333rem
}

.home-menu ul {
    display: flex
}

.home-menu ul li {
    width: 25%;
    border-radius: 0.1333333333rem;
    text-align: center
}

.home-menu ul li>div {
    width: 1.92rem;
    height: 1.92rem;
    border-radius: 0.2666666667rem;
    position: relative;
    margin: 0 auto
}

.home-menu ul li>div img {
    position: absolute;
    width: 1.3866666667rem;
    height: 1.3866666667rem;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-menu ul li p {
    color: #fff
}

.home-menu ul .li1 {
    background: linear-gradient(rgb(255, 194, 50), rgb(253, 229, 172))
}

.home-menu ul .li2 {
    background: linear-gradient(rgb(255, 145, 50), rgb(253, 213, 177))
}

.home-menu ul .li3 {
    background: linear-gradient(rgb(99, 52, 254), rgb(190, 171, 253))
}

.home-menu ul .li4 {
    background: linear-gradient(rgb(255, 50, 132), rgb(252, 170, 202))
}

.home-announcement {
    padding-top: 1.0933333333rem
}

.home-announcement .index-title {
    font-size: 0.5333333333rem;
    font-weight: 700;
    padding-bottom: 0.6933333333rem;
    color: #fff
}

.home-task {
    width: 94%;
    margin: 0 auto
}

.home-task ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(55,55,55,.9);
    color: #fff;
    border-radius: 0.2666666667rem;
    margin-bottom: 0.2666666667rem;
    padding: 0.1333333333rem 0
}

.home-task ul li .li-l {
    width: 30%
}

.home-task ul li .li-l h2 {
    font-size: 0.48rem;
    font-weight: 700;
    display: block;
    padding: 0.4rem 0.2666666667rem
}

.home-task ul li .li-l .btnscat {
    height: 0.6933333333rem;
    line-height: 0.6933333333rem;
    padding: 0 0.2666666667rem;
    text-align: center;
    background-color: #fe4f3c;
    color: #fff !important;
    font-size: 0.4rem;
    border-radius: 0.3466666667rem;
    margin: 0.2666666667rem 0.2666666667rem
}

.home-task ul li .li-r {
    width: 70%
}

.home-task ul li .li-r img {
    display: block;
    margin: 0 auto;
    width: 100%
}