@media screen and (max-width:667px) {
    .xinwen-page::after {
        width: 34% !important;
    }

    .phone-title {
        color: #333333 !important;
    }

    .phone-banner {
        display: none;
    }

    .phone-title {
        margin-top: 40px;
    }

    .drug {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -35px;
    }

    .xinwen-page {
        margin-bottom: 60px
    }

    .drug-content {
        display: block;
        width: 100%;
    }

    .drug-list {
        width: 42%;
        padding: 10px;
        margin-top: 10px;
        background: #FFFFFF;
        box-shadow: 0px 0px 20px 0px rgba(85, 85, 85, 0.08);
        border-radius: 10px 10px 10px 10px;
    }

    .drug-img {
        border-radius: 20px;
        width: 146px;
        height: 146px;
    }

    .drug-left {
        /* margin-left: 20px; */
        width: 100%;
    }

    .drug-left>h1 {
        line-height: 35px;
        font-size: 15px;
        color: #333333;
        font-weight: 600;
        overflow: hidden;
        max-width: 180px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .drug-left>div>p {
        width: 100%;
        font-size: 12px !important;
        line-height: 16px !important;

    }

    .drug-left-text {
        font-size: 12px;
        color: #999999;
        height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .drug-bottom {
        margin-top: 10px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .drug-specifica {
        font-size: 12px;
        color: #BCBCBD;
        max-width: 135px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .drug-detail {
        display: none;
    }

    .phone-drug-detail {
        display: block;
        width: 22px;
        height: 22px;
    }
}
@media screen and (min-width:667px) and (max-width:1366px){
    .drug {
        display: flex;
        flex-wrap: wrap;
        margin-top: -55px;
        margin-left: -30px;
    }

    .drug-list {
        margin-left: 30px;
        width: 23%;
        padding: 15px;
        padding-top: 10px;
        margin-top: 30px;
        background: #FFFFFF;
        box-shadow: 0px 0px 17px 0px rgba(85, 85, 85, 0.08);
        border-radius: 4px 4px 4px 4px;
    }

    .drug-img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
    }

    .drug-left {
        /* margin-left: 20px; */
    }

    .drug-left>h1 {
        line-height: 35px;
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        overflow: hidden;
        max-width: 180px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .drug-left>div>p {
        width: 100%;
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .drug-left-text {
        font-size: 20px;
        color: #999999;
        height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .drug-bottom {
        margin-top: 15px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .drug-specifica {
        font-size: 12px;
        color: #BCBCBD;
        max-width: 180px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .drug-detail {
        display: none;
    }
    .phone-drug-detail {
        display: block;
        width: 22px;
        height: 22px;
    }
}
@media screen and (min-width:1367px) {
    .drug {
        display: flex;
        flex-wrap: wrap;
        margin-top: -55px;
        margin-left: -30px;
    }

    .drug-list {
        margin-left: 30px;
        width: 14%;
        padding: 15px;
        padding-top: 10px;
        margin-top: 30px;
        background: #FFFFFF;
        box-shadow: 0px 0px 17px 0px rgba(85, 85, 85, 0.08);
        border-radius: 4px 4px 4px 4px;
    }

    .drug-img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
    }

    .drug-left {
        /* margin-left: 20px; */
    }

    .drug-left>h1 {
        line-height: 35px;
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        overflow: hidden;
        max-width: 180px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .drug-left>div>p {
        width: 100%;
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .drug-left-text {
        font-size: 20px;
        color: #999999;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .drug-bottom {
        margin-top: 15px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .drug-specifica {
        font-size: 12px;
        color: #BCBCBD;
        text-overflow: ellipsis;
        width: 110px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .drug-detail {
        width: 70px;
        height: 29px;
        border-radius: 41px 41px 41px 41px;
        text-align: center;
        border: 1px solid #FE7133;
        line-height: 29px;
        font-size: 13px;
        color: #FE7133;
    }
    .drug-detail:hover{
        background: #FE7133;
        color: #FFFFFF;
    }
    .phone-drug-detail {
        display: none;
    }
}