@charset "UTF-8";
/* reset.css -----------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, footer, section, article, aside, nav, figure, figcaption { margin: 0; padding: 0; }

html, body, pre { width: 100%; font-family: "Microsoft Yahei", "Helvetica"; color: #333333; }

img { max-width: 100%; border: 0; /*-webkit-touch-callout: none;*/ }

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

ul, ol { list-style: none; }

/* form-reset.css -----------------------------------------------------------------*/
table { border-collapse: collapse; border-spacing: 0; }

button { background: none; }

input, textarea, button { border: none; }

input, button, textarea, select, optgroup, option { font: 1rem "Microsoft Yahei", "Helvetica"; }

input[type="button"], input[type="text"], input[type="submit"], input[type="search"], input[type="tel"], input[type="number"], select, option, .appNone { appearance: none; -webkit-appearance: none; -moz-appearance: none; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }

/* const.css -----------------------------------------------------------------*/
.my_page { padding: 30px 0 25px; text-align: center; }

.my_page .page-main { display: inline-block; vertical-align: top; }

.my_page .page-main .p-cell { min-width: 33px; height: 23px; line-height: 23px; text-align: center; border: 1px solid #6596ff; margin: 0 8px; }

.my_page .page-main .p-cell a{ display: block; }

.my_page .page-main .p-cell.on, .my_page .page-main .p-cell:hover { background-color: #6596ff; }

.icon { display: inline-block; background-color: transparent; background-repeat: no-repeat; }

.VAM:after { content: ""; display: inline-block; overflow: hidden; height: 100%; width: 0; font-size: 0; vertical-align: middle; }

.wbwr { word-break: break-all; word-wrap: break-word; }

.clr:after, .clr:before { content: ""; display: table; }

.clr:after { clear: both; }

.fll { float: left; }

.flr { float: right; }

.vam { vertical-align: middle; }

.db { display: block; }

.dib { display: inline-block; }

.tar { text-align: right; }

.tac { text-align: center; }

.ovh { overflow: hidden; }

.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.posr { position: relative; }

.auto { margin-left: auto; margin-right: auto; }

.white { background-color: #fff; }

.f12 { font-size: 12px; }

.f14 { font-size: 14px; }

.f16 { font-size: 16px; }

.f18 { font-size: 18px; }

.f20 { font-size: 20px; }

.f22 { font-size: 22px; }

.f24 { font-size: 24px; }

.f26 { font-size: 26px; }

.f28 { font-size: 28px; }

.fcf { color: #fff; }

.fc0 { color: #000; }

.fc3 { color: #333; }

.fcc { color: #ccc; }

.fc5 { color: #555; }

.fc6 { color: #666; }

.fc9 { color: #999; }

.fcb { color: #6596ff; }

.fcg { color: #90d54e; }

.fcy { color: #fea900; }

.fn { font-weight: normal; }

.bold{ font-weight: bold; }

.em2{ text-indent: 2em; }

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

.mb25 { margin-bottom: 25px; }

.mb15 { margin-bottom: 15px; }

.mb10 { margin-bottom: 15px; }

.mb17 { margin-bottom: 17px; }

.mb30 { margin-bottom: 30px; }

.mb20 { margin-bottom: 20px; }

.mb13 { margin-bottom: 13px; }

.mt5 { margin-top: 5px;}

.mt10 { margin-top: 10px; }

.pt90{ padding-top: 90px; }

.pt45{ padding-top: 45px; }

.pt20{ padding-top: 20px; }

.di{ display: inline !important; }

.bb1-dashed { border-bottom: 1px dashed #e5e5e5; }

.br1-dashed { border-right: 1px dashed #eee; }

.bb1 { border-bottom: 1px solid #c1c1c1; }

.img-hover { -webkit-transition: 1s; transition: 1s; }

.img-hover:hover { -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

.opacity-hover:hover { opacity: 0.8; }

em, i { font-style: normal; }

* { outline: none; }
.flex-center{display: flex;justify-content:center;align-items:center;}
.view .right{ width: 340px; }

.view .left{ width: 830px; }

.wrap-box { min-width: 1200px; }

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

.mt20 { margin-top: 20px; }

.a-hover:hover { color: #5b89f3; }

.b-hover:hover { color: #fff !important; background: #5b89f3; }

.all-w { display: block; width: 100%; }

.title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 50px; border-bottom: 2px solid #ddd; }

.title span { display: inline-block; position: relative; font-size: 20px; line-height: 50px; color: #333; }

.title span:after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #5b89f3; }

.title .more { font-size: 16px; color: #999999; }

/* top.nav.css -----------------------------------------------------------------*/
.wrap-topbar { background: #F7F5F7; border-bottom: 1px #e4e2e4 solid; }

.mod-topbar { width: 1200px; margin: 0 auto; font-size: 14px; }

.mod-topbar-logo-link { padding-top: 7px; }

.mod-topbar-logo-link img { vertical-align: top; }

.mod-inter { display: inline-block; margin-top: 7px; margin-left: 20px; padding: 0 5px; height: 26px; line-height: 26px; border: 1px solid #828282; }

.mod-topbar-nav { position: relative; margin-left: 10px; }

.mod-topbar-nav li { float: left; line-height: 40px; }

.mod-topbar-nav-link, .mod-topbar-fun .mod-topbar-fun-login .mod-login-link { display: inline-block; padding: 0 10px; border-left: 1px #C4C4C4 solid; line-height: 1; }

.mod-topbar-nav:after { content: ''; position: absolute; right: 0; top: 13px; width: 1px; height: 14px; background: #C4C4C4; }

.mod-topbar-menu .mod-topbar-menu-item { float: left; position: relative; padding-left: 10px; line-height: 40px; }

.mod-topbar-menu .ico-topbar-arrow-down, .mod-topbar-menu .ico-topbar-arrow-up { width: 0; height: 0; border-width: 5px 5px 0 5px; border-color: #828282 transparent transparent transparent; border-style: solid; margin-left: 5px; }

.mod-topbar-menu .ico-topbar-arrow-up { border-width: 0px 5px 5px 5px; border-color: transparent transparent #828282 transparent; }

/*.mod-topbar-menu .ico-topbar-mobile { width: 11px; height: 16px; background: url(../images/top-window/_loginIcon01.gif) no-repeat; margin-right: 5px; }*/

.mod-topbar-menu--sub { position: absolute; z-index: 1; top: 41px; left: 0; width: 100%; border: 1px solid #e4e2e4; border-top: none; background: #fff; }

.mod-topbar-menu--sub-link { display: block; line-height: 30px; }

.mod-topbar-menu--sub-link:hover { background: #f6f6f6; text-decoration: none; }

.mod-topbar-menu--aside { position: absolute; top: 41px; left: 0; z-index: 4; width: 238px; border: 1px solid #e4e2e4; border-top: none; background: #fff; }

.mod-topbar-menu--aside li { float: left; padding: 15px 0 0 17px; }

.mod-topbar-menu--aside .mod-topbar-menu--aside-link { display: block; color: #464646; }

.mod-topbar-menu--aside .mod-topbar-menu--aside-link:hover { color: #ca0000; text-decoration: none; }

.mod-topbar-menu--aside .ico-aside, .mod-topbar-menu--aside .ico-aside-one, .mod-topbar-menu--aside .ico-aside-two, .mod-topbar-menu--aside .ico-aside-three { display: block; margin: 0 auto; width: 43px; height: 43px; }

/*.mod-topbar-menu--aside .ico-aside-one { background: url(../images/top-window/_ico-wc.png) center top no-repeat; }

.mod-topbar-menu--aside .ico-aside-one:hover { background: url(../images/top-window/_ico-wc-active.png) center top no-repeat; }

.mod-topbar-menu--aside .ico-aside-two { background: url(../images/top-window/_ico-app.png) center top no-repeat; }

.mod-topbar-menu--aside .ico-aside-two:hover { background: url(../images/top-window/_ico-app-active.png) center top no-repeat; }

.mod-topbar-menu--aside .ico-aside-three { background: url(../images/top-window/_ico-wap.png) center top no-repeat; }

.mod-topbar-menu--aside .ico-aside-three:hover { background: url(../images/top-window/_ico-wap-active.png) center top no-repeat; }*/

/*.mod-topbar-fun { position: relative; line-height: 40px; }

.mod-topbar-fun .mod-topbar-fun-link { float: left; padding: 0 10px; }

.mod-topbar-fun .mod-topbar-fun-login { padding-left: 14px; }

.mod-topbar-fun .mod-topbar-fun-login .mod-login-link { position: relative; padding-right: 6px; border-left: none; line-height: 40px; }

.mod-topbar-fun .mod-topbar-fun-login .mod-login-link:before { content: ''; position: absolute; top: 50%; margin-top: -9px; left: -10px; width: 14px; height: 18px; background: url(../images/top-window/_loginIcon02.gif) left center no-repeat; }*/

/* 已登录状态.css -----------------------------------------------------------------*/
/*.mod-logged-in-link { color: #0066cc; }

.mod-logged-in--sub { position: absolute; top: 41px; right: 0; width: 125px; border: 1px solid #e4e2e4; border-top: none; background: #fff; }

.mod-logged-in--sub .mod-topbar-menu--sub-link { padding-left: 15px; }

.loggen-red { color: red; }

.ico-logged-in-qa, .ico-logged-in-mes, .ico-logged-in-drop { display: inline-block; margin-right: 5px; vertical-align: middle; width: 14px; height: 14px; background: url(../images/top-window/_loginIcon03a.gif) no-repeat; }

.ico-logged-in-mes { background: url(../images/top-window/_loginIcon03c.gif) no-repeat; }

.ico-logged-in-drop { background: url(../images/top-window/_loginIcon03d.gif) no-repeat; }*/

/* login.css -----------------------------------------------------------------*/
/*.mod-topbar-login { position: absolute; right: 0; _right: -1px; top: 31px; z-index: 3; width: 269px; padding-top: 10px; font-size: 12px; }

.mod-topbar-login:before { content: ''; position: absolute; right: 64px; top: 0; z-index: 8; width: 18px; height: 11px; background: url(../images/top-window/_loginarrow03.gif) no-repeat; }

.mod-topbar-login .mod-topbar-login-main { position: relative; padding: 15px 24px 10px; border: #b9b9b9 1px solid; background: #fff; -webkit-box-shadow: 0 0 8px #cdcdcd; box-shadow: 0 0 8px #cdcdcd; overflow: hidden; zoom: 1; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-close { float: right; margin: -3px -12px 0 0; color: #999999; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-tit { height: 24px; *height: 24px; line-height: 1; color: #666; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-it { position: relative; margin-bottom: 12px; padding: 0 13px 0; height: 35px; background: #fff; border: #d6d6d6 1px solid; overflow: hidden; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-it input { float: left; padding-left: 8px; width: 166px; height: 35px; *line-height: 35px; font-size: 12px; color: #999; border: 0; outline: none; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-it .ico-it-lo { float: left; margin-top: 7px; width: 17px; height: 18px; background: url(../images/top-window/_loginIcon04.png) no-repeat; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-it .ico-it-lo--active { background: url(../images/top-window/_loginIcon04-active.png) no-repeat; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-it .ico-it-pass { float: left; margin-top: 7px; width: 17px; height: 21px; background: url(../images/top-window/_loginIcon05.png) no-repeat; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-it .ico-it-pass--active { background: url(../images/top-window/_loginIcon05-active.png) no-repeat; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-con { height: 25px; *height: 23px; line-height: 1; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-btn { display: block; width: 219px; height: 41px; background: url(../images/top-window/_loginBtn.gif) no-repeat; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-btn--active { background: url(../images/top-window/_loginBtn_2.gif) no-repeat; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-btn--enter { background: url(../images/top-window/_loginBtn_3.gif) no-repeat; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-way { margin-top: 15px; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-way p { height: 20px; line-height: 1; color: #333; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-way-link { position: relative; padding: 2px 0 0 28px; margin-right: 15px; height: 19px; line-height: 19px; }

.mod-topbar-login .mod-topbar-login-main .topbar-login-way-link .ico-way-qq { position: absolute; left: 0; top: 0; display: block; width: 21px; height: 21px; background: url(../images/top-window/_icon01a.gif); }

.mod-topbar-login .mod-topbar-login-main .topbar-login-way-link .ico-way-sina { position: absolute; left: 0; top: 0; display: block; width: 24px; height: 21px; background: url(../images/top-window/_icon01b.gif); }*/

.banner {}

.banner .pic-banner { display: block; }

.banner img { vertical-align: top; margin: 0 auto; display: block;}

.main-title h2 { display: inline-block; font-size: 28px; color: #000; }

.main-title h2 span { font-size: 12px; }

.main-title .h-tags { display: inline-block; margin-left: 10px; padding: 0 5px; font-size: 12px; color: #fff; -webkit-border-radius: 2px; border-radius: 2px; height: 24px; line-height: 24px; }

.main-title .color1 { background: #f49379; }

.main-title .color2 { background: #63c2af; }

.main-title .h-tags:nth-child(2n){ background: #f49379; }
.main-title .h-tags:nth-child(2n-1){ background: #63c2af; }

.main-tab { margin-bottom: 20px; width: 100%; height: 40px; line-height: 40px; background: #f8f8f8; border: 1px solid #e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.main-tab .main-tab-list { height: 40px; font-size: 0; }

.main-tab .main-tab-list li { display: inline-block; padding: 0 29px; font-size: 16px; border-right: 1px solid #e4e4e4; }

.main-tab .main-tab-list li:last-of-type { border-right: none; }

.main-tab .main-tab-list li .nav-link { display: inline-block; color: #333; }

.main-tab .main-tab-list li .nav-link:hover { color: #5b89f3; }

.main-tab .main-tab-list li:hover { position: relative; background: #fff; }

.main-tab .main-tab-list li:hover .nav-link { color: #5b89f3; }

.main-tab .main-tab-list li:hover:before { content: ''; position: absolute; top: 0; left: 0; height: 3px; width: 100%; background: #5b89f3; }

.main-tab .main-tab-list .nav-active { position: relative; background: #fff; }

.main-tab .main-tab-list .nav-active .nav-link { color: #5b89f3; }

.main-tab .main-tab-list .nav-active:before { content: ''; position: absolute; top: 0; left: 0; height: 3px; width: 100%; background: #5b89f3; }

.friendship-list { padding-top: 20px; font-size: 0; }

.friendship-list li { display: inline-block; width: 200px; }

.friendship-link { display: inline-block; padding-right: 20px; width: 100%; font-size: 16px; color: #555; line-height: 28px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.contact { margin-top: 30px; padding: 30px 0; width: 100%; font-size: 0; background: #5b89f3; }

.contact-item {float: left;}

.contact-line{ float: left; padding: 10px 24px; }

.contact-line .line{ display: block; height: 24px; width: 1px; background-color: #fff; }

.contact-item.one{ padding-left: 10px; }

.contact-item .contact-item-pic { margin-right: 10px; width: 40px; height: 40px; float: left; }

.contact-item .contact-info { color: #fff; float: left; }

.contact-item .contact-info span { display: block; font-size: 20px; }

.contact-item .contact-info em { display: block; margin-top: 2px; font-size: 12px; }

.copy { padding: 20px 0; background: #333; }

.copy .copy-top { padding: 0 100px; font-size: 0; }

.copy .copy-top-block { display: inline-block; width: 60%; text-align: center; }

.copy .copy-top-block2{ width: 40%; }

.copy .left-main-footer { display: inline-block; }

.copy .left-main-pic { display: inline-block; width: 198px; height: 50px; text-align: center; line-height: 48px; overflow: hidden;}

.copy .left-main-pic .all-w{ width: auto; max-height: 100%; max-width: 100%; vertical-align: middle; display: inline-block; }

.copy .left-main-text { font-size: 30px; color: #6596ff; }

.copy .left-main-text span { display: block; margin-top: 5px; font-size: 22px; }

.copy .left-main-small { margin-top: 10px; font-size: 14px; color: #fff; }

.copy .left-code { display: inline-block; margin-left: 30px; width: 154px; height: 154px; }

.copy .copy-bottom { margin-top: 40px; text-align: center; font-size: 0; }

.copy .copy-bottom-im { display: inline-block; margin-left: 20px; padding: 10px; border: 1px solid #fff; }

.adL, .adR { position: fixed; top: 100px; }

.adL { left: 10px; }

.adR { right: 10px; }

.ad-close{ position: absolute; right: 0; top: -16px; height: 16px; line-height: 16px; width: 30px; text-align: center; font-size: 12px; color: #333; background-color: #ccc; }

.footer { border-top: 2px solid #5b89f3; }

.footer-top { padding-bottom: 30px; }

.footer-top-title { height: 56px; border-bottom: 1px solid #ddd; }

.footer-top-title .top-item { display: inline-block; margin-right: 40px; font-size: 16px; line-height: 56px; color: #333; cursor: pointer; }

.footer-top-title .top-item:hover { border-bottom: 1px solid #5b89f3; }

.footer-top-title .top-item-active { border-bottom: 1px solid #5b89f3; }

.footer-list-box { display: none; }

.footer-top-list { padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer-top-list li { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 20px 0 10px; max-width: 16.6667%; min-width: 16.6667%; font-size: 16px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.footer-top-list li:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; background: #333; }

.footer-bottom { padding-bottom: 30px; border-top: 10px solid #f2f2f2; text-align: center; }

.footer-bottom .footer-nav { padding-top: 20px; }

.footer-bottom .footer-nav .footer-nav-link { display: inline-block; padding-right: 10px; margin-right: 10px; font-size: 14px; line-height: 1; border-right: 1px solid #333; }

.footer-bottom .footer-nav .footer-nav-link:last-of-type { border-right: none; }

.footer-bottom .footer-copy { padding-top: 40px; }

.footer-bottom .footer-copy p { display: block; font-size: 14px; color: #555; line-height: 26px; }

.hot-list { margin-right: -60px; font-size: 0; }

.hot-list li { display: inline-block; margin-right: 60px; margin-top: 16px; padding-left: 30px; width: 152px; height: 40px; line-height: 40px; border: 1px solid #ccc; -webkit-border-radius: 40px; border-radius: 40px; }

.hot-list .icon-icon { width: 30px; height: 30px; vertical-align: middle; }

/*.hot-list .icon-nk { background: url(../images/pic-nk.jpg) no-repeat; }

.hot-list .icon-xh { background: url(../images/pic-xh.jpg) no-repeat; }

.hot-list .icon-xxg { background: url(../images/pic-xxg.jpg) no-repeat; }

.hot-list .icon-hx { background: url(../images/pic-hx.jpg) no-repeat; }

.hot-list .icon-xh { background: url(../images/pic-xh.jpg) no-repeat; }

.hot-list .icon-zl { background: url(../images/pic-zl.jpg) no-repeat; }

.hot-list .icon-sj { background: url(../images/pic-sj.jpg) no-repeat; }

.hot-list .icon-xy { background: url(../images/pic-xy.jpg) no-repeat; }

.hot-list .icon-sk { background: url(../images/pic-sk.jpg) no-repeat; }

.hot-list .icon-fs { background: url(../images/pic-fs.jpg) no-repeat; }

.hot-list .icon-fk { background: url(../images/pic-fk.jpg) no-repeat; }*/

.hot-list .hot-text { display: inline-block; margin-left: 10px; font-size: 16px; color: #333; vertical-align: middle; }

.pb20 { padding-bottom: 20px; }

.rmzx .friendship-list li { width: 25%; }

.rmzx .friendship-list li a { position: relative; padding-left: 15px; }

.rmzx .friendship-list li a:before { position: absolute; left: 2px; top: 12px; width: 6px; height: 6px; content: ''; background: #6596ff; -webkit-border-radius: 50%; border-radius: 50%; }

.pic-center-ad{ max-height: 132px; overflow: hidden; }

.tsyl721 ul li{ line-height: 26px; padding: 10px 0; border-bottom: 1px dashed #ccc; }

.tsyl721 ul li .ts-title:before{ display: inline-block; content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #ccc; margin-right: 6px; vertical-align: middle;  }

.tsyl721 ul li:last-child{ border-bottom: none; }

.s-order { color: #fff; background: #fc773d !important; }

.s-ask { color: #fff; background: #3878F8; }

.vn-box {
  padding-top: 20px;
}
.vn-doctor-intro {
  width: 780px;
}
.vn-doctor-com {
  margin-left: 50px;
  width: 350px;
}
.vn-doctor-avar {
  width: 180px;
  height: 250px;
  overflow: hidden;
  /*background: #f2f2f2;*/
}
.vn-doctor-avar a {
  width: 100%;
  height: 100%;
}
.vn-doctor-avar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vn-doctor-info {
  padding-left: 230px;
  padding-right: 230px;
}
.vn-doctor-name a {
  margin-right: 20px;
  color: #333333
}
.vn-doctor-good {
  padding-top: 20px;
}
.vn-doctor-title {
  font-size: 16px;
  color: #333333;
}
.vn-doctor-text {
  padding-top: 10px;
  font-size: 14px;
  line-height: 24px;
}
.vn-doctor-btn  {
  margin-top: 40px;
}
.vn-box .s-btn .s-btn-item {
  margin-right: 0;
  margin-top: 20px;
}
.dis-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
}
.dis-info-item {
  color: #666;
  font-size: 13px;
}
.color1 {
  color: #6596ff;
}
.color2 {
  color: #ff8e00;
}
.line1 {
  padding: 2px 5px;
  border: 1px solid #6596ff;
  border-radius: 4px;
}
.de-item {
  display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
}
.de-item:last-of-type {
  border-bottom: none;
}
.de-item-avar {
  margin-right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ddd;
}
.de-item-info {
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  color: #666;
}
.dis-list .hospital-list li {
  width: 33.333333%;
}
.vn-medical {
  margin-left: 50px;
  width: 370px;
}
.vn-doctor-video {
  padding: 10px;
  border: 1px solid #ddd;
}
.n-top {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.n-top a {
  width: 100%;
  height: 100%;
}

.n-tips {
  position: absolute;
  right: -35px;
  top: -20px;
  width: 97px;
  height: 97px;
}

.n-dur {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.n-dur-lo {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 36px;
  height: 20px;
}

.n-dur-time {
  position: absolute;
  bottom: 10px;
  right: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
}
.vn-doctor-org {
  font-size: 16px;
  line-height: 40px;
}
.vn-doctor-org span:first-of-type {
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vn-doctor-org span:last-of-type {
  color: #999;
  font-size: 14px;
}
.vn-doctor-des  h4 {
  font-size: 16px;
  color: #333;
}
.vn-doctor-txt {
  padding-top: 10px;
  font-size: 14px;
  color: #999;
  line-height: 24px;
  height: 75px;
}
.vn-doctor-cte {
  border: 1px solid #ddd;
  padding: 0 10px;
  height: 270px;
}
.a-color {
  color: #5b89f3;
}
.vn-doctor-wth {
  width: 340px;
  margin-left: 0;
}
.vn-no-line .r-d-list .r-d-btn a {
  border: none !important;
}
.dn {
  display: none;
}