@charset "utf-8";
/* CSS Document */

.Jm-doctorcont { margin-bottom: 30px; clear: both; }
.Jm-doctorcont .d-head { background: #412614 url(../images/app-available-img.jpg) no-repeat center center; padding-top: 50px; padding-bottom: 50px; color: #E2C88E; margin-bottom: 20px; border-bottom: 5px solid #4A2D1B; }
.Jm-doctorcont .d-head h3 { display: inline; margin-right: 20px; font-weight: normal; font-size: 25px; margin-left: 15px; }
.Jm-doctorcont .d-head p { font-size: 14px; display: inline; margin-left: 15px; }
.Jm-doctorcont .d-head p em { font-style: normal; font-family: "宋体"; margin-right: 5px; margin-left: 5px; }


.Jm-doctorcont .d-main { height: auto; }
.Jm-doctorcont .dinfo { width: 280px; float: left; margin-top: 0px; background: #412614; padding-bottom: 60px; color: #E2C88E; margin-left: 20px; }
.Jm-doctorcont .dinfo .i-avatar { border-bottom: 1px solid #3B2110; margin-bottom: 15px; background: #3B2110; }
.Jm-doctorcont .dinfo .i-avatar img { width: 100%; display: block; margin-right: auto; margin-left: auto; }

.Jm-doctorcont .dinfo .i-info { padding: 20px; }
.Jm-doctorcont .dinfo .i-info .c-name { display:none; font-size: 20px; margin-bottom: 10px; font-weight: normal; }
.Jm-doctorcont .dinfo .i-info .c-name span { font-size: 14px; margin-left: 15px; }

.Jm-doctorcont .dinfo .i-info .c-job-title { font-size: 14px; line-height: 1.5em; margin-bottom: 15px; border: 1px solid #553826; padding: 5px; overflow: hidden; }
.Jm-doctorcont .dinfo .i-info .c-job-title li { display: block; padding: 0.3em; }

.Jm-doctorcont .dinfo .i-info .c-connect { display:none; font-size: 12px; line-height: 1.4em; }
.Jm-doctorcont .dinfo .i-info .c-connect p { margin-top: 5px; }

.Jm-doctorcont .dcontent { margin-left: 300px; padding: 25px; color: #E2C88E; }
.Jm-doctorcont .dcontent .i-name { line-height: 1.6em; font-size: 18px; margin-bottom: 5px; }
.Jm-doctorcont .dcontent .i-name h2 { font-weight: normal; font-size: 2em; line-height: 1em; }
.Jm-doctorcont .dcontent .i-name h2 span { font-size: 0.6em; margin-left: 1em; }

.Jm-doctorcont .dcontent .i-tit { display: block; margin-bottom: 5px; font-size: 18px; line-height: 1em; overflow: hidden; padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E2C88E; }
.Jm-doctorcont .dcontent .i-tit h3,.Jm-doctorcont .dcontent .i-tit span { font-size: 1em; float: left; display: block; border: 1px solid #E2C88E; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; margin-right: 1em; }
.Jm-doctorcont .dcontent .i-tit h3 { font-weight: normal; color: #E2C88E; background-color: #412614; }
.Jm-doctorcont .dcontent .i-tit span {  }

.Jm-doctorcont .dcontent .i-content { font-size: 16px; line-height: 1.8em; padding-top: 35px; padding-bottom: 35px; color: #E2C88E; margin-bottom: 15px; }
.Jm-doctorcont .dcontent .i-content p { margin-bottom: 10px; }

.Jm-doctorcont .dcontent .i-connect { font-size: 16px; line-height: 2em; border: 1px dashed #D0A84A; background-color: rgba(0,0,0,.1); padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 1em; }
.Jm-doctorcont .dcontent .i-connect h3 { font-weight: normal; }

@media screen and (max-width:768px) {

.Jm-doctorcont .d-head { padding-top: 30px; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 5px solid #4A2D1B; }
.Jm-doctorcont .d-head h3 { display: block; font-size: 25px;}
.Jm-doctorcont .d-head p { font-size: 14px; display: block;}

.Jm-doctorcont .dinfo { width: auto; float: none; margin-top: 0px; background: #412614; color: #E2C88E; overflow: hidden; padding: 20px; margin-left:15px; margin-right:15px; border-radius:3px; }
.Jm-doctorcont .dinfo .i-avatar { border-bottom: 1px solid #3B2110; margin-bottom: 0px; background: #3B2110; float: left; margin-right: 15px; width: 30%; }
.Jm-doctorcont .dinfo .i-avatar img { border-radius:3%; width: 100%; display: block; margin-right: auto; margin-left: auto; }

.Jm-doctorcont .dinfo .i-info { padding-right:0; margin-left: 31%; }
.Jm-doctorcont .dinfo .i-info .c-name { display:block; font-size: 20px; margin-bottom: 10px; font-weight: normal; }
.Jm-doctorcont .dinfo .i-info .c-name span { font-size: 14px; margin-left: 15px; }

.Jm-doctorcont .dinfo .i-info .c-job-title { font-size: 14px; line-height: 1.5em; margin-bottom: 15px; border: 1px solid #553826; padding: 5px; overflow: hidden; }
.Jm-doctorcont .dinfo .i-info .c-job-title li { display: inline-block; padding: 0.3em; }

.Jm-doctorcont .dinfo .i-info .c-connect { display:block; font-size: 12px; line-height: 1.4em; }
.Jm-doctorcont .dinfo .i-info .c-connect p { margin-top: 5px; }

.Jm-doctorcont .dcontent { margin-left: 0px; }
.Jm-doctorcont .dcontent .i-name { display: none; }
	
}
@media screen and (max-width:480px) {
	
.Jm-doctorcont .d-head { padding-top: 20px; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 3px solid #4A2D1B; }
.Jm-doctorcont .d-head h3 { font-size: 18px;}
.Jm-doctorcont .d-head p { font-size: 12px; }

.Jm-doctorcont .dinfo { width: auto; float: none; margin-top: 0px; background: #412614; color: #E2C88E; overflow: hidden; padding: 15px; margin-left:0px; margin-right:0px; }
.Jm-doctorcont .dinfo .i-avatar { border-bottom: 1px solid #3B2110; margin-bottom: 0px; background: #3B2110; float: left; margin-right: 15px; width: 30%; }
.Jm-doctorcont .dinfo .i-avatar img { border-radius:3%; width: 100%; display: block; margin-right: auto; margin-left: auto; }

.Jm-doctorcont .dinfo .i-info { }
.Jm-doctorcont .dinfo .i-info .c-name { font-size: 20px; margin-bottom: 10px; font-weight: normal; }
.Jm-doctorcont .dinfo .i-info .c-name span { font-size: 14px; margin-left: 15px; }

.Jm-doctorcont .dinfo .i-info .c-job-title { font-size: 14px; line-height: 1.5em; margin-bottom: 15px; border: 1px solid #553826; padding: 5px; overflow: hidden; }
.Jm-doctorcont .dinfo .i-info .c-job-title li { display: inline-block; padding: 0.3em; }


.Jm-doctorcont .dinfo .i-info .c-connect { font-size: 12px; line-height: 1.4em; }
.Jm-doctorcont .dinfo .i-info .c-connect p { margin-top: 5px; }

.Jm-doctorcont .dcontent .i-tit { display: block; margin-bottom: 5px; font-size: 14px; line-height: 1em; overflow: hidden; padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E2C88E; text-align: center; }
.Jm-doctorcont .dcontent .i-tit h3,.Jm-doctorcont .dcontent .i-tit span { box-sizing: border-box; font-size: 1em; display: inline-block; border: 1px solid #E2C88E; padding-top: 0.5em; padding-right: 0; padding-bottom: 0.5em; padding-left: 0; margin-right: 1%; width: 30%; margin-left: 1%; float: none; }
.Jm-doctorcont .dcontent .i-tit h3 { font-weight: normal; color: #E2C88E; background-color: #412614; }
.Jm-doctorcont .dcontent .i-tit span {  }

.Jm-doctorcont .dcontent { margin-left: 0px; padding: 15px; }
.Jm-doctorcont .dcontent .i-name { display: none; }
.Jm-doctorcont .dcontent .i-connect { font-size: 14px; padding:10px; padding-left: 1em; }
	
}
@media screen and (max-width:360px) {
.Jm-doctorcont .dinfo {  }
.Jm-doctorcont .dinfo .i-info { padding: 10px; padding-right:0; }

.Jm-doctorcont .dinfo .i-info .c-name { font-size: 18px; margin-bottom: 5px; font-weight: normal; }
.Jm-doctorcont .dinfo .i-info .c-name span { font-size: 12px; margin-left: 10px; }

.Jm-doctorcont .dinfo .i-info .c-job-title { font-size: 12px; line-height: 1.5em; margin-bottom: 10px; }
.Jm-doctorcont .dinfo .i-info .c-job-title li { padding: 0.3em; }

.Jm-doctorcont .dinfo .i-info .c-connect { font-size: 10px; line-height: 1.2em; }
.Jm-doctorcont .dinfo .i-info .c-connect p { margin-top: 0.3em; }

.Jm-doctorcont .dcontent { }
.Jm-doctorcont .dcontent .i-content { font-size: 12px; padding-top: 15px; padding-bottom: 15px; margin-bottom: 10px; }
.Jm-doctorcont .dcontent .i-content p { margin-bottom: 5px; }
.Jm-doctorcont .dcontent .i-connect { font-size: 12px; padding:10px; padding-left: 1em; }
}