@CHARSET "UTF-8";

/*鲤鱼溪的杂货铺编写*/


/* common */

* {
	padding: 0;
	margin: 0;
}

html {
	/* font-size: 64px; */
}

body {
	max-width: 6.40rem;
	min-width: 3.20rem;
	margin: 0 auto;
	background: #fff;
	letter-spacing: 0.018rem;
	font-family: "microsoft yahei", "黑体", "宋体";
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	overflow-y: auto;
}

ul,
ol {
	list-style: none;
}


/* link */

a {
	text-decoration: none;
	color: inherit
}

a:link {
	text-decoration: none;
}

i,
em {
	font-style: normal;
}

img,
object,
video,
embed {
	max-width: 100%;
}

img {
	border: 0;
	display: block;
	width: 100%;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.clear {
	clear: both;
}


/* title */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "microsoft yahei", "黑体", "宋体";
}


/* H5新元素旧浏览器　*/

header,
section,
footer,
aside,
nav,
main,
article,
figure {
	display: block;
}

/* input */

input {
	outline: none;
	border: none;
}


/*媒体查询*/


/* 页面样式 */


/*header头部样式开始*/
.header {
	background-color: #fff;
	overflow: hidden;
	height: 0.59rem;
	margin: 0.22rem 0.16rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .logo {
	width: 4.54rem;
	height: 0.59rem;
	overflow: hidden;
}
.header .logo img{width: 75%}

.header .menu {
	width: 0.35rem;
	height: 0.47rem;
	cursor: pointer;
}

.header .menu i {
	display: block;
	width: 0.35rem;
	height: 0.03rem;
	background: #c3c1c1;
	margin: 0.08rem 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.header .menu i:first-child {
	margin-top: 0.11rem;
}

.header .menu i:last-child {
	margin-bottom: 0.11rem;
}

.header .menu.active i:nth-of-type(1) {
	-webkit-transform: translateY(0.11rem) rotate(-135deg);
	-ms-transform: translateY(0.11rem) rotate(-135deg);
	transform: translateY(0.11rem) rotate(-135deg);
}

.header .menu.active i:nth-of-type(2) {
	display: none;
}

.header .menu.active i:nth-of-type(3) {
	-webkit-transform: translateY(0rem) rotate(135deg);
	-ms-transform: translateY(0rem) rotate(135deg);
	transform: translateY(0rem) rotate(135deg);
}

/*header头部样式结束*/

/* nav导航样式区域开始 */
.header-nav {
	width: 6.40rem;
	position: absolute;
	display: none;
}

.header-nav.active {
	display: block;
	z-index: 999;
}

.header-nav ul {
	width: 100%;
	overflow: hidden;
}

.header-nav ul li {
	height: 0.81rem;
	padding-left: 0.60rem;
	padding-right: 0.46rem;
	border-top: 1px solid #4a4a4a;
	cursor: pointer;
	background-color: rgba(40, 40, 40, 0.96);
	display: flex;
	justify-content: space-between;
}

.header-nav ul li:first-child {
	border-top: none;
}

.header-nav ul li a {
	display: block;
	width: 100%;
	font-size: 0.20rem;
	line-height: 0.81rem;
	color: #ffffff;
}

.header-nav ul li i {
	display: block;
	font-size: 0.32rem;
	line-height: 0.81rem;
	font-weight: 100;
	color: #cfcdcd;
}

.header-nav ul li:hover {
	background-color: rgba(40, 40, 40, 0.92);
}

.header-nav ul li:hover a,
.header-nav ul li:hover i {
	color: #fec701;
}


/* nav导航区域结束 */

/* banner区域开始 */
.banner {
	width: 100%;
	overflow: hidden;
}

/* banner区域结束 */

/*主要内容样式开始*/
.main {
	overflow: hidden;
}

.main .bg-color {
	width: 100%;
	height: 0.13rem;
	background: #f1f1f1;
}

/* 顶部图标 */
.main .index-icon {
	width: 100%;
}

.index-icon ul {
	display: flex;
	padding: 0.20rem 0.25rem;
}

.index-icon ul li {
	flex: 1;
}

.index-icon ul li a img {
	width: 0.71rem;
	height: 0.71rem;
	margin: 0 auto;
}

.index-icon ul li a p {
	margin-top: 0.15rem;
	font-size: 0.22rem;
	color: #666666;
	text-align: center;
}

/* 新闻头条 */
.main .newshot {
	width: 6.05rem;
	margin: 0 auto;
}

.newshot h2 {
	font-weight: 500;
	padding: 0.30rem 0 0.25rem;
	font-size: 0.28rem;
	color: #282828;
	border-bottom: 0.01rem dotted #dfdfdf;
}

.newshot ul {}

.newshot ul li {
	width: 6.05rem;
	margin: 0.15rem 0;
	overflow: hidden;
}

.newshot ul li a {
	width: 6.05rem;
	overflow: hidden;
}

.newshot ul li a p {
	width: 6.05rem;
	height: 0.50rem;
	overflow: hidden;
	font-size: 0.22rem;
	line-height: 0.50rem;
	color: #737373;
}

.newshot ul li a div {
	display: flex;
	justify-content: space-between;
}

.newshot ul li a img {
	width: 1.92rem;
	height: 1.25rem;
}

/* 公共更多 */
.more,
.loading-more {
	width: 1.23rem;
	height: 0.31rem;
	border: 0.01rem solid #b9b9ba;
	border-radius: 0.31rem;
	margin: 0.50rem auto;
}

.more a,
.loading-more a {
	display: block;
	width: 1.23rem;
	height: 0.31rem;
	font-size: 0.18rem;
	line-height: 0.31rem;
	color: #b9b9ba;
	text-align: center;
}

.newshot .more {
	border: none;
	background: #b9b9ba;
	margin: 0.30rem auto;
}

.newshot .more a {
	color: #FFFFFF;
}

/* 疾病导航 */
.main .disease {
	padding: 0 0.15rem;
}

.main .disease h2 {
	font-weight: 500;
	font-size: 0.28rem;
	color: #282828;
	margin-top: 0.24rem;
}


.main .disease .disease-ffxlc,
.main .disease .disease-jzbt {
	display: flex;
	justify-content: space-between;
	margin-top: 0.30rem;
}

.main .disease .disease-ffxlc a p,
.main .disease .disease-jzbt a p {
	font-size: 0.22rem;
	color: #fd6c8b;
	text-align: center;
}

.main .disease .disease-ffxlc div,
.main .disease .disease-jzbt div {
	width: 1.96rem;
	height: 1.48rem;
	background: #efeffd;
	border-radius: 0.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main .disease .disease-jzbt div {
	background: #f1f1f1;
}

.main .disease .disease-ffxlc div a img,
.main .disease .disease-jzbt div a img {
	width: 0.69rem;
	height: 0.69rem;
	margin: 0 auto 0.1rem;
}


.main .disease .disease-ffxlc ul,
.main .disease .disease-jzbt ul {
	width: 3.99rem;
	height: 1.48rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: space-between;
}

.main .disease .disease-ffxlc ul li,
.main .disease .disease-jzbt ul li {
	width: 1.91rem;
	height: 0.68rem;
	background: #efeffd;
	border-radius: 0.1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main .disease .disease-jzbt ul li {
	background: #f1f1f1;
}


/* 医师团队 */
.main .team {
	padding: 0 0.12rem;
}

.main .team h2 {
	font-size: 0.28rem;
	font-weight: 500;
	line-height: 0.30rem;
	color: #282828;
	padding: 0.25rem 0 0.21rem;
}

.main .team img {
	width: 100%;
}

.main .team ul {}

.main .team ul li {
	margin-top: 0.24rem;
	width: 100%;
	overflow: hidden;
}

.main .team ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main .team ul li a .team-pic {
	margin-left: 0.19rem;
	width: 1.43rem;
	height: 1.43rem;
	border-radius: 1.43rem;
}

.main .team ul li a .team-text {
	width: 4.24rem;
	font-size: 0.18rem;
	line-height: 0.30rem;
	color: #979696;
}

.main .team ul li a .team-text p:first-child {
	font-size: 0.24rem;
	line-height: 0.30rem;
	color: #7b7a7a;
	margin-bottom: 0.10rem;
}

.main .team ul li a .team-text p:first-child strong {
	font-size: 0.24rem;
	line-height: 0.30rem;
	color: #db7821;
}

.main .team ul li a .team-text p:first-child span {
	font-size: 0.22rem;
	line-height: 0.30rem;
	color: #db7821;
}

.main .team ul li a .team-text p:nth-child(2) {
	font-size: 0.22rem;
	line-height: 0.30rem;
	color: #030303;
	margin-bottom: 0.10rem;
}

/* 检查套餐 */
.main .check {
	width: 100%;
}

.main .check h2 {
	font-size: 0.28rem;
	font-weight: 500;
	line-height: 0.30rem;
	color: #282828;
	padding: 0.25rem 0 0 0.23rem;
}

.main .check ul {
	padding: 0 0.05rem;
	display: flex;
	flex-flow: row wrap;
}

.main .check ul li {
	margin: 0.35rem 0.18rem 0rem;
	width: 2.79rem;
	/* height: 2.42rem; */
	display: flex;
	flex-flow: column nowrap;
	overflow: hidden;
}

.main .check ul li a {
	width: 2.79rem;
}

.main .check ul li a img {
	width: 2.79rem;
	height: 1.65rem;
}

.main .check ul li p {
	font-size: 0.21rem;
	line-height: 0.26rem;
	color: #575656;
	letter-spacing: 0px;
	margin-top: 0.12rem;
	display: flex;
	justify-content: space-between;
}

.main .check ul li p:last-child span:last-child {
	width: 40%;
	/* padding: 0.02rem 0.04rem; */
	font-size: 0.20rem;
	background: #db7821;
	border-radius: 0.2rem;
	text-align: center;
	color: #FFFFFF;
}

/* 广告 */
.main .placard {
	width: 100%;
}

.main .placard img {
	width: 100%;
}

/* 学术交流 */
.main .academic {
	padding: 0 0.15rem;
}

.main .academic h2 {
	font-size: 0.28rem;
	font-weight: 500;
	line-height: 0.30rem;
	color: #282828;
	padding-top: 0.25rem;
}

.main .academic .academic-hot {
	margin: 0.25rem 0;
	height: 1.30rem;
}

.main .academic .academic-hot a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main .academic .academic-hot a .academic-pic {
	width: 2.04rem;
	height: 1.30rem;
	overflow: hidden;
}

.main .academic .academic-hot a .academic-pic img {
	width: 100%;
}

.main .academic .academic-hot a .academic-text {
	width: 3.81rem;
	height: 1.30rem;
	overflow: hidden;
}

.main .academic .academic-hot a .academic-text p {
	font-size: 0.18rem;
	line-height: 0.30rem;
	color: #717171;
}

.main .academic .academic-hot a .academic-text p:first-child {
	font-size: 0.22rem;
	line-height: 0.37rem;
	color: #282828;
	margin-bottom: 0.10rem;
	height: 0.37rem;
	overflow: hidden;
}

.main .academic ul {}


.main .academic ul li {
	margin: 0.12rem 0;
	width: 6.10rem;
	height: 0.32rem;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main .academic ul li span {
	width: 0.05rem;
	height: 0.05rem;
	background: #b5b4b4;
}

.main .academic ul li a {
	font-size: 0.20rem;
	color: #908f8f;
	line-height: 0.32rem;
	width: 5.85rem;
	height: 0.32rem;
	overflow: hidden;
}


/*主要内容样式结束*/

/*底部区域样式开始*/
.footer {
	width: 100%;
	height: 2.86rem;
}

.footer .nav {
	width: 100%;
	height: 0.54rem;
	overflow: hidden;
	background: #9f89dc;
}

.footer .nav ul {
	display: flex;
}

.footer .nav ul li {
	flex: 1;
	height: 0.24rem;
	padding: 0.15rem 0;
	overflow: hidden;
	cursor: pointer;
}

.footer .nav ul li a {
	display: block;
	font-size: 0.22rem;
	line-height: 0.24rem;
	text-align: center;
	color: #FFFFFF;
	border-right: 0.02rem #FFFFFF solid;
}

.footer .nav ul li a:hover {
	color: #FFFFFF;
}

.footer .nav ul li:last-child a {
	border-right: none;
}

.footer_t {
	display: flex;
	justify-content: space-between;
}

.footer_l {
	margin-top: 0.42rem;
	width: 2.24rem;
	height: 1.9rem;
}

.footer_l img {
	width: 0.86rem;
	height: 0.86rem;
	margin: 0 auto;
}

.footer_l p {
	font-size: 0.18rem;
	line-height: 0.29rem;
	color: #b58cee;
	text-align: center;
	margin-top: 0.17rem;
}

.footer_r {
	flex: 1;
	margin-top: 0.42rem;
	font-size: 0.18rem;
	line-height: 0.29rem;
	color: #4f4d4d;
}

.footer_r p:first-child {
	font-size: 0.20rem;
	line-height: 0.29rem;
	color: #9f89dc;
	margin-bottom: 0.11rem;
}

/*底部区域样式结束*/

/* 二级页公共区域 */

/* 面包屑区域 */
.crumbs {
	width: 100%;
	height: 0.54rem;
	border-bottom: 0.01rem solid #dfdfdf;
}

.crumbs ul {
	padding-left: 0.16rem;
	padding-right: 0.16rem;
	font-size: 0.18rem;
	line-height: 0.54rem;
	color: #8f8f8f;
}

.crumbs ul li {
	float: left;
}

.crumbs ul li:nth-child(2n) {
	margin: 0 0.05rem;
}



/* 列表页公共 */
.main .sublist {
	width: 100%;
	overflow: hidden;
}

/* 视频页 */
.video {}

.video ul {
	padding: 0 0.06rem;
	display: flex;
	flex-flow: row wrap;
}

.video ul li {
	margin: 0.20rem 0.15rem 0rem;
	width: 2.84rem;
	/* height: 2.42rem; */
	display: flex;
	flex-flow: column nowrap;
	overflow: hidden;
}

.video ul li video {
	width: 2.84rem;
	height: 1.66rem;
}

.video ul li a {
	height: 0.30rem;
	width: 2.84rem;
	margin-top: 0.14rem;
	font-size: 0.22rem;
	line-height: 0.30rem;
	color: #010101;
	overflow: hidden;
}

.video ul li p {
	/* height: 0.30rem;
	width: 2.84rem; */
	font-size: 0.16rem;
	line-height: 0.30rem;
	color: #808080;
	/* overflow: hidden; */
}

/* 团购检查页 */
.purchase {
	margin-bottom: 0.30rem;
}

.purchase ul {
	padding: 0 0.05rem;
	display: flex;
	flex-flow: row wrap;
}

.purchase ul li {
	margin: 0.35rem 0.18rem 0rem;
	width: 2.79rem;
	/* height: 2.42rem; */
	display: flex;
	flex-flow: column nowrap;
	overflow: hidden;
}

.purchase ul li a {
	width: 2.79rem;
}

.purchase ul li a img {
	width: 2.79rem;
	height: 1.65rem;
}

.purchase ul li p {
	font-size: 0.21rem;
	line-height: 0.26rem;
	color: #575656;
	margin-top: 0.12rem;
	letter-spacing: 0px;
	display: flex;
	justify-content: space-between;
}

.purchase ul li p:last-child span:last-child {
	width: 40%;
	font-size: 0.20rem;
	background: #db7821;
	border-radius: 0.2rem;
	text-align: center;
	color: #FFFFFF;
}

/* 新闻页面 */
.news {}

.news ul {
	padding: 0 0.1rem;
}

.news ul li {
	padding: 0.29rem 0;
	width: 6.20rem;
	border-bottom: 0.01rem dotted #dfdfdf;
	display: flex;
	flex-flow: row nowrap;
	overflow: hidden;
}

.news ul li .news-pic {
	width: 1.49rem;
	height: 0.88rem;
}

.news ul li a img {
	width: 1.49rem;
	height: 0.88rem;
}

.news ul li .news-text {
	width: 4.71rem;
	height: 0.88rem;
	padding-left: 0.20rem;
}

.news ul li .news-text p {
	font-size: 0.22rem;
	line-height: 0.44rem;
	height: 0.44rem;
	color: #010101;
	overflow: hidden;
}

.news ul li .news-text p:last-child {
	font-size: 0.16rem;
	color: #808080;
}


/* 疾病列表页面 */
.diseaselist {}

.diseaselist ul {
	padding: 0 0.1rem;
}

.diseaselist ul li {
	padding: 0.27rem 0;
	border-bottom: 0.01rem dotted #CFCDCD;
}

.diseaselist ul li p {
	font-size: 0.16rem;
	line-height: 0.30rem;
	color: #808080;
}

.diseaselist ul li p:first-child {
	display: flex;
	justify-content: space-between;
	font-size: 0.22rem;
	line-height: 0.30rem;
	color: #010101;
	margin-bottom: 0.10rem;
	font-weight: 600;
}

.diseaselist ul li p:first-child span {
	color: #808080;
}

/* 设备页面 */
.equipment {}

.equipment ul {
	padding: 0 0.1rem;
}

.equipment ul li {
	padding: 0.20rem 0;
	width: 6.20rem;
	border-bottom: 0.01rem dotted #dfdfdf;
	display: flex;
	flex-flow: row nowrap;
	overflow: hidden;
}

.equipment ul li .equipment-pic {
	width: 1.71rem;
	height: 1rem;
}

.equipment ul li a img {
	width: 1.71rem;
	height: 1rem;
}

.equipment ul li .equipment-text {
	width: 4.49rem;
	height: 1rem;
	padding-left: 0.20rem;
}

.equipment ul li .equipment-text p {
	font-size: 0.22rem;
	line-height: 0.44rem;
	height: 0.44rem;
	color: #010101;
	overflow: hidden;
}

.equipment ul li .equipment-text p:last-child {
	font-size: 0.16rem;
	color: #808080;
}

/* 专家列表 */
.expert {}

.expert ul {}

.expert ul li {
	padding: 0.30rem 0;
	width: 6.40rem;
	border-bottom: 0.13rem solid #f1f1f1;
	overflow: hidden;
}

.expert ul li {
	padding: 0.30rem 0.04rem 0.52rem;
	width: 6.40rem;
	border-bottom: 0.13rem solid #f1f1f1;
	overflow: hidden;
}

.expert ul li .expert-top,
.expert-article .expert-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.expert ul li .expert-top .expert-pic {}

.expert ul li .expert-top .expert-pic img,
.expert-article .expert-top .expert-pic img {
	width: 2.65rem;
	height: 3.35rem;
}

.expert ul li .expert-text,
.expert-article .expert-text {
	width: 3.67rem;
	padding-right: 0.10rem;
}

.expert ul li .expert-text p:first-child,
.expert-article .expert-text p:first-child {
	font-size: 0.26rem;
	line-height: 0.30rem;
	color: #db7821;
	margin-bottom: 0.1rem;
}

.expert ul li .expert-text p:first-child i,
.expert-article .expert-text p:first-child i {
	color: #9c9b9b;
}

.expert ul li .expert-text p:first-child span,
.expert-article .expert-text p:first-child span {
	font-size: 0.24rem;
}

.expert ul li .expert-text p:nth-child(2),
.expert-article .expert-text p:nth-child(2) {
	font-size: 0.22rem;
	line-height: 0.30rem;
	color: #030303;
	margin-bottom: 0.1rem;
}

.expert ul li .expert-text p:nth-child(3),
.expert-article .expert-text p:nth-child(3) {
	font-size: 0.18rem;
	line-height: 0.30rem;
	color: #8f8f8f;
	padding-bottom: 0.1rem;
	margin-bottom: 0.1rem;
	border-bottom: 0.01rem dotted #DFDFDF;
}

.expert-article .expert-text p:nth-child(3) {
	border-bottom: none;
}

.expert ul li .expert-text p:nth-child(4) {
	margin-bottom: 0.1rem;
	font-size: 0.20rem;
	line-height: 0.30rem;
	color: #282828;
}

.expert ul li .expert-text p:nth-child(5) {
	font-size: 0.18rem;
	color: #979696;
}

.expert ul li .expert-text p:nth-child(5) a {
	font-size: 0.18rem;
	color: #fc8a70;
}

.expert ul li .expert-btn,
.expert-article .expert-text p:nth-child(4) {
	width: 3.76rem;
	margin: 0.40rem auto 0;
	display: flex;
	justify-content: space-between;
}

.expert-article .expert-text p:nth-child(4) {
	justify-content: center;
}

.expert ul li .expert-btn a,
.expert-article .expert-text p:nth-child(4) {
	display: block;
	text-align: center;
	width: 1.71rem;
	height: 0.46rem;
	font-size: 0.26rem;
	line-height: 0.46rem;
	color: #ffffff;
	background: #e44292;
	border-radius: 0.1rem;
}

.expert ul li .expert-btn a:first-child,
.expert-article .expert-text p:nth-child(4) {
	background: #8a94e8;
}