@charset "UTF-8";
h1, h2, h3, h4, h5 { font-weight: normal; }

/*首页*/
.hide .spH { display: none; }

.banner-index { display: block; }

.banner-index img {vertical-align: top; width: 100%; }

.nav { line-height: 40px; border-top: 1px solid #4b2613; border-bottom: 1px solid #4b2613; }

.nav .nav-item { display: inline-block; padding-right: 40px; font-size: 20px; color: #333; }

.header-index { 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; height: 120px; }

.header-index .logo { margin-right: 30px; width: 130px; height: 52px; }

.header-index .search { 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; width: 662px; height: 42px; border: 4px solid #007cc3; background: #fff; }

.header-index .search .icon-search { width: 40px; height: 40px; background: url(../images/icon-search.png) center center no-repeat; }

.header-index .search .search-inp { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; color: #555; }

.header-index .search .btn-search { margin-left: 10px; width: 80px; height: 42px; color: #fff; font-size: 20px; letter-spacing: 4px; text-align: center; background: #007cc3; }

.left-main,.view .left-main { width: 870px}

.right-main { width: 300px; }

.inter .doctor-items { margin-top: -20px; }

.inter .doctor-items li { max-width: 25%; min-width: 25%; }

.inter .doctor-items .doctor-por { width: 50px; height: 50px; }

.inter .doctor-items .doctor-info .doctor-info-name { font-size: 14px; }

.inter .inter-left { width: 870px; }

.inter .inter-left .inter-title { font-size: 20px; color: #333; font-weight: bold; }

.inter .inter-left .inter-title em { font-size: 16px; color: #555; font-weight: normal; }

.inter .inter-tab .inter-tab-nav { line-height: 44px; font-size: 0; border-bottom: 1px solid #ddd; }

.inter .inter-tab .inter-nav-item { display: inline-block; position: relative; margin-right: 40px; font-size: 14px; color: #555; cursor: pointer; }

.inter .inter-tab .inter-nav-item:hover:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #007cc3; }

.inter .inter-tab .inter-nav-item:hover:after { content: ''; position: absolute; bottom: 1px; left: 50%; margin-left: -2px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #007cc3; }

.inter .inter-tab .inter-nav-active:before, .inter .inter-tab .inter-t-active:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #007cc3; }

.inter .inter-tab .inter-nav-active:after, .inter .inter-tab .inter-t-active:after { content: ''; position: absolute; bottom: 1px; left: 50%; margin-left: -2px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #007cc3; }

.inter .inter-tab .inter-main-item { display: none; }

.inter .inter-tab .inter-main-item .inter-hospital-lists { margin-right: -10px; margin-bottom: 20px; padding-bottom: 30px; font-size: 0; border-bottom: 1px dashed #ddd; }

.inter .inter-tab .inter-main-item .inter-hospital-list { display: inline-block; position: relative; padding: 15px 10px 0; margin-right: 10px; width: 188px; height: 280px; border: 1px solid #ddd; vertical-align: middle; }

.inter .inter-tab .inter-main-item .inter-hospital-info { padding-bottom: 5px; text-align: center; border-bottom: 1px dashed #ddd; }

.inter .inter-tab .inter-main-item .inter-hospital-cover { display: inline-block; width: 165px; height: 115px; overflow: hidden; }

.inter .inter-tab .inter-main-item .inter-hospital-base { padding-top: 8px; font-size: 14px; color: #555; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.inter .inter-tab .inter-main-item .inter-hospital-good { padding-top: 5px; font-size: 14px; color: #555; line-height: 24px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.inter .inter-tab .inter-main-item .inter-oper { position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; font-size: 0; border-top: 1px solid #ddd; }

.inter .inter-tab .inter-main-item .btn-inter { display: inline-block; width: 50%; height: 48px; font-size: 18px; text-align: center; line-height: 48px; border-right: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f8f8f8; }

.inter .inter-tab .inter-main-item .btn-inter:last-of-type { border-right: none; }

.inter .inter-tab .inter-main-item .inter-order { color: #7b9862; background: #eff6e9; }

.inter .inter-tab .inter-main-item .inter-online { color: #6ea2ad; background: #eff8fa; }

.inter .inter-tab .inter-main-item .inter-hospital-order { width: 100%; font-size: 0; }

.inter .inter-tab .inter-main-item .inter-hospital-order li { display: inline-block; width: 25%; padding-right: 20px; line-height: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.inter .inter-tab .inter-main-item .inter-hospital-order .inter-s-n { display: inline-block; max-width: 70%; font-size: 16px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }

.inter .inter-tab .inter-main-item .inter-hospital-order .inter-s-order { display: inline-block; margin-top: 7px; width: 50px; height: 24px; line-height: 24px; font-size: 16px; border: 1px solid #007cc3; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; color: #007cc3; }

.inter .inter-tab .inter-show { display: block; }

/*.inter .inter-right { width: 300px; padding-top: 90px; }**/

 .inter-right-ad { display: inline-block; width: 100%; /*height: 230px;*/ overflow: hidden; }

 .inter-block { padding: 0 20px; width: 258px; border: 1px solid #ddd; }

 .inter-block h4 { position: relative; padding-left: 20px; height: 48px; font-size: 20px; color: #333; line-height: 48px; border-bottom: 1px solid #ddd; }

 .inter-block h4:before { content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 20px; background: #007cc3; }

 .inter-block .topic-lists { padding: 10px 0; }

 .inter-block .topic-lists li { 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; height: 32px; }

 .inter-block .topic-lists li .topic-num { margin-right: 10px; width: 14px; height: 14px; text-align: center; line-height: 14px; font-size: 12px; color: #fff; background: #bababa; }

 .inter-block .topic-lists li .top-bg { background: #fe8052; }

 .inter-block .topic-lists li .topic-title { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

 .inter-block .topic-lists li .topic-title a:hover { color: #007cc3; }

.inter .inter-doctor-avar { display: inline-block; width: 80px; height: 80px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.inter .inter-tips { position: absolute; right: -5px; top: 30px; padding-top: 2px; width: 36px; height: 36px; font-size: 12px; color: #fff; text-align: center; background: #f9a821; }

.inter .inter-mix { font-size: 0; }

.inter .inter-mix span { margin-left: 2px; font-size: 14px; color: #555; }

.inter .icon-inter { width: 24px; height: 24px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; vertical-align: middle; }

.inter .icon-mix { background: url(../images/icon-inter-mix.jpg) no-repeat; -webkit-background-size: contain; background-size: contain; }

.inter .icon-free { background: url(../images/icon-inter-free.jpg) no-repeat; -webkit-background-size: contain; background-size: contain; }

.topic-mix { font-size: 0; margin-right: -10px; }

.topic-mix li { display: inline-block; margin-top: 10px; padding-right: 10px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.topic-mix .topic-mix-pi { height: 70px; overflow: hidden; }

.topic-mix .topic-mix-pi img { height: 100%; }

.topic-mix .topic-mix-text { font-size: 14px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.topic-disc { margin-top: 10px; border-top: 1px solid #ddd; }

.topic-disc li { position: relative; padding-left: 10px; }

.topic-disc 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; }

.inter-block-n { margin-top: 10px; padding: 0 !important; width: 260px; border: none !important; }

.inter-block-n h4 { border-bottom: none; }

.inter-related .topic-mix-pi { height: 110px !important; }

.inter-tab-active { color: red !important; }

.tab-hos { 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; height: 38px; background: #f6fbfe; border-top: 1px solid #007cc3; border-left: 4px solid #007cc3; }

.tab-hos .tab-hos-item { padding: 0 10px; margin-left: 10px; height: 24px; max-width: 120px; overflow: hidden; text-align: center; line-height: 24px; font-size: 14px; color: #555; background: #fff; cursor: pointer; }

.tab-show { display: block !important; }

.tab-main-items { display: none; padding-top: 20px; }

.tab-main-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.tab-main-item .tab-item-left { width: 200px; flex-shrink: 0 }

.tab-main-item .tab-item-cover { width: 100%; height: 100px; overflow: hidden; }

.tab-main-item .tab-item-name { display: block; padding-top: 10px; font-size: 14px; font-weight: bold; }

.tab-main-item .tab-item-info { padding-top: 5px; font-size: 14px; line-height: 22px; color: #555; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.tab-main-item .btn-tab { display: block; margin-top: 8px; width: 70px; height: 24px; font-size: 14px; text-align: center; line-height: 24px; background: #007cc3; color: #fff; }

.tab-item-right {width: 50%; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 30px; font-size: 0; }

.tab-item-right li { position: relative; display: inline-block; padding-right: 10px; padding-left: 14px; width: 50%; font-size: 16px; line-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.tab-item-right 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; }

.tab-item-right .tab-item-link { display: block; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.tab-item-right .tab-item-link:hover { color: #007cc3; }

.inter-left-item { margin-bottom: 30px; }

/*挂号提交*/
.order-main { position: relative; padding-top: 30px; }

.order-doctor { display: inline-block; padding-right: 100px; font-size: 0; vertical-align: middle; }

.order-doctor .doctor-avar { display: inline-block; margin-right: 30px; width: 130px; height: 130px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; }

.order-doctor .doctor-base { display: inline-block; padding-top: 10px; vertical-align: top; color: #333; }

.order-doctor .doctor-base em { display: block; font-size: 20px; }

.order-doctor .doctor-base span { margin-top: 20px; display: block; font-size: 16px; }

.order-time { display: inline-block; padding: 0 0 10px 40px; border-left: 1px solid #ccc; vertical-align: middle; }

.item-info { padding-top: 10px; font-size: 16px; color: #555; }

.item-info span { color: #ff9900; }

.on-consult { display: block; position: absolute; top: 50%; right: 0; margin-top: -19px; width: 142px; height: 38px; background: #007cc3; font-size: 20px; color: #fff; text-align: center; line-height: 38px; }

.time-main { padding-top: 30px; }

.time-lis { font-size: 0; }

.time-nor { display: inline-block; margin-right: 20px; width: 138px; height: 41px; line-height: 41px; border: 1px solid #ddd; font-size: 16px; color: #333; text-align: center; cursor: pointer; }

.time-nor:hover { position: relative; border: 1px solid #ff9900; }

.time-nor:hover:after { content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 0; color: red; border-color: #ff9900 transparent; border-width: 0 0 26px 26px; border-style: solid; }

.time-nor:hover:before { content: '✓'; position: absolute; right: 0; bottom: -12px; color: #fff; z-index: 1; }

.time-current { position: relative; border: 1px solid #ff9900; }

.time-current:after { content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 0; color: red; border-color: #ff9900 transparent; border-width: 0 0 26px 26px; border-style: solid; }

.time-current:before { content: '✓'; position: absolute; right: 0; bottom: -12px; color: #fff; z-index: 1; }

.time-tips { padding-top: 24px; font-size: 16px; color: #555; }

.patient-main { padding-top: 30px; }

.patient-main .item-for { margin-bottom: 20px; font-size: 0; }

.patient-main .item-label { margin-right: 10px; display: inline-block; width: 90px; text-align: right; font-size: 14px; color: #555; }

.patient-main .item-inp { display: inline-block; padding: 0 5px; width: 250px; height: 28px; font-size: 14px; color: #666; border: 1px solid #ccc; background: none; }

.btn-form { padding-left: 80px; }

.btn-form .item-btn { margin-left: 20px; width: 88px; height: 32px; text-align: center; font-size: 18px; border: 1px solid #007cc3; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; }

.btn-form .submit { color: #fff; background: #007cc3; }

.btn-form .cancel { color: #007cc3; background: #fff; }

.btn-form .cancel:hover { color: #fff; background: #007cc3; }

.order-submit { margin-top: 50px; padding-top: 70px; width: 100%; text-align: center; border-top: 1px dashed #ccc; }

.btn-order-submit { display: inline-block; width: 200px; height: 44px; font-size: 18px; color: #fff; background: #fea900; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; }

.pop-box { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.pop { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 60px 0 30px; width: 400px; text-align: center; border: 5px solid #c3c3c3; background: #fff; }

.pop .icon-pop { margin-right: 10px; width: 26px; height: 25px; background: url(../images/pic-pop.png) no-repeat; vertical-align: middle; }

.pop .pop-title { font-size: 26px; color: #007cc3; vertical-align: middle; }

.pop .pop-tips { padding-top: 10px; font-size: 16px; line-height: 28px; color: #555; }

.pop .pop-btn { margin-top: 30px; font-size: 0; }

.pop .btn-co { display: inline-block; width: 90px; height: 36px; text-align: center; line-height: 36px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 16px; color: #fff; }

.pop .pop-look { margin-right: 30px; background: #007cc3; }

.pop .pop-back { background: #fea900; }

/*医院介绍*/
.survey { position: relative; }

.survey .s-img { margin-right: 20px; width: 340px; height: 270px; overflow: hidden; margin-left: 20px;}

.survey .s-txt { padding-right: 200px; }

.survey .s-txt-item { font-size: 14px; line-height: 26px; color: #333; }

.survey .s-link { color: #4b2613; }

.s-btn { margin-top: 14px; font-size: 0; }

.s-btn .s-btn-item { display: inline-block; margin-right: 45px; width: 180px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; border: 1px solid #4b2613; }

.s-btn .s-order { color: #fff; background: #4b2613; }

.s-btn .s-ask { color: #4b2613; }

.survey .s-code { position: absolute; right: 0; top: 50px; text-align: center; }

.survey .s-code .pic-s-code { width: 114px; height: 114px; }

.survey .s-code em { display: block; padding-top: 10px; font-size: 14px; }

.spec-step { margin-top: 14px; width: 100%; height: 40px; font-size: 0; line-height: 40px; background: #f8f8f8; }

.step-block { display: inline-block; width: 200px; text-align: center; vertical-align: top; }

.spec-title { font-size: 16px; color: #fff; background: #007cc3; }

.spec-com { color: #007cc3; vertical-align: top; font-size: 0; }

.com-txt { font-size: 16px; vertical-align: middle; }

.icon-step { margin-right: 4px; width: 22px; height: 22px; vertical-align: middle; }

.icon-01 { background: url(../images/icon-spec-01.png) center center no-repeat; }

.icon-02 { background: url(../images/icon-spec-02.png) center center no-repeat; }

.icon-03 { background: url(../images/icon-spec-03.png) center center no-repeat; }

.icon-04 { background: url(../images/icon-spec-04.png) center center no-repeat; }

.icon-05 { background: url(../images/icon-spec-05.png) center center no-repeat; }

.spec-box { padding-top: 14px; }

.doctor-b { width: 100%; }

.doctor-items { 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; margin-right: -10px; }

.doctor-items li { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 40px; padding-right: 10px; max-width: 20%; min-width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.doctor-items .doctor-por { position: relative; margin-right: 20px; width: 58px; height: 58px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.doctor-items .doctor-por img { -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden;}

.doctor-items .d-mark { position: absolute; right: -15px; top: -6px; width: 26px; height: 26px; background: url(../images/zjtd.png) no-repeat center; background-size: 27px;}

.doctor-items .doctor-order { display: inline-block; margin-top: 4px; width: 40px; height: 22px; text-align: center; line-height: 22px; font-size: 14px; color: #90d54c; border: 1px solid #90d54c; -webkit-border-radius: 4px; border-radius: 4px; }

.doctor-items .doctor-info { padding-top: 5px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.doctor-items .doctor-info .doctor-info-name { font-size: 16px; color: #333; max-width: 106px; overflow: hidden; }

.doctor-items .doctor-info .doctor-info-name em { margin-right: 10px; color: #007cc3; }

.doctor-items .doctor-info .hospital-name { padding-top: 5px; font-size: 14px; color: #888; max-width: 98px; overflow: hidden; }

.slideBox { padding-top: 30px; margin: 0 auto; width: 1100px; height: 250px; position: relative; }

.slideBox .bd { position: relative; height: 100%; z-index: 0; overflow: hidden; }

.slideBox .bd li { margin-right: -22px; zoom: 1; vertical-align: middle; font-size: 0; }

.slide-item { vertical-align: top; display: inline-block; padding: 10px; margin-right: 22px; width: 296.9px; height: 228px; border: 1px solid #ddd; }

.slide-item .slide-item-top { position: relative; padding: 0 0 15px 150px; }

.slide-item .slide-item-top .r-img { position: absolute; left: 10px; top: 0; width: 80px; height: 80px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.slide-item .slide-item-top p { display: block; }

.slide-item .slide-item-top p span { display: block; max-width: 30%; }

.slide-item .slide-item-top p span.one { margin-right: 5%; max-width: 65%; }

.slide-item .slide-item-top p .green { color: #90d54e; }

.slide-item .slide-item-top p.r-head { line-height: 34px; }

.slide-item .slide-item-top p.r-head .two { line-height: 20px; padding-top: 12px; }

.slide-item .slide-item-top p.cell { line-height: 26px; color: #999;}

.slide-item .slide-item-top p.yellow { color: #ff8e00; }

.slide-item .rd-des { padding: 5px; line-height: 24px; height: 70px; overflow: hidden;background: #f3f3f3;}

.slide-item .rd-btn { text-align: center; padding: 10px 0 13px; }

.slide-item .rd-btn a { display: inline-block; width: 120px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #4b2613;font-size: 16px;  }

.slide-item .rd-btn a.one { background: #4b2613; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next { position: absolute; left: 0px; top: 120px; margin-top: -20px; display: block; width: 40px; height: 40px; background: url(../images/icon-prev.jpg) no-repeat; filter: alpha(opacity=40); opacity: .4; }

.slideBox .next { left: auto; right: 100px; background: url(../images/icon-next.jpg) no-repeat; }

.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }

.slideBox .prevStop { display: none; }

.slideBox .nextStop { display: none; }

.dis-link { color: #007cc3; }

.medical-main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 30px; }

.medical-main .dis-list { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.medical-main .dis-list li { padding: 20px 0; border-bottom: 1px dashed #ddd; overflow: hidden; }

.medical-main .dis-list li:first-of-type { padding-top: 0; }

.medical-main .dis-list .dis-mix { position: relative; margin-right: 20px; width: 120px; height: 96px; overflow: hidden; }

.medical-main .dis-list .dis-mix-des { position: absolute; bottom: 0; width: 100%; height: 30px; font-size: 14px; line-height: 30px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.6); }

.medical-main .dis-list .dis-text-t { font-size: 16px; color: #333; }

.medical-main .dis-list .dis-text-b { padding-top: 10px; font-size: 14px; color: #333; }

.medical-main .dis-demo { margin-left: 50px; padding: 10px 20px; width: 350px; border: 1px solid #ddd; }

.medical-main .dis-demo .dis-demo-t { display: block; width: 100%; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.medical-main .dis-demo .dis-demo-grap { margin: 10px 0; }

.medical-main .dis-demo .dis-demo-pic { margin-right: 10px; width: 110px; height: 60px; overflow: hidden; }

.medical-main .dis-demo .dis-demo-text { font-size: 14px; line-height: 28px; color: #333; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.info-main .nav-block { height: 60px; line-height: 60px; border-bottom: 1px solid #ddd; }

.info-main .nav-block-link { padding: 0 20px; font-size: 18px; color: #333; cursor: pointer; }

.info-main .nav-block-link:hover { color: #007cc3; }

.info-main .nav-cur { color: #007cc3; }

.info-main .info-content-item { display: none; }

.info-main .info-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 30px; }

.info-main .info-content-left { margin-right: 25px; width: 250px; }

.info-main .info-content-left .info-hospital-pic { width: 100%; height: 100px; overflow: hidden; }

.info-main .info-content-left .info-hospital-name { margin-top: 5px;font-size: 14px; color: #007cc3; line-height: 40px; text-align: center; }

.info-main .info-content-left .info-hospital-in { font-size: 12px; line-height: 24px; }

.info-main .s-info { margin-top: 20px; }

.info-main .s-info .s-btn-item { margin-right: 0; width: 118px; height: 36px; line-height: 36px; }

.info-main .info-content-center { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.info-main .info-content-center .info-top li { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px dashed #007cc3; }

.info-main .info-content-center .info-top li h3 { font-size: 18px; font-weight: bold; text-align: center; }

.info-main .info-content-center .info-top li .info-top-title { color: #007cc3; }

.info-main .info-content-center .info-top li .info-top-des { padding-top: 5px; max-height: 52px; font-size: 16px; line-height: 28px; color: #333; overflow: hidden; }

.info-main .info-content-center .hospital-list { width: 100%; font-size: 0; }

.info-main .info-content-center .hospital-list li { display: inline-block; position: relative; padding: 0 12px; width: 25%; font-size: 14px; line-height: 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.info-main .info-content-center .hospital-list li:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background: #007cc3; }

.info-main .info-content-center .hospital-list .hospital-item { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.envir-pic-list { padding-top: 30px; margin-right: -15px; font-size: 0; }

.envir-pic-list li { display: inline-block; margin-right: 15px; width: 228px; height: 160px; overflow: hidden; }

/*.envir-pic-list li>a{ display: block;width: 100%; height: 100%;overflow: hidden;}*/

/*.envir-pic-list li>a img{ min-height: 100%; min-width: 100%;}*/
.envir-main .envir-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 20px 0; border-bottom: 1px dashed #ddd; }

.envir-main .envir-avar { margin-right: 20px; width: 76px; height: 76px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

.envir-main .envir-info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.envir-main .envir-info-mark { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.envir-main .envir-doctor { font-size: 0; }

.envir-main .envir-doctor p { display: inline-block; margin-right: 20px; font-size: 16px; }

.envir-main .envir-doctor em { color: #007cc3; }

.envir-main .envir-doctor span { padding: 2px 5px; color: #007cc3; border: 1px solid #007cc3; }

.envir-main .envir-score .score-label { display: inline-block; font-size: 16px; color: #333; vertical-align: middle; }

.envir-main .envir-score .score-con { display: inline-block; height: 24px; line-height: 24px; color: #ffa200; vertical-align: middle; }

.envir-main .envir-score .score-pic { position: relative; display: inline-block; width: 60px; height: 100%; margin-right: 5px; vertical-align: middle; background-color: #ccc; }

.envir-main .envir-score .score-pic span { position: absolute; left: 0; top: 0; height: 100%; }

.envir-main .envir-score .score-pic .b { background-color: #fea900;  }

.star-1 {width: 20%;}

.star-2 {width: 40%;}

.star-3 {width: 60%;}

.star-4 {width: 80%;}

.star-5 {width: 100%;}

.envir-main .envir-score .score-pic .star { background: url(../images/five-star.png) no-repeat left; z-index: 1; width: 100%; }

.envir-main .envir-score .score-per { display: inline-block; font-size: 16px; vertical-align: middle; }

.envir-main .envir-lang { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 10px; background: #f6f6f6; border: 1px solid #ddd; font-size: 14px; line-height: 24px; }

.envir-main .envir-lang-text { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.envir-main .envir-lang-date { width: 160px; text-align: right; }

.envir-main .add-info { margin: 20px auto 0; display: block; width: 330px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #555; background: #f6f6f6; letter-spacing: 2px; text-decoration: underline; }


.address-main { padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.address-main .map { margin-right: 30px; width: 870px; height: 420px; }

.address-main .address-info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 28px; font-size: 16px; color: #555; }

.address-main .address-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.address-main .address-item .address-label { width: 80px; }

.address-main .address-item .address-con { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.address-main .address-item .address-h { max-height: 78px; overflow: hidden; }

.pic-center { display: block; margin-top: 40px; width: 100%; height: 140px; overflow: hidden; }

#address{display: inline-block;}

#address select { width: 126px; margin-right: 10px; border: 1px solid #ccc; height: 30px; padding: 0 5px; font-size: 14px; color: #555; }