.max-wid {
    width: 83%;
    max-width: 1200px;
    margin: auto;
}
.wish-list{
    max-width: 12rem;
    margin: auto;
}
.wish-main{
    width: 100%;
    height: 3.82rem;
    margin-bottom: 1.28rem;
}
.wish-main>a{
    width: 100%;
    height: 100%;
}
.main-left{
    width: 5.8rem;
    height: 3.82rem;
}
.main-left img{
    width: 6.5rem;
    height: 3.82rem;
}
.wish-list .wish-main:nth-child(2n) .main-left img{
    margin-left: -0.7rem;
}
.main-right{
    width: 6.2rem;
    height: 2.89rem;
    background: #fff;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0.5rem 0.4rem 0 0.48rem;
    box-sizing: border-box;
    transition: all 0.3s;
    position: relative;
    z-index: 3;
}
.main-right.on{
    animation: op 1s forwards linear ;
}
@keyframes op {
    from {
        opacity: 0;
    }
    to {
       opacity: 1;
    }
}

.main-right .one{
    width: 100%;
    margin-bottom: 0.6rem;
}
.main-right .one text{
    font-size: 0.28rem;
    color: #999;
    font-family: 'Anton';
    letter-spacing:6px;
}

.main-right .one img{
width: 8px;
    height: 0.55rem;
    transition: all 0.3s;
}
.main-right .two{

}
.main-right .two .title{
    font-size: 0.28rem;
    color: #333;
    font-weight: bold;

}
.main-right .two .text-list text{
    font-size: 0.2rem;
    color: #666;
}
.main-right .two .text-list img{
    width: 0.31rem;
    height: 0.28rem;
}
.main-right.on .one text , .main-right.on .two .title , .main-right.on .two .text-list text{
    color: #fff;
}