@charset "UTF-8";

@media screen and (min-width: 768px) {
    /*单项服务 开始*/
    .nurse-box {
        display: block;
        clear: both;
    }
    .nurse-box .item {
        float: left;
        width: 33.3%;
        padding: 1.5rem 0;
    }
    .nurse-box .item-title {
        font-size: 16px;
        font-weight: bold;
        padding: 0.5rem;
        text-align: center;
    }
    .nurse-box .item-detail {
        margin: 0 auto;
        text-align: left;
        width: 80%;
        height:54px;
        font-size: 14px;
        line-height: 16px;
        padding: 0.3rem;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
    }
    .nurse-box .item-price {
        width: 100%;
        padding-top: 0.3rem;
        color: #7ED0DD;
        font-size: large;
        font-weight: bold;
    }
    /*单项服务 结束*/

    /****图片+文字+遮罩  -----开始****/
    .img-text-box {
        clear: both;
        position: relative;
        display: block;
        width: 100%;
    }
    .img-text-box img {
        width: 100%;
    }
    .img-text-box .text-box {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 15.25rem;
        color: #fff;
    }

    /*遮罩层*/
    .img-text-box .img-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #2d2d2d;
        opacity: 0.3;
    }
    .img-text-box .title {
        font-size: 2.2rem;
        font-weight: bold;
    }
    .img-text-box .content {
        width: 60%;
        position: relative;
        left: 20%;
        line-height: 2.2rem;
        font-size: 1.25rem;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
        padding-top: 1rem;
    }
    /*图片 + 文字  +遮罩-----结束*/
}

@media (max-width: 768px) {
    .nurse-box {
        display: block;
        width: 100%;
        clear: both;
        height: 12rem;
        text-align: left;
        padding-top: 1rem;
        padding-left: 1rem;
        min-height: 100px;
    }
    .nurse-box .img-box{
        margin: 0 auto;
        text-align: center;
        padding-top:0.8rem ;
        width: 20%;
        height: 90%;
        float: left;
    }

    .nurse-box img {
        width: 90%;
    }

    .nurse-box .item-box {
        /*border: 1px solid #ef4f4f;*/
        float: left;
        width:76%;
        padding: 1rem 1rem;
    }

    .nurse-box .title-box {
        font-size: medium;
        font-weight: bold;
    }

    .nurse-box .title {
        color:#000;
    }

    .nurse-box .price {
        padding-left: 1rem;
        color: #7ED0DD;
    }
    .nurse-box .detail {
        /*border: solid 1px crimson;*/
        font-size: 14px;
        height: 6rem;
        padding-top:0.5rem;
        color:#8c8c8c;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
    }
    .gray-bg{
        background-color: #ececec;
    }

    /*图片 + 文字  +遮罩-----开始*/
    .img-text-box {
        /*clear 必须要有，否则样式冲突*/
        clear: both;
        position: relative;
        display: block;
        width: 100%;
    }
    .img-text-box .text-box {
        /*border: 1px solid red;*/
        margin: 0 auto;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 25%;
        color: #fff;
    }

    /*遮罩层*/
    .img-text-box .img-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #2d2d2d;
        opacity: 0.3;
    }
    .img-text-box .title {
        font-size: medium;
        font-weight: bold;
        color: #ffffff;
        padding-left: 15rem;
        padding-right: 4rem;
    }
    .img-text-box a{
        text-decoration: none;
    }
    /*图片 + 文字  +遮罩-----结束*/
    .first-content-bg{position: relative;}
    .first-content-bg .content{width:80%; margin:10px auto; font-size:12px;}
    .first-content-bg .banner-btn{width:100%; bottom:20px; margin:0; left:0; top:55%;}
    .first-content-bg .banner-btn li span{ font-size:12px; height:25px; line-height:25px; padding:0 10px; width:auto; height:auto; border-radius:20px;}
    .img-text-box .title{padding:0;}
}