@charset "UTF-8";
/************** sidebar 侧栏部分 ***********/
.sidebar { width: 300px; }

/************** ys-tj 医生推荐部分 ***********/
.ys-tj { width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; background-color: #ffff; margin-bottom: 20px; }

.ys-tj .tj-title { width: 260px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ys-tj .tj-title h3 { font-size: 20px; }

.ys-tj .tj-title .tj-btn-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.ys-tj .tj-title .tj-btn-box .tj-btn { font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 2px; }

.ys-tj .tj-title .tj-btn-box .tj-btn:last-of-type { margin-left: 10px; }

.ys-tj .tj-title .tj-btn-box .active { color: #2f8af5; border-bottom: 3px solid #2f8af5; }

.ys-tj ul { width: 260px; }

.ys-tj ul li { width: 260px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; border-bottom: 1px dotted #eee; margin-top: 20px; }

.ys-tj ul li:last-of-type { border-bottom: 0px; }

.ys-tj ul li .tx-box { width: 69px; height: 69px; position: relative; }


.ys-tj ul li .tx-box img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; }

.ys-tj ul li .tj-text { margin-left: 10px; }

.ys-tj ul li .tj-text .title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.ys-tj ul li .tj-text .title h3 { font-size: 16px; color: #333333; }

.ys-tj ul li .tj-text .title span { color: #999999; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.ys-tj ul li .tj-text p { color: #666666; font-size: 14px; margin: 8px 0px; }

.ys-tj ul li .tj-text .btn { width: 90px; height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: #2f8af5 1px solid; color: #2f8af5; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 16px; border-radius: 16px; margin-bottom: 14px; }

.ys-tj .a { width: 260px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.ys-tj .a a { color: #ffa523; font-size: 14px; }

.ul-block { display: block; }

.ul-none { display: none; }

/************** rm-gd 热门观点部分 ***********/
.rm-gd { width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 10px; background-color: #fff; margin-bottom: 20px; }

.rm-gd .title { width: 260px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.rm-gd .title h3 { font-size: 20px; color: #333333; }

.rm-gd .title a { font-size: 14px; color: #999999; }

.rm-gd ul { width: 260px; }

.rm-gd ul li { width: 260px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0px; }

.rm-gd ul li span { width: 4px; height: 4px; background-color: #cccccc; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 10px; }

.rm-gd ul li p { width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/************** jb-zs 疾病知识部分 ***********/
.jb-zs { width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 10px; background-color: #fff; margin-bottom: 20px; }

.jb-zs .title { width: 260px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.jb-zs .title h3 { font-size: 20px; color: #333333; }

.jb-zs .title a { font-size: 14px; color: #999999; }

.jb-zs ul { width: 260px; }

.jb-zs ul li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: 15px 0; }

.jb-zs ul li .jb-zs-img, .jb-zs ul li .jb-zs-img img { width: 100px; height: 68px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 10px; }

.jb-zs ul li .jb-zs-img { position: relative; }

.jb-zs ul li .jb-zs-img div { position: absolute; top: 0px; left: 0px; width: 22px; height: 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 12px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 10px; }

.jb-zs ul li .text { height: 68px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.jb-zs ul li .text a { font-size: 14px; color: #333333; }

.jb-zs ul li .text span { font-size: 14px; color: #999; }

.jb-zs ul li b { width: 22px; height: 22px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #bdc2cf; color: #fff; font-size: 12px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 10px; }

.jb-zs ul li p { width: 220px; }

.jb-zs ul li p a { width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333333; }

.red { background-color: #ff0000; }

.ogn { background-color: #ff7e00; }

.ylw { background-color: #ffbe00; }