﻿.big-box {
    width: 98%;
    height: 174rem; /* 设置大盒子高度为20个rem */
    margin-left:1%;
    margin-right:1%;
    /*background-color: gray;*/
}

.row {
    display: flex;
}

.box {
    flex: 1;
    height: 23.45rem; /* 小盒子高度为4个rem */
    background-color: white;
    margin: 0.2rem;
}
/*药品分类标栏*/
.classification {
    width: 102%;
    height: 3.4rem;
    font-size: 3rem; /*字体大小*/
    color: #11fc7b; /*字体颜色*/
    font-family: SimHei; /*字体样式*/
    margin-left:-1%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../img/fenl.jpg');
    background-repeat: no-repeat;
    background-size:cover;
}
.classification-text {
    text-align: center;
}
/*药品简介的名称信息*/
.foundation {
    width: 30%;
    height: 88.3%;
    float: right;
    font-weight: bold;
    color: #000000;
    font-family: SimHei;
}

    .foundation.i{
        font-style:normal;
    }
    /*外侧简介药品图片*/
    .drugimg {
        width: 70%;
        height: 88.3%
    }
/*详情药品图片*/
.drugimgin{
    width:35%;
    height:35rem;
}
/*详情头部小<i>*/
.righti {
    font-size: 2rem;
    color: #000000;
}

/*弹出层右上简介内容模块*/
.brief {
    width: 63%;
    float: right;
    display: flex;
    margin-top: 8rem
}
.zbrief {
    width: 30%;
    height: 100%;
    display: inline-block;
}
.ybrief {
    width: 60%;
    height: 100%;
    margin-left:1rem;
    display: inline-block;
}


.btndetails { /*按钮样式*/
    width: 90%;
    background-color: #0aa85d;
    border: none;
    margin-left:5%;
    font-family: SimHei;
    font-size: 1.8rem;
    border-radius:3rem;
    color: #000000
}
/*弹窗效果*/
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
