.text-c {
	display: -webkit-flex;
	-webkit-flex-wrap: nowrap;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

body,
h1,
h2,
h3,
h4,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td,
a {
	margin: 0;
	padding: 0
}

header,
section,
footer {
	display: block
}

body {
	font-family: 'Microsoft YaHei', arial, '\5b8b\4f53', sans-serif, tahoma;
	font-size: 14px;
	color: #424242;
	background: #f8f8f8;
	min-width: 1200px;
	/* word-wrap: break-word;
	word-break: break-all */
}

/* body::-webkit-scrollbar {
	width: 5px;
	height: 5px
} */

/* body::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2)
} */

img {
	vertical-align: middle;
	border: 0
}

h1,
h2,
h3,
h4 {
	font-weight: normal
}

ul,
ol,
li {
	list-style: none
}

em,
i {
	font-style: normal
}

a,
input,
button {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button {
	-webkit-appearance: none;
	border-radius: 0
}

a,
input,
textarea,
select,
option,
button {
	outline: 0
}

textarea {
	font: inherit
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 1000px #fff;
	box-shadow: inset 0 0 0 1000px #fff
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #eee
}

input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #eee
}

a {
	color: #666;
	text-decoration: none
}

.fl {
	float: left !important
}

.fr {
	float: right !important
}

.cb {
	clear: both
}

.mt10 {
	margin-top: 10px
}

.ml20 {
	margin-left: 20px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.wrap {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	clear: both
}

.link {
	color: #409eff;
	cursor: pointer
}

.c-text-nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.c-text-nowrap-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.icon-home {
	background-image: url(../image/shouye.png)
}

.icon-dianhua {
	background-image: url(../image/dianhua.png)
}

.icon-tel {
	background-image: url(../image/lianxiwm.png)
}

.icon2shouji,
.icon-shouji {
	background-image: url(../image/shouji.png)
}

.icon-unfold {
	background-image: url(../image/unfold.png)
}

.icon-doctor {
	background-image: url(../image/doctor.png)
}

.icon-dianzan_fill,
.icon-like_fill {
	background-image: url(../image/like_fill.png)
}

.icon-baike {
	background-image: url(../image/baikezhis.png)
}

.icon-msg {
	background-image: url(../image/xiaoxi.png)
}

.icon-question2 {
	background-image: url(../image/wodewenti.png)
}

.icon-kefu {
	background-image: url(../image/kefu.png)
}

.icon-qrcode {
	background-image: url(../image/qrcode.png)
}

.icon-packup {
	background-image: url(../image/top.png)
}

.icon2group {
	background-image: url(../image/group.png)
}

.icon2liulan {
	background-image: url(../image/liulan_24.png)
}

.icon2pinglun {
	background-image: url(../image/pinglun_20.png)
}

.icon2like {
	background-image: url(../image/like20.png)
}

.icon2like_fill {
	background-image: url(../image/like_fill20.png)
}

.icon2moving {
	background-image: url(../image/moving.png)
}

.icon2universal {
	background-image: url(../image/universal.png)
}

.icon2explain {
	background-image: url(../image/explain.png)
}

.icon2ask {
	background-image: url(../image/ask.png)
}
.icon-headset {
	background: url(../image/audio_12.png) center no-repeat
}

.icon-write {
	background-image: url(../image/xieriji.png)
}

.icon-notepad {
	background-image: url(../image/notepad.png)
}

.icon-left {
	background-image: url(../image/left.png)
}

.icon-right,
.icon-right2 {
	background-image: url(../image/right.png)
}
.icon-hospital2 {
	background-image: url(../image/hospital2.png)
}
.icon-group {
	background-image: url(../image/xianggms.png)
}

.icon-baike2 {
	background-image: url(../image/baikezs.png)
}

.icon-jia {
	background-image: url(../image/jia.png)
}

.icon-delete {
	background-image: url(../image/delete.png)
}

.icon-zoom {
	background-image: url(../image/zoom.png)
}

.icon-guanbi {
	background-image: url(../image/guanbi.png)
}

.icon-close {
	background-image: url(../image/close.png)
}

.icon-special {
	background-image: url(../image/special.png)
}

.icon-rmtz {
	background-image: url(../image/rmtz.png)
}

.icon-medal2 {
	background-image: url(../image/yzliulphb.png)
}

.icon2home {
	background-image: url(../image/home.png)
}

.icon2switch {
	background-image: url(../image/switch.png)
}

.icon2praise {
	background-image: url(../image/dianzan.png)
}

.icon2praise_active {
	background-image: url(../image/dianzan_active.png)
}

.icon2reply {
	background-image: url(../image/reply.png)
}

.icon2reply_active {
	background-image: url(../image/reply_active.png)
}

.icon2close {
	background-image: url(../image/close_dialog.png)
}
.icon-timing {
	background-image: url(../image/meiriyd.png)
}

.icon-news2 {
	background-image: url(../image/zuixinzx.png)
}

.icon-question3 {
	background-image: url(../image/zuixinwd.png)
}

.icon-prev {
	background-image: url(../image/prev_1.png)
}

.icon-next {
	background-image: url(../image/next_1.png)
}

.iconfont,
.icon2 {
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
}

.icon-on {
	color: #fe7171
}

header {
	background: #fff
}


header .head {
	padding: 10px 0;
	height: 130px;
	clear: both;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

header .logo {
	padding-top: 20px;
	width: 222px;
	height: 60px;
	float: left
}

header .hb {
	float: left;
	margin-left: 90px;
	padding-top: 16px;
	width: 130px
}

header .main-nav {
	height: 54px;
	background: #ffc234;
	clear: both
}

header .main-nav .wrap {
	position: relative
}

header .main-nav .nav-con {
	height: 54px
}

header .main-nav .nav-con li {
	float: left
}

header .main-nav .nav-con li a {
	display: inline-block;
	padding: 0 10px;
	min-width: 113px;
	line-height: 54px;
	font-size: 16px;
	color: #333;
	text-align: center;
}

header .main-nav .nav-con li.on a,
header .main-nav .nav-con li a:hover {
	background: #fbb002
}

header .user-info-down {
	float: right;
	position: relative;
	overflow: hidden
}

header .user-info-down .user-info {
	height: 52px;
	line-height: 44px;
	font-size: 14px;
	color: #666
}

header .user-info-down .user-info img {
	display: inline-block;
	float: left;
	margin-right: 10px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #f2f2f2
}

header .user-info-down .user-info span {
	display: inline-block;
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: auto;
	max-width: 80px
}

header .user-info-down .user-down {
	position: absolute;
	top: 46px;
	right: -25px;
	z-index: 101;
	width: 180px;
	height: 332px;
	background: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all .5s .1s;
	transition: all .5s .1s
}

header .user-info-down .user-down li {
	padding: 0 10px 0 20px
}

header .user-info-down .user-down li a {
	display: block;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #666;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

header .user-info-down .user-down li a:hover {
	color: #f60
}

header .user-info-down .user-down li i {
	position: absolute;
	top: -6px;
	right: 50%;
	z-index: 11;
	margin-left: -6px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #fff
}

header .user-info-down .user-down li em {
	display: inline-block;
	margin-left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff4a3b;
	vertical-align: super
}

header .user-info-down .user-down li.name {
	border-bottom: 1px solid #eee
}

header .user-info-down .user-down li.name a {
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #333
}

header .user-info-down .user-down li.quit {
	padding-bottom: 6px;
	border-top: 1px solid #eee
}

header .user-info-down:hover {
	overflow: visible
}

header .user-info-down:hover .user-down {
	filter: alpha(opacity=100);
	opacity: 1
}

.search {
	float: right;
	padding-top: 25px
}

.search .search-row {
	position: relative;
	padding-bottom: 10px;
	overflow: hidden
}

.search .search-row form {
	width: 540px;
	height: 42px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ffc234;
	border-radius: 22px
}

.search .search-row .search-l {
	float: left;
	padding-left: 20px;
	height: 42px;
	line-height: 42px;
	font-size: 42px
}

.search .search-row .search-l .iconfont {
	float: left;
	display: inline-block;
	width: 24px;
	height: 42px
}

.search .search-row input,
.search .search-row button {
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.search .search-row #key,
.search .search-row .key {
	float: left;
	width: 390px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #333;
	text-indent: 6px;
	letter-spacing: .5px;
	background: none
}

.search .search-row #key::-webkit-input-placeholder,
.search .search-row .key::-webkit-input-placeholder {
	color: #b2b2b2
}

.search .search-row #btn {
	float: right;
	display: inline-block;
	width: 100px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 2px;
	background: #ffc234
}

.search .search-row .search-dropdown {
	top: 48px;
	width: 440px
}

.search .search-row:hover {
	overflow: visible
}

.search .search-row:hover .search-dropdown {
	height: auto;
	filter: alpha(opacity=100);
	opacity: 1
}

.search .search-row .search-history {
	-webkit-box-shadow: 1px 5px 5px 2px #c4bebe;
	box-shadow: 1px 5px 5px 2px #c4bebe;
	width: 390px;
	border: 1px solid #f0ecec;
	display: none;
	z-index: 99;
	border-radius: 4px;
	background: #fff;
	height: auto;
	margin-top: 42px;
	position: absolute;
	margin-left: 48px
}

.search .search-row .search-history ul {
	width: 100%
}

.search .search-row .search-history ul li {
	height: 30px;
	line-height: 30px;
	padding: 5px;
	cursor: pointer;
	color: #1bbde6;
	font-size: 16px
}

.search .search-row .search-history ul li a {
	color: #1bbde6
}

.search .search-row .search-history #clear-history {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	color: #1bbde6
}

.search .hot-search {
	padding-left: 30px
}

.search .hot-search span,
.search .hot-search a {
	display: inline-block;
	float: left;
	padding: 0 5px;
	font-size: 12px;
	color: #b2b2b2
}

.zixunFixed2 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99;
	margin-left: 610px;
	width: 130px;
	height: 130px;
	cursor: pointer;
	background: url(http://www.zx236.cn/static/801/img/wenyiwen@2x.png) center top no-repeat;
	background-size: 130px
}


.contentBox {
	overflow: hidden;
	line-height: 1.8;
	font-size: 14px;
	color: #333
}

.contentBox table,
.contentBox img {
	max-width: 100%;
	height: auto
}

.contentBox table {
	min-width: 60%;
	border: 1px solid #eee;
	border-collapse: collapse
}

.contentBox table th,
.contentBox table td {
	padding: 8px 15px;
	border: 1px solid #eee
}

.contentBox p {
	margin-bottom: 5px
}

.contentBox a:hover {
	color: #f60
}

.uploadBox {
	float: left
}

.uploadBox .layui-upload-list {
	float: left;
	margin: 0
}

.uploadBox .layui-upload-list li {
	position: relative;
	float: left;
	margin: 0 15px 15px 0;
	width: 122px;
	height: 122px;
	border-radius: 6px;
	overflow: hidden
}

.uploadBox .layui-upload-list li img {
	width: 100%;
	height: 100%;
	border-right: 6px
}

.uploadBox .layui-upload-list li .upload-list__item-actions {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 3;
	display: none;
	width: 100%;
	line-height: 122px;
	text-align: center;
	background: #000;
	filter: alpha(opacity=60);
	background: rgba(0, 0, 0, 0.6)
}

.uploadBox .layui-upload-list li .upload-list__item-actions span {
	display: inline-block;
	width: 36px;
	height: 40px;
	line-height: 40px;
	color: #f8f8f8;
	cursor: pointer
}

.uploadBox .layui-upload-list li .upload-list__item-actions .iconfont {
	display: inline-block;
	width: 18px;
	height: 18px
}

.uploadBox .layui-upload-list li:hover .upload-list__item-actions {
	display: block
}

.uploadBox .upload-picture-btn {
	width: 122px;
	height: 122px;
	line-height: 120px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	vertical-align: top;
	background-color: #f2f2f2;
	border: 1px dashed #ccc;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.uploadBox .upload-picture-btn i {
	display: inline-block;
	width: 18px;
	height: 18px
}

footer {
	margin-top: 30px;
	padding: 35px 0 20px;
	overflow: hidden;
	clear: both;
	background: #333
}

footer .footer-icon {
	margin-bottom: 25px;
	padding-bottom: 50px;
	overflow: hidden;
	border-bottom: 1px solid #3f3f3f
}

footer .state {
	line-height: 24px;
	font-size: 13px;
	color: #999;
	overflow: hidden
}

footer .state .state-intro {
	width: 897px
}

footer .state p {
	float: left;
	height: 24px
}

footer .state span {
	float: right;
	padding: 0 20px
}

footer .state a {
	color: #999
}

footer .disclaimer {
	line-height: 1.6;
	margin-top: 10px;
	font-size: 12px
}

footer .disclaimer p {
	color: #999
}

.bd-message {
	position: fixed;
	top: -200px;
	left: 50%;
	z-index: 1002;
	margin-left: -115px;
	padding: 8px 15px;
	min-width: 200px;
	max-width: 300px;
	line-height: 28px;
	font-size: 16px;
	background: #f5f5f5;
	border: 1px solid #eee;
	border-radius: 3px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.bd-message.show {
	top: 100px
}

.bd-message.warning {
	background-color: #fdf6ec;
	color: #e6a23c;
	border-color: #faecd8
}

.bd-message.success {
	background-color: #f0f9eb;
	color: #67c23a;
	border-color: #e1f3d8
}

.breadcrumb {
	margin-bottom: 20px;
	padding: 13px 0;
	background: #fff;
	overflow: hidden
}

.breadcrumb a,
.breadcrumb span,
.breadcrumb i {
	display: inline-block;
	float: left;
	max-width: 600px;
	line-height: 18px;
	color: #999;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}
.breadcrumb a:hover{color: #fe7f22;}
.breadcrumb i {
	width: 18px;
	height: 18px;
	background-size: 12px
}

.breadcrumb-question-list {
	margin-bottom: 0
}

.filterBox {
	margin: 20px 0 40px;
	padding: 20px 20px 15px;
	border-radius: 10px;
	overflow: hidden;background: #fff;
}

.filterBox li {
	margin-bottom: 5px;
	clear: both;
	overflow: hidden;
	font-size: 14px
}

.filterBox li .tit {
	float: left;
	width: 80px;
	line-height: 30px;
	vertical-align: top
}

.filterBox li .tit .title {
	display: inline-block;
	width: 56px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	background: #1bbde6;
	border-radius: 4px
}

.filterBox li .con {
	line-height: 28px;
	overflow: hidden;
	position: relative
}

.filterBox li a,
.filterBox li .item {
	display: inline-block;
	margin: 0 15px 10px 0;
	padding: 0 6px;
	line-height: 30px;
	color: #666;
	cursor: pointer
}

.filterBox li .on,
.filterBox li a:hover {
	color: #1bbde6
}

.filterBox li .con-sub {
	margin: 0 0 10px 80px;
	padding: 12px 0 2px 12px;
	display: inline-block;
	background: #ebebeb;
	border-radius: 6px
}

.pagination {
	margin: 30px 0 20px;
	clear: both;
	text-align: center
}

.pagination.w860 {
	width: 860px
}

.pagination ul {
	display: inline-block;
	height: 42px
}

.pagination li {
	float: left;
	margin: 0 5px;
	overflow: hidden;
	min-width: 26px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #999;
	text-align: center;
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 20px
}

.pagination li a {
	display: block;
	padding: 0 5px;
	min-width: 28px;
	color: #888
}

.pagination li a:hover {
	color: #333
}

.pagination li a .iconfont {
	display: inline-block;
	width: 100%;
	height: 38px;
	background-size: 16px
}

.pagination li.on {
	background: #ffc234;
	border-color: #ffc234
}

.pagination li.on a {
	color: #fff
}

.w1h30 {
	width: 1px;
	height: 30px;
	clear: both
}

.w1h20 {
	width: 1px;
	height: 20px;
	clear: both
}

.page-l {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 50px;
	width: 850px;
	min-height: 300px
}

.page-l .pagination {
	margin-bottom: 0 !important
}

.page-r {
	float: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 50px;
	width: 320px;
	min-height: 300px
}

.sidebar .side-box {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px
}

.sidebar .side-box .hd {
	margin-bottom: 18px;
	height: 60px;
	line-height: 60px;
	position: relative;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.sidebar .side-box h2 {
	margin-left: 15px;
	width: 300px;
	font-size: 18px;
	color: #333
}

.sidebar .side-box h2 span.fl {
	margin-right: 8px
}

.sidebar .side-box h2 .iconfont {
	float: left;
	margin: 16px 8px 0 0;
	display: inline-block;
	width: 25px;
	height: 28px
}

.sidebar .side-box .more {
	position: absolute;
	top: 15px;
	right: 15px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;}

.sidebar .side-box .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 16px;
	height: 30px;
	background-size: 15px
}

.sidebar .side-box .more:hover {
	color: #f60;
}

.sidebar .side2-box {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 10px
}

.sidebar .side2-box .hd {
	margin-bottom: 20px;
	padding: 12px 0;
	height: 36px;
	line-height: 36px;
	position: relative;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.sidebar .side2-box h2 {
	margin-left: 15px;
	width: 250px;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
	color: #000
}

.sidebar .side2-box h2 span {
	float: left
}

.sidebar .side2-box h2 .iconfont {
	margin-left: 8px;
	width: 24px;
	height: 36px
}

.sidebar .side2-box .more {
	position: absolute;
	top: 12px;
	right: 15px;
	font-size: 16px;
	color: #999;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.sidebar .side2-box .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 16px;
	height: 36px;
	background-size: 15px
}

.sidebar .side2-box .more:hover {
	color: #f60;
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}

.bui-input::-webkit-input-placeholder,
.bui-select::-webkit-input-placeholder,
.bui-textarea::-webkit-input-placeholder {
	line-height: 40px;
	color: #999
}

.bui-input:hover,
.bui-textarea:hover {
	border-color: #d2d2d2
}

.bui-input:focus,
.bui-textarea:focus {
	border-color: #c8c8c8
}

.bui-inline {
	display: inline-block;
	vertical-align: middle
}

.bui-input-inline {
	float: left;
	width: 180px;
	margin-right: 10px
}

.bui-input-tips {
	line-height: 30px;
	font-size: 12px;
	color: #b2b2b2
}

.bui-input-tips.err {
	padding-left: 30px;
	background: url(../image/err_input_tips.png) 5px center no-repeat
}


@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes loading-rotate {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loading-rotate {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.closeData {
	margin: 0 auto;
	padding: 30px 0;
	max-width: 1000px;
	text-align: center
}

.closeData .pic {
	height: 290px;
	background: center center url(../image/closeData.png) no-repeat
}

.closeData h3 {
	line-height: 40px;
	font-size: 22px;
	color: #666
}

.index-hospital,
.index-doctor {
	margin-top: 15px
}

.index-hospital .index-hd,
.index-doctor .index-hd {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.index-hospital .new-hospital,
.index-doctor .new-hospital {
	height: 50px;
	line-height: 50px;
	border-radius: 6px;
	background: #eee
}

.index-hospital .new-hospital .tit,
.index-doctor .new-hospital .tit {
	float: left;
	margin: 0 6px 0 20px;
	font-size: 16px;
	color: #666
}

.index-hospital .new-hospital .bd,
.index-doctor .new-hospital .bd {
	width: 1050px;
	height: 50px;
	overflow: hidden
}

.index-hospital .new-hospital ul,
.index-doctor .new-hospital ul {
	display: inline-block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.index-hospital .new-hospital ul li,
.index-doctor .new-hospital ul li {
	margin: 0 12px 0 8px;
	display: inline-block
}

.index-hospital .new-hospital ul li a,
.index-doctor .new-hospital ul li a {
	display: inline-block
}

.index-hospital .new-hospital ul li a:hover,
.index-doctor .new-hospital ul li a:hover {
	color: #f60
}

.index-hospital .new-hospital ul li img,
.index-doctor .new-hospital ul li img {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #f2f2f2;
	vertical-align: middle
}

.index-hospital .new-hospital ul li p,
.index-doctor .new-hospital ul li p {
	display: inline-block;
	margin-left: 4px;
	font-size: 14px;
	color: #333
}

.index-hospital .hospital-list-card li,
.index-doctor .hospital-list-card li {
	margin-top: 10px;
	margin-bottom: 15px;
	height: 402px
}

.hospital-list-card {
	margin: 0 -12px 0 -10px;
	overflow: hidden
}

.hospital-list-card li {
	position: relative;
	float: left;
	margin: 25px 10px 20px;
	padding-top: 22px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 285px;
	height: 355px;
	text-align: center;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 6px;
}

.hospital-list-card li:hover {
	z-index: 2;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);
	transition: ease-in .3s;
}

.hospital-list-card .pic {
	margin: 0 auto;
	width: 200px;
	height: 200px;
	background-color: #f2f2f2;
	border-radius: 50%;
	overflow: hidden
}

.hospital-list-card .pic a {
	display: block
}

.hospital-list-card .pic img {
	width: 100%;
	height: 100%
}

.hospital-list-card .pic .mqBtn {
	display: none
}

.hospital-list-card h3 {
	margin: 14px 0 6px;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px
}

.hospital-list-card h3 .title {
	display: inline-block;
	font-size: 18px;
	color: #000;
	vertical-align: middle
}

.hospital-list-card h3 .title span {
	display: inline-block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 220px
}

.hospital-list-card h3 .title:hover {
	color: #f60
}

.hospital-list-card h3 .rz {
	float: right;
	margin-left: 4px;
	display: inline-block;
	width: 26px;
	height: 30px;
	background-position: center right;
	background-repeat: no-repeat
}
.hospital-list-card .d-area {
	margin-bottom: 15px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	display: inline-block;
	width: 90%;
	overflow: hidden
}

.hospital-list-card .d-area .sptlit {
	display: inline-block;
	margin: 4px 8px 0;
	width: 1px;
	height: 12px;
	background: #999;
	vertical-align: top
}

.hospital-list-card .d-des {
	line-height: 16px;
	font-size: 14px;
	color: #666
}

.hospital-list-card .d-des .sptlit {
	display: inline-block;
	margin: 0 8px;
	width: 1px;
	height: 12px;
	background: #999;
	vertical-align: middle
}

.hospital-list-card .d-des i {
	padding: 0 2px;
	font-weight: 600;
	color: #4295ca
}

.hospital-list-card .icon {
	position: absolute;
	top: -1px;
	right: 16px;
	display: inline-block;
	width: 30px;
	height: 32px;
	background-position: center center;
	background-repeat: no-repeat
}

.hospital-list-card .btn {
	margin: 18px auto 0;
	width: 180px;
	line-height: 40px;
	font-size: 16px;
	color: #ffc234;
	border: 1px solid #ffc234;
	border-radius: 5px
}

.hospitalBox {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	min-height: 300px
}

.hospitalBox .hd {
	margin-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #eee
}

.hospitalBox .hd li {
	margin: 0 20px;
	padding-top: 3px;
	float: left;
	position: relative;
	height: 54px;
	line-height: 54px;
	border-bottom: 3px solid #fff
}

.hospitalBox .hd li a {
	display: block;
	font-size: 16px;
	color: #333
}

.hospitalBox .hd li.on {
	border-color: #ffc234;
	color: #ffc234
}

.hospitalBox .hd li.on a {
	color: #000;
	font-weight: 600
}

.hospitalBox .hd li:hover a {
	color: #000
}

.hospitalBox+.pagination {
	margin-bottom: 60px
}

.hospital-list {
	margin-bottom: 20px
}

.hospital-list li {
	padding: 20px 20px 0;
	overflow: hidden;
	-webkit-transition: background .5s, -webkit-transform .5s;
	transition: background .5s, -webkit-transform .5s;
	transition: transform .5s, background .5s;
	transition: transform .5s, background .5s, -webkit-transform .5s
}

.hospital-list li .pic {
	float: left;
	width: 158px;
	height: 158px;
	overflow: visible;
	border: 1px solid #eee;
	border-radius: 6px;
	position: relative
}

.hospital-list li .pic .icon {
	position: absolute;
	top: -1px;
	right: 10px;
	z-index: 2;
	display: inline-block;
	width: 28px;
	height: 32px;
}

.hospital-list li img {
	display: block;
	width: 100%;
	height: 100%;
}

.hospital-list li .info {
	float: right;
	width: 970px;
	min-height: 170px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #eee
}

.hospital-list li h3 {
	min-width: 100px;
	max-width: 480px;
	height: 32px;
	line-height: 32px;
	font-size: 20px;
	color: #222;
	margin-bottom: 10px
}

.hospital-list li h3 a {
	display: block;
	color: #222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hospital-list li a:hover {
	color: #f60
}

.hospital-list li .project-row {
	position: relative;
	margin-bottom: 8px
}

.hospital-list li .project-row .tit {
	float: left;
	line-height: 28px;
	font-size: 14px;
	color: #666
}

.hospital-list li .project-row .tags a,
.hospital-list li .project-row .tags span {
	display: inline-block;
	margin-left: 10px;
	padding: 0 6px;
	min-width: 60px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #666;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 6px
}

.hospital-list li .address-text {
	margin-bottom: 3px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #666;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 80%
}

.hospital-list li .address-text span {
	color: #666
}

.hospital-list li .desc {
	margin-bottom: 8px;
	overflow: hidden;
	max-height: 56px;
	line-height: 28px;
	font-size: 14px;
	color: #666
}

.hospital-list li:hover {
	background: #f2f2f2;
	-webkit-transform: translateX(5px);
	transform: translateX(5px)
}

.hospital-list.w860 .info {
	width: 630px
}

.hospital-list.w860 .project-row .tags {
	max-width: 520px
}

.hospital-show .page-l {
	width: 320px;
	float: left
}

.hospital-show .page-r {
	width: 850px;
	float: right
}

.hospital-show .hd {
	height: 60px;
	line-height: 60px;
	position: relative;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.hospital-show .hd .more {
	position: absolute;
	top: 15px;
	right: 15px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.hospital-show .hd .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 16px;
	height: 30px;
	background-size: 15px
}

.hospital-show .hd .more:hover {
	color: #f60;
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}

.hospital-show h2 {
	margin-left: 15px;
	width: 300px;
	font-size: 18px;
	color: #333
}

.hospital-show h2 span.fl {
	margin-right: 6px
}

.hospital-show h2 .iconfont {
	float: left;
	margin: 16px 6px 0 0;
	display: inline-block;
	width: 25px;
	height: 28px
}

.hospital-show h2 em {
	margin-left: 5px;
	color: #b2b2b2
}

.hospital-info {
	margin-bottom: 12px;
	padding: 30px 20px;
	position: relative;
	background: #fff;
	border-radius: 6px;
	overflow: hidden
}

.hospital-info .logo {
	float: left;
	display: block;
	width: 158px;
	height: 158px;
	background: #f2f2f2;
	border: 1px solid #eee;
	border-radius: 6px
}

.hospital-info .cr {
	float: left;
	margin-left: 30px;
	width: 800px
}

.hospital-info .cr h1 {
	float: left;
	display: inline-block;
	margin-bottom: 5px;
	max-width: 800px;
	height: 56px;
	line-height: 56px;
	font-size: 28px;
	color: #000;
	overflow: hidden
}

.hospital-info .cr .attest-btn {
	display: inline-block;
	float: right;
	margin-left: 10px;
	width: 80px;
	height: 56px;
}

.hospital-info .cr .attest-btn.attest-0 {
	background-image: url(../image/attest_0.png)
}

.hospital-info .cr p {
	clear: both;
	margin-bottom: 5px;
	line-height: 24px;
	font-size: 14px;
	color: #555
}

.hospital-info .cr p span {
	color: #999
}

.hospital-info .zxBtn {
	position: absolute;
	top: 40px;
	right: 208px;
	width: 158px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	text-align: center;
	background: #ffc234;
	border-radius: 6px;
	cursor: pointer
}

.hospital-info .telBtn {
	position: absolute;
	top: 75px;
	right: 64px;
	width: 60px;
	text-align: center
}

.hospital-info .telBtn i {
	display: inline-block;
	width: 50px;
	height: 50px;
}

.hospital-info .telBtn span {
	display: inline-block;
	line-height: 24px;
	font-size: 14px;
	color: #808080
}

.hospital-info .example-num {
	position: absolute;
	top: 89px;
	right: 247px;
	line-height: 20px
}

.hospital-info .example-num span {
	font-size: 18px;
	color: #ffc234;
	padding: 0 2px
}

.hospital-intro {
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 15px
}

.hospital-intro .bd {
	padding: 10px 15px 30px
}

.hospital-intro .desc {
	margin-bottom: 20px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	text-align: justify
}

.hospital-intro .desc .cBtn {
	padding-left: 5px;
	color: #1bbde6;
	cursor: pointer
}

.hospital-intro p {
	line-height: 24px;
	font-size: 14px;
	color: #333
}

.hospital-intro p span {
	color: #999
}

.hospital-intro p a {
	color: #333
}

.hospital-intro .project-row {
	margin-top: 15px;
	padding-top: 25px;
	position: relative;
	border-top: 1px solid #eee
}

.hospital-intro .project-row .tit {
	line-height: 24px;
	font-size: 14px;
	color: #999
}

.hospital-intro .project-row .tags a,
.hospital-intro .project-row .tags span {
	display: inline-block;
	margin: 10px 10px 0 0;
	padding: 0 10px;
	min-width: 60px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #888;
	text-align: center;
	background: #f3f3f3;
	border-radius: 6px
}

.hospital-intro .project-row .tags .cBtn {
	padding-left: 5px;
	color: #1bbde6;
	cursor: pointer;
	background: none
}

.hospital-contact {
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 15px
}

.hospital-contact .bd {
	padding-bottom: 20px;
	text-align: center
}

.hospital-contact .tit {
	line-height: 78px;
	font-size: 18px;
	color: #000
}

.hospital-contact .tit span {
	color: #b2b2b2
}

.hospital-contact .mqBtn {
	display: inline-block;
	width: 286px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #1bbde6;
	border-radius: 6px;
	cursor: pointer
}

.side-contact .bd {
	padding-bottom: 20px;
	text-align: center
}

.side-contact .tit {
	margin-top: 25px;
	line-height: 34px;
	font-size: 18px;
	color: #000
}

.side-contact p {
	margin-bottom: 18px;
	line-height: 24px;
	font-size: 14px;
	color: #b3b3b3
}

.side-contact .mqBtn {
	display: inline-block;
	width: 286px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #ffc234;
	border-radius: 6px;
	cursor: pointer
}

.doctor-team {
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 15px
}

.doctor-team ul {
	padding-left: 1px;
	padding-bottom: 20px;
	overflow: hidden
}

.doctor-team li {
	float: left;
	margin: 18px 0 5px 17px;
	padding: 20px 0 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 260px;
	height: 186px;
	border-radius: 6px;
	background: #f8f8f8;
}

.doctor-team li a {
	display: inline-block
}

.doctor-team li .info {
	margin-bottom: 16px;
	height: 58px;
	line-height: 58px;
	overflow: hidden
}

.doctor-team li .info .avatar {
	float: left;
	margin-right: 20px;
	width: 58px;
	height: 58px;
	border-radius: 100%;
	overflow: hidden
}

.doctor-team li .info .avatar img {
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.doctor-team li .info .user {
	max-width: 300;
	height: 58px;
	float: left
}

.doctor-team li .info .user .name {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #000;
	font-weight: 500
}

.doctor-team li .info .user .zc {
	display: block;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #b2b2b2
}

.doctor-team li .tags {
	height: 80px;
	overflow: hidden
}

.doctor-team li .tags a,
.doctor-team li .tags span {
	display: inline-block;
	margin: 0 8px 12px 0;
	padding: 0 8px;
	min-width: 32px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #888;
	text-align: center;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 6px
}

.doctor-team li:hover {
	z-index: 2;
	-webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	-webkit-transform: translate3d(0, -2px, 0);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	transform: translate3d(0, -2px, 0)
}

.hospital-photo {
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 15px
}

.hospital-photo .min-list {
	padding: 20px 1px;
	overflow: hidden
}

.hospital-photo .min-list li {
	float: left;
	margin-left: 17px;
	overflow: hidden;
	width: 260px;
	height: 172px;
	border-radius: 4px
}

.hospital-photo .min-list li img {
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.hospital-diary {
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 15px
}

.hospital-diary .diary-list li .info h3 {
	font-weight: 600;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.hospital-diary .diary-list li .info .user {
	margin-bottom: 5px;
	margin-top: 10px
}

.hospital-doctor-all ul {
	padding-left: 0
}

.hospital-doctor-all li {
	width: 275px;
	margin: 20px 0 5px 20px
}

.hospital-photo-all .con {
	min-height: 360px;
	padding-bottom: 40px
}

.hospital-photo-all .focus_pic {
	margin: 25px auto 10px;
	width: 970px;
	height: 640px;
	background: #f2f2f2;
	position: relative
}

.hospital-photo-all .focus_pic ul {
	overflow: hidden
}

.hospital-photo-all .focus_pic ul li {
	float: left;
	display: none;
	width: 970px;
	height: 640px;
	text-align: center;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hospital-photo-all .focus_pic ul li img {
	display: inline-block;
	max-width: 100%;
	height: auto
}

.hospital-photo-all .focus_pic .picBtn {
	position: absolute;
	top: 50%;
	z-index: 3;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #d6d6d6;
	border-radius: 50%
}

.hospital-photo-all .focus_pic .picBtn.prev {
	left: -80px
}

.hospital-photo-all .focus_pic .picBtn.next {
	right: -80px
}

.hospital-photo-all .focus_pic .picBtn .iconfont {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	color: #d6d6d6;
	text-align: center
}

.hospital-photo-all .focus_pic .picBtn:hover {
	border-color: #ffc234
}

.hospital-photo-all .focus_pic .picBtn:hover .iconfont {
	color: #ffc234
}

.hospital-photo-all .focus_nav {
	clear: both;
	margin: 0 auto 0;
	width: 970px;
	height: 130px;
	font-size: 0;
	position: relative
}

.hospital-photo-all .focus_nav ul {
	margin: 0 -5px 0 -1px;
	height: 130px;
	overflow: hidden
}

.hospital-photo-all .focus_nav ul li {
	float: left;
	margin: 0 4px 10px 0;
	width: 185px;
	height: 124px;
	overflow: hidden;
	cursor: pointer;
	border: 3px solid #fff;
	-webkit-transition: all .5s;
	transition: all .5s
}

.hospital-photo-all .focus_nav ul li img {
	width: 100%;
	height: 100%
}

.hospital-photo-all .focus_nav ul li.on,
.hospital-photo-all .focus_nav ul li:hover {
	border-color: #ffc234
}

.hospital-photo-all .focus_nav .navBtn {
	position: absolute;
	top: 30px;
	z-index: 2
}

.hospital-photo-all .focus_nav .navBtn.navPrev {
	left: -50px
}

.hospital-photo-all .focus_nav .navBtn.navNext {
	right: -50px
}

.hospital-photo-all .focus_nav .navBtn .iconfont {
	display: inline-block;
	width: 54px;
	height: 70px;
	line-height: 70px;
	font-size: 28px;
	color: #d6d6d6;
	text-align: center
}

.hospital-photo-all .focus_nav .navBtn .iconfont:hover {
	color: #999
}

.doctorBox {
	min-height: 300px;
	overflow: hidden
}

.doctorBox .hd {
	position: relative;
	margin-bottom: 15px;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: none
}

.doctorBox .hd li {
	margin: 0 20px;
	padding-top: 3px;
	float: left;
	position: relative;
	height: 54px;
	line-height: 54px;
	border-bottom: 3px solid #fff
}

.doctorBox .hd li span {
	display: block;
	font-size: 16px;
	color: #666
}

.doctorBox .hd li.on {
	border-color: #ffc234;
	color: #ffc234
}

.doctorBox .hd li.on span {
	color: #ffc234
}

.doctorBox .hd .zxBtn {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 100px;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #1bbde6;
	text-align: center;
	border: 1px solid #1bbde6;
	border-radius: 6px;
	cursor: pointer
}

.doctorBox .doctor-list-card li {
	margin: 15px 10px
}

.doctorBox .doctor-list-card.w860 {
	width: 880px
}

.doctorBox .doctor-list-card.w860 li {
	margin: 10px;
	width: 271px;
	height: 335px
}

.doctorBox .doctor-list-card.w860 li .pic {
	width: 180px;
	height: 180px
}

.doctorBox+.pagination {
	margin-bottom: 60px
}

.doctor-contact-fixed {
	position: fixed;
	z-index: 10;
	right: 60px;
	top: 40%;
	width: 280px;
	height: 170px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.doctor-contact-fixed .bg {
	position: absolute;
	z-index: 3;
	top: -23px;
	left: 0;
	width: 140px;
	height: 132px;
	background: url(../image/doctor_contact_bg.png) left top no-repeat
}

.doctor-contact-fixed .tit {
	padding-left: 136px;
	padding-top: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 280px;
	height: 108px;
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 55px;
	-webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2)
}

.doctor-contact-fixed .tit span {
	display: inline-block;
	width: 120px;
	line-height: 30px;
	font-size: 18px;
	color: #1a1a1a;
	text-align: center
}

.doctor-contact-fixed .tit .name {
	font-weight: bold
}

.doctor-contact-fixed .mqBtn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 20px auto 0;
	width: 260px;
	height: 40px;
	text-align: center;
	background: #ffc234;
	border-radius: 6px;
	cursor: pointer;
	overflow: hidden
}

.doctor-contact-fixed .mqBtn .icon2duihua {
	margin-right: 10px;
	width: 24px;
	height: 40px;
	background: url(../image/duihua.png) center no-repeat
}

.doctor-contact-fixed .mqBtn span {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #000
}

.index-diary {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.index-diary .diary-list li .info {
	width: 815px
}

.index-diary .diary-list li .info .projects {
	width: 430px !important
}

.diary-list2 {
	overflow: hidden
}

.diary-list2 li {
	float: left;
	margin: 10px 0 10px 12px;
	overflow: hidden;
	width: 570px;	
}

.diary-list2 li:nth-child(2n) {
	margin-left: 34px
}

.diary-list2 li:hover .desc {
	color: #f60
}

.diary-list2 a {
	display:block;height:140px;
}
.case-before{width:140px;height:140px;float: left;overflow: hidden;position: relative;}
.case-before img{width:140px;height: 140px;}
.diary-list2 .photos {
	float: left;
	overflow: hidden
}

.diary-list2 .photos .pic {
	position: relative;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	width: 140px;
	height: 140px;
	border-radius: 6px
}

.diary-list2 .photos img {
	width: 140px;
	height: 140px;
}

.diary-list2 .photos span {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #333;
	background: rgba(0, 0, 0, 0.6);
	border-bottom-right-radius: 6px
}

.diary-list2 .photos .pic:last-child span {
	color: #333;
	background: #ffc234;
	background: rgba(255, 194, 52, 0.9)
}

.diary-list2 .info {
	width: 270px;float: right;
	min-height: 140px
}

.diary-list2 .desc {
	display: block;
	padding-top: 4px;
	height: 48px;
	line-height: 24px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	word-break: break-all;
}

.diary-list2 .other {
	overflow: hidden;
	margin-top: 46px;
	height: 24px;
	line-height: 24px
}

.diary-list2 .user {
	float: left;
	height: 24px
}

.diary-list2 .user img {
	float: left;
	display: inline-block;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	overflow: hidden
}

.diary-list2 .user .name {
	display: inline-block;
	max-width: 4em;
	font-size: 15px;
	color: #808080;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.diary-list2 .fr a {
	display: inline-block;
	color: #b2b2b2
}

.diary-list2 .fr .js-zan {
	margin-left: 15px
}

.diary-list2 .fr .iconfont {
	display: inline-block;
	float: left;
	margin-right: 4px;
	width: 20px;
	height: 24px;
	background-position: right center
}

.diary-list {
	margin-bottom: 10px;
	padding-bottom: 10px
}

.diary-list li {
	padding: 20px 15px 0;
	overflow: hidden;
}

.diary-list li:hover h4 {
	color: #f60
}

.diary-list li:last-child .info {
	border-bottom-width: 0
}

.diary-list a {
	display: inline-block
}

.diary-list .photos {
	overflow: hidden;
	float: left
}

.diary-list .photos .pic {
	position: relative;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	width: 154px;
	height: 154px;
	border-radius: 6px
}

.diary-list .photos img {
	width: 100%;
	height: 100%
}

.diary-list .photos span {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #333;
	background: rgba(0, 0, 0, 0.6);
	border-bottom-right-radius: 8px
}

.diary-list .photos .pic:last-child span {
	color: #333;
	background: #ffc234;
	background: rgba(255, 194, 52, 0.9)
}

.diary-list .info {
	width: 480px;
	min-height: 150px;
	padding-bottom: 10px;
	float: right;
	border-bottom: 1px solid #eee
}

.diary-list h4 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 8px;
	color: #000;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.diary-list .user {
	margin-bottom: 12px;
	overflow: hidden;
	height: 26px;
	line-height: 26px
}

.diary-list .user img {
	float: left;
	display: inline-block;
	margin-right: 12px;
	width: 26px;
	height: 26px;
	border-radius: 100%;
	overflow: hidden
}

.diary-list .user .name {
	float: left;
	display: inline-block;
	max-width: 150px;
	font-size: 16px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.diary-list .user .time {
	float: right;
	font-size: 14px;
	color: #999
}

.diary-list .desc {
	float: left;
	margin-bottom: 6px;
	display: block;
	height: 48px;
	line-height: 24px;
	font-size: 15px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	word-break: break-all;
}

.diary-list .other {
	clear: both;
	width: 100%;
	height: 24px;
	position: relative;
	line-height: 24px;
	font-size: 14px;
	text-align: right;
	overflow: hidden
}

.diary-list .other .projects {
	width: 230px
}

.diary-list .other .projects .tag {
	display: inline-block;
	float: left;
	padding-right: 5px;
	color: #1bbde6
}

.diary-list .other .iconfont {
	display: inline-block;
	float: left;
	margin-right: 4px;
	width: 20px;
	height: 24px;
	background-position: right center
}

.diary-list .other .fr a {
	margin-left: 16px;
	color: #b2b2b2
}

.diary-btn-row {
	margin-bottom: 10px;
	padding: 12px 20px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px
}

.diary-btn-row a {
	display: block;
	padding: 0 25px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #fff;
	border-radius: 6px
}

.diary-btn-row a.btn-write {
	float: left;
	background: #1bbde6;
	border: 1px solid #1bbde6
}

.diary-btn-row a.btn-notepad {
	float: right;
	padding: 0 12px;
	color: #666;
	border: 1px solid #ededed
}

.diary-btn-row a .iconfont {
	float: left;
	margin-right: 6px;
	width: 22px;
	height: 46px
}

.diaryBox {
	padding: 10px 0;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 0
}

.side-hot-diary ul {
	padding-bottom: 1px
}

.side-hot-diary li {
	overflow: hidden;
	padding: 0 15px 20px
}

.side-hot-diary li a {
	display: block
}

.side-hot-diary li img {
	float: left;
	display: block;
	width: 54px;
	height: 54px;
	background: #f2f2f2;
	border-radius: 100%
}

.side-hot-diary li h3 {
	float: right;
	padding-top: 3px;
	width: 215px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.side-hot-diary li h3 span {
	margin-right: 5px;
	color: #b794cc
}

.side-hot-hospital2 .icon-hospital3 {
	background-image: url(../image/hospital3.png)
}

.side-hot-hospital2 li {
	margin: 0 15px 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.side-hot-hospital2 li:last-child {
	border-bottom: none;
	margin-bottom: 5px
}

.side-hot-hospital2 li .pic {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	overflow: hidden;
	background: #f5f5f5
}

.side-hot-hospital2 li .pic img {
	width: 100%;
	height: 100%
}

.side-hot-hospital2 li .info {
	margin-left: 118px;
	min-height: 100px
}

.side-hot-hospital2 li h3 {
	line-height: 24px;
	font-size: 18px;
	color: #333
}

.side-hot-hospital2 li h3 a {
	color: #333
}

.side-hot-hospital2 li p {
	margin-top: 5px;
	max-height: 66px;
	line-height: 22px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.diary-show {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	overflow: visible
}

.diary-show .diary-info {
	margin: 0 20px;
	padding: 25px 0;
	overflow: hidden;
	min-height: 100px;
	border-bottom: 1px dashed #eee
}

.diary-show .diary-info #no_img {
	display: block;
	line-height: 62px;
	color: #999;
	text-align: center
}

.diary-show .diary-info .user {
	height: 60px
}

.diary-show .diary-info .avatar {
	display: block;
	float: left;
	margin-right: 20px;
	width: 60px;
	height: 60px;
	background: #f2f2f2;
	border-radius: 50%
}

.diary-show .diary-info h1 {
	font-size: 20px;
	margin-bottom: 10px;
	height: 36px;
	line-height: 36px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.diary-show .diary-info h1 span {
	padding-left: 15px;
	color: #1bbde6
}

.diary-show .diary-info .user-tag {
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #333;
	width: 620px;
	overflow: hidden;
}

.diary-show .diary-info .user-tag span {
	padding-left: 15px;
	color: #1bbde6
}

.diary-show .diary-info .time,
.diary-show .diary-info h2 {
	line-height: 26px;
	font-size: 14px;
	color: #999
}

.diary-show .diary-info h2 {
	margin: 25px 0 15px
}

.diary-show .diary-info .beforeImg li {
	float: left;
	margin-right: 12px;
	width: 190px;
	height: 190px;
	border-radius: 5px;
	overflow: hidden
}

.diary-show .diary-info .beforeImg li img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.diary-show .diary-info .day-num {
	position: absolute;
	top: 30px;
	right: -8px;
	width: 130px;
	height: 50px;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: url(../image/diary_day_bg.png) center no-repeat
}

.diary-show .diary-line {
	padding-bottom: 20px
}

.diary-show .day-con {
	margin: 0 20px;
	padding: 25px 0 20px;
	overflow: hidden;
	clear: both;
	border-bottom: 1px dashed #eee
}

.diary-show .day-con .time {
	margin-bottom: 12px
}

.diary-show .day-con .time span {
	display: inline-block;
	padding: 0 10px;
	line-height: 28px;
	font-size: 14px;
	color: #333;
	background: #ffc234;
	border-radius: 6px
}

.diary-show .day-con a {
	display: inline-block
}

.diary-show .day-con .desc {
	margin-bottom: 15px;
	max-height: 5.4em;
	line-height: 1.8em;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.diary-show .day-con ul {
	clear: both;
	overflow: hidden;
	margin-right: -15px
}

.diary-show .day-con li {
	float: left;
	margin: 0 12px 12px 0;
	width: 190px;
	height: 190px;
	border-radius: 5px;
	overflow: hidden
}

.diary-show .day-con li img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.diary-show .day-con li:hover {
	border-color: #ffc234
}

.diary-show .day-con .other {
	margin-top: 15px;
	line-height: 24px;
	overflow: hidden;
	font-size: 14px;
	color: #b2b2b2
}

.diary-show .day-con .other .date {
	float: left
}

.diary-show .day-con .other .other-r {
	float: right
}

.diary-show .day-con .other .iconfont {
	display: inline-block;
	float: left;
	margin-right: 4px;
	width: 20px;
	height: 24px;
	background-position: right center
}

.diary-show .day-con .other a {
	margin-left: 16px;
	color: #b2b2b2
}

.diary-show .day-con:last-child {
	border: none
}

.side-diary-hospital .pic {
	margin: 0 auto;
	width: 180px;
	height: 180px;
	background-color: #f2f2f2;
	border-radius: 50%;
	display: -webkit-flex;
	-webkit-flex-wrap: nowrap;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.side-diary-hospital .pic img {
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.side-diary-hospital .pic a {
	display: block
}

.side-diary-hospital h3 {
	margin: 20px 0 6px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.side-diary-hospital h3 .title {
	display: inline-block;
	font-size: 18px;
	color: #000;
	vertical-align: middle
}

.side-diary-hospital h3 .title span {
	display: inline-block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 250px
}

.side-diary-hospital h3 .title:hover {
	color: #f60
}

.side-diary-hospital h3 .rz {
	float: right;
	margin-left: 4px;
	display: inline-block;
	width: 26px;
	height: 30px;
	background-position: center right;
	background-repeat: no-repeat
}

.side-diary-hospital h3 .rz.rz0 {
	background-image: url(http://www.zx236.cn/static/801/img/renzyiyuan_0.png)
}

.side-diary-hospital h3 .rz.rz1 {
	background-image: url(http://www.zx236.cn/static/801/img/renzyiyuan_1.png)
}

.side-diary-hospital p {
	margin-bottom: 20px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
	text-align: center
}

.side-diary-hospital p .iconfont {
	float: left;
	width: 20px;
	height: 24px
}

.side-diary-hospital p span {
	display: inline-block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 250px
}

.side-diary-hospital .mqBtn {
	margin: 0 auto 30px;
	width: 100px;
	line-height: 44px;
	font-size: 16px;
	color: #1bbde6;
	text-align: center;
	border: 1px solid #1bbde6;
	border-radius: 6px;
	cursor: pointer
}

.side-related-diary .hd h2 i.red {
	color: #f8a0a0
}

.side-related-diary li {
	padding: 0 0 20px 15px;
	overflow: hidden
}

.side-related-diary li .title {
	margin-bottom: 5px;
	padding-right: 15px
}

.side-related-diary li .title a {
	display: block;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #333;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.side-related-diary li .user {
	margin-bottom: 15px;
	overflow: hidden;
	height: 36px;
	line-height: 36px
}

.side-related-diary li .user h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.side-related-diary li .user img {
	display: inline-block;
	margin-right: 12px;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	overflow: hidden
}

.side-related-diary li .user .name {
	max-width: 150px;
	font-size: 16px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.side-related-diary li a {
	display: inline-block
}

.side-related-diary li .photos {
	overflow: hidden;
	float: left
}

.side-related-diary li .photos .pic {
	float: left;
	margin-right: 10px;
	overflow: hidden;
	width: 140px;
	height: 140px;
	border-radius: 6px;
	position: relative
}

.side-related-diary li .photos img {
	width: 100%;
	height: 100%
}

.side-related-diary li .photos span {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #333;
	background: rgba(0, 0, 0, 0.6);
	border-bottom-right-radius: 8px
}

.side-related-diary li .photos .pic:last-child span {
	color: #333;
	background: #ffc234;
	background: rgba(255, 194, 52, 0.9)
}

.diary-create {
	margin-bottom: 30px;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	min-height: 500px
}

.diary-create h1 {
	margin: 0 -20px 30px;
	padding: 0 20px 10px;
	line-height: 30px;
	font-size: 20px;
	color: #1bbde6;
	font-weight: 500;
	border-bottom: 1px solid #eee
}

.diary-create .con-text {
	width: 100% !important;
	text-align: left;
	color: #1bbde6 !important
}

.diary-create .con-text .iconfont {
	float: left;
	margin-right: 3px;
	width: 18px;
	height: 20px;
	background-size: 16px
}

.diary-create .select-project {
	margin: 10px;
	overflow: hidden;
	clear: both
}

.diary-create .select-project .item {
	display: inline-block;
	float: left;
	margin: 8px 10px;
	padding: 0 8px 0 14px;
	line-height: 30px;
	font-size: 14px;
	color: #1bbde6;
	background: #d4e4ef;
	border-radius: 6px
}

.diary-create .select-project .item .iconfont {
	float: right;
	margin-left: 8px;
	width: 18px;
	height: 30px;
	cursor: pointer
}

.diary-create .normalBtn {
	display: inline-block;
	margin-left: 10px;
	padding: 0 10px;
	line-height: 38px;
	color: #1bbde6;
	cursor: pointer
}

.project-select-up {
	display: none
}

.project-select-up .bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: #000;
	opacity: .6
}

.project-select-up .con {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	margin: -250px 0 0 -300px;
	width: 600px;
	_height: 380px;
	background: #fff;
	border-radius: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.project-select-up .con .closeBtn {
	position: absolute;
	top: 14px;
	right: -45px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.project-select-up .con .closeBtn:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.project-select-up .con .closeBtn .iconfont {
	width: 30px;
	height: 30px;
	cursor: pointer
}

.project-select-up .con .hd {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 0 20px;
	border-bottom: 1px solid #ededed
}

.project-select-up .con .hd h2 {
	float: left;
	width: 140px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #333;
	font-weight: 600
}

.project-select-up .con .hd .tips {
	float: right;
	line-height: 36px;
	margin-top: 12px;
	font-size: 16px;
	color: #999
}

.project-select-up .menu-list {
	margin: 20px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #333
}

.project-select-up .menu-list span {
	display: inline-block;
	float: left
}

.project-select-up .menu-list .iconfont {
	display: inline-block;
	float: right;
	color: #b2b2b2
}

.project-select-up #projectAll .item {
	cursor: pointer
}

.project-select-up .btn-select {
	margin: 30px auto;
	display: block
}

.mqBtn {
	cursor: pointer
}

.index-ask-row {
	overflow: hidden;
	margin-bottom: 30px
}

.index-ask {
	float: left;
	margin-top: 30px;
	margin-right: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 390px;
	height: 336px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.index-ask li {
	padding: 15px 10px 3px 10px
}

.index-ask li a {
	display: block;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #808080;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transition: color .3s;
	transition: color .3s
}

.index-ask li a:hover {
	color: #f60
}

.index-ask li i {
	float: left;
	display: inline-block;
	margin-right: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	line-height: 24px;
	font-size: 16px;
	color: #808080;
	text-align: center;
	border: 1px solid #808080;
	border-radius: 5px
}

.index-ask li:nth-child(1) i {
	color: #ef0202;
	border-color: #ef0202
}

.index-ask li:nth-child(2) i {
	color: #fe7f22;
	border-color: #fe7f22
}

.index-ask li:nth-child(3) i {
	color: #ffbc2b;
	border-color: #ffbc2b
}

.index-ask-time {
	float: right;
	margin-top: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 370px;
	height: 336px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.index-ask-time .index-hd {
	margin-bottom: 10px
}

.index-ask-time li {
	padding: 5px 15px 10px 15px
}

.index-ask-time li a {
	display: block;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #333;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transition: color .3s;
	transition: color .3s
}

.index-ask-time li a:hover {
	color: #f60
}

.index-ask-time li em {
	float: left;
	display: inline-block;
	margin-top: 1px;
	margin-right: 10px;
	width: 54px;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	color: #888;
	text-align: center;
	background: #f0f1f2;
	border-radius: 12px
}

.index-medal {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 6px
}

.index-medal h3 {
	margin-left: 20px;
	padding-left: 36px;
	overflow: hidden;
	line-height: 26px;
	font-size: 20px;
	color: #333;
	background: url(../image/medal.png) left center no-repeat
}

.index-medal .side-medal-list {
	overflow: hidden
}

.index-medal .side-medal-list li {
	padding: 18px 15px 2px;
	height: 54px;
	line-height: 54px;
	overflow: hidden
}

.index-medal .side-medal-list li a {
	display: block
}

.index-medal .side-medal-list li i {
	float: left;
	display: inline-block;
	margin: 12px 20px 0 0;
	width: 26px;
	line-height: 26px;
	font-size: 16px;
	font-family: 'Microsoft YaHei';
	color: #fff;
	text-align: center;
	background: #c8c8c8;
	border-radius: 100%
}

.index-medal .side-medal-list li img {
	display: inline-block;
	float: left;
	width: 54px;
	height: 54px;
	border-radius: 100%
}

.index-medal .side-medal-list li .fr {
	float: right;
	padding-top: 6px;
	width: 170px;
	line-height: 20px
}

.index-medal .side-medal-list li .fr span {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	font-size: 14px;
	color: #333
}

.index-medal .side-medal-list li .fr em {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #b2b2b2
}

.index-medal .side-medal-list li.c1 i {
	background: #ef0202
}

.index-medal .side-medal-list li.c2 i {
	background: #fe7f22
}

.index-medal .side-medal-list li.c3 i {
	background: #ffbc2b
}

.sidebar .index-medal {
	margin-top: 30px;
	padding: 18px 0
}

.ask-find-hospital {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 12px;
	border: 1px solid #eee
}

.ask-find-hospital .hd {
	height: 60px;
	line-height: 60px;
	position: relative;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.ask-find-hospital .hd h2 {
	margin-left: 20px;
	width: 300px;
	font-size: 18px;
	color: #333
}

.ask-find-hospital .hd .more {
	position: absolute;
	top: 15px;
	right: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.ask-find-hospital .hd .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 20px;
	height: 30px
}

.ask-find-hospital .hd .more:hover {
	color: #f60;
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}


.ask-find-hospital .tab-con ul {
	padding: 15px 0;
	overflow: hidden
}

.ask-find-hospital .tab-con li {
	float: left;
	margin-left: 20px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #666;
	width: 216px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.ask-find-hospital .tab-con li a:hover {
	color: #f60
}

.ask-find-doctor {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 40px;
	border: 1px solid #eee
}

.ask-find-doctor .hd {
	height: 60px;
	line-height: 60px;
	position: relative;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.ask-find-doctor .hd h2 {
	margin-left: 20px;
	width: 300px;
	font-size: 18px;
	color: #333
}

.ask-find-doctor .hd .more {
	position: absolute;
	top: 15px;
	right: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.ask-find-doctor .hd .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 16px;
	height: 30px;
	background-size: 15px
}

.ask-find-doctor .hd .more:hover {
	color: #f60;
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}

.ask-find-doctor .filterBox {
	margin: 0
}

.ask-find-doctor .filterBox li {
	margin-bottom: 0
}

.ask-find-doctor .filterBox a {
	margin-bottom: 5px
}

.ask-find-doctor .filterBox a:hover {
	color: #f60
}

.ask-baike .filterBox li .title {
	width: 80px;
	color: #999;
	text-align: left;
	background: none
}

.ask-doctor {
	margin-bottom: 20px
}

.ask-doctor h2 {
	width: 250px;
	height: 36px;
	line-height: 36px;
	font-size: 28px;
	color: #000
}

.ask-doctor h2 span {
	float: left
}

.ask-doctor h2 .iconfont {
	margin-left: 8px;
	width: 24px;
	height: 36px
}

.ask-doctor .list-card {
	margin: 0 -12px 0 -10px;
	overflow: hidden
}

.ask-doctor .list-card li {
	position: relative;
	float: left;
	margin: 25px 10px 20px;
	padding: 20px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 224px;
	text-align: center;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 6px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.ask-doctor .list-card li .pic {
	margin: 0 auto;
	width: 165px;
	height: 165px;
	border-radius: 100%;
	overflow: hidden;
	position: relative
}

.ask-doctor .list-card li .pic img {
	width: 100%;
	height: 100%
}

.ask-doctor .list-card li .pic:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: '';
	background: #000;
	filter: alpha(opacity=0);
	opacity: 0;
}

.ask-doctor .list-card li .pic .mqBtn {
	position: absolute;
	bottom: -40px;
	left: 32px;
	z-index: 3;
	width: 100px;
	line-height: 36px;
	background: #ffc234;
	font-size: 16px;
	color: #333;
	text-align: center;
	cursor: pointer;
	border-radius: 6px;
}

.ask-doctor .list-card li h3 {
	margin: 14px 0 2px;
	display: block;
	width: 100%;
	height: 30px
}

.ask-doctor .list-card li h3 .title {
	display: inline-block;
	padding: 6px 0;
	height: 18px;
	line-height: 18px;
	font-size: 17px;
	color: #b2b2b2
}

.ask-doctor .list-card li h3 .title .name {
	color: #333;
	display: inline-block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 110px
}

.ask-doctor .list-card li h3 .title .zc {
	display: inline-block;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 86px
}

.ask-doctor .list-card li h3 .title .sptlit {
	display: inline-block;
	margin: 0 8px 0;
	width: 1px;
	height: 16px;
	background: #999
}

.ask-doctor .list-card li:hover {
	z-index: 2;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0)
}

.ask-doctor .list-card li:hover .pic:after {
	filter: alpha(opacity=60);
	opacity: .6
}

.ask-doctor .list-card li:hover .pic .mqBtn {
	bottom: 64px
}

.askBox {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 40px
}

.askBox .hd {
	position: relative;
	z-index: 3;
	height: 60px;
	border-bottom: 1px solid #ededed
}

.askBox .hd .hd-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	background: #fff;
	overflow: hidden;
	-webkit-transition: all .5s;
	transition: all .5s
}

.askBox .hd .hd-nav ul {
	float: left;
	margin-left: 20px;
	height: 60px;
	overflow: hidden
}

.askBox .hd .hd-nav li {
	margin-right: 28px;
	padding: 15px 0;
	float: left;
	position: relative;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	font-weight: 500;
	letter-spacing: .5px;
	cursor: pointer
}

.askBox .hd .hd-nav li:after {
	display: block;
	content: '';
	width: 0\9;
	height: 3px;
	background: #ffc234;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg)
}

.askBox .hd .hd-nav li.on a,
.askBox .hd .hd-nav li.on span {
	font-weight: 600;
	color: #000
}

.askBox .hd .hd-nav li.on:after,
.askBox .hd .hd-nav li:hover:after {
	opacity: 1;
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.askBox .hd .more {
	position: absolute;
	top: 0;
	right: 10px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #999;
}

.askBox .hd .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 16px;
	height: 60px;
	background-size: 15px
}

.askBox .hd .more:hover {
	color: #f60
}

.ask-list {
	padding: 0 20px;
	margin-bottom: 10px;
	min-height: 210px
}

.ask-list li {
	padding: 15px 0
}

.ask-list li .user-row {
	margin-bottom: 15px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	overflow: hidden
}

.ask-list li .user-row .user {
	margin-right: 20px;
	min-width: 90px;
	float: left
}

.ask-list li .user-row .user .avatar {
	float: left;
	display: block;
	width: 36px;
	border-radius: 100%
}

.ask-list li .user-row .user .name {
	float: left;
	margin-left: 10px;
	font-size: #666;
	color: #333
}

.ask-list li .user-row .time {
	float: left;
	color: #b2b2b2
}

.ask-list li .user-row .other {
	width: 160px;
	float: right;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	color: #999;
	text-align: right
}

.ask-list li .user-row .other .time {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 25px
}

.ask-list li .user-row .other span {
	display: inline-block;
	margin-left: 15px;
	height: 20px;
	line-height: 20px
}

.ask-list li .user-row .other .iconfont {
	float: left;
	display: inline-block;
	margin-right: 3px;
	width: 20px;
	height: 20px;
	background-position: right center
}

.ask-list li .con {
	padding: 15px 20px;
	background: #f5f5f5;
	border-radius: 6px
}

.ask-list li a {
	display: inline-block
}

.ask-list li .question {
	margin-bottom: 16px;
	padding-left: 36px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	background: url(../image/ask_question.png) left center no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.ask-list li .answer {
	margin-bottom: 6px;
	padding-left: 36px;
	max-height: 56px;
	line-height: 28px;
	font-size: 16px;
	color: #999;
	font-weight: 500;
	background: url(../image/ask_answer.png) left 4px no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.ask-list li .optimum {
	padding-left: 40px;
	line-height: 24px;
	font-size: 14px;
	color: #1bbde6
}

.ask-row {
	margin-bottom: 40px;
	padding-top: 30px;
	width: 100%;
	min-height: 600px;
	background: #fff;
	overflow: hidden
}

.ask-row .wrap {
	min-height: 600px
}

.ask-row .askBox {
	float: left;
	margin-bottom: 10px;
	width: 850px;
	min-height: 700px
}

.ask-row .askBox .hd .hd-nav ul {
	margin-left: 0
}

.ask-list2 {
	margin-bottom: 10px;
	min-height: 210px
}

.ask-list2 li {
	padding: 20px 0 14px;
	border-bottom: 1px solid #f5f5f5
}

.ask-list2 li a {
	display: block
}

.ask-list2 li .question {
	float: left;
	margin-bottom: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	max-width: 600px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.ask-list2 li .user {
	float: right;
	line-height: 24px;
	color: #b2b2b2
}

.ask-list2 li .user .name {
	float: left;
	display: inline-block;
	max-width: 140px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.ask-list2 li .user .time {
	margin-left: 10px
}

.ask-list2 li .answer {
	clear: both;
	margin-bottom: 12px;
	max-height: 56px;
	line-height: 28px;
	font-size: 16px;
	color: #999;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.ask-list2 li .other {
	position: relative;
	clear: both;
	overflow: hidden;
	margin-top: 12px;
	padding-left: 14px;
	font-size: 14px;
	color: #999
}

.ask-list2 li .other span {
	display: inline-block;
	margin-left: 16px;
	height: 20px;
	line-height: 20px
}

.ask-list2 li .other .iconfont {
	float: left;
	display: inline-block;
	margin-right: 3px;
	width: 20px;
	height: 20px;
	background-position: right center
}

.ask-list2 li:hover .question {
	color: #f60
}

.page-r {
	float: right
}

.form-trialSidebar-ask {
	width: 320px;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #ededed
}

.form-trialSidebar-ask .pic {
	width: 100%;
	height: auto;
	min-height: 110px
}

.form-trialSidebar-ask .quota {
	margin-top: 20px;
	line-height: 16px;
	color: #333;
	text-align: center
}

.form-trialSidebar-ask .quota em {
	color: #d3423c
}

.form-trialSidebar-ask li {
	margin: 20px 15px;
	overflow: hidden
}

.form-trialSidebar-ask input {
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #000;
	border: 1px solid #f0f0f0;
	border-radius: 4px
}

.form-trialSidebar-ask input::-webkit-input-placeholder {
	color: #666
}

.form-trialSidebar-ask input:-moz-placeholder {
	color: #666
}

.form-trialSidebar-ask input[name='sms_code'] {
	float: left;
	width: 160px
}

.form-trialSidebar-ask .get-smscode {
	display: block;
	margin-left: 180px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #ffc234;
	text-align: center;
	border: 1px solid #ffc234;
	border-radius: 4px;
	cursor: pointer
}

.form-trialSidebar-ask .submit {
	width: 100%;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #ffc234;
	border-radius: 4px;
	cursor: pointer
}


.side-find-hospital {
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 320px;
	background: #f9f9f9;
	overflow: hidden;
	border: 1px solid #eee;
	border-radius: 3px
}

.side-find-hospital .hd {
	height: 60px;
	line-height: 60px;
	position: relative;
	border-bottom: 1px solid #eee;
	overflow: hidden
}

.side-find-hospital .hd h2 {
	margin-left: 20px;
	width: 300px;
	font-size: 18px;
	color: #333
}

.side-find-hospital .hd .more {
	position: absolute;
	top: 15px;
	right: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.side-find-hospital .hd .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 15px;
	height: 30px;
	background-size: 15px
}

.side-find-hospital .hd .more:hover {
	color: #f60;
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}

.side-find-hospital .tab-nav {
	padding: 5px 0 6px 18px;
	background: #fff;
	overflow: hidden
}

.side-find-hospital .tab-nav .tit {
	float: left;
	margin: 5px 0;
	width: 76px;
	line-height: 24px;
	font-size: 14px;
	color: #999
}

.side-find-hospital .tab-nav li {
	float: left;
	margin: 5px 12px 5px 0;
	padding: 0 6px;
	line-height: 24px;
	cursor: pointer;
	font-size: 14px;
	color: #333;
	text-align: center
}

.side-find-hospital .tab-nav li.on {
	color: #fff;
	background: #1bbde6;
	border-radius: 6px
}

.side-find-hospital .tab-con ul {
	padding: 10px 0;
	overflow: hidden
}

.side-find-hospital .tab-con li {
	padding: 0 18px
}

.side-find-hospital .tab-con li a {
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #666;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.side-find-hospital .tab-con li a:hover {
	color: #f60
}


.ask-list_classify {
	margin-bottom: 20px;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px
}

.ask-list_classify .con {
	margin: 20px 0 10px 20px
}

.ask-list_classify .con a {
	display: inline-block;
	margin: 0 15px 10px 0;
	padding: 0 6px;
	line-height: 28px;
	color: #333;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.ask-list_classify .con a.on,
.ask-list_classify .con a:hover {
	color: #333;
	background: #ffc234;
	border-radius: 6px
}

.banner-ask_list,
.banner-ask_show,
.banner-ask_post {
	margin-bottom: 40px;
	width: 1200px;
	height: 134px;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer
}

.banner-ask_list a,
.banner-ask_show a,
.banner-ask_post a {
	display: block
}

.banner-ask_list img,
.banner-ask_show img,
.banner-ask_post img {
	display: block;
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.banner-ask_show {
	width: 850px;
	height: 95px
}

.banner-ask_post {
	width: 320px;
	height: 200px
}

.banner-ask_side li {
	margin-bottom: 20px;
	width: 320px;
	height: 136px;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer
}

.banner-ask_side li a {
	display: block
}

.banner-ask_side li img {
	display: block;
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.ask-show .question-box {
	margin-bottom: 20px;
	padding: 40px 20px 20px;
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #eee;
	overflow: visible
}

.ask-show .question-box h1 {
	margin-bottom: 15px;
	line-height: 30px;
	font-size: 20px;
	color: #000;
	font-weight: 500
}

.ask-show .question-box h1 i {
	position: absolute;
	top: -6px;
	left: 20px;
	display: inline-block;
	padding-left: 10px;
	width: 42px;
	height: 36px;
	line-height: 34px;
	font-size: 16px;
	color: #333;
	text-align: left;
	background: url(../image/wenbiaoq.png) no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.ask-show .question-box .desc {
	margin-bottom: 20px;
	line-height: 1.6;
	font-size: 16px;
	color: #444
}

.ask-show .question-box .user-row {
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	overflow: hidden
}

.ask-show .question-box .user-row .user {
	min-width: 90px;
	float: left
}

.ask-show .question-box .user-row .user .avatar {
	float: left;
	display: block;
	width: 36px;
	border-radius: 100%
}

.ask-show .question-box .user-row .user .name {
	float: left;
	margin-left: 10px;
	font-size: 15px;
	color: #333
}

.ask-show .question-box .user-row .user .name span {
	color: #b2b2b2
}

.ask-show .question-box .user-row .time {
	float: left;
	margin-left: 20px;
	color: #b2b2b2
}

.ask-show .question-box .user-row .other {
	width: 160px;
	float: right;
	overflow: hidden;
	position: relative;
	color: #999;
	text-align: right
}

.ask-show .question-box .user-row .other .time {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 25px
}

.ask-show .question-box .user-row .other span {
	display: inline-block;
	margin-left: 15px;
	height: 20px;
	line-height: 20px
}

.ask-show .question-box .user-row .other .iconfont {
	float: left;
	display: inline-block;
	margin-right: 3px;
	width: 20px;
	height: 20px;
	background-position: right center
}

.ask-show .answer-box {
	margin-bottom: 40px
}

.ask-show .answer-box .hd {
	margin-bottom: 10px;
	line-height: 28px;
	font-size: 18px;
	color: #666
}

.ask-show .answer-box .hd span {
	padding-left: 5px;
	color: #999
}

.ask-show .answer-box .answer-list {
	overflow: hidden;
	background: #fff;
	border-radius: 6px
}

.ask-show .answer-box .answer-list.optimum-wrap {
	margin-bottom: 40px
}

.ask-show .answer-box .answer-list.optimum-wrap li {
	border-bottom: 0
}

.ask-show .answer-box .answer-list li {
	margin: 0 20px;
	padding: 20px 0 15px;
	border-bottom: 1px solid #eee;
	position: relative
}

.ask-show .answer-box .answer-list li .info {
	margin-bottom: 16px;
	height: 54px;
	line-height: 54px;
	overflow: hidden
}

.ask-show .answer-box .answer-list li .info .avatar {
	float: left;
	margin-right: 20px;
	width: 54px;
	height: 54px;
	border-radius: 100%;
	overflow: hidden
}

.ask-show .answer-box .answer-list li .info .avatar img {
	width: 100%;
	height: 100%
}

.ask-show .answer-box .answer-list li .info .user {
	max-width: 300;
	height: 54px;
	float: left
}

.ask-show .answer-box .answer-list li .info .user .name {
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #333;
	font-weight: 500
}

.ask-show .answer-box .answer-list li .info .user .zc {
	display: block;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #b2b2b2
}

.ask-show .answer-box .answer-list li .info .wen-wen {
	float: right;
	margin-top: 1px;
	width: 90px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #ffc234;
	text-align: center;
	border: 1px solid #ffc234;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.ask-show .answer-box .answer-list li .info .optimum {
	display: inline-block;
	width: 44px;
	height: 40px;
	background: url(../image/ask_optimum.png) no-repeat;
	position: absolute;
	top: 0;
	right: -25px
}

.ask-show .answer-box .answer-list li .desc {
	line-height: 1.8;
	font-size: 15px;
	color: #444;
	word-wrap: break-word;
	word-break: break-all
}

.ask-show .answer-box .answer-list li:last-child {
	border: 0;
	padding-bottom: 25px
}

.ask-post {
	margin-bottom: 30px;
	padding: 20px;
	background: #fff;
	border-radius: 8px;
	min-height: 500px
}

.ask-post h1 {
	margin: 0 -20px 30px;
	padding: 0 20px 10px;
	line-height: 30px;
	font-size: 20px;
	color: #1bbde6;
	font-weight: 500;
	border-bottom: 1px solid #eee
}

.ask-post .post-btn {
	width: 140px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #fff;
	background: #1bbde6
}

.ask-post #verify_img,
.ask-post #verify_sms {
	width: 110px
}

.ask-post #user_mobile {
	width: 160px
}

.ask-post .img-verify {
	width: 122px;
	height: 38px
}

.ask-post .verify-get {
	display: inline-block;
	float: left;
	margin-right: 12px;
	width: 110px;
	letter-spacing: 0
}

.ask-post .op30 {
	filter: alpha(opacity=30);
	opacity: .3
}

.ask-post .tips {
	line-height: 36px;
	font-size: 14px;
	color: #b2b2b2
}

.ask-post .input-tips {
	display: inline-block;
	min-width: 1px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #999
}

.ask-post .input-tips .icon-check {
	font-size: 20px;
	color: #2da3e8
}

.ask-post .input-tips.err {
	padding-left: 25px;
	background: url(../image/err_input_tips.png) 0 50% no-repeat
}

.side-ask {
	margin-top: 30px;
	padding: 12px 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 10px
}

.side-ask h2 {
	margin-left: 0;
	padding: 10px 0 15px;
	line-height: 1;
	font-size: 28px;
	color: #333
}

.side-ask li {
	padding: 12px 0;
	overflow: hidden
}

.side-ask li a {
	display: block
}

.side-ask li h3 {
	height: 27px;
	line-height: 26px;
	font-size: 17px;
	color: #333;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.side-ask li h3:hover {
	color: #ffc234
}

.sidebar .side-box.side-ask {
	margin-top: 30px;
	padding: 0
}

.sidebar .side-box.side-ask .hd {
	margin-bottom: 5px
}

.sidebar .side-box.side-ask h2 {
	line-height: 40px
}

.sidebar .side-box.side-ask h2 .iconfont {
	margin: 6px 6px 0 0
}

.sidebar .side-box.side-ask ul {
	padding: 0 15px 5px
}

.sidebar .side-box.side-ask li h3 {
	font-size: 16px
}

.sidebar .side2-box.side-ask {
	padding: 0
}

.sidebar .side2-box.side-ask .hd {
	margin-bottom: 5px;
	padding: 0;
	height: 60px;
	line-height: 60px
}

.sidebar .side2-box.side-ask ul {
	padding: 0 15px 5px
}

.index-news-row {
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden
}

.index-news {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 865px;
	height: 628px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.index-news .top {
	margin: 20px 15px 8px 12px
}

.index-news .top a {
	position: relative;
	display: block;
	overflow: hidden
}

.index-news .top img {
	float: left;
	display: block;
	margin-right: 12px;
	width: 270px;
	height: 135px;
	background: #f2f2f2;
	border-radius: 10px
}

.index-news .top .title {
	padding-top: 5px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #333;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transition: color .5s;
	transition: color .5s
}

.index-news .top .desc {
	margin-top: 10px;
	height: 72px;
	line-height: 24px;
	font-size: 13px;
	color: #666;
	text-indent: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.index-news .top:hover .title {
	color: #f60
}

.index-news li {
	overflow: hidden;
	padding: 10px 15px 4px 10px
}

.index-news li .title {
	float: left;
	display: block;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #333;
	width: 490px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transition: color .3s;
	transition: color .3s
}

.index-news li .title:hover {
	color: #f60
}

.index-news li .title i {
	float: left;
	display: inline-block;
	margin-right: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	line-height: 24px;
	font-size: 16px;
	color: #808080;
	text-align: center;
	border: 1px solid #808080;
	border-radius: 5px
}

.index-news li .other {
	float: right;
	overflow: hidden;
	min-width: 260px;
	height: 30px;
	line-height: 30px
}

.index-news li .other a {
	display: inline-block;
	margin-left: 15px;
	min-width: 79px;
	font-size: 14px;
	color: #b2b2b2
}

.index-news li .other .iconfont {
	display: inline-block;
	float: left;
	margin-right: 6px;
	width: 20px;
	height: 30px;
	background-position: center
}

.index-news li:nth-child(1) .title i {
	color: #ef0202;
	border-color: #ef0202
}

.index-news li:nth-child(2) .title i {
	color: #fe7f22;
	border-color: #fe7f22
}

.index-zt {
	float: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 320px;
	height: 625px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.index-zt ul {
	padding-top: 5px
}

.index-zt li {
	margin: 12px auto 0;
	width: 290px
}

.index-zt li a {
	display: block;
	overflow: hidden;
	height: 26px;line-height: 26px;

}
.index-price a span{display: block;width:75%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;}
.index-price a i{display: block;width:25%;float: right;text-align: right;}
.index-price a:hover{color: #f60;}
.news-list {
	padding-bottom: 10px;
	overflow: hidden
}

.news-list li {
	padding: 20px 15px 0;
	overflow: hidden;
}

.news-list li .pic {
	display: block;
	float: left;
	overflow: hidden;
	width: 190px;
	height: 136px;
	border-radius: 6px
}

.news-list li .pic img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.news-list li .info {
	width: 606px;
	height: 152px;
	float: right;
	position: relative;
	line-height: 24px;
	font-size: 14px;
	border-bottom: 1px solid #eee
}

.news-list li h3 {
	margin-bottom: 3px
}

.news-list li h3 a {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #000;
	font-weight: 500;
	width: 510px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.news-list li .time {
	position: absolute;
	top: 6px;
	right: 0;
	margin-bottom: 4px;
	width: 100px;
	line-height: 24px;
	color: #b2b2b2;
	text-align: right
}

.news-list li .desc {
	height: 48px;
	color: #999;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden
}

.news-list li .tags {
	margin-top: 10px;
	height: 26px;
	overflow: hidden
}

.news-list li .tags span,
.news-list li .tags a {
	display: inline-block;
	margin-right: 10px;
	padding: 0 6px;
	min-width: 40px;
	height: 26px;
	line-height: 26px;
	color: #888;
	text-align: center;
	background: #f3f3f3;
	border-radius: 4px
}

.news-list li:hover a {
	color: #f60
}

.news-list li:last-child .info {
	border-bottom-width: 0
}

.news-hot-week {
	margin-bottom: 50px
}

.news-hot-week .hd {
	margin-bottom: 10px;
	height: 36px;
	line-height: 36px;
	position: relative
}

.news-hot-week .hd h2 {
	width: 250px;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
	color: #000
}

.news-hot-week .hd h2 span {
	float: left
}

.news-hot-week .hd h2 .iconfont {
	margin-left: 8px;
	width: 24px;
	height: 36px
}

.news-hot-week .hd .more {
	position: absolute;
	top: 0;
	right: 4px;
	font-size: 16px;
	color: #999;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.news-hot-week .hd .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 16px;
	height: 36px;
	background-size: 15px
}

.news-hot-week .hd .more:hover {
	color: #f60;
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}

.news-hot-week ul {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	padding-top: 10px;
	height: 370px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.news-hot-week ul li {
	float: left;
	padding: 20px 10px 0 15px;
	overflow: hidden;
	width: 395px;
	height: 150px;
}

.news-hot-week ul li .pic {
	display: block;
	float: left;
	overflow: hidden;
	width: 190px;
	height: 136px;
	border-radius: 6px
}

.news-hot-week ul li .pic img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.news-hot-week ul li .info {
	width: 188px;
	float: right;
	position: relative;
	line-height: 24px;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2
}

.news-hot-week ul li h3 {
	margin-bottom: 20px
}

.news-hot-week ul li h3 a {
	display: inline-block;
	height: 48px;
	line-height: 24px;
	font-size: 16px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-hot-week ul li .desc {
	height: 24px;
	line-height: 24px;
	color: #999;
	width: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden
}

.news-hot-week ul li .tags {
	margin: 10px -10px 20px 0;
	height: 26px;
	overflow: hidden
}

.news-hot-week ul li .tags span,
.news-hot-week ul li .tags a {
	display: inline-block;
	margin-right: 10px;
	padding: 0 6px;
	min-width: 40px;
	height: 26px;
	line-height: 26px;
	color: #888;
	text-align: center;
	background: #f3f3f3;
	border-radius: 4px
}

.news-hot-week ul li:hover a {
	color: #f60
}

.news-hot-week ul li:nth-child(3) .info,
.news-hot-week ul li:nth-child(4) .info {
	border-bottom: 0
}

.news-column .hd {
	margin-bottom: 10px;
	height: 36px;
	line-height: 36px;
	position: relative
}

.news-column .hd h2 {
	width: 250px;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
	color: #000
}

.news-column .hd h2 span {
	float: left
}

.news-column .hd h2 .iconfont {
	margin-left: 8px;
	width: 24px;
	height: 36px
}

.news-column .hd .more {
	position: absolute;
	top: 0;
	right: 4px;
	font-size: 16px;
	color: #999;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.news-column .hd .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 16px;
	height: 36px;
	background-size: 15px
}

.news-column .hd .more:hover {
	color: #f60;
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}

.news-column ul {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	padding: 5px 0 10px
}


.side-tags .hd {
	margin-bottom: 0 !important
}

.side-tags .bd {
	margin-bottom: 20px;
	padding: 10px 0 0 10px;
	max-height: 136px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.side-tags .bd a {
	display: inline-block;
	margin: 10px 10px 0 0;
	padding: 0 10px;
	min-width: 60px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	text-align: center;
	border: 1px solid #ededed;
	border-radius: 4px;
}

.side-tags .bd a:hover {
	color: #ffc234;
	border-color: #ffc234
}

.tagsBox {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-bottom: 60px;
	padding: 20px 0 30px
}

.tagsBox ul li {
	float: left;
	margin: 10px 0 0 20px;
	width: 176px
}

.tagsBox ul li a {
	display: inline-block;
	margin: 10px 10px 0 0;
	padding: 0 10px;
	min-width: 60px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	text-align: center;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 176px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ededed;
	border-radius: 4px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.tagsBox ul li a:hover {
	color: #ffc234;
	border-color: #ffc234
}

.news-show {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	padding: 15px
}

.news-show h1 {
	margin: 6px 0;
	line-height: 38px;
	font-size: 28px;
	color: #000;
	text-align: center
}

.news-show .tags {
	margin: 12px 0;
	height: 26px;
	overflow: hidden
}

.news-show .tags span,
.news-show .tags a {
	display: inline-block;
	margin-right: 10px;
	padding: 0 7px;
	min-width: 30px;
	height: 26px;
	line-height: 26px;
	color: #1bbde6;
	text-align: center;
	background: #ecf4fa;
	border-radius: 4px
}

.news-show .author {
	margin: 12px 20px 20px;
	line-height: 24px;
	font-size: 14px;
	color: #999;
	float: left
}

.news-show .content {
	clear: both;
	font-size: 16px
}

.news-show .other {
	margin: 14px 0;
	overflow: hidden;
	height: 26px;
	line-height: 26px
}

.news-show .other .fl {
	font-size: 14px;
	color: #999
}

.news-show .other .fl span {
	margin-right: 20px
}

.news-show .other a {
	display: inline-block;
	margin-left: 20px;
	font-size: 14px;
	color: #b2b2b2
}

.news-show .other .iconfont {
	display: inline-block;
	float: left;
	margin-right: 8px;
	width: 20px;
	height: 26px;
	background-position: center
}

.news-show .nextBox {
	padding: 20px 0
}

.news-show .nextBox a {
	display: inline-block;
	margin-right: 40px;
	padding: 0 30px;
	height: 46px;
	line-height: 44px;
	font-size: 16px;
	color: #333;
	text-align: center;
	border: 1px solid #333;
	border-radius: 6px
}

.news-show .nextBox a .iconfont {
	width: 22px;
	height: 44px
}

.news-show .nextBox a .icon-prev {
	float: left;
	margin-right: 10px
}

.news-show .nextBox a .icon-next {
	float: right;
	margin-left: 10px
}

.news-show .nextBox a label {
	margin-left: 10px;
	margin-right: 10px
}

.news-show .nextBox .on {
	background: #ffc234;
	border-color: #ffc234
}

.news-show .nextBox .prev:hover i {
	background-image: url(../image/prev_0.png)
}

.news-show .nextBox .next:hover i {
	background-image: url(../image/next_0.png)
}

.news-show .extend-comments {
	margin: 10px 0;
	border: none
}

.news-show .extend-comments .hd {
	padding: 15px 20px 0;
	height: 30px;
	line-height: 30px;
	border-bottom: none;
	border-top: 1px solid #ededed
}

.news-show .extend-comments .hd .time-order {
	display: none
}

.news-show .extend-comments dl {
	padding-left: 15px
}

.news-show .extend-comments dl::before {
	left: 15px;
	right: 15px
}

.news-recommend {
	margin-top: 20px
}

.news-recommend .hd {
	margin-bottom: 15px;
	height: 36px;
	line-height: 36px;
	position: relative
}

.news-recommend .hd h2 {
	width: 300px;
	font-size: 18px;
	color: #333
}

.news-recommend .hd h2 .iconfont {
	float: left;
	margin-right: 10px;
	display: inline-block;
	width: 36px;
	line-height: 36px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	background: #ffc234;
	border-radius: 100%;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9f9f), to(#fe7575));
	background-image: linear-gradient(to top, #ff9f9f, #fe7575)
}

.news-recommend .hd .more {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	color: #999
}

.news-recommend .hd .more .iconfont {
	padding-left: 6px;
	font-size: 20px
}

.news-recommend ul {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	margin-right: -30px
}

.news-recommend ul li {
	float: left;
	margin: 10px 25px 15px 0;
	overflow: hidden;
	width: 397px;
	height: 106px;
}

.news-recommend ul li .pic {
	display: block;
	float: left;
	overflow: hidden;
	width: 170px;
	height: 106px;
	border-radius: 6px
}

.news-recommend ul li .pic img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.news-recommend ul li .info {
	width: 205px;
	float: right;
	position: relative;
	line-height: 24px;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2
}

.news-recommend ul li h3 {
	margin-bottom: 10px
}

.news-recommend ul li h3 a {
	display: inline-block;
	height: 48px;
	line-height: 24px;
	font-size: 16px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-recommend ul li .desc {
	height: 48px;
	line-height: 24px;
	color: #999;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.news-recommend ul li:hover a {
	color: #f60
}

.side-hot-doctor .hd {
	margin-bottom: 0 !important
}

.side-hot-doctor li {
	padding: 20px;
	overflow: hidden;
	border-bottom: 1px solid #eee
}

.side-hot-doctor li a {
	display: block;
	overflow: hidden
}

.side-hot-doctor li .pic {
	float: left;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	overflow: hidden
}

.side-hot-doctor li .pic img {
	width: 100%;
	height: 100%
}

.side-hot-doctor li .info {
	float: right;
	width: 206px;
	font-size: 14px;
	color: #b2b2b2
}

.side-hot-doctor li .info h3 {
	height: 28px;
	line-height: 28px
}

.side-hot-doctor li .info .name {
	float: left;
	display: inline-block;
	font-size: 18px;
	color: #000;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 110px
}

.side-hot-doctor li .info .time {
	display: inline-block;
	margin-left: 12px
}

.side-hot-doctor li .info .hospital-name {
	height: 26px;
	line-height: 26px
}

.side-hot-doctor li .mqBtn {
	margin-top: 16px;
	clear: both;
	width: 100%;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-color: #4295ca;
	border-radius: 3px
}

.side-hot-doctor li:last-child {
	border: none
}

.side-hot-hospital .hd {
	margin-bottom: 0 !important
}

.side-hot-hospital li {
	padding-top: 20px;
	overflow: hidden;
	border-bottom: 1px dashed #eee
}

.side-hot-hospital li a {
	display: block;
	overflow: hidden
}

.side-hot-hospital li .pic {
	float: left;
	margin-left: 20px;
	width: 54px;
	height: 54px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #f5f5f5;
	border-radius: 3px;
	overflow: hidden
}

.side-hot-hospital li .pic img {
	width: 100%;
	height: 100%
}

.side-hot-hospital li .info {
	float: right;
	margin-right: 20px;
	width: 206px
}

.side-hot-hospital li .info h3 {
	max-height: 54px;
	line-height: 28px;
	font-size: 18px;
	color: #000
}

.side-hot-hospital li .mqBtn {
	margin-top: 20px;
	clear: both;
	width: 100%;
	line-height: 48px;
	font-size: 14px;
	color: #999;
	text-align: center;
	border-top: 1px solid #eee
}

.side-hot-hospital li:last-child {
	border: none
}

.forum-list {
	margin-bottom: 10px;
	padding-bottom: 20px
}

.forum-list li {
	margin: 0 20px;
	padding: 20px 0 15px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	-webkit-transition: all .2s;
	transition: all .2s
}

.forum-list a {
	display: inline-block
}

.forum-list .user-row {
	margin-bottom: 10px;
	line-height: 40px;
	overflow: hidden
}

.forum-list .user-row img {
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%
}

.forum-list .user-row .name {
	float: left;
	margin: 0 15px 0 10px;
	font-size: 16px;
	color: #000
}

.forum-list .user-row .group {
	display: inline-block;
	float: left;
	margin-top: 10px;
	padding: 0 5px;
	min-width: 26px;
	max-width: 60px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	background: #8ec5fc;
	background: -webkit-gradient(linear, right top, left top, from(#e0c3fc), to(#8ec5fc));
	background: linear-gradient(-90deg, #e0c3fc, #8ec5fc)
}

.forum-list .tit {
	display: block;
	margin-bottom: 15px;
	height: 20px;
	line-height: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.forum-list .tit span {
	display: inline-block;
	float: left;
	margin-right: 10px;
	padding: 0 5px;
	min-width: 26px;
	max-width: 60px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	background: #8ec5fc;
	background: -webkit-gradient(linear, right top, left top, from(#e0c3fc), to(#8ec5fc));
	background: linear-gradient(-90deg, #e0c3fc, #8ec5fc)
}

.forum-list .tit a {
	float: left;
	font-size: 16px;
	color: #333;
	width: 740px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.forum-list .tit:hover a {
	color: #f60
}

.forum-list .desc {
	margin-bottom: 12px;
	max-height: 3.4em;
	line-height: 1.7;
	font-size: 15px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.forum-list .pics {
	margin-bottom: 12px;
	margin-right: -12px;
	overflow: hidden
}

.forum-list .pics img {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	width: 130px;
	height: 130px;
	border-radius: 4px;
	background: #f2f2f2
}

.forum-list .pic,
.forum-list .zt {
	clear: both;
	display: block;
	margin-bottom: 5px;
	height: auto;
	min-height: 200px;
	max-height: 300px;
	overflow: hidden
}

.forum-list .pic a,
.forum-list .zt a {
	display: block
}

.forum-list .pic img,
.forum-list .zt img {
	display: block;
	width: 100%;
	height: 100%;
	background: #f2f2f2;
	border-radius: 6px
}

.forum-list .other {
	clear: both;
	width: 100%;
	height: 24px;
	position: relative;
	line-height: 24px;
	font-size: 14px;
	color: #b2b2b2;
	text-align: right
}

.forum-list .other .iconfont {
	display: inline-block;
	float: left;
	margin-right: 4px;
	width: 20px;
	height: 24px;
	background-position: right center
}

.forum-list .other .fr a {
	margin-left: 16px;
	color: #b2b2b2
}

.hollow-btn {
	margin-bottom: 10px;
	width: 320px;
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #1bbde6;
	border-radius: 6px
}

.hollow-btn a {
	display: inline-block;
	color: #fff
}

.index-hd {
	position: relative;
	padding: 15px 20px;
	height: 30px;
	border-bottom: 1px solid #eee
}

.index-hd span {
	display: inline-block;
	line-height: 30px;
	font-size: 20px;
	color: #000;
	vertical-align: middle
}

.index-hd .icon2 {
	margin-left: 6px;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle
}

.index-hd h2 {
	float: left;
	height: 30px
}

.index-hd .nav {
	overflow: hidden
}

.index-hd .nav span,
.index-hd .nav a {
	float: left;
	padding: 0 36px 0 30px;
	line-height: 30px;
	font-size: 15px;
	color: #b2b2b2;
	cursor: pointer
}

.index-hd .nav span.active,
.index-hd .nav a.active {
	color: #333
}

.index-hd .nav a {
	padding: 0 10px 0 30px
}

.index-hd .more {
	position: absolute;
	top: 15px;
	right: 12px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #999
}

.index-hd .more .iconfont {
	float: right;
	margin-left: 8px;
	width: 20px;
	height: 30px;
	margin-top:-2px;
}

.index-forum {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.index-forum li {
	padding: 22px 18px;
	border-bottom: 1px solid #eee
}

.index-forum li h3 {
	height: 22px;
	line-height: 22px;
	font-size: 18px;
	color: #333;
	overflow: hidden
}

.index-forum li h3 a {
	display: block;
	color: #333;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.index-forum li .desc {
	margin-top: 10px;
	line-height: 26px;
	font-size: 15px;
	color: #808080;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.index-forum li .photos {
	margin-top: 15px;
	overflow: hidden
}

.index-forum li .photos dd {
	float: left;
	margin-right: 20px;
	height: 180px;
	border-radius: 10px;
	overflow: hidden
}

.index-forum li .photos img {
	max-width: 300px;
	height: 180px
}

.index-forum li .other {
	margin-top: 15px;
	overflow: hidden;
	height: 26px
}

.index-forum li .other a {
	display: inline-block;
	margin-left: 20px;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #b2b2b2;
	vertical-align: middle
}

.index-forum li .user-row {
	float: left;
	height: 26px
}

.index-forum li .user-row img {
	margin-right: 6px;
	width: 26px;
	height: 26px;
	border-radius: 50%
}

.index-forum li .user-row span {
	display: inline-block;
	line-height: 26px;
	vertical-align: middle
}

.index-forum li .user-row .name {
	font-size: 16px;
	color: #808080
}

.index-forum li .user-row .time {
	margin-left: 10px;
	font-size: 16px;
	color: #b2b2b2
}

.index-forum li .icon2 {
	display: inline-block;
	float: left;
	margin-right: 8px;
	width: 26px;
	height: 26px;
	background-position: center;
	vertical-align: middle
}



.forum-hotBox {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	padding-bottom: 2px;
	min-height: 300px
}
.baike-list{padding:25px 15px;}
.baike-list li{width:49%;float: left;margin-bottom: 30px;}
.baike-list li:nth-child(2n+2){float: right;}
.baike-img{display: block;width:43%;float: left;overflow: hidden;}
.baike-img img{width: 100%;}
.baike-txt{width:54%;float: right;}
.baike-tit{font-size: 18px;color: #333;}
.baike-tit:hover{color: #f60;}
.baike-ellipsis{font-size: 14px;line-height: 26px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #8e8b8b;}
.baike-more{width:90px;height:24px;text-align: center;color: #fff;font-size: 14px;background: #ffc234;border-radius: 16px;display: block;line-height: 24px;}
.hot-baike li{padding-left: 15px;}
.hot-baike li::before{position: absolute;
    top: 11px;
    left: 0;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: #ffc234;
    border-radius: 50%;}
	.hot-news li i {
	    display: inline-block;
	    float: left;
	    margin-right: 10px;
	    width: 24px;
	    color: #fff;
	    text-align: center;
	    background: #dedede;
	    border-radius: 50%;}

.forum-hotBox .hd {
	padding-top: 8px;
	overflow: hidden;
	border-bottom: 1px solid #eee
}

.forum-hotBox .hd ul {
	float: left
}

.forum-hotBox .hd li {
	position: relative;
	float: left;
	margin: 0 24px;
	height: 58px;
	line-height: 58px;
	font-size: 15px
}

.forum-hotBox .hd li:after {
	display: block;
	content: '';
	width: 0\9;
	height: 2px;
	background: #ffc234;
	position: absolute;
	bottom: 0;
	left: -1px;
	right: -1px;
	z-index: 3;
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg)
}

.forum-hotBox .hd li a {
	display: inline-block;
	color: #b2b2b2
}

.forum-hotBox .hd li a.on {
	color: #000
}

.forum-hotBox .hd li.tit {
	margin: 0 22px
}

.forum-hotBox .hd li.tit a {
	font-size: 24px;
	color: #000
}

.forum-hotBox .hd li:hover a {
	color: #000
}

.forum-hotBox .hd li:hover:after {
	width: 100%\9;
	opacity: 1;
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.forum-hotBox .hd .postBtn {
	float: right;
	margin: 2px 20px 0 0;
	padding: 0 24px;
	height: 46px;
	background: #1bbde6;
	border-radius: 6px
}

.forum-hotBox .hd .postBtn a {
	display: block;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: #fff;
	text-align: center
}

.forum-hotBox .hd .postBtn .iconfont {
	float: left;
	margin-right: 6px;
	width: 20px;
	height: 46px
}

.forum-hotBox .pagination {
	margin: 15px 0 40px !important
}

.price-list{padding: 15px;}
.price-list a{display: block;font-size: 16px;height:30px;line-height: 30px;}
.price-list a:hover{color: #f60;}
.price-list span,.price-list i{display: block;}
.price-list span{width:80%;float: left;}
.price-list i{width:20%;text-align: right;float: left;}
.price-list li{position: relative;padding:8px 0 8px 13px;}
.price-list li::before{position: absolute;
    top: 21px;
    left: 0;
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #ffc234;
    border-radius: 50%;}
.price-list li.di-line{width: 100%;height: 1px;background:rgba(255,194,52,.32);padding: 0;margin:10px 0;}
.price-list li.di-line::before{background: none;}

.forum-zt-list {
	padding-bottom: 10px;
	overflow: hidden
}

.forum-zt-list li {
	float: left;
	margin: 10px 3px 20px 20px;
	overflow: hidden;
	width: 565px;
	border: 1px solid #ededed;
	border-radius: 6px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.forum-zt-list li a {
	display: block
}

.forum-zt-list li img {
	display: block;
	width: 565px;
	height: 180px;
	background: #f2f2f2
}

.forum-zt-list li h3 {
	margin: 12px 0 12px 15px;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #333;
	width: 525px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.forum-zt-list li:hover {
	z-index: 2;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	transform: translate3d(0, -2px, 0)
}

.forum-zt-list li:hover h3 {
	color: #f60
}


.side-hot-post .hd {
	margin-bottom: 15px
}

.side-hot-post .hd .switch {
	float: right
}

.side-hot-post .hd .switch span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	font-size: 14px;
	color: #b2b2b2;
	cursor: pointer
}

.side-hot-post .hd .switch span:first-child::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	display: block;
	content: '';
	width: 1px;
	background: #eee;
	right: -1px;
	top: 50%;
	height: 14px;
	background: #888;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.side-hot-post .hd .switch .on {
	color: #ffc234
}

.side-hot-post li {
	position: relative;
	margin: 18px 12px;
	height: 28px
}

.side-hot-post li i {
	float: left;
	display: inline-block;
	margin: 4px 10px 20px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background-color: #cbcbcb;
	border-radius: 3px
}

.side-hot-post li i.n1,
.side-hot-post li i.n2,
.side-hot-post li i.n3 {
	background-color: #ed4f4f
}

.side-hot-post li a {
	height: 28px;
	line-height: 24px;
	font-size: 15px;
	color: #333;
	text-overflow: ellipsis;
}

.side-hot-post li .group {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #b2b2b2
}

.side-hot-post li:hover a {
	color: #f60
}

.side-hot-post li:last-child {
	margin-bottom: 10px
}
.side-hot-post .new-caselist li a{display:block;}
.side-hot-post .new-caselist li a em{font-size:16px;font-style: normal;display: block;width:75%;text-overflow: ellipsis;overflow: hidden;float: left;white-space: nowrap;}
.side-hot-post .new-caselist li a time{display: block;float: left;width:25%;font-size: 14px;text-align: right;}

.side-group {
	padding: 20px 0 20px 20px;
	position: relative
}

.side-group .pic {
	float: left;
	margin-right: 15px;
	width: 72px;
	height: 72px;
	background: #fff2ef;
	border-radius: 10px;
	overflow: hidden
}

.side-group img {
	display: block;
	margin: 6px auto 0;
	width: 60px;
	height: 60px
}

.side-group h3 {
	line-height: 38px;
	font-size: 18px;
	color: #000
}

.side-group p {
	line-height: 32px;
	font-size: 14px;
	color: #b2b2b2
}

.side-group .follow-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	width: 70px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	color: #ffc234;
	border: 1px solid #ffc234;
	border-radius: 6px
}

.side-group .follow-btn.on {
	color: #999;
	border-color: #b2b2b2;
	cursor: auto
}

.side-hot-text li {
	padding: 0 15px 20px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.side-hot-text li i.n1 {
	background: #ef0202
}

.side-hot-text li i.n2 {
	background: #fe7f22
}

.side-hot-text li i.n3 {
	background: #ffbc2b
}

.side-hot-text li a {
	font-size: 14px;
	color: #333;
}

.side-hot-text li:hover a {
	color: #f60
}

.w820 {
	width: 820px
}

.w350 {
	width: 350px
}

.forum-show-photos {
	margin-bottom: 20px
}

.forum-thumbs {
	position: relative;
	margin: 15px auto 0;
	overflow: hidden;
	height: 100px
}

.forum-thumbs .swiper-slide {
	position: relative;
	overflow: hidden;
	width: 100px !important;
	height: 100px;
	border-radius: 10px;
	cursor: pointer
}

.forum-thumbs .swiper-slide::after {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	display: block;
	background: #000;
	opacity: .6
}

.forum-thumbs .swiper-slide-thumb-active {
	opacity: 1
}

.forum-thumbs .swiper-slide-thumb-active::after {
	display: none
}

.forum-show-con {
	padding: 24px 20px 15px
}

.forum-show-con .info {
	position: relative;
	overflow: hidden;
	margin-bottom: 16px
}

.forum-show-con .info .avatar {
	position: relative;
	float: left;
	margin-right: 20px
}

.forum-show-con .info .avatar img {
	display: block;
	width: 60px;
	height: 60px;
	background: #f2f2f2;
	border-radius: 50%
}

.forum-show-con .info .avatar .sex {
	position: absolute;
	right: -10px;
	bottom: 0;
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(http://www.zx236.cn/static/801/img/hair_report/sex-1-min.png) center no-repeat;
	background-size: 26px
}

.forum-show-con .info .avatar .sex.sex2 {
	background: url(http://www.zx236.cn/static/801/img/hair_report/sex-2-min.png) center no-repeat;
	background-size: 26px
}

.forum-show-con .info .p1 {
	padding-top: 4px;
	padding-bottom: 7px;
	height: 32px;
	line-height: 32px
}

.forum-show-con .info .p1 .user-name {
	font-size: 20px;
	color: #333
}

.forum-show-con .info .p1 .uset-area {
	margin-left: 20px;
	font-size: 18px;
	color: #808080
}

.forum-show-con .info .time {
	line-height: 1;
	font-size: 15px;
	color: #b2b2b2
}

.forum-show-con .info .tag {
	position: absolute;
	top: 8px;
	right: 0;
	padding: 0 14px;
	line-height: 30px;
	font-size: 15px;
	color: #ffc234;
	border: 1px solid #ffc234;
	border-radius: 8px
}

.forum-show-con h1 {
	clear: both;
	margin-bottom: 16px;
	line-height: 36px;
	font-size: 24px;
	color: #333
}

.forum-show-con .content {
	margin-bottom: 10px;
	font-size: 18px;
	color: #808080;
	white-space: pre-line
}

.forum-show-con .video-pic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 0;
	overflow: hidden;
	max-width: 360px;
	max-height: 600px
}

.forum-show-con .video-pic img {
	width: 100%;
	height: auto
}

.forum-show-con .openQRcodeDialog {
	margin: 10px 0;
	color: #999;
	cursor: pointer
}

.forum-show-con .other {
	overflow: hidden;
	height: 26px;
	line-height: 26px;
	text-align: right
}

.forum-show-con .other a {
	display: inline-block;
	margin-left: 20px;
	font-size: 16px;
	color: #b2b2b2
}

.forum-show-con .other .iconfont {
	display: inline-block;
	float: left;
	margin-right: 8px;
	width: 20px;
	height: 26px;
	background-position: center
}

.related-post {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 10px
}

.related-post h2 {
	padding-left: 18px;
	line-height: 60px;
	font-size: 24px;
	color: #000;
	border-bottom: 1px solid #ededed
}

.related-post ul {
	padding: 5px 0 10px
}

.related-post li {
	padding: 10px;
	overflow: hidden;
}

.related-post li .pic {
	display: block;
	float: left;
	overflow: hidden;
	width: 160px;
	height: 90px;
	border-radius: 10px
}

.related-post li .pic img {
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #f2f2f2
}

.related-post li .info {
	margin-left: 170px
}

.related-post li h3 {
	margin-bottom: 15px;
	padding-top: 6px
}

.related-post li h3 a {
	display: inline-block;
	height: 48px;
	line-height: 24px;
	font-size: 16px;
	color: #333;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-webkit-transition: all .2s;
	transition: all .2s
}

.related-post li .other {
	overflow: hidden;
	text-align: right
}

.related-post li .other a {
	display: inline-block;
	margin-left: 10px;
	height: 20px
}

.related-post li .other .iconfont {
	display: inline-block;
	margin-right: 6px;
	width: 16px;
	height: 20px;
	background-size: 16px;
	background-position: center;
	vertical-align: middle
}

.related-post li .other .icon-dianzan {
	background-size: 14px
}

.related-post li .other span {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #b2b2b2;
	vertical-align: middle
}

.related-post li:hover a {
	color: #f60
}

.forum-post .layui-form {
	padding: 10px 50px 0 0
}

.forum-post .layui-form-label {
	width: 90px
}

.forum-post .layui-input-block {
	margin-left: 120px
}

.sticky-top0 {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9
}

.sticky-top65 {
	position: -webkit-sticky;
	position: sticky;
	top: 65px;
	z-index: 9
}

.banner-hot {
	height: 400px;
	overflow: hidden;
	clear: both
}

.hot-recommend {
	margin-top: 30px
}

.hot-recommend h2 {
	line-height: 30px;
	font-size: 28px;
	color: #333
}

.related-video h2,
.side-diary h2 {
	margin: 0 0 4px;
	padding: 5px 0 10px;
	width: 100%;
	line-height: 30px;
	font-size: 24px;
	color: #333;
	background: url(../image/tit_xuxian.png) left bottom repeat-x
}

.side-consult {
	margin-top: 20px;
	padding: 10px 15px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 10px
}

.side-consult h2 {
	margin-left: 0;
	padding: 10px 0 15px;
	line-height: 1;
	font-size: 28px;
	color: #333
}

.side-consult .textarea {
	padding: 10px 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 120px;
	line-height: 28px;
	font-size: 18px;
	color: #999;
	cursor: pointer;
	background: #fafafa;
	border: 2px solid #f1f2f3;
	border-radius: 5px
}

.side-consult textarea {
	min-width: 100%;
	max-width: 100%;
	min-height: 80px;
	color: #000 !important;
	cursor: initial !important
}

.side-consult textarea::-webkit-input-placeholder {
	color: #999
}

.side-consult .btn {
	margin: 10px 0;
	line-height: 48px;
	font-size: 20px;
	color: #333;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ffc234;
	border-radius: 5px;
	-webkit-box-shadow: 0 4px 12px 0 rgba(86, 187, 189, 0.16);
	box-shadow: 0 4px 12px 0 rgba(86, 187, 189, 0.16)
}

.side-consult .num {
	line-height: 30px;
	color: #666
}

.index-explain {
	float: left;
	margin-top: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 590px;
	height: 426px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 10px
}

.index-explain+.index-explain {
	margin-left: 20px
}

.index-explain .top {
	margin: 13px 15px 10px 12px
}

.index-explain .top a {
	position: relative;
	display: block;
	overflow: hidden
}

.index-explain .top img {
	float: left;
	display: block;
	margin-right: 12px;
	width: 270px;
	height: 125px;
	background: #f2f2f2;
	border-radius: 10px
}

.index-explain .top .title {
	padding-top: 5px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #333;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transition: color .5s;
	transition: color .5s
}

.index-explain .top .desc {
	margin-top: 10px;
	height: 72px;
	line-height: 24px;
	font-size: 13px;
	color: #666;
	text-indent: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.index-explain .top .other {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666
}

.index-explain .top .other i {
	float: left;
	margin-right: 8px;
	font-size: 12px;
	color: #999
}

.index-explain .top .other .time {
	float: right
}

.index-explain .top:hover .title {
	color: #f60
}

.index-explain li {
	margin: 5px 15px 0 20px;
	overflow: hidden
}

.index-explain li a {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	width: 460px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transition: color .5s;
	transition: color .5s
}

.index-explain li a:hover {
	color: #f60
}

.index-explain li .views {
	float: right;
	display: inline-block;
	min-width: 70px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #a2a5ad
}

.index-explain li .views i {
	float: left;
	display: inline-block;
	margin-right: 5px;
	width: 16px;
	height: 30px;
	background: url(../image/audio_14.png) center no-repeat
}

.featured-audio li .cover i {
	background: url(../image/play_audio.png) center no-repeat;
	background-size: 40px
}

.audio-card-list {
	margin: 0 -15px;
	width: auto
}

.audio-card-list li {
	float: left;
	margin: 10px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 380px;
	height: 360px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
	box-shadow: 0 0 20px 0 rgba(104, 130, 154, 0.16);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.audio-card-list li a {
	display: block
}

.audio-card-list li:hover {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px)
}

.audio-card-list .cover {
	position: relative;
	margin-bottom: 10px;
	height: 232px
}

.audio-card-list .cover img {
	display: inline-block;
	width: 100%;
	height: 100%
}

.audio-card-list .cover i {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../image/play_audio.png) center no-repeat;
	background-size: 50px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.audio-card-list .cover .time {
	display: none
}

.audio-card-list h3 {
	margin: 0 20px;
	height: 26px;
	line-height: 26px;
	font-size: 18px;
	color: #333;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.audio-card-list .views {
	margin: 6px 20px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #999
}

.audio-card-list .views .icon2 {
	float: left;
	display: inline-block;
	margin-right: 10px;
	width: 14px;
	height: 24px;
	background: url(../image/audio_14.png) center no-repeat
}

.audio-card-list .views .time {
	float: right;
	margin-right: 5px
}

.audio-card-list .author {
	padding: 10px 20px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #e6e6e6
}

.audio-card-list .author img {
	float: left;
	display: inline-block;
	margin-right: 17px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: #f2f2f2
}

.audio-card-list .author .p1 {
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #666
}

.audio-card-list .author .p1 em {
	margin-left: 15px;
	font-size: 12px;
	color: #999
}

.audio-card-list .author .p2 {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999
}

.audio-show {
	padding: 10px 20px
}

.audio-show .doctor-l {
	float: left;
	width: 120px;
	overflow: hidden
}

.audio-show .doctor-l img {
	display: inline-block;
	margin-bottom: 10px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #f2f2f2
}

.audio-show .doctor-l .name {
	line-height: 28px;
	font-size: 20px;
	color: #333;
	text-align: center
}

.audio-show .doctor-l .name a {
	display: inline-block;
	color: #333
}

.audio-show .doctor-l .name span {
	display: inline-block;
	margin-top: 5px;
	margin-left: 10px;
	padding: 0 2px;
	line-height: 15px;
	font-size: 12px;
	color: #999;
	border: 1px solid #999;
	border-radius: 4px
}

.audio-show .doctor-l .hosp {
	margin: 10px 6px 0;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: center
}

.audio-show .audio-info {
	margin-left: 140px
}

.audio-show h1 {
	line-height: 28px;
	font-size: 24px
}

.audio-list li {
	position: relative;
	margin: 20px 0 60px;
	padding: 10px 20px 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 158px;
	background: #fafafa;
	border-radius: 6px;
	-webkit-box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.1);
	box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.1)
}

.audio-list li:hover {
	-webkit-box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.2);
	box-shadow: 0 6px 40px 0 rgba(99, 171, 240, 0.2)
}

.audio-list li::after {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -30px;
	display: block;
	content: '';
	width: 100%;
	height: 0;
	border-top: 1px solid #e6e6e6
}

.audio-list li:last-child {
	margin-bottom: 20px
}

.audio-list li:last-child::after {
	display: none
}

.audio-list .doctor {
	float: left;
	display: block;
	padding-right: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 158px;
	text-align: center;
	overflow: hidden
}

.audio-list .doctor img {
	display: inline-block;
	margin-bottom: 3px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #f2f2f2
}

.audio-list .doctor .name {
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #333
}

.audio-list .doctor .name span {
	display: inline-block;
	margin-top: 4px;
	margin-left: 10px;
	padding: 0 2px;
	line-height: 15px;
	font-size: 12px;
	color: #999;
	border: 1px solid #999;
	border-radius: 4px
}

.audio-list .doctor .hosp {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #b2b2b2;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.audio-list .info {
	margin-left: 170px
}

.audio-list .title {
	display: block;
	margin-right: 100px;
	padding: 12px 0;
	line-height: 28px;
	font-size: 18px;
	color: #333;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transition: color .5s;
	transition: color .5s
}

.audio-list .title:hover {
	color: #ffc234
}

.audio-list .desc {
	margin-bottom: 12px;
	height: 48px;
	line-height: 24px;
	font-size: 15px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.audio-list .other {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #b2b2b2
}

.audio-list .other .time {
	float: right
}

.audio-list .other .num {
	position: absolute;
	z-index: 3;
	right: 20px;
	top: 22px
}

.audio-list .other .num i {
	float: left;
	margin-right: 8px;
	width: 14px;
	height: 30px;
	font-size: 14px;
	font-weight: normal
}

.audio-list .other .num em {
	font-size: 15px;
	color: #a2a5ad
}

.audio-list2 .pic span {
	position: absolute;
	z-index: 3;
	right: 4px;
	bottom: 4px;
	width: 44px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 9px
}

.audio-list2 .pic::after {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	display: block;
	content: '';
	width: 30px;
	height: 30px;
	background: url(../image/play_audio.png) center no-repeat;
	background-size: 30px
}

.audio-list2 .other .views {
	float: left
}

.audio-list2 .other .views i {
	float: left;
	margin-right: 8px;
	width: 14px;
	height: 22px
}

.audio-list2 .other .views em {
	color: #a2a5ad
}

.audio-list2 .other .time {
	float: right
}


.index-baike {
	float: right;
	padding: 0;
	width: 320px;
	background: #fff;
	border: 1px solid #eee;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 6px
}

.index-baike .side-baike-project {
	overflow: hidden;
	margin-bottom: 20px;
	padding-left: 10px
}

.index-baike .side-baike-project ul {
	overflow: hidden;
	display: none
}

.index-baike .side-baike-project li {
	float: left;
	margin-top: 20px;
	overflow: hidden;
	width: 100px;
	height: 90px;
	text-align: center
}

.index-baike .side-baike-project li a {
	display: block
}

.index-baike .side-baike-project li .pic {
	margin: 0 auto;
	width: 56px;
	height: 56px;
	padding-top: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.index-baike .side-baike-project li img {
	max-width: 100%;
	max-height: 100%
}

.index-baike .side-baike-project li h3 {
	line-height: 30px;
	font-size: 14px;
	color: #000
}

.index-baike .tab-nav {
	padding-bottom: 20px
}

.index-baike .tab-nav ul {
	text-align: center
}

.index-baike .tab-nav li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	font-size: 0;
	cursor: pointer;
	background: #000;
	border-radius: 5px;
	filter: alpha(opacity=15);
	opacity: .15
}

.index-baike .tab-nav li.on {
	width: 20px;
	filter: alpha(opacity=40);
	opacity: .4
}

.baike-banner {
	margin-bottom: 0
}

.related-diary-row {
	margin-bottom: 30px
}

.related-diary-row .hd {
	height: 36px;
	line-height: 36px;
	position: relative
}

.related-diary-row .hd h2 {
	width: 250px;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
	color: #000
}

.related-diary-row .hd h2 span {
	float: left
}

.related-diary-row .hd h2 .iconfont {
	margin-left: 8px;
	width: 24px;
	height: 36px
}

.related-diary-row .hd .more {
	position: absolute;
	top: 0;
	right: 4px;
	font-size: 16px;
	color: #999;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.related-diary-row .hd .more .iconfont {
	float: right;
	margin-left: 6px;
	width: 20px;
	height: 36px
}

.related-diary-row .hd .more:hover {
	color: #f60;
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}

.related-diary-row .hd .icon-diary {
	background-image: url(../image/xiangguanrij.png)
}

.related-diary-row ul {
	margin: 0 -12px 0 -10px;
	overflow: hidden
}

.related-diary-row ul li {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	background: #fff;
	border-radius: 6px;
	float: left;
	margin: 15px 10px 20px 10px;
	padding: 20px 0 0 20px;
	width: 285px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s
}

.related-diary-row ul li .photos {
	display: block;
	margin-bottom: 12px;
	overflow: hidden
}

.related-diary-row ul li .photos .pic {
	position: relative;
	float: left;
	margin-right: 8px;
	overflow: hidden;
	width: 118px;
	height: 118px;
	border-radius: 6px
}

.related-diary-row ul li .photos img {
	width: 100%;
	height: 100%
}

.related-diary-row ul li .photos span {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background: #333;
	background: rgba(0, 0, 0, 0.6);
	border-bottom-right-radius: 8px
}

.related-diary-row ul li .photos .pic:last-child span {
	color: #333;
	background: #ffc234;
	background: rgba(255, 194, 52, 0.9)
}

.related-diary-row ul li .desc {
	margin-bottom: 3px;
	clear: both;
	display: block;
	height: 48px;
	line-height: 24px;
	font-size: 14px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.related-diary-row ul li .projects {
	height: 24px;
	overflow: hidden
}

.related-diary-row ul li .projects .tag {
	display: inline-block;
	float: left;
	padding-right: 5px;
	line-height: 24px;
	color: #1bbde6
}

.related-diary-row ul li .other {
	margin: 10px 0 15px;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 14px
}

.related-diary-row ul li .other .iconfont {
	display: inline-block;
	float: left;
	margin-right: 4px;
	width: 20px;
	height: 24px;
	background-position: right center
}

.related-diary-row ul li .other a {
	display: inline-block;
	margin-right: 16px;
	color: #b2b2b2
}

.related-diary-row ul li .user {
	margin-left: -20px;
	padding: 15px 20px;
	height: 30px;
	overflow: hidden;
	border-top: 1px solid #ededed
}

.related-diary-row ul li .user img {
	display: inline-block;
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%
}

.related-diary-row ul li .user .name {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.related-diary-row ul li:hover {
	z-index: 2;
	-webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
	transform: translate3d(0, -2px, 0)
}

.related-hospital-row {
	margin-bottom: 25px
}

.related-hospital-row .hd h2 {
	font-size: 24px
}

.related-hospital-row .hd .icon-hospital {
	background-image: url(../image/xiangguanyiy.png)
}

.related-hospital-row ul li {
	margin: 15px 10px 20px 10px
}

.related-doctor-row .hd h2 {
	font-size: 24px
}

.related-doctor-row .hd .icon-doctor {
	background-image: url(../image/xiangguanyis.png)
}

.related-doctor-row ul li {
	margin: 15px 10px 20px 10px
}
.ask-list-member li {
	padding-top: 20px;
	border-bottom: 1px solid #eee
}

.ask-list-member li a {
	max-width: 810px
}

.ask-list-member li .user-row {
	margin-top: 10px;
	margin-bottom: 0
}

.forum-list-member .tit a {
	width: 800px
}

.forum-list-member .pics {
	margin-bottom: 10px;
	margin-right: -12px
}

.forum-list-member .pics img {
	margin: 0 12px 12px 0;
	width: 136px;
	height: 136px
}

.forum-list-member .pics .video-img {
	width: 180px;
	height: auto
}

.member-coupon-list li {
	position: relative;
	margin: 20px 30px 40px 44px;
	width: 718px;
	height: 205px;
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: -4px 2px 20px 4px rgba(182, 182, 182, 0.6);
	box-shadow: -4px 2px 20px 4px rgba(182, 182, 182, 0.6)
}

.member-coupon-list li::after {
	position: absolute;
	top: 0;
	left: -12px;
	bottom: 0;
	content: '';
	display: block;
	width: 13px;
	background: url(../image/coupon_jagged.png) left top repeat-y
}

.member-coupon-list li .c-price {
	float: left;
	width: 282px;
	height: 205px;
	line-height: 205px;
	text-align: center;
	border-right: 1px solid #f89c83
}

.member-coupon-list li .c-price em {
	display: inline-block;
	font-size: 48px;
	color: #f35a31
}

.member-coupon-list li .c-price strong {
	display: inline-block;
	font-size: 72px;
	font-weight: 600;
	color: #f35a31
}

.member-coupon-list li .c-msg {
	margin-left: 302px;
	padding-top: 25px
}

.member-coupon-list li .c-type {
	display: inline-block;
	padding: 0 10px;
	height: 34px;
	line-height: 34px;
	font-size: 20px;
	color: #f5f5f5;
	background: #f35a31;
	border-radius: 4px
}

.member-coupon-list li .c-limit {
	margin-top: 10px;
	line-height: 50px;
	font-size: 30px;
	color: #333
}

.member-coupon-list li .c-time {
	line-height: 38px;
	font-size: 18px;
	font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular;
	color: #888
}

.member-coupon-list li .c-useLimit {
	position: absolute;
	z-index: 2;
	right: 20px;
	bottom: 23px;
	width: 170px;
	line-height: 50px;
	font-size: 20px;
	color: #f35a31;
	text-align: center;
	border: 1px solid #f18b67;
	border-radius: 26px
}

.member-coupon-list li .cover-new {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	width: 110px;
	height: 110px;
	background: url(../image/coupon_cover_new.png) center no-repeat
}

.member-report-list {
	padding-left: 10px
}

.member-report-list li {
	float: left;
	margin: 20px 0 20px 20px;
	overflow: hidden;
	width: 273px;
	height: 168px;
	background: #f5f5f5 url(../image/member_report_bg.png) 108px 12px no-repeat;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1)
}

.member-report-list li a {
	display: block;
	height: 100%
}

.member-report-list li h3 {
	padding: 10px 10px 80px 20px;
	line-height: 30px;
	font-size: 20px;
	color: #333
}

.member-report-list li p {
	padding: 0 20px;
	line-height: 26px;
	font-size: 16px;
	color: #888
}

.member-report-list li .operate {
	float: right;
	font-size: 14px;
	color: #4295ca
}

.member-setting {
	margin-bottom: 60px
}

.member-setting .layui-form {
	padding: 25px
}

.member-setting .layui-form .layui-form-label {
	color: #000
}

.member-setting .layui-form .layui-input-inline {
	width: 250px
}

.member-setting .layui-form .layui-input {
	background: #f5f5f5;
	border-color: #e3e3e3
}

.member-setting .layui-form .form-label-top {
	margin-bottom: 50px;
	padding-left: 20px
}

.member-setting .layui-form .form-label-top .layui-form-label {
	float: none;
	margin: 10px 0;
	width: 80%;
	text-align: left
}

.member-setting .layui-form .form-label-top .layui-input-block {
	margin: 0 15px
}

.member-setting .layui-form .form-label-top .layui-form-checkbox {
	margin: 0 15px 15px 0;
	padding-right: 0
}

.member-setting .layui-form .form-label-top .layui-form-checkbox span {
	line-height: 30px;
	color: #555;
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 5px
}

.member-setting .layui-form .form-label-top .layui-form-checkbox:hover span {
	color: #555;
	background: #f3f3f3;
	border-color: #f3f3f3
}

.member-setting .layui-form .form-label-top .layui-form-checked span,
.member-setting .layui-form .form-label-top .layui-form-checked:hover span {
	color: #555;
	background: #f3f3f3;
	border-color: #f3f3f3
}

.member-setting .layui-form .form-label-top .layui-icon {
	display: none
}

.member-setting .layui-form .layui-upload {
	float: left
}

.member-setting .layui-form .layui-upload-list {
	float: left;
	margin: 0
}

.member-setting .layui-form .layui-upload-list img {
	width: 100px;
	height: 100px;
	border-radius: 6px
}

.member-setting .layui-form .upload-picture-btn {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	cursor: pointer;
	background-color: #fbfdff;
	border: 1px dashed #c0ccda;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top
}

.member-setting .layui-form .upload-picture-btn i {
	width: 20px;
	height: 20px
}

.member-setting .layui-form .upload-picture-text {
	display: inline-block;
	padding-top: 76px;
	width: 100px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #1bbde6;
	cursor: pointer
}

.member-setting .layui-form .layui-btn {
	margin-left: 35px;
	width: 100px;
	letter-spacing: 2px;
	font-size: 15px
}

.report-1-show {
	margin-top: 80px;
	margin-bottom: 50px
}

.report-1-show .banner {
	position: relative;
	margin-bottom: 20px;
	height: 300px
}

.report-1-show .banner img {
	width: 100%;
	height: 300px;
	border-radius: 20px;
	overflow: hidden
}

.report-1-show .banner .mask {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	background: #000;
	filter: alpha(opacity=70);
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 20px
}

.report-1-show .banner .user {
	position: relative;
	padding-top: 98px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 195px
}

.report-1-show .banner .avatar {
	position: absolute;
	top: -62px;
	left: 50%;
	margin-left: -62px;
	width: 124px;
	height: 124px
}

.report-1-show .banner .avatar img {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 124px;
	height: 124px;
	border: 2px solid #ffc234;
	border-radius: 100%
}

.report-1-show .banner .avatar .sex {
	position: absolute;
	right: 2px;
	bottom: 2px;
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(http://www.zx236.cn/static/801/img/hair_report/sex-1-min.png) center no-repeat;
	background-size: 26px
}

.report-1-show .banner .avatar .sex.sex2 {
	background: url(http://www.zx236.cn/static/801/img/hair_report/sex-2-min.png) center no-repeat;
	background-size: 26px
}

.report-1-show .banner .name-age {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.report-1-show .banner .name-age em {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	font-size: 28px;
	color: #fff
}

.report-1-show .banner .name-age span {
	margin-left: 10px;
	display: inline-block;
	width: 70px;
	height: 34px;
	line-height: 34px;
	font-size: 20px;
	color: #333;
	text-align: center;
	background-color: #ffc234;
	border-radius: 17px
}

.report-1-show .banner h1 {
	line-height: 40px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: center
}

.report-1-show .index,
.report-1-show .result,
.report-1-show .chart-analysis,
.report-1-show .nurse,
.report-1-show .life {
	margin-bottom: 20px;
	width: 590px;
	height: 400px;
	background-color: #fff;
	border-radius: 30px
}

.report-1-show .index h2,
.report-1-show .result h2,
.report-1-show .chart-analysis h2,
.report-1-show .nurse h2,
.report-1-show .life h2 {
	position: relative;
	margin-bottom: 56px;
	padding-top: 18px;
	padding-left: 72px;
	height: 40px;
	line-height: 40px;
	font-size: 32px;
	font-weight: bold;
	color: #a2a5ad
}

.report-1-show .index h2 i,
.report-1-show .result h2 i,
.report-1-show .chart-analysis h2 i,
.report-1-show .nurse h2 i,
.report-1-show .life h2 i {
	position: absolute;
	top: 18px;
	left: 20px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url(http://www.zx236.cn/static/801/img/hair_report/report_icons.png);
	background-position: 0 0;
	background-repeat: no-repeat
}

.report-1-show .index h2 .iocn2result,
.report-1-show .result h2 .iocn2result,
.report-1-show .chart-analysis h2 .iocn2result,
.report-1-show .nurse h2 .iocn2result,
.report-1-show .life h2 .iocn2result {
	background-position: -50px 0
}

.report-1-show .index h2 .iocn2chart,
.report-1-show .result h2 .iocn2chart,
.report-1-show .chart-analysis h2 .iocn2chart,
.report-1-show .nurse h2 .iocn2chart,
.report-1-show .life h2 .iocn2chart {
	background-position: -100px 0
}

.report-1-show .index h2 .iocn2nurse,
.report-1-show .result h2 .iocn2nurse,
.report-1-show .chart-analysis h2 .iocn2nurse,
.report-1-show .nurse h2 .iocn2nurse,
.report-1-show .life h2 .iocn2nurse {
	background-position: -150px 0
}

.report-1-show .index h2 .iocn2life,
.report-1-show .result h2 .iocn2life,
.report-1-show .chart-analysis h2 .iocn2life,
.report-1-show .nurse h2 .iocn2life,
.report-1-show .life h2 .iocn2life {
	background-position: -200px 0
}

.report-1-show .index .desc,
.report-1-show .result .desc,
.report-1-show .chart-analysis .desc,
.report-1-show .nurse .desc,
.report-1-show .life .desc {
	margin: 0 35px;
	line-height: 50px;
	font-size: 28px;
	font-weight: 500;
	color: #333
}

.report-1-show .index .desc span,
.report-1-show .result .desc span,
.report-1-show .chart-analysis .desc span,
.report-1-show .nurse .desc span,
.report-1-show .life .desc span {
	color: #ffc234
}

.report-1-show .index {
	position: relative;
	overflow: hidden
}

.report-1-show .index::after {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	content: '';
	display: block;
	width: 590px;
	height: 145px;
	background: url(http://www.zx236.cn/static/801/img/hair_report/report_index_bg.png) center top no-repeat
}

.report-1-show .index .score {
	position: relative;
	top: -6px;
	float: left;
	margin-left: 90px;
	height: 100px;
	font-weight: 500;
	color: #333;
	vertical-align: bottom
}

.report-1-show .index .score em {
	display: inline-block;
	margin-right: 3px;
	line-height: 1;
	font-size: 100px
}

.report-1-show .index .score span {
	display: inline-block;
	line-height: 1;
	font-size: 30px;
	color: #000
}

.report-1-show .index .proportion {
	float: right;
	display: inline-block;
	margin-right: 30px;
	line-height: 46px;
	font-size: 24px;
	font-weight: 500;
	color: #333
}

.report-1-show .index .proportion span {
	margin-right: 10px;
	display: inline-block;
	height: 46px;
	line-height: 46px;
	font-size: 34px;
	color: #ffc234;
	font-weight: 600
}

.report-1-show .chart-analysis {
	width: 100%;
	height: 650px
}

.report-1-show .chart-analysis .chart-con {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	width: 620px;
	height: 490px
}

.report-1-show .chart-analysis .chart-con .item {
	position: absolute;
	z-index: 3;
	display: inline-block;
	text-align: center
}

.report-1-show .chart-analysis .chart-con .name {
	display: block;
	margin-bottom: 6px;
	line-height: 32px;
	font-size: 26px;
	color: #333;
	font-weight: 500
}

.report-1-show .chart-analysis .chart-con .score {
	display: inline-block;
	padding: 0 12px;
	line-height: 32px;
	font-size: 22px;
	color: #fff;
	font-weight: 500;
	background-color: #5ad24d;
	border-radius: 6px
}

.report-1-show .chart-analysis .chart-con .item0 {
	top: 1px;
	left: 50%;
	margin-left: -100px
}

.report-1-show .chart-analysis .chart-con .item0 .name {
	float: left;
	margin-bottom: 0;
	margin-right: 10px
}

.report-1-show .chart-analysis .chart-con .item1 {
	top: 144px;
	right: 40px
}

.report-1-show .chart-analysis .chart-con .item1 .score {
	background-color: #ff9155
}

.report-1-show .chart-analysis .chart-con .item2 {
	top: 410px;
	right: 154px
}

.report-1-show .chart-analysis .chart-con .item2 .score {
	background-color: #ff55b9
}

.report-1-show .chart-analysis .chart-con .item3 {
	top: 410px;
	left: 154px
}

.report-1-show .chart-analysis .chart-con .item3 .score {
	background-color: #ffc746
}

.report-1-show .chart-analysis .chart-con .item4 {
	top: 144px;
	left: 40px
}

.report-1-show .chart-analysis .chart-con .item4 .score {
	background-color: #55c5ff
}

.report-1-show .chart-analysis .chart-con .mycanvas {
	position: absolute;
	left: 132px;
	top: 50px;
	width: 364px;
	height: 344px;
	background: url(http://www.zx236.cn/static/801/img/hair_report/radar_bg.png) center no-repeat
}

.report-1-show .chart-analysis .explain {
	padding-top: 80px
}

.report-1-show .chart-analysis .explain h3 {
	margin-bottom: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	color: #a2a5ad;
	font-weight: 500
}

.report-1-show .chart-analysis .explain p {
	line-height: 50px;
	font-size: 28px;
	color: #333;
	font-weight: 500
}

.report-1-show .nurse,
.report-1-show .life {
	min-height: 400px;
	height: initial
}

.report-1-show .nurse .desc,
.report-1-show .life .desc {
	padding-bottom: 30px
}

.report-1-show .tips {
	clear: both;
	margin: 22px 0 24px;
	line-height: 30px;
	font-size: 24px;
	color: #b2b2b2
}

.report-1-show .tips i {
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background-image: url(http://www.zx236.cn/static/801/img/hair_report/report_icons.png);
	background-position: 0 -50px;
	background-repeat: no-repeat
}

.report-1-show .mqBtn {
	height: 80px;
	line-height: 80px;
	font-size: 30px;
	color: #ffc234;
	text-align: center;
	background: #fff;
	border-radius: 10px
}

.report-price-show {
	margin: 30px 0;
	padding: 60px 50px 50px;
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1)
}

.report-price-show .content {
	border: 2px solid #faedd0;
	border-radius: 18px
}

.report-price-show .title {
	position: relative;
	top: -20px;
	margin-bottom: 30px;
	text-align: center
}

.report-price-show .title span {
	display: inline-block;
	padding: 0 25px;
	height: 40px;
	line-height: 40px;
	font-size: 34px;
	font-weight: 500;
	color: #ffc234;
	text-align: center;
	background-color: #fff
}

.report-price-show li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px;
	padding: 0 30px;
	height: 60px
}

.report-price-show li label {
	margin-right: 10px;
	width: 450px;
	font-size: 28px;
	color: #999;
	text-align: right
}

.report-price-show li span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 300px;
	height: 60px;
	line-height: 30px;
	font-size: 28px;
	font-weight: 500;
	color: #333;
	border: 1px solid #ededed;
	border-radius: 8px
}

.report-price-show li em {
	color: #ffc234
}

.report-price-show h4 {
	margin-bottom: 30px;
	padding-left: 30px;
	width: 450px;
	line-height: 50px;
	font-size: 30px;
	font-weight: 600;
	color: #000;
	text-align: right
}

.report-price-show .wz {
	margin-top: 50px
}

.report-price-show .wz li span {
	width: 380px;
	background: #f8f8f8
}

.report-price-show .wz dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
	padding-left: 2px;
	height: 60px;
	line-height: 60px;
	font-size: 30px;
	font-weight: 500;
	color: #333;
	border-radius: 8px
}

.report-price-show .wz dl dt {
	min-width: 150px
}

.report-price-show .wz dl dd {
	font-size: 30px;
	color: #ffc234
}

.report-price-show .line {
	clear: both;
	height: 20px;
	margin: 0 50px;
	background: left url(http://www.zx236.cn/static/801/img/hair_report/split_line.png) repeat-x
}

.report-price-show .tips {
	margin-bottom: 30px;
	padding: 20px 60px;
	line-height: 1.8;
	font-size: 22px;
	color: #999
}

.report-price-show .tips .mqBtn {
	color: #ffc234;
	text-decoration: underline;
	cursor: pointer
}

@media screen and (max-width:1400px) {
	.zixunFixed2 {
		left: initial;
		right: 5px;
		width: 100px;
		background-size: 100px
	}
}

.red {
	color: #ef1818
}
.ft_link{color:#999;padding-bottom:10px;}
.ft_link a{font-size: 14px;color:#999;padding-bottom:10px;display: inline-block;}

.cl{content: "";clear: both;overflow: hidden;}
.xg-list{background: #fff;border-radius: 3px;padding: 15px 15px 0 15px;}
.xg-list li{width:32%;float: left;margin-left: 1.2%;padding-bottom:15px;position:relative;}
.xg-list li a{font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.xg-list li a:hover{color:#fe7f22}
.xg-list li em{position: absolute;left:-12px;top:8px;display: inline-block;width:6px;height:6px;border-radius: 50%;background-color: #fe7f22;
}