@charset "utf-8";

/* Base-CSS */

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
}

html,
body,
div,
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
table,
th,
td,
dl,
dt,
dd,
em,
i,
b {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	font-style: normal;
}

form,
input,
select,
button,
textarea {
	outline: none;
	border: 0 none;
}

ul,
li {
	list-style-type: none;
}

body {
	font-size: 0.25rem;
	color: #333;
	font-family: "microsoft yahei";
	position: relative;
}

body,
html {
	width: 100%;
	height: auto;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	outline: none;
	border: none;
}

a:visited {
	text-decoration: none;
}

p {
	text-align: justify;
}


/*适配*/

#header,
#subRight,
.subFooter,
.spacewide,
br.clear,
.pctag {
	display: none;
}

.page {
	display: none;
}


/*通用header*/

#subLeft {
	/*margin-bottom: .18rem;*/
	/*border-bottom: 1px solid #f5f5f5;*/
}

#subLeft .header {
	width: 100%;
	height: .8rem;
	padding: 0 .3rem;
	border-bottom: 1px solid #e9ecf2;
	background-color: #fff;
}

#subLeft .header .logo {
	display: block;
	width: 1.42rem;
	max-width: 24.5%;
	height: .46rem;
	background: url(/website/images/zhishi/xiaolylogo.png) center no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-top: .15rem;
	margin-right: .25rem;
	text-indent: -100rem;
}

#subLeft .header .seat {
	width: 65%;
	height: .3rem;
	padding-left: .25rem;
	border-left: 1px solid #d1d5e5;
	float: left;
	margin-top: .25rem;
	font-size: .215rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#subLeft .header .seat a {
	color: #666;
}

#subLeft h2.title {
	font-size: .34rem;
	color: #333;
	width: 100%;
	height: .8rem;
	text-align: center;
	line-height: .8rem;
	background-color: #fafbfd;
	border-bottom: 1px solid #e9ecf2;
}


/*同龄病例*/

.caseList {
	background-color: #fff;
	margin-bottom: .18rem;
}

.caseList li {
	padding: .2rem .3rem .4rem;
}

.caseList li a {
	color: #333;
}

.caseList li p.time {
	font-size: .18rem;
}

.caseList li p.time span {
	display: inline-block;
	/*height: .3rem;*/
	margin-right: .3rem;
	background-color: #5eb4e1;
	color: #fff;
	border-radius: .08rem;
	padding: .05rem .1rem;
	line-height: 1;
}

.caseList li h3 {
	font-size: .31rem;
	padding: .25rem 0;
}

.caseList li p.doc-detail {
	/*padding:.1rem 0;*/
	padding-bottom: .1rem;
	border-bottom: 1px solid #dcdcdc;
}

.caseList li p.doc-detail img {
	width: auto;
	height: .47rem;
	border-radius: 50%;
	margin-right: .12rem;
	vertical-align: middle;
}

.caseList li p.doc-detail span {
	vertical-align: middle;
	font-size: .18rem;
	color: #999;
}

.caseList li p.doc-detail span.doc-hos {
	float: right;
	padding-top: .07rem;
}

.case-content {
	padding: .2rem 0;
}

.case-content .case-info {
	font-size: .25rem;
	line-height: .4rem;
	padding-bottom: .45rem;
}

.case-content .case-info a {
	color: #999;
}

.case-content .user-feedback {
	font-size: .25rem;
	position: relative;
}

.case-content .user-feedback h5 {
	padding-bottom: .3rem;
	font-size: .25rem;
}

.case-content .user-feedback h5 span {
	padding-bottom: .1rem;
	border-bottom: 2px solid #ffb555;
}


/*.case-content .user-feedback img {
	width: .03rem;
	position: absolute;
	top: 0;
	left: 0;
}*/

.case-content .user-feedback p {
	font-size: .22rem;
	color: #666;
	line-height: .35rem;
}


/*病例列表页*/

.case-tag {
	width: 100%;
	padding: .3rem .35rem 0 .3rem;
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: .18rem;
	position: relative;
}

.case-tag ul {
	/*width: 5.05rem;*/
	width: 88%;
	height: .7rem;
	overflow: hidden;
}

