* {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans SC";
    /* font-weight: 100; */
}

.green-font {
    color: #146737;
}

.bold-font {
    font-weight: bold;
}

.medium-font {
    font-weight: 500;
}

.regular-font {
    font-weight: 400;
}

.grey-font {
    color: #424242;
}

.yellow-font {
    color: #7b6b15;
}

.font-18 {
    font-size: .18rem !important;
}

.font-13 {
    font-size: .13rem !important;
}

.font-12 {
    font-size: .12rem !important;
}

.font-14 {
    font-size: .14rem !important;
}

.font-16 {
    font-size: .16rem !important;
}

.font-17 {
    font-size: .17rem !important;
}

.font-19 {
    font-size: .19rem !important;
}

.font-20 {
    font-size: .2rem !important;
    line-height: .3rem !important;
}

.font-normal {
    font-weight: 300 !important;
}

.wrapper {}


.back-a{
	position:fixed;
	right:3.5rem;
	top:1rem;
}

.bg-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 93%;
    padding-bottom: 19.34%;
    /* background-color: #ffffff; */
    background-image: url("../../images/common/bg_1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-2 {
    position: absolute;
    left: -150%;
    top: 8%;
    width: 129.64%;
    height: 103.11%;
    background-image: url("../../images/common/bg_3.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-3 {
    position: absolute;
    right: -95%;
    top: 22.5%;
    width: 95.47%;
    height: 33.85%;
    background-image: url("../../images/common/bg_2.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.medical-wrapper {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background-color: #b0dcd8;
    padding-top: .3rem;
    padding-bottom: .68rem;
    position: relative;
}

.medical-wrapper-1 {
    width: 88%;
    margin: 0 auto;
}

.mediacal-top-title {
    width: 100%;
    width: 95%;
    height: 1.35rem;
    display: block;
    margin: 0 auto;
}

.mediacal-top-title img {
    width: 100%;
    position: relative;
    z-index: 1;
}

.mediacal-top-title-2 {
    margin: 0 auto;
    width: 80%;
    padding-top: .1rem;
    padding-bottom: .25rem;
    height: .3rem;
}

.mediacal-top-title-2 span {
    display: inline-block;
    text-align: center;
    height: .3rem;
    vertical-align: top;
}

.sp-1-m,
.sp-3-m {
    width: 21%;
    position: relative;
}

.sp-2-m {
    width: 56%;
    color: #085370;
    font-size: .2rem;
    line-height: .3rem;
}

.sp-1-m::after,
.sp-3-m::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #085370;
    position: absolute;
    left: 0;
    top: 50%;
}

.mediacal-doctor {
    display: block;
    float: right;
    /* width: 30.15%; */
    margin-right: 22%;
    width: 1.99rem;
    height: 2.57rem;
    position: relative;
}

.mediacal-doctor img {
    width: 100%;
}

.mediacal-content {
    width: 100%;
    box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: .5rem;
    position: relative;
    z-index: 1;
}

.mediacal-content-title {
    width: 100%;
    background-color: #f2db5f;
    text-align: center;
    padding: .13rem 0;
    height: .4rem;
}

.mediacal-content-title span {
    vertical-align: top;
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    font-weight: bold;
}

.mediacal-content-title span:first-child {
    color: #ffffff;
    font-size: .4rem;
    margin-right: .1rem;
    -webkit-text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;
    -moz-text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;
    -o-text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;
    -ms-text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;
    text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px;
}

.mediacal-content-title span+span {
    color: #146737;
    font-size: .24rem;
    -webkit-text-shadow: #ffffff 2px 0 0, #ffffff 0 2px 0, #ffffff -2px 0 0, #ffffff 0 -2px 0;
    -moz-text-shadow: #ffffff 2px 0 0, #ffffff 0 2px 0, #ffffff -2px 0 0, #ffffff 0 -2px 0;
    -o-text-shadow: #ffffff 2px 0 0, #ffffff 0 2px 0, #ffffff -2px 0 0, #ffffff 0 -2px 0;
    -ms-text-shadow: #ffffff 2px 0 0, #ffffff 0 2px 0, #ffffff -2px 0 0, #ffffff 0 -2px 0;
    text-shadow: #ffffff 2px 0 0, #ffffff 0 2px 0, #ffffff -2px 0 0, #ffffff 0 -2px 0;
}

.mediacal-content-details {
    box-sizing: border-box;
    width: 100%;
    /* padding: .25rem; */
    padding: 25px;
    background-color: #ffffff;
    color: #424242;
    font-size: .15rem;
    font-weight: bold;
}

.mediacal-content-details span,
.mediacal-content-details p {
    line-height: .25rem;
}

.mediacal-content-details .p-margin-bottom {
    margin-bottom: .1rem;
}

.medical-icon-ul li {
    margin-top: .08rem;
}

.details-m {
    margin-top: .2rem;
}

.left-img-m {
    width: 37.86%;
    padding-bottom: 32.62%;
    position: relative;
    float: left;
    display: inline-block;
}

.left-img-m img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.left-img-m p {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 2rem;
    margin-left: -1rem;
    text-align: center;
    padding-top: .05rem;
    color: #9e9e9e;
}

.right-content-m {
    float: right;
    width: 40%;
}

.rights-p {
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #424242;
    font-size: .12rem;
    font-weight: normal;
    margin-bottom: .3rem;
}

.rights-p font {
    color: red;
}

.img-bac {
    position: relative;
}

.img-bac img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ul-pro {
    width: 100%;
}

.ul-pro li {
    float: left;
    width: 50%;
}

.pro-title {
    display: block;
    margin-bottom: .08rem;
}

.pc-p-show {
    display: inline-block;
    text-align: center;
    margin-top: .2rem;
    width: 100%;
    line-height: .25rem;
}

.m-p-show {
    display: none;
    text-align: left;
    margin-top: .2rem;
    width: 100%;
}

.mdiacal-footer {
    vertical-align: top;
}

.m-f-left {
    width: 60%;
    display: inline-block;
}

.m-f-left ul {
    width: 100%;
    margin-bottom: .25rem;
}

.m-f-left ul li {
    width: 1.18rem;
    height: .28rem;
    background-color: #085370;
    float: left;
    margin: .05rem;
}

.m-f-left ul li a {
    display: inline-block;
    width: 100%;
    height: .28rem;
    line-height: .28rem;
    color: #ffffff;
    text-align: center;
    font-size: .14rem;
}

.m-f-left .img-bac {
    width: 94.5%;
    padding-bottom: 42.3%;
    margin: 0 auto;
}

.m-f-right {
    box-sizing: border-box;
    display: inline-block;
    width: 39%;
    float: right;
}

.m-f-right .img-wechat-m {
    display: block;
    width: 40.7%;
    /* padding-bottom: 50%; */
    /* margin-left: 30%; */
    margin: 0 auto;
    padding-bottom: 5%;
}

.m-f-r-details {
    margin-left: 15%;
}

.m-f-r-details a {
    color: #2a2a2a;
    display: block;
    margin: .03rem 0;
}

.img-foot-m {
    display: block;
    width: 2.41rem;
    margin-left: 15%;
    margin-top: .1rem;
}

.img-pro-m {
    width: 1.45rem;
    height: 1.25rem;
    margin: 0 auto;
}

.img-pro-m img {
    width: 100%;
    /* height: 100%; */
}

.line-span {
    display: block;
    width: 100%;
    margin-bottom: .25rem;
    margin-top: .1rem;
}

.line-span span,
.line-span p {
    display: inline-block;
    vertical-align: top;
}

.line-span .circle-span {
    display: block;
    box-sizing: border-box;
    background-color: #f3b203;
    border-radius: 50%;
    width: .25rem;
    height: .25rem;
    line-height: .25rem;
    float: left;
    text-align: center;
    color: #ffffff;
}

.line-span p {
    float: left;
    width: 90%;
    margin-left: 2%;
}

.app-img-bac a {
    display: block;
    width: 100%;
    padding-bottom: 49.83%;
    position: relative;
}

.img-bac img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 610px;
}

