/* 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-cancle{ background:#ccc; border:1px solid #ccc; color:#fff;} .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:85px; 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:83px;} .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,.mform-tit .icon-weiguanzhu{ 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:80%; left:5%; top:10%; margin-top:20px; 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;} .ncds-top{ line-height:45px; font-size:15px; background:#fff; padding:0 15px;} .ncds-top-jt{ display:inline-block; font-size:0; line-height:0; width:0; height:0; border-color:transparent; border-style:dashed; border-width:6px; border-top-color:#ddd; border-top-style:solid; vertical-align:middle; margin:5px 0 0 5px;}