@media only screen and (max-width: 750px) {
    .display-mobile{
     display: block !important;
    }
      .display-mobile ol{
    bottom: 0.2127rem !important;
    }
    .display-computer{
     display: none !important;
    }
    .title-mobile{
        font-size: 0.5106rem;
        font-weight: 500;
        text-align: center;
        color: #111111;
    }
    .text-mobile{
        font-size: 0.35rem;
        font-weight: 400;
        text-align: left;
        color: #333333;
    }
    .flexmobile{
        display: flex;
        flex-wrap: wrap;
    }
    .gapmobile:nth-child(odd){
        margin-right: 0.851rem;
    }
    .blmobile{
            width: 85%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50% ,-50%);
            display: flex;
            flex-wrap: wrap;
    }
    .btmobile{
                width: 100%;
                font-size: 0.3733rem;
                font-weight: 400;
                text-align: center;
                color: #333333;
                padding: 0.2127rem 0.6382rem;
                border: 1px solid #cccccc;
                margin-bottom: 0.2127rem;
    }
    .bl{
        background-color: #111;
        color: #fff;
    }
    .buttonmobile{
        font-size: 0.373rem;
        line-height: 0.533rem;
        padding: 0.2rem 0.8rem;
        border-radius: 0.566rem;
        border: 1px solid #ccc;
        font-weight: 400;
        color: #999;
        width: fit-content;
    }
    .viewDetail{
        font-size: 0.3723rem;
        font-weight: 400;
        text-align: center;
        color: #333333;
        padding: 0.2127rem 0.8085rem;
        background-color: #fff;
        border-radius: 35px;
        border: 1px solid #979797;
        width: 3.4042rem;
        margin:  0 auto;
        margin-top: 1.4893rem;
    }
    .fImg{
       width:1.5957rem;
       height:1.5957rem
    }
    .felxList{
     justify-content:space-between;
    }
    .flexIamge{
     padding:0
    }
    .req{
    background: #111111;
    font-size: 0.373rem;
    line-height: 0.533rem;
    padding: 0.2rem 0.8rem;
    border-radius: 0.566rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 1.0638rem;
    }
    .mintext{
        font-size:0.4468rem;
        font-weight: 500;
        color: #333;
        margin-bottom: 0.4042rem;
        margin-left: 0.4255rem;
    }
    .newButtommobile{
        display: block;
        font-size: 0.373rem;
        font-weight: 400;
        text-align: center;
        color: #333333;
        line-height: 0.533rem;
        padding: 0.2rem 0.8rem;
        border-radius: 0.566rem;
        border: 1px solid #ccc;
        margin:  0 auto;
        margin-top: 0.2666rem;
        margin-bottom: 1.0638rem;
        background-color: #fff;
}
.listImage{
    width: 2.1276rem;
    height: 1.2765rem !important;
    object-fit: contain;
}
.aaa{
    flex-shrink: 0;
    margin-right: 0.3191rem;
}
.aaa:last-child{
    margin-right: 0;
}
.modal.in .modal-dialog {
			top: 3.5531rem !important;
			left: 0.3191rem !important;
			right: 0.3191rem !important;
			width: auto !important;
			transform:none !important;
		}
		.modal.in .modal-dialog img {
			display: none;
		}
        .addTime{
                font-size: 0.32rem;
                font-weight: 400;
                text-align: left;
                color: #999999;
                margin-top: 0.08rem;
        }
        .ntitle{
            font-size: 0.3733rem;
            font-weight: 500;
            text-align: left;
            color: #333333;
            margin-top: 0.2133rem;
        }
        .itemTitle{
            margin-bottom: 0.4255rem;
            font-size: 0.3733rem;
            font-weight: 500;
            color: #333;
        }
        .scoll::-webkit-scrollbar {
            width: 10px; /* 设置滚动条宽度 */
            height: 0px; /* 设置滚动条高度 */
}
}