sr-iHealthwx/html/home/css/yygh-style.css

/* ui-form
-----------------------------------------------------------------------------*/
.input-group, .input-group *, .input-group-checkbox, .input-group-radio, .input-group-checkbox *, .input-group-radio * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.input-group { border-collapse: separate; display: table; position: relative; }
.input-group label { display: block; }
.input-group-addon { background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; color: #333; font-size: 14px; font-weight: 400; line-height: 1; padding: 10px; text-align: center; display: table-cell; vertical-align: middle; white-space: nowrap; width: 1%; }
.input-group-addon:first-child { border-right: 0; }
.input-group-addon .iconfont { color: #b4b4b4; font-size: 18px; }
.input-group-addon.focus .iconfont { color: #37a6ed; }
.input-group-btn { position: absolute; right: 5px; top: 7px; }
.input-group-btn .c-btn { padding: 5px; border: #ddd 1px solid; }
.input-group .form-control, .input-group .form-select, .input-group .form-textarea { -webkit-appearance: none; appearance: none; background-color: #fff; background-image: none; border: 1px solid #e1e1e1; border-radius: 5px; color: #333; display: block; font-size: 14px; height: 45px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; outline: 0; }
.input-group .form-select-arrow { display: block; width: 10px; height: 10px; border: solid #ccc; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: 15px; right: 15px; }
.input-group .form-control {padding-right:30px;}
.input-group.input-border .form-control, .input-group.input-border .form-select, .input-group.input-border .form-textarea { border-radius: 0px; border-right: 0; font-size: 15px; height: 45px; line-height: 1.52857; }
.input-group .form-control:focus, .input-group .form-select:focus, .input-group .form-textarea:focus { color: #333; }
.input-group .form-control::-webkit-input-placeholder, .input-group .form-textarea::-webkit-input-placeholder {
color: #bfbfbf;
}
.input-group .form-control:-moz-placeholder, .input-group .form-textarea:-moz-placeholder {
color: #bfbfbf;
}
.input-group .form-control::-moz-placeholder, .input-group .form-textarea::-moz-placeholder {
color: #bfbfbf;
}
.input-group .form-control:-ms-input-placeholder, .input-group .form-textarea:-ms-input-placeholder {
color: #bfbfbf;
}
.input-group .form-textarea { height: auto; resize: none; margin: 0; }
.input-group .form-control:nth-child(2), .input-group .form-textarea:nth-child(2) { border-bottom-left-radius: 0; border-top-left-radius: 0; border-left: 0; padding-left: 0; }
.input-group .form-control, .input-group label .form-control, .input-group label .form-select, .input-group label .form-textarea { border-radius: 4px; padding-left: 12px; border-left: 1px #e1e1e1 solid; }
.input-group .input-group-addon + .form-control, .input-group .input-group-addon + .form-select { border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-left: 0px; border-left: 0px; }
.input-group-text { font-size: 14px; color: #555; }
.input-merge .input-group .input-group-addon, .input-group.input-border .input-group-addon { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.input-group.input-border .input-group-addon { border-left: 0; font-size: 15px; color: #333; padding: 10px 20px; }
.input-merge .input-group .form-control, .input-merge .input-group .form-select, .input-merge .input-group .form-textarea { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-merge .input-group:first-child .input-group-addon { border-top-left-radius: 4px; }
.input-merge .input-group:first-child .form-control, .input-merge .input-group:first-child .form-select, .input-merge .input-group:first-child .form-textarea { border-top-right-radius: 4px; }
.input-merge .input-group:last-child .form-control, .input-merge .input-group:last-child .form-select, .input-merge .input-group:last-child .form-textarea { border-bottom-right-radius: 4px; }
.input-merge .input-group:last-child .input-group-addon { border-bottom-left-radius: 4px; }
.input-merge .input-group.input-border .input-group-addon, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .form-control, .input-merge .input-group.input-border .form-select, .input-merge .input-group.input-border .form-textarea, .input-merge .input-group.input-border .input-group-addon { border-radius: 0px; }
.input-merge .input-group.input-border { padding-left: 20px; }
.input-merge .input-group.input-border .input-group-addon { padding-left: 0 }
.input-merge .input-group .input-group-addon, .input-merge .input-group .form-control, .input-merge .input-group .form-select, .input-merge .input-group .form-textarea { border-bottom: 0; }
.input-merge .input-group:last-child .input-group-addon, .input-merge .input-group:last-child .form-control, .input-merge .input-group:last-child .form-select, .input-merge .input-group:last-child .form-textarea { border-bottom: 1px solid #e1e1e1; }
.input-merge.input-merge-border .input-group:first-child .input-group-addon, .input-merge.input-merge-border .input-group:first-child .form-control, .input-merge.input-merge-border .input-group:first-child .form-select, .input-merge.input-merge-border .input-group:first-child .form-textarea { border-top: 0; }
.input-merge.input-merge-border .input-group:last-child .input-group-addon, .input-merge.input-merge-border .input-group:last-child .form-control, .input-merge.input-merge-border .input-group:last-child .form-select, .input-merge.input-merge-border .input-group:last-child .form-textarea { border-bottom: 0; }
.input-merge.input-merge-border { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff; }
.input-group-addon-disabled, .form-control[disabled], .form-control:disabled, .form-textarea[disabled], .form-textarea:disabled, .form-textarea[disabled], .form-textarea:disabled, .form-select[disabled], .form-select:disabled { background-color: #f9f9f9; }
.input-group .form-input { height: 45px; border-top: 1px solid #e1e1e1; position: relative; padding: 7px 0; }
.input-group .form-input-text { color: #909090; font-size: 15px; }
.input-group .form-select-box { display: inline-block; position: relative; margin-right: 10px; }
.input-group .form-select-box .form-select { width: 100%; }
.input-group .form-select-box .form-select-arrow { top: 7px; right: 12px }
.input-group.input-border .form-input .form-control, .input-group.input-border .form-input .form-select { height: 31px; border: #e1e1e1 1px solid !important; border-radius: 2px; display: inline-block; vertical-align: baseline; line-height: 1.2; }
.input-group .input-clear { position: absolute; right: 8px; top: 8px; background: #ccc; border-radius: 50%; width: 26px; height: 26px; text-align: center; }
.input-group .input-clear .close { position: relative; display: inline-block; width: 15px; height: 15px; overflow: hidden; top: 6px; }
.input-group .input-clear .close::before, .input-group .input-clear .close::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
.input-group .input-clear .close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.input-group .input-clear .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.input-group-checkbox, .input-group-radio { display: inline-block; position: relative; font-size: 14px; color: #909090; }
.input-group-checkbox label { display: block; cursor: pointer; }
.input-group-checkbox label input[type="checkbox"], .input-group-radio label input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.input-group-checkbox div input[type="checkbox"], .input-group-radio div input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.input-group-checkbox .input-group-pack, .input-group-radio .input-group-pack { width: 20px; height: 20px; background-color: #ffffff; border: 1px #d3d3d3 solid; padding: 0; margin: 0 5px 0 0; position: relative; display: inline-block; vertical-align: middle; border-radius: 5px; overflow: hidden; top: -2px; }
.input-group-radio .input-group-pack { border-radius: 50%; }
.input-group-checkbox .input-group-pack.input-group-pack-disabled, .input-group-radio .input-group-pack.input-group-pack-disabled { background-color: #f0f0f0; }
.input-group-checkbox .input-group-pack .tick { display: block; width: 12px; height: 2px; background: #4dcd70; margin: 8px 0 0 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: 50px; }
.input-group-checkbox .input-group-pack .tick:after { content: ''; width: 8px; height: 2px; background: #4dcd70; position: absolute; top: -3px; left: -5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.input-group-radio .input-group-pack .disc { display: block; content: "" !important; width: 0px; height: 0px; border-radius: 50%; background-color: #4dcd70; margin: 4px; }
.input-group-checkbox input[type="checkbox"]:checked ~ .tick, .input-group-checkbox .input-group-pack.checked .tick { top: 0px; }
.input-group-radio input[type="radio"]:checked ~ .disc, .input-group-radio .input-group-pack.checked .disc { width: 10px; height: 10px; }
.input-group-switch { position: relative; font-size: 16px; width: 52px; height: 32px; line-height: 1em; }
.input-group-switch input { width: 52px; height: 32px; position: absolute; z-index: 10; border: none; background: none; -webkit-appearance: none; outline: none; }
.input-group-switch input:before { content: ''; width: 50px; height: 30px; border: 1px solid #e5e5e5; background-color: #fff; border-radius: 20px; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset; box-shadow: #dfdfdf 0px 0px 0px 0px inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
.input-group-switch input:checked:before { border-color: #4cd964; -webkit-box-shadow: #4cd964 0px 0px 0px 16px inset; box-shadow: #4cd964 0px 0px 0px 16px inset; background-color: #4cd964; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #4cd964; }
.input-group-switch input:checked:after { left: 21px; }
.input-group-switch input:after { content: ''; width: 30px; height: 30px; position: absolute; top: 1px; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }
.input-group-switch input.thread:before { content: ''; width: 50px; height: 3px; border: 1px solid #e5e5e5; background-color: #e5e7ea; border-radius: 20px; cursor: pointer; display: inline-block; position: relative; vertical-align: middle; -webkit-user-select: none; user-select: none; -webkit-box-sizing: content-box; box-sizing: content-box; border-color: #dfdfdf; -webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset; box-shadow: #dfdfdf 0px 0px 0px 0px inset; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s; transition: border 0.4s, box-shadow 0.4s; -webkit-background-clip: content-box; background-clip: content-box; }
.input-group-switch input.thread:checked:before { border-color: #4cd964; -webkit-box-shadow: #4cd964 0px 0px 0px 16px inset; box-shadow: #4cd964 0px 0px 0px 16px inset; background-color: #4cd964; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s; background-color: #4cd964; }
.input-group-switch input.thread:checked:after { left: 33px; }
.input-group-switch input.thread:after { content: ''; width: 20px; height: 20px; position: absolute; top: 3px; left: 0; border-radius: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-transition: left 0.2s; transition: left 0.2s; }
/* css c-list
-----------------------------------------------------------------------------*/
.list-icon { height: 8px; width: 8px; position: relative; display: inline-block; }
.arrow-right { display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.c-list-group { }
.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-title { }
.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 search
-----------------------------------------------------------------------------*/
.c-ser-hold { width: 100%; height: 43px; background-color: #e8e8e8; padding: 6px 10px 0 10px; }
.c-ser-into { background: #f2f2f2; height: 28px; line-height: 28px; border-radius: 5px; color: #8e8e93; padding:0 8px;}
.c-serdet { display: -webkit-box; display: box; padding: 7px 10px 0 10px; }
.ser-icon { position: relative; display: inline-block; width: 13px; height: 13px; font-size: 1px; background: none; top:1px;}
.ser-icon:before, .ser-icon:after { content: ""; position: absolute; left: 0; background: transparent; font-size: 1px; }
.ser-icon-search:before { left: 1px; top: 1px; width: 9px; height: 9px; border: 1px solid #8e8e93; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.ser-icon-search:after { left: 9px; top: 11px; width: 5px; height: 1px; background: #8e8e93; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.c-ser-back { width: 20px; -webkit-box-flex: 0; box-flex: 0; overflow: hidden; }
.c-ser-back .si-right { display: block; width: 12px; height: 12px; border: solid #a3a3a7; border-width: 0 0 2px 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin: 7px 0 0 2px; float: left; }
.c-ser-main { -webkit-box-flex: 1; box-flex: 1; background: #eeeff3; height: 28px; line-height: 28px; border-radius: 3px; font-size: 15px; color: #8e8e93; position: relative; padding-left: 25px; overflow: hidden; }
.c-ser-main i { position: absolute; left: 7px; top: 7px; }
.c-ser-input { width: 100%; background: #eeeff3; height: 22px; line-height: 22px; border: none; color: #8e8e93; border-radius: 5px; padding: 3px 5px 3px 0; }
.c-ser-btn { margin-left: 10px; -webkit-box-flex: 0; box-flex: 0; }
.c-ser-btn a { display: block; height: 30px; line-height: 30px; padding: 0 10px; background: #3aa7ed; color: #fff; font-size: 14px; border-radius: 4px; }
.c-ser-canc { margin-left: 10px; -webkit-box-flex: 0; box-flex: 0; }
.c-ser-canc a { display: block; height: 30px; line-height: 30px; padding: 0 5px; }
.c-ser-main .input-clear { position: absolute; right: 6px; top: 6px; background: #7e7e7e; border-radius: 50%; width: 16px; height: 16px; text-align: center; }
.c-ser-main .input-clear:before, .c-ser-main .input-clear:after { content: ''; position: absolute; height: 2px; width: 10px; top:7px; left:3px; background: #fff; border-radius: 6px; }
.c-ser-main .input-clear:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.c-ser-main .input-clear:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* buttons color
-----------------------------------------------------------------------------*/
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
.c-btn-fff:hover { background-color: #e5e5e5; }
.c-btn-588cd5 { background-color: #588cd5; }
.c-btn-588cd5:hover { background-color: #4680d0; }
.c-btn-fff-other { background-color: #ffffff; color: #4dcd70; border: #e1e1e1 1px solid; }
.c-btn-fff-other:hover { background-color: #e5e5e5; }
/* css ui-arrow
-----------------------------------------------------------------------------*/
.ui-arrow, .ui-arrow s { position: relative; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 5px; }
.ui-arrow-r, .ui-arrow-r s { border-left-color: #aaa; border-left-style: solid; }
.ui-arrow-r s { border-left-color: #fff; position: absolute; left: -7px; top: -5px; }
.ui-arrow-l, .ui-arrow-l s { border-right-color: #aaa; border-right-style: solid; }
.ui-arrow-l s { border-right-color: #fff; position: absolute; right: -7px; top: -5px; }
.ui-arrow-t, .ui-arrow-t s { border-bottom-color: #aaa; border-bottom-style: solid; }
.ui-arrow-t s { border-bottom-color: #fff; position: absolute; left: -5px; top: -3px; }
.ui-arrow-b, .ui-arrow-b s { border-top-color: #aaa; border-top-style: solid; }
.ui-arrow-b s { border-top-color: #fff; position: absolute; left: -5px; bottom: -3px; }
/* css getmore
-----------------------------------------------------------------------------*/
.c-get-more { width: 100%; }
.c-get-more a { display: block; text-align: center; line-height: 35px; font-size: 14px; color: #909090; }
.c-get-more a.blue { color: #007cd9; }


body{ font-size:14px; color:#333; background-color:#f9f9f9;}
.c-ccc{ color:#ccc;}
.c-e60012{ color:#e60012;}
.c-37a6eb{ color:#37a6eb;}
.bgc-ff8100{ background-color:#ff8100;}
.bgc-4dcd70{ background-color:#4dcd70;}
.bgc-bbbbbb{ background-color:#bbbbbb;}

/* position*/
.r-pos{ right:15px; top:16px;}
.r-arrow-r{ right:-5px; top:16px; }

/*挂号成功*/
.c-4ed964{ color:#4ed964;}
.win-message{ background:#fffce5; padding:10px 10px 25px 10px; font-size:13px; line-height:1.6; position:relative;}
.win-message .icon-guanbi2{ position:absolute; right:10px; bottom:3px; font-size:18px; color:#e71f19;}
.win-register { text-align: center; }
.win-detail{ border-top:1px solid #f2f2f2; padding:10px 0;}
.win-detail > .c-list-text{ padding:3px 10px 3px 0px;}
.win-detail > li{ border-top:none; font-size:13px;}
.win-detail h4{ color:#909090 !important;}
.b-height i, iconfont { font-size: 60px; }
.b-height { height: 80px; height: 80px; line-height: 80px; text-align: center }
.doc-suggst{}
.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;}
.doc-suggst-charge{ border-top:1px solid #f2f2f2; padding:5px 10px}
.charge-mess{ -webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.charge-link{ -webkit-box-flex: 0; box-flex: 0; width: 50px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.doc-suggst li .arrow-right{ position:absolute; top:50%; margin-top:-4px; right:10px;}
.doc-suggst-order li{ display:block; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-bottom:10px;}
.doc-suggst-order li .doc-info{ border-top:none;}
.do-hosp{ line-height:35px; font-size:13px; padding:0 10px; border-bottom:1px solid #f2f2f2;}
.do-mess{ display:box; display:-webkit-box;}
.do-state{ line-height:37px; font-size:13px; padding:0 10px; border-top:1px solid #f2f2f2;}
.do-state a{ display:block; width:75px; height:25px; line-height:25px; text-align:center; background:#4dcd70; color:#fff; font-size:13px; border:1px solid #4dcd70; border-radius:3px; margin-top:5px;}
.do-state a:active{ background:#34b758;}
.do-state a.state-again{ background:#fff; border:1px solid #e1e1e1; color:#4dcd70;}
.do-state a.state-again:active{ background:#d9d7d7; color:#fff;}
.must-tb{ color:#ff8100; display:inline-block; margin-right:5px;}
.state-hold{ width:69px; height:19px; position:absolute; right:0; top:0;}
.state-hold div{ float:right; width:45px; height:19px; line-height:19px; background: #abdaf0; position: relative; border-radius: 0 0 0 50px; font-size:10px; color:#fff;}
.state-hold div:before{ content: ""; position: absolute; width:20px; height:19px; top:0; left:-10px; background: #abdaf0; -webkit-transform:skewX(40deg); transform:skewX(40deg); border-radius: 0 0 0 8px;}
.state-hold div span{ display:block; width:54px; height:19px; line-height:19px; position:absolute; right:0px; top:0; z-index:500; text-align:center;}
.no-sched div{ background:#ccc;}
.no-sched div:before{ background:#ccc;}

.lih25{ line-height:25px !important;}
.dis-box{ display:box; display:-webkit-box;}
.datum-list { width:92px; color: #909090; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.datum-right{ border-top: 1px solid #f1f1f1; border: 0; background-image: none; -webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.bottom-box { padding-left:10px; padding-right:10px;}
.bottom-box a.c-btn { width: 48%; padding: 10px 5px; border-radius:3px;}
.bottom-box a.c-btn-fff{ color:#333;}
.bottom-box { box-sizing: border-box; }
.bottom-box a { box-sizing: border-box; }
.bot-b{ border:1px solid #4dcd70;}
.h55{ height:55px;}
.help-tip{ padding:10px 15px 25px 15px; width:100%; text-align:center;}
.htposi{ position:fixed; left:0; bottom:0; z-index:500; background-color:#f9f9f9;}
/*挂号失败*/
.group-box{ line-height:30px;}
.y-btn { width:62px; height:26px; line-height:26px; text-align:center; border-radius: 4px; padding:0px 2px}
.y-btn-right{ right:15px; top:9px;}
.c-warp{ width:100%; height:100%;background:rgba(0,0,0,.8); position:fixed; left:0; top:0; z-index:500;}
.close-r{ right:20px; top:60px; font-size:px; border-radius: 50%; width:20px; height:20px; text-align:center; line-height:20px;}
.ui-arrow2, .ui-arrow2 s { position: relative; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 7px; }
.ui-arrow-r2, .ui-arrow-r2 s { border-left-color: #aaa; border-left-style: solid; }
.ui-arrow-r2 s { border-left-color: #333; position: absolute; left: -9px; top: -7px; }
.ui-arrow-b2, .ui-arrow-b2 s { border-top-color: #aaa; border-top-style: solid; }
.ui-arrow-b2 s { border-top-color: #333; position: absolute; left: -7px; bottom: -5px; }
.c-nowrap-multi4 {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.over-y{ overflow:auto; width:100%; height:100%;}
/*申请开通*/
.h-box{ line-height:40px;}
.r-textarea { width: 100%; border: 0; padding: 0; resize: none; background:#fff;}
/*预约详情*/
.det-list { width:100px; color: #333; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.det-right{ text-align:right; border: 0; background-image: none; -webkit-box-flex: 1; box-flex: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
/*我的预约信息*/
.pay-t{ right:15px; top:-6px; width:60px; height:24px; line-height:24px;padding:0px 2px}
.pay-button{ right:13px; top:28px; width:62px; height:28px; line-height:28px; text-align:center; border-radius: 4px; padding:0px 2px}
.quit-button{ right:12px; top:50%; margin-top:-14px;  width:62px; height:28px; line-height:28px; text-align:center; border-radius: 4px; padding:0px 2px}
.sur-minute{ right:15px; top:58px; }
.tri-left{ width:0px; height:0px; border-top:5px solid transparent; border-bottom: 0px solid transparent; right:79px; top:-6px}
.tri-right{ width:0px; height:0px; border-top:5px solid transparent; border-bottom: 0px solid transparent; right:10px; top:-6px}
.b-rdb6f00{ border-right: 5px solid #db6f00;}
.b-ldb6f00{ border-left: 5px solid #db6f00;}
.b-r399752{ border-right: 5px solid #399752;}
.b-l399752{ border-left: 5px solid #399752;}
.b-r909090{ border-right: 5px solid #909090;}
.b-l909090{ border-left: 5px solid #909090;}
.bgc-ccc{ background-color:#ccc;}
.b-bor{ border:1px solid #dcdcdc; border-radius: 4px;}
.mess-con{ background:#fff; padding:10px 15px; line-height:22px;}
.lih33{ line-height:33px;}
.h35{ height:35px;}
.h40{ height:40px;}
.appoint-lab{ width:100%; height:40px; position:fixed; left:0; top:0; z-index:500; background-color:#fff;}
.appoint-lab a{ display:block; width:50%; line-height:39px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; float:left; text-align:center; position:relative; z-index:502; color:#333;}
.appoint-lab a.hit{ border-bottom:2px solid #4dcd70; color:#4dcd70;}
.appoint-lab:before{ content:''; display:block; width:50%; height:27px; border-right:1px solid #e1e1e1; position:absolute; left:0; top:50%; margin-top:-13px; z-index:501;}
.appoint-con li .doc-warp{ padding-right:85px;}
/*选择医生*/
.noopen-tip i{ margin:70px 0 0 0;}
.noopen-tip .openbtn{ width:100px; height:35px; line-height:35px !important;}
.doc-suggst-lab{ height:45px;}
.doc-suggst-lab ul{ width:100%; height:44px; display:box; display:-webkit-box; position:fixed; left:0; top:0; background:#fff; z-index:600; border-bottom:1px solid #e1e1e1;}
.doc-suggst-lab ul.top35{ top:35px;}
.doc-suggst-lab ul.docpage{ position:relative;}
.doc-suggst-lab li{ -webkit-box-flex:1; box-flex:1; width:1px; text-align:center;}
.doc-suggst-lab li a{ display:block; width:100%; line-height:44px; font-size:13px; color:#909090; position:relative;}
.doc-suggst-lab li a.curr{ color:#4dcd70;}
.doc-suggst-lab li a.curr:before{ content:''; display:block; width:100%; height:3px; background:#4dcd70; position:absolute; left:0; bottom:-1px;}
.h45{ height:45px;}
.h55{ height:55px;}
.date-top{ width:100%; height:45px; display: box; display: -webkit-box; background:#fff; position:fixed; left:0; top:45px; z-index:600; padding:0 10px; border-bottom:1px solid #e1e1e1;}
.date-top .presel{ display:block; width:44px; height:44px; line-height:1.4; font-size:12px; text-align:center; display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; color:#666;}
.date-top .presel.curr{ background-color:#abdaf0; color:#fff;}
.date-top .dtmid{ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; position:relative; padding:0 20px;}
.dtmid-time{ width:100%; height:44px; overflow:hidden; position:relative;}
.date-top .dtmid ul{ display:block; width:1000px; position:absolute;}
.date-top .dtmid li{ float:left; color:#666;}
.date-top .dtmid .arrow-right{ position:absolute; right:3px; top:50%; margin-top:-5px;}
.date-top .dtmid .arrow-right:first-child{ right:auto; left:3px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg);}
.do-sched{ border-top:1px dashed #f2f2f2; margin-left:10px; padding:8px 0;}
.do-sched dl{ display:box; display:-webkit-box; line-height:30px; padding:5px 10px 5px 0;}
.do-sched dl dd{ box-flex:1; -webkit-box-flex:1; font-size:13px;}
.do-sched a.sched-btn{ display:inline-block; width:70px; height:30px; line-height:30px; text-align:center; background:#4dcd70; color:#fff; font-size:13px; border-radius:2px;}
.do-sched a.disab{ background:#ccc;}
.do-sched a.sched-btn:active{ background:#34b758;}
.do-sched a.disab:active{ background:#ccc;}
.doc-sched{ line-height:35px; background:#fff; position:relative; padding:0 10px; font-size:13px; color:#ff8100;}
.doc-sched .arrow-right{ position:absolute; right:10px; top:10px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transition:all .3s ease;}
.doc-sched .arrow-right.ashow{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top:16px;}
.doc-suggst-tip{ width:100%; height:35px; line-height:34px; background:#f9f9f9; position:fixed; left:0; top:0; z-index:600; border-bottom:1px solid #e1e1e1; color:#5b5b5b; font-size:13px; padding:0 10px;}
.doc-suggst-tip .icon-yiwen{ position:absolute; right:10px; top:0px; font-size:18px; color:#0066ff;}
/*首页*/
.search-hold{ height:45px;}
.search-hold .c-ser-hold{ height:45px; position:fixed; left:0; top:0; background:#fff; z-index:800; padding:8px 10px 0 10px; display:box; display:-webkit-box; display:-moz-box;}
.search-hold .ser-area{ box-flex:0; -webkit-box-flex:0; -moz-box-flex:0; max-width:100px; padding-right:23px; position:relative; line-height:30px; color:#37a6eb; margin-right:4px;}
.search-hold .ser-area .arrow-right{ display:inline-block; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); position:absolute; right:6px; top:8px;}
.search-hold .c-ser-into{ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1;}
.index-tit{ line-height:32px;}
.index-myyy{ background:#fff;}
.index-myyy .iy-tit{ line-height:30px; padding:5px 15px 0 15px;}
.index-myyy .iy-tit a{ color:#007cd9;}
.index-myyy .c-list-action{ width:85px; text-align:right;}
.index-myyy .c-list-action a.c-btn{ width:75px; height:30px; line-height:29px !important; padding:0; font-size:15px;}
.c-list-indent-h { padding-right: 80px !important; }
.index-myyy .myhosp{ display:inline-block; width:auto; max-width:100%; position:relative; font-size:13px; color:#909090; padding-right:34px;}
.htit10{ height:10px; background:#f5f5f5;}
.index-hosp .ih-top{ height:10px; background:#f5f5f5;}
.htit35{ height:35px; background:#fff;}
.itfixed{ width:100%; position:fixed; left:0; top:49px; z-index:810;}
.index-hosp .ih-tit{ line-height:25px; padding:8px 15px 2px 15px; background:#fff; font-size:15px;}
.ihfixed{ width:100%; position:fixed; left:0; top:59px; z-index:810; border-bottom:1px solid #e1e1e1;}
.index-hosp .icon-dizhi{ display:inline-block; vertical-align:middle; margin:0 2px 3px 0;}
.index-hosp .ih-tit .arrow-right{ display:inline-block; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); margin:0 0 2px 5px;}
.index-hosp .c-list .c-list-info h4{ float:left; width:auto; max-width:100%; padding-right:34px; position:relative; color:#666;}
.mysj{ display:inline-block; width:30px; height:15px; line-height:15px; background:#f47f1f; font-size:10px; color:#fff; text-align:center; border-radius:3px; position:absolute; right:0; top:3px;}
.index-myyy .c-list-indent-h{ padding-right:85px !important;}
.search-result{}
.ser-nomess{ text-align:center; padding:0 15px; line-height:20px; font-size:14px;}
.noopen{ display:inline-block; width:110px; height:110px; background:url(../images/search-tb.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.ser-nomess i{ display:inline-block; margin:90px 0 20px 0; font-size:50px; color:#ccc;}
.ser-doclist{ background:#fff;}
.sd-num{ display:block; line-height:33px; color:#909090; font-size:13px; background:#f9f9f9;}
.sd-more{ display:block; line-height:40px; text-align:center; color:#007cd9; border-top:1px solid #f2f2f2;}
.ser-hosplist .c-list .c-list-info h4{ float:left; width:auto; max-width:100%; padding-right:34px; position:relative; color:#666;}
.ser-hosplist{ background:#fff;}
.ser-hosplist .c-list .c-list-info{ padding-right:40px;}
.ser-doclist .c-list .c-list-info h4{ padding-right:0;}
.ser-doclist .c-list .c-list-info{ padding-right:40px;}
.ser-defu-his{}
.ser-defu-his li{ line-height:45px; background:#fff; padding:0 15px; border-top:1px solid #f2f2f2;}
.ser-defu-his li:first-child{ border-top:none;}
.ser-defu-his li .icon-lishijilu{ display:inline-block; vertical-align:middle; margin-bottom:1px;}
.ser-defu-tip{ width:200px; margin:60px auto 0 auto;}
.ser-defu-tip .st-tit{ font-size:19px; color:#909090; text-align:center; line-height:45px;}
.ser-defu-tip .st-type{ border-top:1px solid #f2f2f2; overflow:hidden; padding:10px 0;}
.ser-defu-tip .st-type span{ display:block; width:50%; float:left; text-align:center; font-size:12px; color:#909090; line-height:1.2;}
.ser-defu-tip .st-type span .iconfont{ font-size:26px;}
.noopen{ display:inline-block; width:110px; height:110px; background:url(../images/search-tb.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
/* 选择地区 */
.area-top{ height:40px; line-height:40px; background:#fff; padding:0 10px; position:relative; z-index:600; overflow:hidden;}
.area-top .icon-dangqianweizhi{ vertical-align:middle; display:inline-block; margin-right:3px; margin-bottom:2px; color:#ccc;}
.area-box{ width:100%; height:100%; position:fixed; left:0; top:0; padding-top:40px; font-size:15px; z-index:500;}
.area-province{ width:100%; height:100%; float:left; overflow:hidden; background:#f9f9f9;}
.area-province li{ display:block; line-height:20px; padding-top:12px; padding-bottom:12px; padding-right:4px; padding-left:10px; border-top:1px solid #ebeaea;}
.area-province li:first-child{ border-top:none;}
.area-province li:active{ background:#abdaf0; color:#fff;}
.area-province li.curr{ background:#fff;}
.area-city{ width:65%; height:100%; float:left; overflow:hidden; background:#fff; right:-65%; position:relative;}
.area-city li{ display:block; line-height:21px; padding:12px 4px 12px 15px; color:#666;}
.area-city li:active{ background:#abdaf0; color:#fff;}
.openbtn{ width:70px; height:28px; line-height:28px !important; padding:0; text-align:center; font-size:15px;}
.noopen-tip i{ margin:70px 0 0 0;}
.deptpart{ padding-top:38px;}
.dept-top{ padding:0 35px 0 15px; height:40px; line-height:40px; position:relative; z-index:600; overflow:hidden; background-color:#fff;}
.dept-top .icon-qiehuan{ position:absolute; right:10px; top:0px; color:#0066ff; padding-left:20px;}
.dept-top-mess{ display:inline-block; padding-right:34px; position:relative;}
.dept-top-mess .mysj{ top:50%; margin-top:-8px;}
.dept-top .arrow-right{ position:absolute; right:15px; top:50%; margin-top:-4px;}
.area-province li label{ display:inline-block; width:0px; transition:all .3s ease; -webkit-transition:all .3s ease; overflow:hidden; vertical-align:middle; margin-bottom:4px;}
.area-province li.curr label{ width:15px;}
.area-province li .ui-arrow{ position:relative; display:block; font-size:0; line-height:0; width:0; height:0; border-color:transparent; border-style:dashed; border-width: 5px; border-left-color:#0066ff; border-left-style:solid; opacity:0;}
.area-province li.curr .ui-arrow{ opacity:1;}
/* 填写信息 */
.mlpr40{ padding-right:40px !important;}
.ml-collect{ display:block; width:23px; height:23px; line-height:23px; border:2px solid #ccc; color:#ccc; text-align:center; border-radius:50%; position:absolute; right:15px; top:50%; margin-top:-13px;}
.ml-collect.msaved{ border:2px solid #ffc815; color:#ffc815;}
.mess-lock{ background:#fffcf2; line-height:35px; border-bottom:1px solid #f2f2f2;}
.mess-lab{ line-height:38px; background:#fff; position:relative;}
.mess-lab li{ display:block; height:38px; line-height:38px; float:left; position:relative;}
.mess-lab li span{ display:block; height:14px; line-height:14px; padding:0 25px; border-right:1px solid #f2f2f2; margin-top:12px;}
.mess-lab li.hit{ color:#4dcd70; border-bottom:2px solid #4dcd70;}
.mess-lab li .hasnews{ display:block; width:8px; height:8px; line-height:8px; background:#f00; border-radius:50%; position:absolute; left:50%; margin-left:27px; top:9px;}
.mess-lab .labhide{ width:45px; height:38px;}
.mess-lab .arrow-right{ position:absolute; right:15px; top:50%; margin-top:-5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition:all .3s ease;}
.mess-lab .arrow-right.ashow{ margin-top:-7px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg);}
.mess-con{ background:#fff; padding:10px 15px; line-height:22px;}
.mess-form{ background:#fff;}
.mess-form li{ border-top:1px solid #f2f2f2; position:relative;}
.mess-form li:first-child{ border-top:none;}
.mform-tit{ display:box; display:-webkit-box; line-height:45px; padding:0 10px; position:relative;}
.mform-tit .icon-haoyuan,.mform-tit .icon-jiuzhenren,.mform-tit .icon-zhengjianleixing,.mform-tit .icon-chushengnianyue,.mform-tit .icon-xingbie,.mform-tit .icon-dangqianweizhi{ position:absolute; right:10px; top:0; font-size:18px; color:#0066ff;}
.mform-tit h4{ box-flex:0; -webkit-box-flex:0; -moz-box-flex:0; width:95px;}
.mform-tit .mtmess{ display:block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1;}
.mess-detail{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.9); overflow:auto; left:0; top:0; z-index:800; padding:10% 20px 10% 20px; display:none;}
.mess-detail .arrow-right{ position:absolute; right:15px; top:22px; transition:all .3s ease;}
.mess-detail .arrow-right.ashow{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg);}
.md-intro{ position:relative; border-top:1px solid #f2f2f2;}
.mess-form li .arrow-right.seljt{ position:absolute; right:13px; top:50%; margin-top:-8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg);}
.mf-select{ width:100%; border:none; padding:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none;}
.agreepop{ padding:15px 0 60px 0; line-height:1.7; position:fixed; width:90%; height:90%; left:5%; top:5%; z-index:800; background-color:#fff; border-radius:5px; display:none;}
.agreepop .agree-box{ position:relative; height:100%; overflow:auto; padding:0 15px;}
.agreepop p{ word-break:break-all;}
.agreepop .c-btn{ position:absolute; left:5%; bottom:10px; width:90%; border-radius:5px;}
.agreemb{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.6); z-index:700; display:none;}
.human-add{ padding:5px; position:relative; z-index:500; background:#fff;}
.human-add a{ display:block; width:100%; height:45px; line-height:45px; background:#4dcd70; border-radius:2px; font-size:16px; color:#fff; text-align:center;}
.human-add a:active{ background:#34b758;}
.jzr-more{ text-align:center; line-height:26px; font-size:13px; color:#5b5b5b; padding-top:3px;}
.jzr-more .arrow-right{ display:inline-block; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); margin:0 0 3px 10px; transition:all .3s ease;}
.jzr-more .arrow-right.ashow{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); margin-bottom:-2px;}
/* ----就诊时间 */
.mform-time{ display:box; display:-webkit-box; border-top:1px solid #6eb2c1; background:#e9f8fc;}
.mform-time dt{ display:block; height:40px; line-height:15px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; border-right:none;}
.mform-time dd{ display:block; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.mform-time dd label{ display:block; width:100%; height:50px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; border-top:1px dashed #bddfe8; border-right:1px dashed #bddfe8; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.mform-time dd label:first-child{border-top:1px solid #bddfe8;}
.mform-time .mtleft{ display:block; box-flex:0; -webkit-box-flex:0; -moz-box-flex:0; width:40px;}
.mform-time .mtleft .go-left span,.mform-time .mtright .go-right span{ display:inline-block; width:21px; height:21px; background:#a0a9ac; text-align:center; border-radius:50%; margin-top:2px;}
.mform-time .mtleft .go-left i{ margin:5px 0 0 7px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); border:solid #fff; border-width: 2px 2px 0 0;}
.mform-time .mtright .go-right i{ margin:5px 0 0 4px; border:solid #fff; border-width: 2px 2px 0 0;}
.mform-time .mtmid{ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; overflow:hidden; position:relative;}
.mform-time .mtmid dl{ display:block; width:60px; float:left;}
.mform-time .mtmid dl:nth-child(2n) dd{ background:#fff;}
.mform-time .mtright{ box-flex:0; -webkit-box-flex:0; -moz-box-flex:0; width:40px;}
.mform-time .mtmid a.mt-open{ display:block; width:100%; height:100%; text-align:center; background-color:#4dcd70; color:#fff; font-size:13px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.mform-time .mtmid a.mt-full{ display:block; width:100%; height:100%; text-align:center; background-color:#f5f5f5; color:#909090; font-size:13px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.mt-filter{ line-height:35px; background:#e9f8fc; border-top:1px solid #bddfe8; font-size:13px; color:#3399cc; text-align:center;}
/* ----预约号源 */
.mform-num{ display:box; display:-webkit-box; border-top:1px solid #f2f2f2; padding:15px 0 15px 15px;}
.mform-num .mnleft{ height:60px; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; position:relative; overflow:hidden;}
.mform-num .mnleft ul{ display:block; position:absolute;}
.mform-num .mnleft li{ display:block; float:left; width:72px; height:60px; margin-right:10px; background:#fff; border:1px solid #31cc71; border-radius:2px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.mform-num .mnleft li .lnum{ display:block; height:36px; line-height:18px; color:#31cc71; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.mform-num .mnleft li .ltime{ display:block; width:100%; height:24px; line-height:24px; background:#31cc71; font-size:12px;}
.mform-num .mnright{ box-flex:0; -webkit-box-flex:0; -moz-box-flex:0; width:30px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.mform-num .mnright i{ margin-left:10px;}


.choosepop{ width:100%; max-height:50%; bottom:0px; left:0; z-index:800; position:fixed; display:none; -webkit-animation:choopop .3s ease; animation:choopop .3s ease; background:#fff; overflow:hidden;}
@-webkit-keyframes choopop{
	0%{ bottom:-200px;}
	100%{ bottom:0px;}
}
@keyframes choopop{
	0%{ bottom:-200px;}
	100%{ bottom:0px;}
}
.choosepop ul{ display:block; overflow:hidden; background:#fff;}
.choosepop li{ display:block; width:100%; line-height:38px; text-align:center; color:#5b5b5b; font-size:15px; border-top:1px solid #f2f2f2;}
.choosepop li.curr{ color:#00a0e9;}
.choosepop li:first-child{ border-top:none;}
.choosepop .c-add{ display:block; line-height:40px; text-align:center; border-bottom:1px solid #e1e1e1; position:relative; z-index:500; background:#fff;}
.choosepop .c-close{ display:block; width:55px; height:40px; position:absolute; right:2px; top:0; border-left:1px solid #f2f2f2;}
.choosepop .c-close:before{ content:''; display:block; width:30px; height:1px; background:#909090; position:absolute; left:14px; top:20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.choosepop .c-close:after{ content:''; display:block; width:30px; height:1px; background:#909090; position:absolute; left:14px; top:20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.choosepop-mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.7); z-index:700;}

/* ----就诊人 */
.bor-t-f2{ border-top:1px solid #f2f2f2;}
.mform-human{ height:30px; padding:15px 0; position:relative; overflow:hidden;}
.mform-human ul{ display:block; position:absolute;}
.mform-human li{ display:block; float:left; width:70px; height:30px; line-height:30px; text-align:center; background:#4dcd70; border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; margin-right:8px;}
.mform-human li.mhadd{ border:1px dashed #e1e1e1; background:#fff; position:relative;}
.mform-human li.mhadd:before{ content:''; display:block; width:5px; height:17px; position:absolute; left:50%; margin-left:-2px; top:50%; margin-top:-8px; background:#e1e1e1;}
.mform-human li.mhadd:after{ content:''; display:block; width:17px; height:5px; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-2px; background:#e1e1e1;}

.notice-box{ background:#fff; padding-left:15px;}
.nb-tit{ line-height:40px; position:relative; border-bottom:1px solid #f2f2f2;}
.nb-tit .arrow-right{ position:absolute; right:15px; top:50%; margin-top:-3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transition:all .3s ease; -webkit-transition:all .3s ease;}
.nb-tit .arrow-right.nhide{ transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); margin-top:-7px;}
.nb-con{ height:70px; overflow:auto; line-height:24px; margin:5px 0 5px 0; padding-right:10px;}
.ncxz{ display: box; display: -webkit-box; line-height:22px;}
.xzleft{ box-flex:0; -webkit-box-flex:0; -moz-box-flex:0; width:160px;}
.xzright{ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1;}

/* 2015-11-03 */
.yuyue-sm{ background:#fff; padding:10px 15px;}
.yuyue-sm li{ position:relative;padding-bottom:5px; padding-left:15px; font-size:13px; color:#666; }
.yuyue-sm li em{ position:absolute; top:0;left:0;font-size:15px; color:#ff8100;}
.yuyue-sm li:last-child{ padding-bottom:0;}

.bq-text-box{ border:1px solid #f2f2f2; border-radius:4px; padding:5px 10px;}
.bq-text-box textarea{width:100%; margin:0; padding:0; border:none; resize:none; white-space: pre-wrap;}
.mf-select {margin-left:-2px; background:#fff;}
.mform-tit h4{ width:100px;}
.yuyue-js{ width:100%; min-height:60px; white-space: pre-wrap; word-wrap: break-word;}
/* 预约等待中 */
.wait-tip{ background:#fff; text-align:center; padding:25px 15px 70px 15px;}
.doc-info .icon-daohang{ display:inline-block; vertical-align:middle; margin:0 5px 2px 0; font-size:17px;}
.lih15{ line-height:15px;}
.state-center{ display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; width:100%; height:100%; position:fixed; left:0; top:0; background-color:#fff;}
.state-center .htposi{ background-color:#fff;}
/* 蓝色配色 */
.webcor-blue .c-btn-4dcd70{ background-color:#007cd9;}
.webcor-blue .c-btn-fff-other{ color:#007cd9;}
.webcor-blue .bottom-box a.c-btn-fff{ color:#007cd9; border-color:#47aaf4;}
.webcor-blue .bot-b{ border-color:#007cd9;}
.webcor-blue .b-r399752{ border-right: 5px solid #154c75;}
.webcor-blue .b-l399752{ border-left: 5px solid #154c75;}
.webcor-blue .bgc-4dcd70{ background-color:#007cd9;}
.webcor-blue .mform-time .mtmid a.mt-open{ background-color:#007cd9; border-color:#007cd9;}
.webcor-blue .mform-num .mnleft li{ border-color:#2d91dc;}
.webcor-blue .mform-num .mnleft li .lnum{ color:#2d91dc;}
.webcor-blue .mform-num .mnleft li .ltime{ background-color:#2d91dc;}
.webcor-blue .mform-human li{ background-color:#007cd9;}
.webcor-blue .doc-warp .c-4dcd70{ color:#007cd9;}
.webcor-blue .appoint-lab a.hit{ border-bottom:2px solid #007cd9; color:#007cd9;}
.webcor-blue .area-province li.hit{ border-left:2px solid #007cd9; color:#007cd9;}
.webcor-blue .date-top .presel.hit{ background-color:#007cd9; border-color:#007cd9;}
/* error */
.error-box{ width:100%; height:100%; position:fixed; z-index:500; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.error-tb{ display:inline-block; width:111px; height:90px; background:url(../images/error-page.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
/* 绑定提示 */
.realname-pop{ position:fixed; left:0; top:0; width:100%; height:100%; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; z-index:900; text-align:center; color:#fff;}
.realname-img{ display:inline-block; width:197px; height:197px; background:url(../images/activity1-bg.png) no-repeat; background-size:100% 100%; margin-bottom:10px;}
.realname-pop-mb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:880; background:rgba(0,0,0,.7);}
.realname-pop a.rnbtn{ display:inline-block; width:210px; height:40px; line-height:40px; text-align:center; background:#ff8100; color:#fff; font-size:15px; border-radius:3px; margin-top:10px;}
.realname-pop .realname-pop-close{ position:absolute; right:20px; top:20px; width:23px; height:23px; background:#ccc; border-radius:50%;}
.realname-pop .realname-pop-close:before{ content:''; display:block; width:13px; height:2px; background:#4c4c4c; border-radius:2px; position:absolute; left:5px; top:11px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
.realname-pop .realname-pop-close:after{ content:''; display:block; width:13px; height:2px; background:#4c4c4c; border-radius:2px; position:absolute; left:5px; top:11px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);}

.bindtip-box p{ margin:2px 0 !important; font-size:15px; line-height:1.2;}
.bindtip-box p.c-f18{ font-size:18px !important;}
.bindtip-success{ display:inline-block; width:63px; height:63px; background:url(../images/bind-poptb.png) no-repeat; background-size:126px 63px; margin-top:10px !important;}
.bindtip-failed{ display:inline-block; width:63px; height:63px; background:url(../images/bind-poptb.png) -63px 0 no-repeat; background-size:126px 63px;}
/* 无数据 */
.no-mess{ padding:0 10px; text-align:center; font-size:13px; color:#5b5b5b;}
.no-mess-tb{ display:inline-block; width:123px; height:123px; background:url(../images/no-mess.png) no-repeat; background-size:100% 100%; margin:80px 0 5px 0;}
/* 医生详情 */
.doc-follow{ -webkit-box-flex:0; box-flex:0; width:55px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; z-index:900; text-align:center; color:#909090; font-size:13px; line-height:1.2;}
.doc-follow .icon-weiguanzhu{ font-size:20px;}
.f-checked{ color:#ff8100;}
.f-checked .icon-weiguanzhu:before { content:"\d617";}
.doc-detail-mess{ padding:10px 10px 30px 10px; font-size:13px; color:#666; line-height:1.7;}
.appoin-detail{ background:#fff; font-size:13px;}
.appoin-detail label{ display:block; margin-left:10px; color:#ff8100; line-height:30px; border-bottom:1px solid #f2f2f2;}
.appoin-detail-con{ padding:5px 10px; line-height:1.6; color:#909090; word-break:break-all;}
.c-nowrap-three {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.ac-more{ display:block; text-align:center; line-height:25px; color:#0066ff;}
.ac-more .arrow-right{ display:inline-block; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); vertical-align:middle; margin:0 0 7px 5px; border: solid #0066ff; border-width: 2px 2px 0 0; transition:all .3s ease;}
.ac-more .arrow-right.ashow{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); margin-bottom:-2px;}
.plr10 .border-radius-rounded{ border-radius:3px;}
.record-fast{ width:57px; height:57px; background:rgba(0,0,0,.5); border-radius:50%; text-align:center; position:fixed; right:10px; bottom:30px; z-index:600; font-size:10px; line-height:1.2; box-shadow:0px 0px 4px rgba(0,0,0,.5);}
.record-fast a{ display:block; width:100%; height:100%; display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; color:#fff;}
.record-fast .icon-yuyuejilu{ font-size:18px;}
/* demo */
.mt-hosplab{ background:#f3f3f3; padding:10px;}
.mt-hosplab-ul{ display:box; display:-webkit-box; border:1px solid #ececec; border-radius:4px; overflow:hidden;}
.mt-hosplab-ul li{ box-flex:1; -webkit-box-flex:1; height:30px; line-height:30px; color:#4dcd70; text-align:center; border:none; background:#fff;}
.mt-hosplab-ul li.curr{ background:#4dcd70; color:#fff;}
.bor-t-6eb2c1{ border-top:1px solid #6eb2c1;}