article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { margin: 0; color: #333; font-size: 14px; line-height: 1.43; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

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

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, p, figure { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }

a { color: #0288ce; text-decoration: none; }
a:active, a:hover { outline: 0; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

ol, ul { padding: 0; list-style-type: none; }

.bfc { overflow: hidden; }

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }

.fl { float: left; }

.fr { float: right; }

.img-fluid { display: block; max-width: 100%; height: auto; }

main { padding: 15px; }

.flexbox { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }

.flexitem { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.doctor .avt { width: 40px; border-radius: 50%; }

.bubble { position: relative; margin-left: 15px; padding: 4px 12px; border-radius: 4px; background: #eee; font-size: 15px; }
.bubble:before { content: ""; position: absolute; top: 19px; left: -12px; border: solid transparent; border-width: 6px 0; border-right: 12px solid #eee; }

.tip { margin-top: 15px; font-size: 12px; }

h2 { margin: 0 0 10px; color: #0288ce; font-size: 15px; }
h2 strong { color: #f00; font-weight: 400}

h3 { margin: 0 0 10px; font-size: 14px; }

strong { font-size: 18px; }

.doctor-infos .qr { display: inline-block; }
.doctor-infos dt { padding-top: 5px; font-size: 18px; }
.doctor-infos dd { color: #666; font-size: 15px; line-height: 1.5; }

.how-qr { width: 234px; height: 93px; margin: 0 auto; padding: 38px 0 0 80px; background: url("/assets/img/follow-doctor/qr-bg.png") 0 0 no-repeat; -webkit-background-size: 234px 93px; background-size: 234px 93px; color: #f60; font-size: 12px; }

.approach { padding-top: 20px; }
.approach + .approach { margin-top: 15px; border-top: 1px solid #ccc; }

figure + h3 { margin-top: 20px; }
figure img + img { margin-left: 10px; }

.my-doctor { margin-top: -20px; } 

.my-doctor, .how-attention { font-size: 18px; border-left: 4px solid #91c429; line-height: 1; padding-left: 8px;}

.how-attention {margin-top: 10px; } 

body {max-width: 640px; margin: 0 auto; }

.bottom-notice {padding-bottom: 22px; height: 104px; background-size: 234px 104px; }

.qr-section { position: relative; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }

.qr-img-bg {position: relative;}

.qr-thumbnail { position: absolute; left: 65px; top: 65px; } 

.top-banner {position: relative;  } 

.attention-notice {color: #333; font-size: 14px; margin-bottom: 10px; }

.notice-content { height: 55px; width: 100%; padding: 0 0 0 15px; justify-content: flex-start; position: absolute; left:0; top: 36px;}

.banner-thumbnail { width: 55px; height: 55px; border-radius: 28px; border: 1px solid #fff;}

.banner-notice-text {width: 218px; height: 55px; margin-left: 8px;}

.down-tips {margin: -18px 0 10px 0; }

.down { width: 26px; height: 8px;  margin: 0 auto;  border-top: 8px solid #9b9b9b; border-right: 13px solid #fff; border-bottom: 0 solid #fff; border-left: 13px solid #fff; }

.doctor-info { padding: 15px 10px; }

.doctor-info img { display: block; float: left; border-radius: 50%; }

.info-text  { padding-left: 70px; }

.info-text p { font-size: 14px; line-height: 1; padding-bottom: 4px; color: #4a4a4a;}

.name em { font-style: normal; padding-left: 10px; }

.intro-list { padding-left: 10px; padding-bottom: 15px; }

.more-info-link { display: block; padding-right: 16px; text-align: right; font-size: 12px;}

.intro-title { font-size: 16px; color: #000; }

.intro-content { font-size: 14px; color: #666; }

.icon-v, .icon-crown { display: inline-block; width: 15px; height: 15px; margin-right: 3px; background: url("http://pubimg.xingren.com/79b293b3-f75f-4d99-bd7b-83d1e4cac804") 0 0 no-repeat; background-size: cover; vertical-align: -2px; }

.icon-crown { background-image: url("http://pubimg.xingren.com/17eb1e0a-dd43-46a5-8f06-521f82ffb707"); }

.attention-way { margin-top: 13px; }