@font-face {
    font-family: 'SourceHanSerifCN-Regular';
    src: url('../../fonts/SourceHanSerifCN-Regular.otf');
}
@font-face {
    font-family: 'SourceHanSerif-Bold';
    src: url('../../fonts/SourceHanSerif-Bold.ttf');
}
@font-face {
    font-family: 'SourceHanSerifCN-Medium';
    src: url('../../fonts/SourceHanSerifCN-Medium.otf');
}
@font-face {
    font-family: 'Arial MT';
    src: url('../../fonts/Arial-MT.ttf');
}
body {
    width: 100%;
    height: 100%;
    background-image: url(../../images/professional/bg.png);
}
.container-fluid .detail {
    padding-bottom: 60px;
}
.container-fluid .detail .content {
    overflow: hidden;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
}
/*.container-fluid .detail .content img {*/
/*    width: 280px;*/
/*    height: 340px;*/
/*}*/
.container-fluid .detail .content img {
    width: 300px;
    height: 406px;
}

.container-fluid .detail .content .doctorInfo {
    overflow: hidden;
    width: 100%;
    margin-left: 32px;
    background-color: #FBF8EE;
}
.container-fluid .detail .content .doctorInfo .doctorName {
    display: flex;
    flex-direction: row;
    text-decoration: none;
}
.container-fluid .detail .content .doctorInfo .doctorName .left {
    width: 5px;
    height: 69px;
}
.container-fluid .detail .content .doctorInfo .doctorName .info {
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    height: 69px;
    max-width: calc(100% - 64px);
}
.container-fluid .detail .content .doctorInfo .doctorName .info h1 {
    display: block;
    padding-left: 60px;
    padding-top: 15px;
    margin: 0;
    font-family: 'SourceHanSerif-Bold';
    font-size: 30px;
    color: #fff;
    height: 64px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #6fB41B;
}
.container-fluid .detail .content .doctorInfo .doctorName .info span:before {
    content: '/';
    margin: 0 10px;
}
.container-fluid .detail .content .doctorInfo .doctorName .info span {
    white-space: nowrap;
    padding-top: 23px;
    padding-right: 60px;
    height: 64px;
    font-family: 'SourceHanSerifCN-Medium';
    font-size: 18px;
    color: #fff;
    background-color: #6FB41B;
}
.container-fluid .detail .content .doctorInfo .doctorName .right {
    width: 51px;
    height: 69px;
}
.container-fluid .detail .content .doctorInfo .text ul {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    list-style: none;
}
.container-fluid .detail .content .doctorInfo .text ul li {
    margin-top: 25px;
}
.container-fluid .detail .content .doctorInfo .text ul li .top {
    display: flex;
    align-items: center;
}
.container-fluid .detail .content .doctorInfo .text ul li .top img {
    width: 16px;
    height: 16px;
}
.container-fluid .detail .content .doctorInfo .text ul li .top h1 {
    margin: 0 0 0 8px;
    font-family: 'SourceHanSerifCN-Medium';
    font-size: 20px;
    color: #333;
}
.container-fluid .detail .content .doctorInfo .text ul li span {
    padding-right: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 5px;
    font-family: 'SourceHanSerifCN-Regular';
    font-size: 16px;
    color: #666666;
    padding-left: 25px;
}
.container-fluid .detail .fullText .titles {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.container-fluid .detail .fullText .titles img {
    width: 37px;
    height: 20px;
}
.container-fluid .detail .fullText .titles h1 {
    margin: 0;
    font-family: 'SourceHanSerif-Bold';
    font-size: 24px;
    color: #333;
}
.container-fluid .detail .fullText .des p {
    text-indent: 2em;
    margin-top: 20px;
    font-family: 'SourceHanSerifCN-Regular';
    font-size: 16px;
    line-height: 24px;
    color: #666666;
}
.container-fluid footer {
    margin-top: 60px;
    clear: both;
}
@media screen and (max-width: 1400px) {
    .detail {
        width: 90%;
        margin-left: 5%;
    }
}