@charset "utf-8"; /*c-list */ .list-icon { height: 8px; width: 8px; position: relative; display: inline-block;} .c-list-group h3 { padding: 6px 15px; background-color: #f9f9f9; font-size: 13px; color: #5b5b5b; margin: 0; vertical-align: middle;} .c-list { background-color: #fff;} .c-list > li, .c-list > .c-list-div { font-size: 15px; color: #333; position: relative; display: -webkit-box; display: box; margin-left: 15px; border-top: 1px solid #f1f1f1;} .c-list > .c-list-text { line-height: 20px; padding: 12px 15px 12px 0;} .c-list > .c-list-function { border-top: none;} .c-list > .c-list-function .c-list-info { border-top: 1px solid #f1f1f1; } .c-list > li:first-child, .c-list > c-border-t:first-child, .c-list >li:first-child .c-border-t, .c-list > .c-list-function:first-child, .c-list > .c-list-function:first-child .c-list-info, .c-list > div:first-child .c-border-t, .c-list > div:first-child { border: 0; background-image: none;} .c-list > .c-list-cover { padding-left: 15px !important; margin-left: 0 !important; } .c-list .c-list-info { -webkit-box-flex: 1; box-flex: 1; padding-right: 15px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .c-list h4 { color: #333 !important; } .c-list .c-list-info > h4 { font-size: 15px; line-height: 20px;} .c-list .c-list-info > p { font-size: 13px; line-height: 20px; color: #909090; } .c-list .c-list-label { font-size: 13px !important; color: #909090 !important; padding: 10px 15px 10px 0!important; border-top: 1px dashed #e1e1e1 !important; } .c-list .c-list-key { margin-right: 15px; } .c-list .c-list-img { width: 100px; height: 68px; margin: 10px 10px 10px 0; position: relative ; } .c-list .c-list-img img { width: auto; height: 68px; } .c-list > .c-list-link:active { background-color: #e5e6e7; padding-left: 15px; margin-left: 0;} .c-list-link:active, .c-list-link.c-border-t:active, .c-list-link:active + .c-border-t, .c-list-link:active + .c-border-t { background-image: none; border-top-color: #e5e6e7;} .c-list .c-list-value { color: #909090; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .c-list .c-list-link .c-list-value, .c-list .c-list-link .c-list-title { padding-right: 20px; } .c-list .c-list-badge, .c-list .c-list-action { font-size: 13px; color: #909090; position: absolute; height: 100%; right: 15px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; top: 0; } .c-list-link .c-list-badge, .c-list-link .c-list-action { right: 35px;} .c-list-link .list-icon { position: absolute; right: 15px; top: 50%; margin-top: -4px; } .c-list .c-avatar-s, .c-list .c-avatar-m, .c-list .c-avatar-l { margin: 10px 15px 10px 0; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } .c-list-indent-s { padding-right: 70px !important; } .c-list-indent-m { padding-right: 110px !important; } .c-list-action .input-group-checkbox .input-group-pack, .c-list-action .input-group-radio .input-group-pack { margin: 0 0 0 5px; } .c-avatar-s { width: 26px; height: 26px; } .c-avatar-m { width: 40px; height: 40px; } .c-avatar-l { width: 54px; height: 54px; } .c-avatar-s img, .c-avatar-m img, .c-avatar-l img { width: 100%; height: 100%; } .c-list-text .c-t-right { color: #909090 !important; } .c-list-text .c-t-right { padding-right: 0px; color: #909090; } .c-list-link .c-t-right { padding-right: 20px !important; } /* css c-lab2 -----------------------------------------------------------------------------*/ .c-lab-mor { display: -webkit-box; display: box; overflow: hidden; background: #fff; } .c-lab-mor li { -webkit-box-flex: 1; box-flex: 1; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; text-align: center; padding-top: 6px; border-bottom: 1px solid #e1e1e1; color: #333;} .c-lab-mor li:first-child { border-left: none; } .c-lab-mor li a { display: block; width: 100%; height: 28px; line-height: 28px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; border-left: 1px solid #ddd; } .c-lab-mor li:first-child a { border-left: none; } .c-lab-mor li.hit { border-bottom: 3px solid #37a6eb; } /*全局样式*/ body { background-color: #f3f3f3;} a { color: inherit;} .c-007cd9 { color: #007cd9;} .t-indent { text-indent: 2em;} .mod { margin: 10px 10px 30px;} .mod .hd { border-bottom: 2px dashed #156e7e;} .mod .hd .title { font-size: 21px; color: #333; font-weight: bold;} .mod .hd .time { font-size: 12px; color: #999; padding: 15px 0 20px;} .mod .bd .title { font-size: 15px; font-weight: bold;} .mod .bd img { width: 100%; height: auto;} .mod .bd p { word-break: break-all;} .mod .bd .second-title { color: #02ade0; font-weight: bold; font-size: 15px;} /*箭头*/ .arrow-down { display: inline-block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} .arrow-right { display: inline-block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} /* 选择城市 */ .narea-top { line-height: 40px; background: #fff; padding: 0 15px;} .narea-top i { color: #ff8100; margin: 0 5px 0 0;} .narea-hot ul { display: block; padding: 0 15px;} .narea-hot li { display: block; width: 30%; margin-right: 5%; margin-top: 10px; float: left;} .narea-hot li a { display: block; line-height: 30px; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; text-align: center; color: #5b5b5b; font-size: 13px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box;} .narea-hot li:nth-child(3n) { margin-right:0;} .nhot-top { display: block; line-height: 18px; padding: 10px 15px 0 15px;} .narea-letter ul { display: block; padding: 0 5px; background: #fff; position: relative; z-index: 300;} .narea-letter ul:before { content: ''; display: block; width: 100%; height: 35px; position: absolute; left: 0; top: 35px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; z-index: 310;} .narea-letter li { display: block; float: left; width: 12.5%; height: 35px; line-height: 35px; text-align: center; position: relative; z-index: 320;} .narea-letter li a { display: block; line-height: 35px; color: #5b5b5b; font-size: 13px;} .cityletter { line-height: 22px; padding: 0 15px;} .narea-city ul { display: block; background: #fff;} .narea-city li { display: block; width: 25%; height: 40px; line-height: 40px; float: left; box-sizing:border-box; -webkit-box-sizing: border-box; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} .narea-hot li:nth-child(3n) { border-right: none;} .narea-city li a { display: block; text-align: center; color: #5b5b5b; font-size: 13px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /*选择医院*/ .choose-hos { position: fixed; width: 100%; background: #fff; border-bottom: 1px solid #e1e1e1; z-index: 88;} .choose-hos > div { padding: 0 15px 0 10px; box-sizing: border-box; width: 100%; height: 47px; line-height: 47px;} .choose-hos a { color: #007cd9; } .choose-hos .arrow-down { margin-top: 17px;} .choose_mechanism { padding-top: 45px;} /* 选择医院右侧索引 */ .deptchoo { position: fixed; width: 20px; height: 100%; z-index: 80; right: 0; top: 0; font-size: 14px; padding-bottom: 47px; } .deptfir { width: 100%; height: 100%; float: left; background: #fff; } .deptfir ul { padding-top: 45px; } .deptfir li { display: block; width: 100%; height: 25px; line-height: 25px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #007cd9; font-weight: bold; } .deptfir li.hit { background: #fff; } .deptsec { width: 67%; height: 100%; float: left; background: #fff; padding-left: 17px; } .deptsec li { display: block; width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px solid #e1e1e1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select-hos { display: -webkit-box; display: box; -webkit-box-pack: justify; box-pack: justify; -webkit-box-align: center; box-align: center; padding: 15px; background: #fff;} .guide.select-hos { border-bottom: 1px solid #5eb686;} .guide-list { padding: 5px 0;} .guide-list .c-list-img { width: 50px; height: 50px;} .guide-list .c-list-img img { width: 50px; height: 50px;} .guid-hos .hos-img { position: relative;} .guid-hos .hos-img img { width:100%;} .guid-hos .hos-img .mask { background: rgba(0,0,0,.5); height: 33px; text-align: center; color: #fff; line-height: 33px; position: absolute; bottom: 0; width:100%;} /*搜索医院*/ .doc-suggst-top{ line-height:30px; padding:0 10px; font-size:13px; color:#5b5b5b; border-bottom:1px solid #f2f2f2; background:#fff;} .doc-suggst li{ display:box; display:-webkit-box; position:relative; font-size:13px; color:#909090; background:#fff;} .doc-suggst li:active{ background:#e5e6e7;} .doc-suggst li.s-nolink:active{ background:#fff;} .doc-suggst .s-link:active{ background:#e5e6e7;} .doc-avatar { -webkit-box-flex: 0; box-flex: 0; width: 45px; height: 45px; border-radius: 50%; overflow: hidden; margin:15px 10px;} .doc-avatar img{ width: 45px; height: 45px; border-radius:50%;} .doc-info { -webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; border-top:1px solid #f2f2f2; padding-top:10px; padding-bottom:10px;} .doc-info h4{ line-height:18px; margin-bottom:2px; word-break:break-all;} .doc-suggst li:first-child .doc-info{ border-top:none;} .hosp-avatar{ -webkit-box-flex: 0; box-flex: 0; width:75px; height:55px; overflow: hidden; margin:15px 10px; position:relative;} .hosp-avatar img{ width:75px; height:55px; border-radius:5px;} .hosp-avatar .hosp-lv{ position:absolute; width:50px; height:13px; line-height:13px; text-align:center; background:#f60; position:absolute; left:-14px; top:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); font-size:10px; color:#fff;} .hosp-address{ padding-right:50px; position:relative;} .hosp-address .hosp-pack{ position:absolute; right:0; line-height:20px; top:0; color:#ccc;} /*搜索医院*/ .guide-lab li.hit { border-color: #4dcd70; color: #4dcd70;}