.product {
    background: #F9F8F8;
}

.product .head {
    padding: 0.4rem 0.18rem;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.product .head .card {
    display: flex;
    align-items: center;
    padding: 0.15rem;
    /* background: #144B9C; */
    background-color: #F1F1F1;
    /* background-image: url('../img/tab1.png'); */
    border-radius: 0.1rem;
}

.product .head .card img {
    width: 0.67rem;
    height: 0.67rem;
}

.product .head .card img {
    width: 0.67rem;
    height: 0.67rem;
    margin-right: 0.17rem;
}

.product .head .card .right .name {
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    /* color: #FFFFFF; */
    color: #333333;
    margin-bottom: 0.16rem;
}

.product .head .card .right .text {
    font-size: 0.16rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    /* color: #FFFFFF; */
    color: #DA253C;
}

.product .select {
    height: 690px;
    overflow: hidden;
    display: flex;
}

.product .select .left {
    width: 2.2rem;
}

.product .select .right {
    width: 71%;
    height: 100%;
    padding-bottom: 0.6rem;
    overflow-y: auto;
}


.product .select .left .title {
    padding: 0.15rem;
    text-align: center;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    /* background: #144B9C; */
    background: #35586C;
}

.product .select .left .title span {
    display: inline-block;
    width: 0.06rem;
    height: 0.3rem;
    background: #FFFFFF;
    border-radius: 0.03rem;
    margin-right: 0.14rem;
}

.product .select .left .list {
    background: #ECF1FF;
    text-align: center;
    padding: 0.2rem 0;
    font-size: 0.22rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.product .select .left .actives {
    border-left: 0.04rem solid #144B9C;
    background-color: white;
}

.product .select .right .top {
    background: linear-gradient(103deg, #B2ADFF 0%, #7D74E7 100%);
    padding: 0.25rem 0.2rem;
}

.product .select .right .top2 {
    background: linear-gradient(103deg, #25BA90 0%, #008A63 100%);
    margin-top: 0.6rem;
}


.product .select .right .top .name {
    font-size: 0.3rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 0.24rem;
}

.product .select .right .top .text {
    font-size: 0.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.product .select .right .card-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.6rem;
}

.product .select .right .card-box .item {
    text-align: center;
    width: 50%;
    padding-top: 20px;

}

.product .select .right .card-box .item img {
    width: 1.18rem;
    height: 1.71rem;
    margin-bottom: 0.28rem;
}

.product .select .right .card-box .item .name {
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    /* color: #144B9C; */
    color: #333333;
    margin-bottom: 0.2rem;
}

.product .select .right .card-box .item .text {
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    /* color: #144B9C; */
    color: #333333;
}