sr-iHealthwx/html/zxwz/css/sfdoc-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); -ms-transform: rotate(135deg); -o-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 .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: 14px; color: #333; position: relative; display: -webkit-box; display: box; margin-left: 10px; border-top: 1px solid #f1f1f1; }
.c-list > .c-list-text { line-height: 20px; padding: 12px 10px 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: 10px; 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: 25px }
.c-list-link .list-icon { position: absolute; right: 12px; top: 50%; margin-top: -4px; }
.c-list .c-avatar-s, .c-list .c-avatar-m, .c-list .c-avatar-l { margin: 12px 10px 12px 0; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.c-list-indent-s { padding-right: 70px !important; }
.c-list-indent-m { padding-right: 110px !important; }
.c-list-action .input-group-checkbox .input-group-pack, .c-list-action .input-group-radio .input-group-pack { margin: 0 0 0 5px; }
.c-avatar-s { width: 26px; height: 26px; }
.c-avatar-m { width: 40px; height: 40px; }
.c-avatar-l { width: 54px; height: 54px; }
.c-avatar-s img, .c-avatar-m img, .c-avatar-l img { width: 100%; height: 100%; }
.c-list-text .c-t-right { color: #909090 !important; }
.c-list-text .c-t-right { padding-right: 0px; color: #909090; }
.c-list-link .c-t-right { padding-right: 20px !important; }
/* css c-lab1
-----------------------------------------------------------------------------*/
.c-lab-les { display: -webkit-box; display: box; border: 1px solid #37a6eb; overflow: hidden; }
.c-lab-les li { -webkit-box-flex: 1; box-flex: 1; height: 30px; line-height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; text-align: center; border-left: 1px solid #37a6eb; }
.c-lab-les li:first-child { border-left: none; }
.c-lab-les li a { display: block; width: 100%; height: 30px; color: #37a6eb; }
.c-lab-les li.hit { background-color: #37a6eb; }
.c-lab-les li.hit a { color: #fff; }
/* css search
-----------------------------------------------------------------------------*/
.c-ser-hold { width: 100%; height: 43px; background-color: #fff; padding: 8px 10px 0 10px; }
.c-ser-into { background: #f2f2f2; height: 28px; line-height: 28px; border-radius: 5px; color: #ccc; 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: 8px 0 0 2px; float: left; }
.c-ser-main { -webkit-box-flex: 1; box-flex: 1; background: #f2f2f2; height: 28px; line-height: 28px; border-radius: 5px; font-size: 15px; color: #8e8e93; position: relative; padding-left: 25px; overflow: hidden; }
.c-ser-main i { position: absolute; left: 7px; top: 1px; }
.c-ser-input { width: 100%; background: #f2f2f2; height: 22px; line-height: 22px; border: none; color: #333; border-radius: 5px; padding: 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 .close { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden; top: -7px; }
.c-ser-main .input-clear .close::before, .c-ser-main .input-clear .close::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
.c-ser-main .input-clear .close::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 .close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/* css c-lab2
-----------------------------------------------------------------------------*/
.c-lab-mor { display: -webkit-box; display: box; overflow: hidden; background: #fff; }
.c-lab-mor li { -webkit-box-flex: 1; box-flex: 1; height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; text-align: center; padding-top: 6px; border-bottom: 1px solid #e1e1e1; }
.c-lab-mor li:first-child { border-left: none; }
.c-lab-mor li a { display: block; width: 100%; height: 28px; line-height: 28px; color: #333; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; border-left: 1px solid #f2f2f2; }
.c-lab-mor li:first-child a { border-left: none; }
.c-lab-mor li.curr { border-bottom: 3px solid #17b3ec; }
.c-lab-mor li.curr a { color: #17b3ec;}
/* buttons color
-----------------------------------------------------------------------------*/
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-ff3 { background-color: #ffffff; color: #ff3b2d; border: #e1e1e1 1px solid; }
.c-btn-ff3:hover { background-color: #e5e5e5; }
.c-btn-37a6ec { background-color: #37a6ec; }
.c-btn-37a6ec:hover { background-color: #3195d4; }
/* css getmore
-----------------------------------------------------------------------------*/
.c-get-more { width: 100%; }
.c-get-more a { display: block; text-align: center; line-height: 40px; font-size: 14px; color: #909090; }
.c-get-more a.blue { color: #007cd9; }
/* css3-Grid
-----------------------------------------------------------------------------*/
.ui-grid { display: -webkit-box; display: box; }
.ui-grid-middle { -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center; }
.ui-grid-vertical { -webkit-box-orient: vertical; box-orient: vertical; }
.ui-grid-label { -webkit-box-flex: 0; box-flex: 0; width: 100px; font-weight: 600; }
.ui-col-0 { -webkit-box-flex: 0; box-flex: 0; }
.ui-col-1 { -webkit-box-flex: 1; box-flex: 1; }
.ui-col-2 { -webkit-box-flex: 2; box-flex: 2; }
.ui-col-3 { -webkit-box-flex: 3; box-flex: 3; }
.ui-col-4 { -webkit-box-flex: 4; box-flex: 3; }
.ui-col-5 { -webkit-box-flex: 5; box-flex: 5; }
.ui-col-6 { -webkit-box-flex: 6; box-flex: 6; }
body{ background-color:#f3f3f3; color:#333; font-size:14px;}
.m10 { margin: 10px;}
.c-f11 { font-size: 11px;}
.bor-t-f2{ border-top:1px solid #f2f2f2;}
.bor-b-f2{ border-bottom:1px solid #f2f2f2;}
.bor-tb-f2{ border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.lih25{ line-height:25px;}
.lih32{ line-height:32px;}
.lih35{ line-height:35px;}
.h40{ height:40px;}
.h43{ height:43px;}
.h50{ height:50px;}
.h55{ height:55px;}
.mb2{ margin-bottom:2px;}
.c-17b3ec{ color:#17b3ec;}
.c-ccc{ color:#ccc;}
.c-06f { color: #06f;}
.c-f10{ font-size:10px;}
.c-ff8100 { color: #ff8100;}
.c-0066ff { color: #0066ff;}
.c-case-btn { height: 40px; line-height: 40px; text-align: center; border-radius: 5px; display: block;}
/* 病程 */
.case-top{ position:relative; padding:12px 0;}
.case-top .cimg{ position:absolute; left:10px; top:50%; margin-top:-20px;}
.case-top .cimg img{ width:40px; height:40px;}
.case-top .cmess{ padding-left:60px; padding-right:45px; min-height:40px; display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; line-height:1.4;}
.case-top .zdgz{ right:-76px; top:-1px; height:20px; line-height:20px; background-color:#ccc; border-radius:3px; font-size:12px; color:#fff; padding:0 3px;}
.case-top .zdgz .icon-yonghu{ font-size:14px; margin-right:3px;}
.case-top .cmess .checked{ background-color:#ff8100;}
.case-top .icon-dianhua{ position:absolute; right:15px; top:50%; margin-top:-25px; font-size:34px; color:#17b3ec;}
.case-list{ display:block;}
.case-list li{ padding:8px 10px 10px 30px; line-height:20px; position:relative;}
.case-list-img img{ width:79px; height:79px; margin:10px 10px 0 0;}
.case-bar{ position:absolute; left:17px; top:0; width:2px; height:100%; background:#d7e0df;}
.case-bar:before{ content:''; display:block; width:13px; height:13px; background:#fff; border:2px solid #d7e0df; position:absolute; left:-8px; top:9px; border-radius:50%;}
.case-bar:after{ content:''; display:block; width:7px; height:7px; background:#d7e0df; position:absolute; left:-3px; top:14px; border-radius:50%;}
/* 病历 */
.case-lab{ width:100%; height:40px; background-color:#fff;}
.case-lab li{ position:relative;}
.case-lab .hasmess{ display:block; width:10px; height:10px; background-color:#f30; border-radius:50%; position:absolute; left:50%; margin-left:17px; top:8px;}
.labfixed{ position:fixed; left:0; top:0; z-index:600;}
.case-more{ display:block; text-align:center; line-height:35px; background-color:#fff;}
.case-chief{ background:#fff;}
.chief-tit{ line-height:30px; padding-top:6px; padding-right:10px;}
.chief-texa{ position:relative; padding-bottom:20px; background-color:#f2f2f2; border-radius:3px; margin-right:10px;}
.chief-texa textarea{ width:100%; height:110px; border:none; background-color:#f2f2f2; border-radius:3px; padding:5px 10px;}
.chief-texa-num{ position:absolute; right:17px; bottom:7px; font-size:13px; color:#909090;}
.case-edit{ background:#fff; text-align:center; padding:7px 10px;}
.case-edit a{ display:block; width:100%; height:40px; line-height:40px; color:#fff; background-color:#17b3ec; border:1px solid #17b3ec; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; border-radius:4px;}
.editin a{ width:48%; float:right; border-left:1px solid #f2f2f2;}
.editin a:first-child{ border-left:none; background-color:#fff; border:1px solid #f2f2f2; color:#333; float:left;}
.cor-black{ color:#333 !important;}
.case-complaint > li{ border-top:none;}
/* 患者管理 */
.case-top .icon-more{ position:absolute; right:10px; top:50%; margin-top:-15px; font-size:20px; color:#17b3ec;}
.case-top .icon { position:absolute; right:10px; top:50%; margin-top:-15px; font-size:20px;}
.more-detail{ width:110px; background:#fff; position:absolute; right:10px; top:50%; margin-top:20px; z-index:700; padding:5px 0; border-radius:5px; display:none;}
.more-detail li{ display:block; width:100%; line-height:30px;}
.more-detail li a{ display:block; width:100%; height:100%; color:#333;}
.more-detail li i{ display:inline-block; vertical-align:middle; margin:0px 10px 3px 10px;}
.more-detail .morejt{ display:inline-block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 7px;  border-bottom-color: #fff; border-bottom-style: solid; position:absolute; right:6px; top:-13px;}
.moremb{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:650; background:rgba(0,0,0,.1); display:none;}
.mang-logs{ padding-left:45px; line-height:30px; position:relative;}
.mang-logs a{ color:#007cd9;}
.mang-logs .tb-secretary{ display:block; position:absolute; width:27px; height:30px; background:url(../images/secretary.png) no-repeat; background-size:100% 100%; left:10px; bottom:0px;}
.c-ser-hold .icon-search{ font-size:14px;}
.mang-member .zdgz{ display:inline-block; width:18px; height:18px; line-height:18px; background-color:#ff8100; border-radius:4px; text-align:center;}
.mang-member .zdgz i{ font-size:14px;}
.mang-member .c-t-right{ padding-right:0px !important;}
.mang-member .c-list-info{ padding-right:110px;}
.member-list .c-t-right{ padding-right:0px !important;}
.member-list .c-list-info{ padding-right:110px;}
.member-sel{ background-color:#fff; line-height:40px;}
.member-sel:before { content:''; width:3px; height: 40px; background: #17b3ec; position: absolute; left: 0;}
.member-sel .arrow-top{ margin-top:12px; transition:all .3s ease; -webkit-transition:all .3s ease;}
.member-sel .ahide{ -webkit-transform: rotate(175deg); -moz-transform: rotate(175deg); -ms-transform: rotate(175deg); -o-transform: rotate(175deg); transform: rotate(175deg); margin-top:18px;}
.mang-bot{ width:100%; height:50px; position:fixed; left:0; bottom:0; z-index:600; background-color:#fff;}
.mang-bot li{ display:block; width:50%; line-height:50px; float:left; text-align:center; position:relative; z-index:600;}
.mang-bot li.curr{ color:#17b3ec;}
.arrow-top{ display:inline-block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 5px;  border-bottom-color: #ccc; border-bottom-style: solid; vertical-align:middle; margin:0 0 8px 5px;}
.mang-bot li.curr .arrow-top{ border-bottom-color: #17b3ec;}
.mang-bot:before{ content:''; display:block; width:50%; height:35px; position:absolute; left:0; top:7px; border-right:1px solid #f2f2f2; z-index:300;}
/* 搜索 */
.h43 .c-ser-hold{ position:fixed; left:0; top:0; z-index:600;}
.result-his{ display:block;}
.result-his li{ line-height:45px; background:#fff; border-top:1px solid #f2f2f2; padding-left:10px;}
.result-his li:first-child{ border-top:none;}
.hisdel{ display:block; width:35px; height:45px; text-align:right; padding-right:10px;}
.delall{ display:block; text-align:center; line-height:30px; padding:5px 0;}
.ser-nomess{ text-align:center; padding-top:50px;}
.ser-nomess .icon-lishisousuo{ font-size:50px;}
.botpop{ position:fixed; left:0; bottom:0; width:100%; z-index:700; -webkit-animation:choopop .2s ease; animation:choopop .2s ease; display:none;}
@-webkit-keyframes choopop{
	0%{ bottom:-200px;}
	100%{ bottom:0px;}
}
@keyframes choopop{
	0%{ bottom:-200px;}
	100%{ bottom:0px;}
}
.botpop li{ line-height:50px; background:#fff; border-top:1px solid #f2f2f2; padding:0 15px;}
.botpop li.curr{ color:#17b3ec;}
.botpopmb{ width:100%; height:100%; background:rgba(0,0,0,.4); position:fixed; left:0; top:0; z-index:650; display:none;}
/* 我的粉丝 */
.my-fans > li{ display:block; margin-left:0;}
.my-fans > .c-list-link:active { background-color: #fff; padding-left: 0; margin-left: 0 }
.my-fans .c-avatar-m{ padding-left:10px;}
.my-fans .arrow-right{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); transition:all .3s ease; -webkit-transition:all .3s ease; margin-top:-8px;}
.my-fans .ashow{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top:-3px;}
.my-fans .c-list-info{ padding-right:10px;}
.fans-mess{ display:box; display:-webkit-box; position:relative;}
.fans-form{ background:#f2f2f2; line-height:22px; padding:10px 0; text-align:center; display:none;}
.fans-form .icon-dizhi{ font-size:18px;}
.nomess{ text-align:center; padding-bottom:20px;}
.icon-nomess{ display:inline-block; width:123px; height:123px; background:url(../images/nomess.png) no-repeat; background-size:100% 100%; margin-bottom:5px;}
.matter-list .hasmess{ display:block; width:10px; height:10px; background-color:#f30; border-radius:50%; position:absolute; right:0px; top:0px;}
.matter-list .c-avatar-m{ position:relative;}
.matter-list .c-list-info{ padding-right:80px;}
.pt100{ padding-top:100px;}
/* 小秘书 */
.secr-top{ position:relative; padding:0 10px 0 60px; min-height:40px;}
.secr-top .leftpart{ position:absolute; left:10px; top:0;}
.secr-top .rightpart{ position:relative; background-color:#bfeeff; border:1px solid #b0dbeb; line-height:19px; padding:5px 8px; border-radius:4px; word-break:break-all;}
.secr-top .rightjt,.secr-top .rightjt s{ position:absolute; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 7px; left:-5px; top:10px;}
.secr-top .jt-left,.secr-top .jt-left s{ border-right-color: #bfeeff; border-right-style: solid;}
.secr-top .rightjt{left:-14px; border-right-color: #b0dbeb;}
.secr-top .rightjt s{ left:-6px; top:-7px;}
/* 患者沟通 */
.bgc-f7f5f2{ background-color:#f7f5f2;}
.talk-left{ position:relative; min-height:40px; padding:10px 40px 10px 68px; margin-top:15px;}
.talk-left .leftpart{ position:absolute; left:15px; top:10px;}
.talk-left .leftpart img{ width:40px; height:40px; border-radius:50%;}
.talk-left .rightpart{ background-color:#fff; border:1px solid #ebeaea; border-radius:4px; padding:8px 10px; line-height:20px; position:relative; word-break:break-all; min-width:30px; float:left;}
.talk-left .talktime{ position:absolute; left:0; top:-20px; font-size:14px; color:#ccc;}
.talk-left .rightpart:before{ content:''; display: block; position:absolute; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 7px; left:-14px; top:10px; border-right-color: #ebeaea; border-right-style: solid;}
.talk-left .rightpart:after{ content:''; position:absolute; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 7px; left:-13px; top:10px; border-right-color: #fff; border-right-style: solid;}
.talk-left .rightjt{}
.talk-left .rightjt s{}
.talk-right{ position:relative; min-height:40px; padding:10px 68px 10px 40px; margin-top:15px;}
.talk-right .leftpart{ position:absolute; right:15px; top:10px;}
.talk-right .leftpart img{ width:40px; height:40px; border-radius:50%;}
.talk-right .rightpart{ background-color:#bfeeff; border:1px solid #b9e2f1; border-radius:4px; padding:8px 10px; line-height:20px; position:relative; word-break:break-all; min-width:30px; float:right;}
.talk-right .talktime{ position:absolute; right:0; top:-20px; font-size:14px; color:#ccc;}
.talk-right .rightpart:before{ content:''; display: block; position:absolute; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 7px; right:-15px; top:10px; border-left-color: #b9e2f1; border-right-style: solid;}
.talk-right .rightpart:after{ content:''; position:absolute; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 7px; right:-14px; top:10px; border-left-color: #bfeeff; border-right-style: solid;}
.talk-time{ width:190px; line-height:26px; margin-left:auto; margin-right:auto; font-size:12px; color:#ccc; text-align:center; position:relative;}
.talk-time:before{ content:''; display:block; width:50px; height:13px; border-bottom:1px solid #e6e4e1; position:absolute; left:0; top:0;}
.talk-time:after{ content:''; display:block; width:50px; height:13px; border-bottom:1px solid #e6e4e1; position:absolute; right:0; top:0;}
.talk-bot{ width:100%; height:55px; background:#fafafa; display:box; display:-webkit-box; padding:12px 10px 0 10px; position:relative; z-index:600;}
.talk-input{ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1;}
.talk-input input{ display:block; width:100%; height:30px; border:1px solid #d1d1d1; border-radius:4px; background:#fff; padding:0 10px; appearance:none; -webkit-appearance:none;}
.talk-send{ box-flex:0; -webkit-box-flex:0; -moz-box-flex:0; width:58px; text-align:right;}
.talk-send a{ display:inline-block; width:45px; height:30px; text-align:center; line-height:30px; background-color:#17b3ec; font-size:17px; color:#fff; border-radius:4px;}
.talk-send a.disab{ background-color:#ccc;}
.talk-home{ position:absolute; right:10px; bottom:125px; z-index:700; width:40px; height:40px; background:rgba(0,0,0,.4); text-align:center; line-height:40px; border-radius:50%; z-index:600;}
.talk-refresh{ position:absolute; right:10px; bottom:65px; z-index:700; width:40px; height:40px; background:rgba(0,0,0,.4); text-align:center; line-height:40px; border-radius:50%;}
.talk-refresh i,.talk-home i{ font-size:26px; color:#fff;}
.homefixed{ position:fixed;}
.bot10{ bottom:10px !important;}
.bot60{ bottom:60px !important;}
/*弹框样式*/
.imgzoom-pack { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .7); display: none; z-index: 3000;}
.imgzoom-pack:after { content: ""; position: absolute; height: 50px; line-height: 50px; width: 100%; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 5;}
.imgzoom-pack .imgzoom-x { color: #fff; height: 50px; width: 60px; line-height: 50px; text-align: center; font-size: 17px; position: absolute; left: 50%; margin-left:-35px; bottom: 0; z-index: 10; cursor: pointer;}
.imgzoom-del { color: #fff; height: 50px; width: 60px; line-height: 50px; vertical-align: middle; text-align: center; position: absolute; right:0; bottom: 0; z-index: 10; cursor: pointer;}
.imgzoom-del .iconfont { font-size: 24px; color: #fff;}
.imgzoom-pack .imgzoom-img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.imgzoom-pack .imgzoom-img img { width: 100%; position: absolute; top: 50%;}
.ax-popup.dr-jj .ui-dialog-body{ padding-top:0;}
.c-main .c-btn{ padding-top:10px; padding-bottom:10px;}
.talk-view{ text-align: right; padding-top: 5px; border-top:1px dotted #eaeaea; margin-top: 10px; color:#0066ff; font-size:13px;}
.talk-right .talk-view{ border-top:1px dotted #0066ff;	}
.talk-view a, .talk-view a:link{ color:#0066ff; display: block;}
.talk-view .iconfont{ font-size: 14px;}
/* 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%;}
.pt84{padding-top:84px;}
.page-slwrong{background:url(../images/wrong-bgc.png) no-repeat center center;width:45%;padding-bottom:45%;margin:0 auto;background-size:cover;}

.member-list li a.conhold,.resultlist li a.conhold,.matter-list li a.conhold{ display: -webkit-box; display: box;}
.member-list > li,.resultlist > li,.matter-list > li{ display:inherit !important;}
.result-his li a{ line-height:45px; color:#333;}
.talk-home a{ display:block; width:100%; height:100%;}
/*患者管理病例*/
.add-sf .add-sf-img img { width:125px; height: 125px;}
/*创建随访计划*/
.case-edit.bg-none { background: none; padding: 10px;}
/*文本域*/
.r-textarea { border: 0; width: 100%; resize: none;}
/*添加图片*/
.icon-del { display: block; width: 20px; height: 20px; background-color: #fe3a30; border-radius: 50%; position: relative;}
.icon-del:after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -1px; width: 10px; height: 2px; background-color: #fff;}
.icon-delete { display: block; width: 28px; height: 28px; border: 1px solid #f75a53; border-radius: 50%; position: relative;}
.icon-delete:after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -1px; width: 14px; height: 2px; background-color: #f75a53;}
.list-img { display: -webkit-box; display: box;}
.list-img li { margin-right: 10px; width: 70px; height: 70px; position: relative;}
.list-img li img { width: 100%; height: 100%;}
.list-img .icon-del { position: absolute; top: -5px; right: -5px;}
.list-img .add-img { border: 1px dashed #e5e5e5;}
.list-img .add-img i { width: 2px; height: 28px; background-color: #e5e5e5; display:block; position: absolute; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50%;}
.list-img .add-img i:after { width: 28px; height: 2px; background-color: #e5e5e5; content:''; display: block; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50%; left: 50%; position: absolute;}
/*选择随访模板*/
.icon-rec { background: #ff8100; position: relative; color: #fff; font-size: 10px; padding: 1px 2px;}
.icon-rec:before { content:''; position: absolute; width: 0; height: 0; border-top: 8px solid #ff8100; border-left: 5px solid transparent; left: -5px; top: 0;}
.icon-rec:after { content:''; position: absolute; width: 0; height: 0; border-bottom: 8px solid #ff8100; border-left: 5px solid transparent; left: -5px; bottom: 0;}
.mod-choose-model .mod-hd .ui-col-0, .mod-choose-model .mod-bd .c-list-value { width: 73px;}
.mod-choose-model .mod-hd .ui-col-0 span:first-child , .mod-choose-model .mod-bd .c-list-value span:first-child { width: 38px; display: inline-block;}
/*生成随访计划*/
.mod-add-plan .c-list .c-list-key { width: 85px;}
.h55 { height: 55px;}
.h122 { height: 122px;}
.btn-fix > div { position: fixed; bottom: 0; width: 100%; box-sizing: border-box;}
/*搜索*/
.icon-clear { background: #909090; border-radius: 50%; width: 16px; height: 16px; text-align: center; line-height: 15px;}
.icon-clear .close { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden;}
.icon-clear .close:before ,.icon-clear .close:after{ content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px;}
.icon-clear .close:before{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.icon-clear .close:after{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
/*随访执行情况*/
.icon-circle { width: 9px; height: 9px; border-radius: 50%; display: inline-block;border: 2px solid #ccc;}
/*我的意见*/
.list-img.dialog-list-img { margin: 10px 0 0 0;}
.list-img.dialog-list-img li { width: 35px;height: 35px; margin: 0 10px 10px 0;}
/*患者自评*/
.select-list .input-group-checkbox .input-group-pack, .input-group-radio .input-group-pack { top:0;}
.c-list > .c-cover-10 { padding-left: 10px !important; margin-left: 0 !important;}
/*血常规检查*/
.table-blood tr th { text-align: center; background-color: #7ecef4; color: #fff; padding: 5px 0; border: 1px solid #e1e1e1;}
.table-blood tr td { border-bottom: 1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding: 5px 0; text-align: center;}
.table-blood tr td:last-child,.table-blood tr th:last-child { border-right: 0;}
/*关于患者管理*/
.about-manage-img { width:100%; padding-top: 50%; padding:0 10px; box-sizing: border-box;}
.about-manage-img img { width: 100%; height: 100%;}
/*调查问卷*/
.tag-score { position: relative; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #ff8100; display: inline-block; color: #fff; padding: 2px 5px;}
.tag-score:before { content:''; width: 0; height: 0; border-style: solid; border-width: 12px 8px 12px 0; border-color: transparent #ff8100 transparent transparent; position: absolute; left: -8px; top:0;}
.case-top .icon-xiaoxi { font-size: 24px;}
/*患者用药*/
.yy-detail-box{background: #c8eafa;}
.yy-date{ position:relative; height:30px; }
.yy-date:after{ width:60%; height:1px; content:""; position:absolute; top:50%; left:50%; margin-left:-30%; background:#909090; z-index:1;}
.yy-date span{ width:80px; left:50%; margin-left:-40px; text-align:center; position:absolute; display:inline-block; height:30px; line-height:30px; font-size: 11px; color:#909090; background:#c8eafa; z-index:10;}
.yy-detail-list { background: none; }
.yy-detail-list li{ border:none; font-size: 12px; padding-top:5px; padding-bottom:5px;}   
.new-mess{ display: block; position: absolute; right:12px; top:50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.new-mess .iconfont{ font-size: 24px; color:#17b3ec; line-height: 1em;}
.new-mess .red-point{ position: absolute; top:0; right:-2px; background: #ed0000; width:6px;height:6px; border-radius: 50%;}
.ls-date{ position:relative; height:30px;  }
.ls-date:after{ width:60%; height:1px; content:""; position:absolute; top:50%; left:50%; margin-left:-30%; background:#e1e1e1; z-index:1;}
.ls-date span{ width:70px; left:50%; margin-left:-35px; text-align:center; position:absolute; display:inline-block; height:30px; line-height:30px; font-size: 11px; color:#333; background:#f3f3f3; z-index:10;}
.ls-sf-list{margin-top: 10px;}
.ls-box .ls-sf-list:first-child{margin-top:0;}
.ls-sf-list li{ display:none; padding-top: 12px; padding-bottom: 12px;}
.ls-sf-list li .list-icon { position: absolute; right: 12px; top: 50%; margin-top: -5px; }
.ls-sf-list li.ls-sf-title{ display: -webkit-box; display: box;}
.ls-sf-list li .c-list-value,.ls-sf-list li.c-list-link .c-list-value{ padding-right:25px;}
.ls-sf-list.open li{display: -webkit-box; display: box;}
.ls-sf-list li .list-icon { margin-top: -6px; }
.ls-sf-title{position: relative;}
.ls-sf-title:after{ position: absolute; content: ""; right:10px; top:50%; margin-top: -3px; width: 0;height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ccc; -webkit-transition: all ease 0.5s;transition: all ease 0.5s;}
.ls-sf-list.open .ls-sf-title:after{  -webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.ls-sf-title .iconfont.on{color:#4fb947; vertical-align: middle;}
.ls-sf-title .iconfont.off{color:#ccc ; vertical-align: middle;}
.ls-step-box{ width:60px; text-align: center;}
.ls-step-box p{ font-size: 10px; line-height: 1em;}
.ls-step-bar{  position: relative;width:60px; height:13px; margin-top:2px; }
.ls-step-bar:after{ position: absolute; content: ""; width:60px; height:7px; bottom:2px; left:0; z-index: 2;background: #5bbc54; }
.ls-step-fe{ position: absolute; width:60px; height:13px; background: url(../images/ls-step.png) no-repeat 0 0; background-size:100% 100%; top:0; left:0; z-index: 10;}
.ls-step{ position: absolute; width:0; height:7px; bottom:2px; left:0; z-index: 5; background: #17b3ec; -webkit-transition: all ease 0.5s;transition: all ease 0.5s;}