sr-iHealthwx/html/home/css/style2.css

@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;}