/* 轮播图*/
	#carousel {
		position: relative;
		width: 800px;
		height: 300px;
		border-right: 1px dashed #77B633;
	}
	#carousel li img {
		display: block;
	}
	#carousel .oper{
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translate(-50%,0);
		display: flex;
		padding: 6px 10px;
		background: rgba(0,0,0,.3);
		border-radius: 20px;
	}
	#carousel .oper > span {
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #fff;
		margin: 0 5px;
		cursor: pointer;
	}
/* 轮播图*/
/* 标题 */
	.titlea {
		display: flex;
		align-items: center;
		height: 40px;
	}
	.titlea span {
		width: 4px;
		height: 12px;
		border: 2px solid #77B633;
		border-radius: 3px;
		margin-right: 10px;
	}
	.titlea div {
		font-size: 18px;
		line-height: 20px;
		height: 22px;
	}
	.titlea p {
		border-bottom: 1px dashed #77B633;
		margin: 0 20px;
		flex: 1;
	}
	.titlea a {
		margin-left: auto;
		font-size: 12px;
	}
/* 标题 */
/* 二级导航*/
	.subnav {
		display: flex;
		padding: 15px 15px 0 15px;
		background: #f1f3f4;
		font-size: 14px;
		flex-wrap: wrap;
		margin: 20px 0;
	}
	.subnav li {
		text-align: center;
		border-left: 1px solid #ccc;
		padding: 0 15px;
		margin-bottom: 15px;
	}
	.subnav li:hover{
		color: #EA4335;
		cursor: pointer;
	}
	.subnav .defautl {
		color: #77B633;
	}
/* 二级导航*/
/* 找好医生 */
	.index-item {
		width: 800px;
		padding: 20px 0;
	}
/* 找好医生 */
/* 医生信息 */
	.drwrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: flex-start;
	}
	.drwrap > .drinfo {
		width: 395px;
		height: 150px;
		border: 1px solid #dedfe0;
		display: flex;
		box-sizing: border-box;
	}
	.drwrap > .drinfo:nth-child(2),
	.drwrap > .drinfo:nth-child(1){
		margin-bottom: 10px;
	}
	.drwrap > .drinfo:nth-child(1),
	.drwrap > .drinfo:nth-child(3){
		margin-right: 10px;
	}
	.drwrap .item-prompt {
		width: 100%;
		height: 100%;
		font-size: 30px;
		display: flex;
		justify-content: center;
		color: #ccc;
		line-height: 120px;
	}
	.drinfo > .drinfor {
		width: 120px;
	}
	.drinfo > .drinfor > img{
		width: 90px;
		height: 90px;
		border-radius: 50%;
		border: 1px solid #dedfe0;
		display: block;
		margin: 15px auto 10px;
	}
	.drinfo > .drinfor > span {
		display: block;
		width: 50px;
		margin: 0 auto;
		text-align: center;
		background: #77B633;
		color: #fff;
		padding: 2px 0;
	}
	.drinfo > .diinfoc {
		flex: 1;
		padding-right: 15px;
	}
	.drinfo > .diinfoc p {
		line-height: 22px;
		padding: 5px 0;
		font-size: 14px;
	}
	.drinfo > .diinfoc p:first-of-type{
		margin-top: 20px;
	}
	.drinfo > .diinfoc p:first-of-type span {
		margin-right: 20px;
	}
	.drinfo > .diinfoc p:first-of-type span:first-of-type{
		font-size: 16px;
		color: #77B633;
		font-weight: bold;
	}
	.drinfo > .diinfoc p:last-of-type{
		border-top: 1px dashed #ccc;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		padding: 5px 0 0 0;
	}
/* 医院名称*/
	.hoinfo {
		border: 1px solid #dedfe0;
		width: 395px;
		height: 100px;
		display: flex;
		padding: 5px;
		box-sizing: border-box;
		margin: 0 10px 10px 0;
	}
	.hoinfo:nth-child(6),
	.hoinfo:nth-child(5) {
		margin-bottom: 0;
	}
	.hoinfo:nth-child(2),
	.hoinfo:nth-child(4),
	.hoinfo:nth-child(6){
		margin-right: 0;
	}
	.hoinfo > img {
		height: 88px;
		margin-right: 15px;
	}
	.hoinfo > div {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: 250px;
	}
	.hoinfo > div .name {
		color: #77B633;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.hoinfo > div .iphone {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
/* 科室名称*/
	.deinfo {
		width: 192px;
		height: 30px;
		line-height: 30px;
		box-sizing: border-box;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.deinfo:nth-child(4),
	.deinfo:nth-child(8),
	.deinfo:nth-child(12),
	.deinfo:nth-child(16),
	.deinfo:nth-child(20){
		margin-right: 0;
	}
	.deinfo:nth-child(17),
	.deinfo:nth-child(18),
	.deinfo:nth-child(19),
	.deinfo:nth-child(20) {
		margin-bottom: 0;
	}
	.deinfo > a {
		font-size: 14px;
		display: flex;
	}
	.deinfo > a .point {
		padding: 0 10px;
		font-size: 40px;
		color: #77B633; 
	}
/* 提交问题按钮 */
	#index-btn {
		width: 360px;
	}
	#index-btn .item {
		height: 150px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}
	#index-btn .item img {
		width: 115px;
		margin-right: 30px;
	}
	#index-btn .item .infor {
		flex: 1;
	}
	#index-btn .item .infor .title {
		font-size: 16px;
		line-height: 28px;
		text-align: justify;
		margin-bottom: 20px;
	}
	#index-btn .item .infor .title .number {
		color: #77B633;
		font-size: 18px;
		font-weight: bold;
	}
	#index-btn .item .infor .title .important {
		font-size: 18px;
		color: #EA4335;
		margin-left: 5px;
		font-weight: bold;
	}
	#index-btn .item .infor .btn {
		width: 100px;
		height: 30px;
		background: #1E90FF;
		color: #Fff;
		margin-left: auto;
		font-size: 14px;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		user-select: none;
		border-radius: 3px;
	}
	#index-btn .item .infor .btn:hover {
		background: #0074E8;
	}
/* 文章列表 */
	#article {
		width: 360px;
		padding: 10px 0 0 0;
		margin-top: 10px;
	}
	#article .article-but {
		display: block;
		width: 100%;
		height: 52px;
		margin-top: 20px;
		background-color: #418eff;
		background-image: -webkit-linear-gradient(left, #418eff, #4566ff);
		background-image: -o-linear-gradient(left, #418eff, #4566ff);
		background-image: linear-gradient(to right, #418eff, #4566ff);
		text-align: center;
		line-height: 52px;
		font-size: 20px;
		color: #fff;
	}
	#article .article-but:hover{
		background: #4566ff;
	}

	#article ul {
		margin-top: 10px;
	}
	#article li {
		padding: 10px 0;
		border-bottom: 1px dashed #ddd;
	}
	#article li a {
		display: flex;
	}
	#article li a:hover .time {
		color: #333;
	}
	#article img {
		width: 160px;
		height: 80px;
		display: block;
		border: 1px solid #ddd;
		box-sizing: border-box
	}
	#article .infor {
		padding-left: 20px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex:1;
	}
	#article .infor .title {
		font-size: 14px;
		text-align: justify;
		line-height: 26px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	#article .infor .time {
		text-align: right;
	}
/* 文章列表 */