.li-a-pro {
    display: block;
    color: #424242;
    width: 100%;
}

.li-a-pro-content p font {
    font-size: .1rem !important;
}

.li-a-pro span {
    color: #085370;
}

.medical-icon-ul {
    text-align: center;
    width: 100%;
    font-size: 0;
}

.medical-icon-ul li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: center;
    /* border: 1px solid red; */
    box-sizing: border-box;
}

.medical-icon-ul-img {
    position: relative;
    width: 29.5%;
    padding-bottom: 29.5%;
    /* border: 1px solid red; */
    margin: 0 auto;
}

.medical-icon-ul-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.medical-icon-ul li p {
    line-height: .26rem;
}

.medical-icon-ul li p.grey-font {
    display: inline-block;
    margin-top: .1rem;
}

.li-a-pro-content p {
    display: block;
    box-sizing: border-box;
    /* width: 100%; */
    position: relative;
    padding-left: .18rem;
    margin-bottom: .05rem;
}

.li-a-pro-content p::before {
    display: inline-block;
    content: "";
    width: .06rem;
    height: .06rem;
    position: absolute;
    left: 0rem;
    top: .1rem;
    background-color: #085370;
    border-radius: 50%;
}

@media screen and (max-width:750px) {
    .font-20 {
        font-size: .16rem !important;
        line-height: .24rem !important;
    }
    .font-19 {
        font-size: .16rem !important;
    }
    .font-18 {
        font-size: .16rem !important;
    }
    .font-16 {
        font-size: .14rem !important;
    }
    .font-17 {
        font-size: .15rem !important;
    }
    .font-15 {
        font-size: .15rem !important;
    }
    .font-14 {
        font-size: .13rem !important;
    }
    .font-13 {
        font-size: .12rem !important;
    }
    .mediacal-content-details {
        padding: .25rem;
    }
    .mediacal-content-details {
        font-size: .14rem;
    }
    .medical-wrapper {
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
        background-color: #b0dcd8;
        padding-top: .3rem;
    }
    .mediacal-doctor {
        display: block;
        float: right;
        /* width: 30.15%; */
        margin-right: 22%;
        width: 1.1rem;
        height: 1.42rem;
    }
    .sp-1-m,
    .sp-3-m {
        width: 20%;
        position: relative;
    }
    .sp-2-m {
        width: 56%;
        color: #085370;
        font-size: .2rem;
        line-height: .3rem;
    }
    .mediacal-top-title-2 {
        width: 90%;
        padding-top: .1rem;
        padding-bottom: .1rem;
    }
    .sp-2-m {
        font-size: .16rem;
    }
    .mediacal-content-title span:first-child {
        color: #ffffff;
        font-size: .28rem;
    }
    .mediacal-content-title span+span {
        font-size: .18rem;
    }
    .mediacal-content-title {
        padding: .05rem 0;
    }
    .left-img-m {
        width: 100%;
    }
    .details-m img {
        float: left;
        width: 100%;
    }
    .rights-p {
        font-size: .1rem;
        text-align: center;
    }
    .ul-pro li {
        float: left;
        width: 100%;
        margin-top: .15rem;
    }
    .pc-p-show {
        display: none;
    }
    .m-p-show {
        display: inline-block;
    }
    .m-f-left {
        width: 100%;
    }
    .m-f-left ul li {
        width: 1.05rem;
    }
    .m-f-left ul li a {
        font-size: .12rem;
    }
    .m-f-right {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: .2rem
    }
    .m-f-right .img-wechat-m {
        display: inline-block;
        width: 1rem;
        vertical-align: top;
    }
    .m-f-r-details {
        /* float: left; */
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin-top: .2rem;
        margin-left: 10%;
    }
    .m-f-r-details a {
        color: #2a2a2a;
        display: block;
        margin: .03rem 0;
    }
    .img-foot-m {
        display: inline-block;
        width: 2.41rem;
        margin-left: 0;
        margin-top: .1rem;
    }
    .img-pro-m {
        width: 1.25rem;
        height: 1.07rem;
        margin-bottom: .1rem;
    }
    .mediacal-top-title {
        width: 92%;
        height: .7rem;
    }
    .line-span p {
        float: left;
        width: 86%;
        margin-left: 2%;
    }
    .li-a-pro {
        color: #424242;
        width: 100%;
    }
    .left-img-m {
        /* width: 90% !important; */
        width: 60% !important;
        position: relative;
        float: none;
        margin: 0 auto;
        margin-bottom: .3rem;
    }
    .right-content-m {
        float: left;
        width: 100% !important;
        /* margin-top: .2rem; */
    }
    .rights-p {
        margin-bottom: .1rem;
    }
    .li-a-pro-content p {
        margin-bottom: 0;
    }
    .details-m {
        text-align: center;
    }
    .right-content-m {
        text-align: left;
    }
}