.case-tag ul.tagshow {
	height: auto;
	overflow: visible;
}

.case-tag ul li {
	display: inline-block;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
	color: #ff7e00;
	background-color: #fff6e2;
	border-radius: .1rem;
	border: 1px solid #f9e1ab;
	padding: 0 .1rem;
	/*float: left;*/
	margin-right: .21rem;
	margin-bottom: .31rem;
}

.case-tag ul li a {
	color: #ff7e00;
}

.case-tag .more {
	width: .36rem;
	position: absolute;
	top: .3rem;
	right: .35rem;
}

.case-tag .more.rotate {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	/* IE 9 */
	-moz-transform: rotate(180deg);
	/* Firefox */
	-webkit-transform: rotate(180deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(180deg);
}

.exp-view {
	width: 100%;
	background-color: #fff;
	padding: .6rem .3rem .35rem;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: .18rem;
}

h5.exp-title {
	height: .55rem;
	font-size: .31rem;
	color: #333;
}

h5.exp-title span {
	padding-bottom: .12rem;
	border-bottom: 2px solid #ffae44;
}

.exp-view ul {
	padding-top: .2rem;
}

.exp-view li {
	height: 1.2rem;
	border-bottom: 1px dashed #cbced5;
}

.exp-view .exp-pic {
	width: auto;
	max-width: 11%;
	height: .62rem;
	border-radius: 50%;
	display: block;
	float: left;
	margin-right: 4.5%;
	margin-top: .3rem;
}

.exp-view div {
	/*width: 4.85rem;*/
	width: 83.6%;
	float: left;
	margin-top: .15rem;
}

.exp-view div h2 {
	/*width: 4.6rem;*/
	width: 95%;
	font-size: .31rem;
	color: #666;
	margin-bottom: .15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: .4rem;
}

.exp-view div p {
	font-size: .21rem;
	color: #999;
}


/*.exp-view div p span.exp-name {
	float: left;
}*/

.exp-view div p span.read-num {
	float: right;
}

.exp-view div p span.read-num img {
	width: .2rem;
	height: auto;
	margin-right: .1rem;
	vertical-align: middle;
}

.exp-view div p span.read-num b {
	vertical-align: middle;
}

a.zhishi-btn {
	display: block;
	width: 2.2rem;
	height: .52rem;
	text-align: center;
	line-height: .52rem;
	background-color: #fafbfd;
	border: 1px solid #e2e4e8;
	color: #5eb4e1;
	font-size: .25rem;
	margin: .3rem auto 0;
}

span.doc-name i,
.pc-docpic,
.pc-crumbs {
	display: none;
}

.classic-case {
	width: 100%;
	background-color: #fff;
	padding: .6rem .3rem .35rem;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: .18rem;
}

.classic-case .caseList li {
	padding: .2rem 0 .4rem;
}

.classic-case .case-info {
	/*width: 5.25rem;*/
	width: 90.5%;
	font-size: .22rem;
	color: #999;
	line-height: .4rem;
	padding-bottom: 0;
}

.classic-case .case-content {
	position: relative;
}

.classic-case .case-content a.gotocase {
	display: block;
	width: .15rem;
	position: absolute;
	margin-top: -.08rem;
	top: 50%;
	right: 0;
}

.classic-case .case-content a.gotocase img {
	width: .16rem;
	height: auto;
}

.classic-case .nocase {
	font-size: .24rem;
	color: #999;
	font-weight: normal;
	padding: .5rem 0;
}

.page_mobile {
	/*display: flex;*/
	padding: .3rem 0;
	height: .1rem;
	background-color: #fff;
	text-align: center;
	position: relative;
	margin-bottom: .18rem;
}

.page_mobile a {
	display: inline-block;
	width: .5rem;
	position: absolute;
	top: .15rem;
}

a.firstPage {
	left: 6.25%;
}

a.prePage {
	left: 24.2%;
}

a.nextPage {
	left: 67.5%;
}

a.lastPage {
	left: 83.9%;
}

.page_mobile span {
	display: inline-block;
	width: 1rem;
	font-size: .22rem;
	position: absolute;
	top: .15rem;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.page_mobile a img {
	width: auto;
	height: .2rem;
}