/*---------cross.ui-------------------------*/ .c-border, .c-border-t, .c-border-b, .c-border-l, .c-border-r, .c-border-tb { border-color: #e1e1e1; border-style: solid; } .ui-grid { display: -webkit-box; display: box; } .ui-col-0 { -webkit-box-flex: 0; box-flex: 0; } .ui-col-1 { -webkit-box-flex: 1; box-flex: 1; } .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; } .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-green { background-color: #ffffff; color: #4dcd70; border: #4dcd70 1px solid; } .c-btn-green:hover { background-color: #f2fff6; } /* 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: absolute; display: inline-block; margin-top: -4px; top: 50%; } .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-right: 15px; padding-left: 0; } .c-list > .c-list-text > h4, .c-list > .c-list-text .c-list-key, .c-list >.c-list-text .c-list-info, .c-list > .c-list-text > .c-list-value { line-height: 20px; padding-top: 10px; padding-bottom: 10px; } .c-list > .c-list-text .c-list-title { padding-top: 10px; } .c-list > .c-list-function { border-top: none; } .c-list > .c-list-function .c-list-info { border-top: 1px solid #f1f1f1; } .c-list > li:first-child, .c-list > .c-border-t:first-child, .c-list >li:first-child .c-border-t, .c-list > .c-list-function:first-child, .c-list > .c-list-function:first-child .c-list-info, .c-list > div:first-child .c-border-t, .c-list > div:first-child { border: 0; background-image: none } .c-list > .c-list-cover { padding-left: 15px !important; margin-left: 0 !important; } .c-list .c-list-info { -webkit-box-flex: 1; box-flex: 1; padding-right: 15px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .c-list h4 { color: #333 !important; } .c-list .c-list-info > h4 { font-size: 15px; line-height: 20px } .c-list .c-list-info > p { font-size: 13px; line-height: 20px; color: #909090; } .c-list .c-list-label { font-size: 13px !important; color: #909090 !important; padding: 10px 15px 10px 0!important; border-top: 1px dashed #e1e1e1 !important; } .c-list .c-list-key { margin-right: 15px; } .c-list .c-list-img { width: 100px; height: 68px; margin: 10px 10px 10px 0; position: relative } .c-list .c-list-img img { width: auto; height: 68px; } .c-list > .c-list-link:active { background-color: #e5e6e7; padding-left: 15px; margin-left: 0 } .c-list-link:active, .c-list-link.c-border-t:active, .c-list-link:active + .c-border-t, .c-list-link:active + .c-border-t { background-image: none; border-top-color: #e5e6e7 } .c-list .c-list-value { color: #909090; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .c-list .c-list-link .c-list-value, .c-list .c-list-link .c-list-title { padding-right: 20px; } .c-list .c-list-badge, .c-list .c-list-action { font-size: 13px; color: #909090; position: absolute; height: 100%; right: 15px; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; top: 0; } .c-list-link .c-list-badge, .c-list-link .c-list-action { right: 35px } .c-list-link .list-icon { position: absolute; right: 15px; top: 50%; margin-top: -5px; } .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: #fff; height: 28px; line-height: 28px; /* border:1px solid #e1e1e1;*/ border-radius: 5px; font-size: 15px; color: #8e8e93; text-align: center; } .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; } .ser-icon:before, .ser-icon:after { content: ""; position: absolute; left: 0; background: transparent; font-size: 1px; } .ser-icon-search:before { left: 10%; top: 25%; width: 55%; height: 55%; border: 1px solid #8e8e93; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; } .ser-icon-search:after { left: 65%; top: 95%; width: 50%; height: 8%; 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: #fff; height: 28px; line-height: 28px; border: 1px solid #e1e1e1; border-radius: 5px; 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: #fff; height: 22px; line-height: normal; border: none; font-size: 15px; color: #8e8e93; 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-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 #ddd; } .c-lab-mor li:first-child a { border-left: none; } .c-lab-mor li.hit { border-bottom: 3px solid #37a6eb; } .c-lab-mor li.hit a { color: #37a6eb; } /* assist -----------------------------------------------------------------------------*/ .ui-nowrap-multi { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .ui-nowrap-multh { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } i { font-style: normal; } .c888 { color: #888; } .cccc { color: #ccc; } .cf60 { color: #f60; } .c333 { color: #333; } .c-666 { color: #666; } .c5b5b5b { color: #5b5b5b; } .c4dcd70 { color: #4dcd70; } .ced5050 { color: #ed5050; } .ced4d4d { color: #ed4d4d; } .cc2c2c2 { color: #c2c2c2; } .ced5050 { color: #ed5050; } .c007cd9 { color: #007cd9; } .cff675b { color: #ff675b; } .c-cacaca { color: #cacaca; } .c-13b5f3 { color: #13b5f3; } .c-ec3e43 { color: #ec3e43; } .bgc-38e4a5 { background-color: #38e4a5; } .bgc-32a7f9 { background-color: #32a7f9; } .bgc-ffb30f { background-color: #ffb30f; } .bgc-fc8d43 { background-color: #fc8d43; } .bgc-dedede { background-color: #dedede; } .bgc-ff8100 { background-color: #ff8100; } .c-f32 { font-size: 32px; } .c-f34 { font-size: 34px; } .c-f36 { font-size: 36px; } .c-f38 { font-size: 38px; } .c-f42 { font-size: 42px; } .c-f13 { font-size: 13px; } .f60 { font-size: 60px; } .c-f80 { font-size: 80px; } .lijt { position: absolute; right: 15px; top: 50%; margin-top: -5px; } .pr0 { padding-right: 0; } .pr10 { padding-right: 10px; } .pr20 { padding-right: 20px; } .mt52 { margin-top: 52px; } .plr25 { padding-right: 25px; padding-left: 25px; } .plr32 { padding-right: 32px; padding-left: 32px; } .mlr25 { margin-right: 25px; margin-left: 25px; } .lh20 { line-height: 20px; } .nav-green li.active { color: #4dcd70; border-bottom: 3px solid #4dcd70; } .h61 { height: 61px; } .h63 { height: 63px; } .c-border-ccc { border: 1px solid #ccc; } .display-ib { display: inline-block; } .tag { color: #fff; padding: 2px 3px; border-radius: 3px; } .ui-col-0 { -webkit-box-flex: 0; box-flex: 0; } .ui-col-1 { -webkit-box-flex: 1; box-flex: 1; } .ui-grid { display: -webkit-box; display: box; } body { background-color: #f3f3f3; color: #333; font-size: 14px; } .icon { background: url(../images/icon.png) no-repeat; background-size: 250px 250px; -webkit-background-size: 250px 250px; -moz-background-size: 250px 250px; -ms-background-size: 250px 250px; } .getmore { width: 100%; } .getmore a { display: block; width: 100%; line-height: 40px; color: #5b5b5b; text-align: center; font-size: 14px; background: #f3f3f3; } .arrow-down.c-hide, .arrow-up.c-hide { display: none; } .c-avatar-50 { width: 50px; height: 50px; } .c-list .c-avatar-50 { margin-top: 18px; } .mt43 { margin-top: 43px; } /* member */ .addp-list .input-group-addon { min-width: 100%; width: 90px; text-align: right; } .mem-top { background-color: #fafafa; position: relative; } .men-list li { position: relative; } .men-list .mltb1 { background: #34aadc; } .men-list .mltb2 { background: #4fdb67; } .men-list .mltb3 { background: #ff9501; } .men-list .mltb4 { background: #017aff; } .men-list .mltb5 { background: #49cc6d; } .men-list .mltb6 { background: #ff6600; } .men-list .mltb7 { background: #4579f0; } .men-list .mltb8 { background: #ff9501; } .men-list .mltb9 { background: #2caddf; } .men-list .mltb10 { background: #f39800; } .men-list .mltb11 { background: #fa5151; } .men-list li .c-avatar-s { position: relative; overflow: inherit; } .men-list li .c-list-action { top: 0px; } .mlnum { width: 12px; height: 12px; background: #f60; text-align: center; line-height: 12px; font-size: 8px; color: #fff; position: absolute; top: -4px; right: -4px; } .mltb1 i, .mltb2 i, .mltb3 i, .mltb4 i, .mltb5 i, .mltb6 i, .mltb7 i, .mltb8 i, .mltb9 i, .mltb10 i, .mltb11 i { color: #fff; } .mltb1 i { font-size: 19px; } .mltb2 i { font-size: 18px; } .mltb3 i { font-size: 18px; } .mltb4 i { font-size: 18px; } .mltb5 i { font-size: 15px; } .mltb6 i { font-size: 16px; } .mltb7 i { font-size: 15px; } .mltb8 i { font-size: 15px; } .mltb9 i { font-size: 19px; } .mltb10 i { font-size: 19px; } .men-list li .qytimes { display: block; position: absolute; right: 15px; top: 50%; margin-top: -10px; font-size: 12px; color: #bbb; } .sexchoo { line-height: 33px !important; } .sexchoo label { display: inline-block; margin-right: 30px; } .sexchoo label i { display: inline-block; width: 26px; height: 25px; background-position: -1px -1px; vertical-align: middle; margin: 0 5px 4px 0; } .sexchoo label.swom i { background-position: -30px -1px; } .sexchoo label i.checked { background-position: -59px -1px; } .sexchoo label.swom i.checked { background-position: -88px -1px; } /* 健康头条 */ .jnews-top { width: 100%; text-align: center; position: relative; } .jnews-top img { width: 100%; max-width: 640px; max-height: 200px; } .jnews-top .news-tit { display: block; width: 100%; background: rgba(0, 0, 0, .5); position: absolute; left: 0; bottom: 0; color: #fff; text-align: left; padding: 5px 15px; line-height: 20px; } .jnews-list .c-list-img { width: 60px; height: 60px; margin: 10px 10px 10px 0; position: relative } .jnews-list .c-list-img img { width: 60px; height: 60px; } .jnews-tip { line-height: 20px; padding: 10px 15px; background: #fafafa; } /* 社区简介 */ .jnews-con { line-height: 25px; color: #5b5b5b; } .jnews-con h1 { font-size: 18px; color: #333; line-height: 25px; padding: 15px 0 7px 0; } .jnews-con h6 { font-size: 12px; color: #888; line-height: 15px; margin-bottom: 15px; } .jnews-con img { display: block; max-width: 100%; margin: 0 auto; } .jnews-con p { margin-bottom: 10px; text-indent: 2em } .chd-btn { margin: 15px 0 20px 0; } .chd-btn .list-icon { display: inline-block; vertical-align: middle; margin: 0 0 0px 5px; position: inherit; left: 0; top: 0; } .chd-btn .arrow-right { border-color: #fff; } .jnews-con p.jnews-lc { color: #f60; text-indent: 0em; } .jnews-con p.jnews-lc i { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: 0 5px 5px 0; font-size: 20px; } .jnmaxw { max-width: 320px; } .prejn { overflow: hidden; display: box; display: -webkit-box; } .prejn .jnimg { display: block; -webkit-box-flex: 0; box-flex: 0; width: 126px; } .prejn .jnimg img { margin: 0; border-radius: 3px; border: 1px solid #e1e1e1; box-sizing: border-box; } .prejn .jnword { display: block; -webkit-box-flex: 1; box-flex: 1; font-size: 12px; padding-top: 8px; color: #5b5b5b; } .prejn .jnword p { text-indent: 0em; margin-bottom: 8px; line-height: 20px; } .prebot {} .prebot p { text-indent: 0em; } /* 账单明细 */ .h46 { height: 46px; } .bill-time { background: #fff; padding: 8px 15px; overflow: hidden; line-height: 30px; position: fixed; top: 0; left: 0; z-index: 600; } .bill-time .mhsel { display: block; float: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 45%; height: 30px; padding: 0 10px 0 5px; border: 1px solid #e1e1e1; background: url(../images/seljt.png) no-repeat 94% center; background-size: 11px 6px; -webkit-background-size: 11px 6px; } .bill-time .mhto { display: block; float: left; width: 10%; text-align: center; } .bill-top { background: #fff; padding: 10px 15px; } .bill-top .iconhold { display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #4cd964; color: #fff; vertical-align: middle; margin: 0 15px 1px 0; } .bill-top .iconhold i { font-size: 20px; } .bill-list li .c-list-badge { color: #333; font-size: 15px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; } /* 咨询详细 */ .advis-list { padding-left: 15px; background: #fff; } .advis-list li { border-top: 1px solid #f1f1f1; display: -webkit-box; display: box; padding: 10px 15px 10px 0; line-height: 23px; } .advis-list li:first-child { border-top: none; } .advis-list li .altit { -webkit-box-flex: 0; box-flex: 0; width: 80px; } .advis-list li .alcon { -webkit-box-flex: 1; box-flex: 1; } .advis-list li .alw100 { width: 100%; } .advis-list li .alhelp { line-height: 20px; padding: 5px 0; } .advis-list li.adli-last { display: block; } .report-list { overflow: hidden; width: 100%; } .report-list li { display: block; width: 33%; float: left; text-align: center; color: #5b5b5b; font-size: 12px; padding: 0; margin: 5px 0 5px 0; border: none; } .report-list li .reptb { display: block; width: 56px; height: 56px; background: #fff; border: 1px solid #e1e1e1; margin: 0 auto 5px auto; font-size: 12px; color: #ff8100; line-height: 22px; } .report-list li .reptb i { display: block; width: 22px; height: 22px; margin: 10px auto 0 auto; } /* 对话 */ .advis-dialog { padding-bottom: 40px; } .advis-dialog .ditime { text-align: center; font-size: 12px; line-height: 18px; padding-bottom: 8px; } .dial-left .dialog { padding: 0 0 0 55px; position: relative; overflow: hidden; } .dial-left .dihead { width: 40px; height: 40px; position: absolute; left: 0; top: 0; } .dial-left .dihead img { width: 40px; height: 40px; } .dial-left .dicon { background: #a9e07d; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #333; float: left; word-break: break-all; } .dial-left .msg-box-arr { position: absolute; left: 43px; top: 15px; display: block; width: 0; height: 0; border-width: 6px; border-style: dashed solid dashed dashed; border-color: transparent #a9e07d transparent transparent; } .dial-left .msg-box-arr i { position: absolute; left: -6px; top: 0; margin-top: -7px; display: block; width: 0; height: 0; border-width: 6px; border-style: dashed solid dashed dashed; border-color: transparent #a9e07d transparent transparent; } .dial-right .dialog { padding: 0 55px 0 0; position: relative; overflow: hidden; } .dial-right .dihead { width: 40px; height: 40px; position: absolute; right: 0; top: 0; } .dial-right .dihead img { width: 40px; height: 40px; } .dial-right .dicon { background: #fff; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #5b5b5b; float: right; word-break: break-all; } .dial-right .msg-box-arr { position: absolute; right: 43px; top: 15px; display: block; width: 0; height: 0; border-width: 6px; border-style: dashed solid dashed dashed; border-color: transparent transparent transparent #f1f1f1; } .dial-right .msg-box-arr i { position: absolute; right: -6px; top: 0; margin-top: -7px; display: block; width: 0; height: 0; border-width: 6px; border-style: dashed solid dashed dashed; border-color: transparent transparent transparent #fff; } .advis-end { background: #e6eef9; line-height: 20px; text-align: center; } .advis-end i { font-size: 18px; color: #ff8100; vertical-align: middle; margin: 0 5px 0 0; } .advis-end a { font-size: 14px; color: #157efb; } .advis-bot { width: 100%; height: 63px; background: #fff; position: fixed; left: 0; bottom: 0; padding: 14px 93px 0 15px; } .advis-bot a { display: block; position: absolute; right: 15px; top: 14px; color: #333; font-size: 14px; padding: 0 18px; height: 33px; line-height: 33px !important; background: #f5f5f5; border: 1px solid #bebebe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .advis-bot .askbtn { width: 100%; height: 35px; line-height: normal; border: 1px solid #bebebe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff; } /* 查看详细 */ .sdoc-top { height: 180px; background: url(../images/banner1.jpg) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; text-align: center; padding: 20px 15px 0 15px; font-size: 12px; color: #fff; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); line-height: 23px; position: relative; } .sdoc-top .sdimg { display: block; margin: 0 auto 10px auto; width: 60px; height: 60px; padding: 1px; background-color: rgba(250, 250, 250, .75); border-radius: 50%; } .sdoc-top .sdtime { position: absolute; background: rgba(0, 0, 0, .3); width: 100%; height: 45px; line-height: 45px; left: 0; bottom: 0; text-align: left; padding: 0 15px; } .sdoc-top .sdstate { position: absolute; background: rgba(255, 255, 255, 1); width: 100%; height: 38px; line-height: 38px; left: 0; bottom: 0; text-align: left; padding: 0 15px; text-shadow: none; color: #888; } .sdoc-top .sdstate.c-t-center { text-align: center; } .sdslink { margin-left: 15px; padding-left: 20px; border-left: 1px solid #e1e1e1; } .sdoc-top .sdslink a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; background: #fff; border: 1px solid #e1e1e1; border-radius: 5px; font-size: 12px; color: #333; } .sdoc-top .sdtime .list-icon { position: absolute; right: 15px; top: 50%; margin-top: -4px; } .sdoc-tit { line-height: 32px; background: #fafafa; padding-top: 3px; } .sdoc-tit i { display: inline-block; color: #aaaaaa; font-size: 20px; vertical-align: middle; margin: 0 5px 3px 0; } .sdoc-tit i.icon-jianjie { font-size: 24px; } .sdoc-con { background: #fff; padding: 10px 15px; line-height: 22px; color: #5b5b5b; overflow: hidden; } .sdoc-txt { overflow-y: auto; display: block; height: 66px; } /* 签约流程 */ .suppl-step { background: #fff; padding: 5px 15px 15px 15px; overflow: hidden; } .suppl-step li { display: block; width: 32%; float: left; border-bottom: 3px solid #e1e1e1; color: #888; font-size: 12px; margin-left: 1%; text-align: center; line-height: 30px; } .suppl-step li.sfin { border-bottom: 3px solid #4dcd70; color: #4dcd70; } .suppl-top { background: #fff; line-height: 25px; } .stp-tit { display: block; margin: 0 15px; border-bottom: 1px solid #f2f2f2; padding: 10px 0; } .stp-list { display: block; padding: 8px 0; } .stp-list li { position: relative; padding: 0 15px 0 90px; line-height: 22px; } .stp-list li h4 { position: absolute; left: 15px; top: 0; } .suppl-tit { background: #fafafa; line-height: 30px; padding: 10px 15px 0 15px; } .sw100 { width: 85px; text-align: left; } .areainput { height: 20px; line-height: normal; margin: 0; padding: 0; border: none; width: 100%; } .supp-area { display: box; display: -webkit-box; width: 230px; text-align: left; margin: 10px auto; line-height: 33px; } .supp-area .satit { -webkit-box-flex: 0; box-flex: 0; width: 70px; } .supp-area .sacon { -webkit-box-flex: 1; box-flex: 1; position: relative; } .supp-area .sacon .form-select-arrow { display: block; width: 10px; height: 10px; border: solid #cdcdcd; 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: 8px; right: 8px; } .supp-area .sacon select { width: 100%; height: 33px; line-height: 30px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #e1e1e1; padding: 0 5px; border-radius: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; color: #333; } .suppl-tip { height: 45px; line-height: 45px; background: #eee; } .suppl-tip a { color: #333; } .add-memb-list { padding-left: 15px; background: #fff; } .add-memb-list .input-merge-border { border-bottom: none; border-top: 1px solid #f2f2f2; } .add-memb-list .input-merge .input-group.input-border { padding-left: 0; } .add-memb-list .input-merge-border:first-child { border-top: none; } .add-memb-list .input-group-addon { width: 70px; text-align: left; } .add-memb-list .arrow-right { width: 10px; height: 10px; position: absolute; right: 15px; top: 50%; margin-top: -4px; } .add-memb-tip { text-align: center; font-size: 12px; color: #888; padding-bottom: 10px; } .add-memb-tip i { font-size: 18px; margin-right: 3px; } .add-memb-list input { color: #333 !important; } .add-memb-list input::-webkit-input-placeholder { color: #888 !important; } .lih45 { line-height: 45px; font-size: 15px; } .add-memb-top { line-height: 30px; color: #878787; padding: 0 15px; } .suppl-list { padding-left: 15px; background: #fff; } .suppl-list li { line-height: 20px; color: #666; position: relative; padding: 5px 30px 5px 0; border-bottom: 1px solid #f2f2f2; } .suppl-list li p { margin: 3px 0; } .suppl-list li .arrow-right { position: absolute; top: 50%; margin-top: -6px; right: 15px; } .suppl-list li .slt-tel { display: block; position: absolute; left: 50%; top: 8px; } .slt-add { display: block; line-height: 43px; text-align: center; color: #007cd9; padding-right: 15px; } .slt-add.pr0 { padding-right: 0; } .slt-add i { display: inline-block; font-size: 24px; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; margin: 0 5px 4px 0; } .suppl-agree { line-height: 25px; padding: 0 20px; } .suppl-agree .input-group-checkbox { color: #888; } .suppl-agree .input-group-checkbox a { color: #007cd9; } /* 协议内容 */ .agree-box { line-height: 26px; padding: 10px 15px 30px 15px; } .agree-box h1 { font-size: 18px; text-align: center; padding-bottom: 10px; } .agree-box p { text-indent: 2em; } .agfin-top { text-align: center; background: #fff; padding: 15px 15px 20px 15px; font-size: 15px; line-height: 22px; } .agfin-top i { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 50px; margin-bottom: 10px; } .agfin-num { line-height: 40px; text-align: center; font-size: 12px; color: #888; background: #fafafa; } .agfin-num li { border-left: 1px solid #e1e1e1; } .agfin-num li:first-child { border-left: none; } .agfin-img { text-align: center; background: #fafafa; padding: 20px 0; } .agfin-btn { overflow: hidden; } .agfin-btn a { display: block; width: 46%; margin-left: 8%; float: left; } .agfin-btn a:first-child { margin-left: 0; } .agfiled-tip { font-size: 12px; color: #888; text-align: center; padding: 10px 0; line-height: 20px; } /* 选择社区 */ .hd60 { height: 60px; } .hd85 { height: 85px; } .sarea-box { width: 100%; height: 40px; line-height: 40px; background: #fff; position: fixed; left: 0; top: 0; padding: 0 15px; z-index: 800; } .sarea-box i.icon-ditudingwei { font-size: 22px; vertical-align: middle; margin: 0 0 4px 0; color: #888; } .sarea-box i.icon-dingwei { font-size: 22px; vertical-align: middle; margin: 0 0 4px 0; color: #007cd9; } .sseach-box i.icon-dingwei { font-size: 22px; } .sarea-box .list-icon { display: inline-block; vertical-align: middle; margin: 0 0 7px 5px; position: relative; left: 0; top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .sarea-box .arrow-right { border-color: #cbcbcb; } .sseach-box { width: 100%; height: 45px; background: #fff; position: fixed; left: 0; top: 40px; padding: 0px 15px 0 15px; z-index: 800; } .sseach-box.top13 { top: 13px; } .shcom-list ul li .c-list-img { width: 50px; height: 50px; } .shcom-list ul li .c-list-img img { width: 50px; height: 50px; } .shcom-list ul li .c-list-info { padding-right: 30px; } .serch-hold { width: 100%; height: 66px; background: #fff; position: fixed; left: 0; top: 0; z-index: 600; padding: 15px 15px 0 15px; display: box; display: -webkit-box; } .ser-box { border: 1px solid #e1e1e1; border-radius: 4px; height: 36px; font-size: 13px; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding: 0 10px; position: relative; } .ser-box a.s-initial { display: block; line-height: 34px; /*color:#dfdfdf;*/ position: relative; } .ser-box .ser-icon { position: absolute; /*right:15px;*/ top: 50%; margin-top: -8px; } .ser-box .ser-icon:before { content: ""; position: absolute; background: transparent; font-size: 1px; left: 1px; top: 0px; width: 10px; height: 10px; border: 2px solid #ccc; border-radius: 50%; } .ser-box .ser-icon:after { content: ""; position: absolute; background: transparent; font-size: 1px; left: 11px; top: 12px; width: 6px; height: 2px; background: #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } .ser-box .input-clear { position: absolute; right: 6px; top: 9px; background: #7e7e7e; border-radius: 50%; width: 16px; height: 16px; text-align: center; } .ser-box .input-clear .close { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden; top: -2px; } .ser-box .input-clear .close:before, .ser-box .input-clear .close:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; } .ser-box .input-clear .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .ser-box .input-clear .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ser-text { width: 100%; height: 34px; line-height: normal; } .s-cancle { display: inline-block; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; width: 40px; line-height: 40px; text-align: right; color: #007cd9; font-size: 14px; } .disa-space { width: 100%; background: #eff1f3; height: 10px; position: fixed; left: 0; top: 66px; z-index: 500; } .disea-div { width: 100%; height: 100%; position: fixed; left: 0; top: 0; padding-top: 76px; z-index: 10; } .disea-first { width: 32%; height: 100%; background: #f5f5f5; border-top: 1px solid #e1e1e1; float: left; } .disea-first li a { display: block; height: 50px; line-height: 50px; padding-left: 15px; color: #333; position: relative; font-size: 14px; } .disea-first li a.hit { background: #fff; color: #4dcd70; } .disea-first li a .arrow { position: absolute; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 6px; right: 0; top: 50%; margin-top: -6px; border-right-color: #ebebeb; border-right-style: solid; } .disea-first li a.hit .arrow { border-right-color: #fff; } .disea-sec { width: 68%; height: 100%; background: #fff; border-top: 1px solid #e1e1e1; float: left; padding: 0 0 0 20px; } .disea-sec li a { display: block; height: 43px; line-height: 43px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-bottom: 1px solid #f2f2f2; position: relative; font-size: 14px; } .result-list {} .result-list li { line-height: 40px; border-top: 1px solid #f2f2f2; background: #fff; padding: 0 15px; } .result-list li:first-child { border-top: none; } .result-list li a { display: block; color: #666; font-size: 14px; } .no-serch { text-align: center; line-height: 23px; padding: 0 15px; } .icon-noserch { display: inline-block; width: 110px; height: 110px; background: url(../images/noser.png) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; margin: 40px 0 5px 0; } .doc-choo .c-avatar-m, .doc-team .c-avatar-m { margin: 10px 10px 10px 0; } /* 暂无信息 */ .nomess { text-align: center; line-height: 30px; padding: 120px 0 60px 0; color: #5b5b5b; } .nomess i { display: block; width: 90px; height: 90px; background-position: -1px -30px; margin: 0 auto; } /* 随访 */ .list-tips { display: inline-block; width: auto; margin-top: 0; margin-left: 10px; } .list-tips .hd .ui-arrow { top: 12px; left: -10px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .list-tips .bd { padding: 0 3px; background: #ff6600; border: #ff6600 1px solid; color: #fff } .list-tips .ui-arrow-t, .list-tips .ui-arrow-t s { border-bottom-color: #ff6600; } .follow-up .c-list-indent-m { padding-right: 50px !important } .follow-up .c-list-img, .follow-up .c-list-img img { width: 70px; height: 70px; } .follow-ask {} .follow-ask li { display: block; margin: 10px 5px; background: #fff; border-radius: 4px; padding: 0 10px; } .fpart1 { line-height: 40px; position: relative; color: #333; } .follow-ask li .list-icon { right: 0; } .iconhold { display: inline-block; width: 20px; height: 20px; line-height: 18px; text-align: center; color: #fff; } .fatb1 { background: #f39800; font-size: 16px; } .fatb2 { background: #3cca3f; } .fatb3 { background: #2caddf; } .fatb1 i { font-size: 17px; } .fatb2 i { font-size: 13px; } .fatb3 i { font-size: 18px; } .fpart2 { line-height: 20px; position: relative; color: #333; padding: 10px 0; border-top: 1px solid #f2f2f2; font-size: 12px; } .faname { display: inline-block; float: right; border-left: 1px solid #f2f2f2; padding-left: 10px; } .fpart3 { line-height: 20px; position: relative; color: #333; padding: 10px 0; border-top: 1px solid #f2f2f2; font-size: 12px; } /*随访*/ .q-form { background-color: #fff; } .q-form li:after { content: ""; display: block; line-height: 0; font-size: 0; visibility: hidden; clear: both; } .q-form li { padding: 10px 10px 10px 0; margin-left: 15px; border-bottom: 1px solid #e1e1e1; } .q-form li:last-child { border-bottom: none; } .q-form .q-form-label { font-size: 15px; } .q-form .q-form-val { margin-left: 82px; line-height: 22.5px; } .q-form .q-form-val.mr65 { margin-right: 65px; } .q-form .q-form-inp { display: block; width: 100%; border: none; color: #5b5b5b; } .q-form .q-form-inp[disabled] { background-color: #fff; } .qa-form { background-color: #fff; } .qa-form li:after { content: ""; display: block; line-height: 0; font-size: 0; visibility: hidden; clear: both; } .qa-form li { padding: 10px 10px 10px 0; margin-left: 15px; border-bottom: 1px solid #e1e1e1; position: relative } .qa-form li:last-child { border-bottom: none; } .qa-form .qa-form-label { font-size: 15px; color: #ff8100; } .qa-form .qa-form-val { margin-left: 37px; line-height: 22.5px; } .qa-form .qa-form-val.mr65 { margin-right: 65px; } .qa-form .qa-form-inp { width: 100%; border: none; color: #5b5b5b; } .qa-form .input-group { width: 100%; padding-right: 5px; } /* 我的签约服务 */ .my-servers-top { background: url(../images/banner1.jpg) 0 -50px no-repeat; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; color: #fff; line-height: 21px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); position: relative; } .my-servers-top .sdimg { display: block; margin: 0 auto 10px auto; width: 60px; height: 60px; padding: 1px; background-color: rgba(250, 250, 250, .75); border-radius: 50%; } .my-servers-time { line-height: 40px; background: #fafafa; color: #555; padding: 0 15px; text-align: center; } .my-servers-time i { color: #bbb; font-size: 18px; margin-right: 5px; } /* 家庭成员 */ .sw60 { width: 60px; text-align: left; } .add-memb-btn { width: 100%; height: 46px; line-height: 46px; background: #fff; text-align: center; position: absolute; left: 0; bottom: 0; } .add-memb-btn a { color: #333; font-size: 14px; } /* 签约记录 */ .record-list li .c-avatar-m { width: 45px; height: 45px; } .record-list li .arrow-right { display: inline-block; width: 6px; height: 6px; border: solid #cdcdcd; 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); vertical-align: middle; margin: 0 0 5px 5px; -webkit-transition: all .3s ease; } .record-list li .arshow { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin: 2px 0 0 5px; } .record-list li { position: relative; background: #fff; border-top: 1px solid #f2f2f2; } .record-list li:first-child { border-top: none; } .relimg { width: 45px; height: 45px; position: absolute; left: 15px; top: 10px; overflow: hidden; } .relimg img { width: 45px; height: 45px; } .relmess { padding: 13px 100px 8px 75px; min-height: 45px; font-size: 12px; color: #888; line-height: 18px; } .reltime { position: absolute; right: 15px; top: 13px; text-align: center; font-size: 12px; line-height: 18px; } .rel-filed { background: #eaedeb; padding: 10px 15px; color: #555; font-size: 12px; line-height: 20px; display: none; } .rel-filed .ref-top { display: block; color: #ed5050; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #d2d4d1; } /* 电话随访 */ .mstop-time { width: 100%; line-height: 25px; background: rgba(0, 0, 0, .3); position: absolute; left: 0; bottom: 0; overflow: hidden; padding: 7px 0; } .mstop-time .mtpart { display: block; width: 50%; float: left; text-align: center; font-size: 12px; color: #fff; } .mstop-time .mtpart:first-child { border-right: 1px solid #656578; } .mstop-time .mtpart i { font-size: 18px; margin: 0 3px; } .tel-ask-advice { margin: 10px 5px; padding: 8px; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; line-height: 30px; color: #5b5b5b; } .ask-text { border: none !important; padding: 0 !important; } /* 图文随访 */ .chat-form { bottom: 0; left: 0; height: 45px; } .nopos { position: relative; bottom: auto; left: auto; } .chat-form .ui-col-0 { width: 50px; text-align: center; } .chat-form .ui-col-0 a { display: inline-block; height: 30px; width: 30px; line-height: 30px; position: relative; top: 8px; border: 1px solid #808080; border-radius: 50%; color: #808080; } .chat-input { border: 0; border-bottom: #808080 1px solid; position: relative; top: 14px; } .chat-pictures-wrap { height: 100%; z-index: 2323; top: 0; left: 0; display: none; } .chat-pictures-bg { height: 100%; background-color: rgba(0, 0, 0, 0.7); } .chat-pictures-btn { bottom: 0; left: 0 } .chat-pictures-a { overflow: hidden } .chat-pictures-a a { height: 45px; line-height: 45px; display: block; font-size: 15px; color: #00a1d8; text-align: center; width: 100%; background-color: #fff; border-bottom: #e1e1e1 1px solid } .chat-pictures-a a:last-child { border-bottom: 0 } .chat-pictures-a a em { display: inline-block; width: 16px; height: 16px; border: #00a1d8 1px solid; border-radius: 50%; line-height: 12px; position: relative; top: -2px } .chat-pictures-a a em i.iconfont { font-size: 12px } .chat-form .ui-col-0 a.chat-send { display: inline-block; width: 40px; height: 31px; line-height: 31px; background: #4dcd70; text-align: center; font-size: 13px; color: #fff; border: none; border-radius: 3px; float: left; } /* 2015082703 CSX 新增 */ .bottom-btn-box { position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 8px 15px; background: #fff; z-index: 3000; } .bp-temp-page { padding-bottom: 60px; } .bp-temp { padding: 5px 0 5px 15px; } .bp-temp h3 { font-size: 15px; color: #333; padding: 10px 0; } .bp-temp h3 em { color: #f58100; margin-right: 5px; } .bp-temp-con { font-size: 12px; color: #5b5b5b; padding: 10px 15px; } .zz-list { overflow: hidden; } .zz-list li { width: 33.3333%; float: left; } @media screen and (min-width:320px) and (max-width:360px) { .zz-list li:last-child { width: 50%; float: left; } } .zz-tab { width: 100%; } .zz-tab td, .zz-tab th { vertical-align: middle; padding: 5px 0; } .zz-tab th { width: 9em; } .zz-tab2 th { width: 6em; } .zz-tab th em { color: #f58100; } .i-unit { display: inline-block; height: 36px; line-height: 36px; text-align: center; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 4px; } .width-16 { width: 16%; } /*单选框和复选框*/ .c-radio, .c-check { display: block; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; margin: 7px 0; } .c-radio .disc, .c-check .tick { display: block; position: relative; width: 26px; height: 26px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e1e1e1; border-radius: 50%; background: #fff; top: 0; left: 0; z-index: 2; } .c-check .tick { border-radius: 6px; } .c-radio > input, .c-check > input { display: inline-block; vertical-align: baseline; position: absolute; z-index: 3; width: 26px; height: 26px; background: transparent; background: rgba(0, 0, 0, 0); -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; outline: 0; } .c-radio > input:checked + .disc:after, label.checked .disc:after { position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; background: #4dcd70; left: 6px; top: 6px; box-sizing: border-box; -webkit-box-sizing: border-box; } .c-check > input:checked + .tick:after, label.checked .tick:after { position: absolute; content: ""; width: 13px; height: 8px; border: solid #4dcd70; border-width: 0 0 2px 2px; left: 5px; top: 5px; -webkit-transform: rotate(-45deg); } .c-radio > input:disabled + .disc, .c-check > input:disabled + .tick { background: #f0f0f0; } .c-radio > input:disabled, .c-check > input:disabled { cursor: auto; } .c-radio .txt, .c-check .txt { display: inline-block; position: absolute; height: 28px; line-height: 28px; vertical-align: middle; top: 0; left: 32px; } /*下拉选框*/ .c-select { display: block; position: relative; height: 36px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; } .c-select:after { position: absolute; content: ''; width: 8px; height: 8px; border: solid #e1e1e1; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); right: 15px; top: 50%; margin-top: -7px; } .c-select > select { display: inline-block; vertical-align: baseline; position: relative; z-index: 2; width: 100%; height: 36px; color: #909090; background: transparent; background: rgba(0, 0, 0, 0); border: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0 25px 0 10px; } .c-select > select:focus { color: #4d5a5e; outline: 0; } .c-input { position: relative; display: inline-block; min-width: 40px; height: 36px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; } .c-input > input { display: inline-block; vertical-align: baseline; position: relative; z-index: 2; width: 100%; height: 36px; color: #80989f; background: transparent; background: rgba(0, 0, 0, 0); border: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 6px 12px; } .c-input > input:focus { color: #4d5a5e; outline: 0; } .c-textarea { position: relative; display: block; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 4px; } .c-textarea > textarea { display: inline-block; vertical-align: baseline; position: relative; z-index: 2; width: 100%; color: #80989f; background: transparent; background: rgba(0, 0, 0, 0); border: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 6px 12px; } .c-textarea > textarea:focus { color: #4d5a5e; outline: 0; } /* 9.3 */ a.a-more { color: #007cd9; display: block; width: 100%; text-align: center; padding: 10px 0; color: #007cd9; font-size: 12px; /* border-top: 1px solid #f1f1f1; */ } .bgc-7ecef4 { background-color: #7ecef4; } .c-list-text .c-t-left { color: #909090 !important; } .device-list .c-list-value { width: 100px; } .c-37a6ed { color: #37a6ed !important; } .c-333 { color: #333 !important; } i.icon-nan { color: #0073dd; } i.icon-nv { color: #ff6ca0; } /* css c-table two -----------------------------------------------------------------------------*/ .c-table { width: 100%; border-collapse: collapse } .c-table th { font-weight: 700; } .c-table td, .c-table th { border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; text-align: center; padding: 10px 5px; } .c-table tr td:last-child, .c-table tr th:last-child { border-right: 0 } .c-table tr:last-child td { border-bottom: 0 } .c-table th, .c-table td { vertical-align: middle } .health-table-blue { background: #7ecef4; color: #fff; overflow: hidden } .health-table-blue span { display: block } .health-table-blue td { vertical-align: middle } .icon-zhidaobiaozhun.c-f24 { font-size: 24px; position: relative; top: 3px } .health-border-1 { border-color: #ff9806 } .health-border-2 { border-color: #ff0606 } .health-border-3 { border-color: #4dcd70 } .health-border-4 { border-color: #ea68a2 } .health-border-5 { border-color: #1dbdbf } .health-border-6 { border-color: #37a6ed } .health-border-7 { border-color: #ae5da1 } .required { top: 50%; margin-top: -8px; left: 10px; color: #ff8100; } .add-equipment { background: #fff; padding: 10px 15px; line-height: 47px; } .add-btn { position: relative; display: block; width: 45px; height: 45px; color: #b8b8b8; border: 1px dotted #b8b8b8; background: #fff; } .add-btn:before { content: ""; display: block; position: absolute; top: 22px; left: 8px; width: 30px; height: 2px; background: #b8b8b8; } .add-btn:after { content: ""; display: block; position: absolute; top: 8px; left: 22px; width: 2px; height: 30px; background: #b8b8b8; } .input-group.input-border span.form-control { line-height: 33px; color: #8f8f8f; } .input-group .c-avatar-s, .input-group .c-avatar-m, .input-group .c-avatar-l { margin: 5px 15px 5px 0; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } .health-input-merge .input-group-addon { min-width: 100%; width: 100px; text-align: left; } .unit-right { position: absolute; right: 15px; top: 13px; } .details-tips i.iconfont { color: #ffa119; font-size: 12px; } .historical-interfere i.iconfont { position: relative; top: -1px; font-size: 15px } .cod-list > li { position: relative; padding-left: 25px; margin-bottom: 30px; } .cod-list > li .cod-line { position: absolute; top: 10px; left: 6px; width: 2px; z-index: 5; background: #06bf04; height: 100%; height: -moz-calc(100% +30px); height: -webkit-calc(100% +30px); height: calc(100% + 30px); } .cod-list > li:last-child .cod-line { display: none; } .cod-list > li:first-child .cod-line { background: #ff8100; } .cod-list > li > i { position: absolute; top: 10px; left: 0; display: block; width: 14px; height: 14px; background: #06bf04; border-radius: 50%; z-index: 10; } .cod-list > li.current:after, .cod-list > li.current > i { background: #ff8100; } .cod-con { background: #fff; border: 1px solid #e1e1e1; border-radius: 8px; position: relative; padding: 10px; } .cod-con em.arrow { position: absolute; top: 12px; left: -6px; display: block; width: 8px; height: 8px; background: #fff; border-color: #e1e1e1; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .cod-con dd .upload-img ul li { margin-right: 5px; } .cod-con dd .upload-img ul li:last-child { margin-right: 0; } .add-manner { text-align: left; } .ui-popup .add-manner td { padding: 0 0 10px 0 !important; } .no-guide { width: 30%; height: 0; padding-bottom: 30%; background: url(../images/no_data.png) no-repeat; background-size: 100% 100%; margin: 0 auto; } .no-guide-tips { width: 70%; margin: 0 auto; } /*9.28-YY start*/ .sdoc-top.smil { padding: 38px 15px 36px; height: 100px; background: url(../images/p-bg-top2.png) no-repeat; background-size: 100% 100%; } .sdoc-top.smil.short { height: 60px; } .sdoc-top.smil .sdimg { margin: 0; width: 56px; height: 56px; border-radius: 56px; overflow: hidden; padding: 0; background: rgb(250, 250, 250); } .sdoc-top.smil .sdimg img { width: 56px; height: 56px; } .sdoc-top.smil .sdslink { border: none; } .ff6600 { color: #ff6600; } .pos-sist { padding: 23px 15px 18px; box-sizing: border-box; background: #fff; } .pos-sist img { width: 100%; height: auto; } .sdoc-top.smil .sdslink a { color: #007cd9; background: #f8f8f8; line-height: 27px; } .pb60 { padding-bottom: 60px; } .slider-detail h2 { color: #333333; } .slider-detail p { color: #888888; } .slider-detail li { padding: 10px 0 8px 0; position: relative; } .slider-detail li span { position: absolute; bottom: 0px; right: 15px; } .slider-detail p.show { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; } .arrow-down, .arrow-up { display: inline-block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; cursor: pointer; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } .arrow-up { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .line-click { width: 100%; height: 15px; position: relative; } /*9.28-YY end*/ /*=======================*/ .c-000 { color: #000; } .c-ccc { color: #ccc; } .r-15 { right: 15px; } .l-10 { left: 10px; } .pl25 { padding-left: 25px; } /* 9.28 */ /* -------签约成功提示 */ .nsucc-top { text-align: center; padding: 80px 0 20px 0; } .nsucc-top i { font-size: 60px; } .choo-qy div { padding: 6px 17px; } .edit-icon { position: absolute; top: 50%; right: 10px; margin-top: -12px; display: block; width: 24px; height: 24px; background: url(../images/edit-icon.png) no-repeat 50% 50%; background-size: 100%; } .meter-bg { width: 40%; height: 0; padding-bottom: 40%; border-radius: 10px; margin: 30px auto; border: 1px solid #ddd; position: relative; } .meter-xy { background: #fff url(../images/set-xy.png) no-repeat 0 100%; background-size: 100% auto; } .meter-xt { background: #fff url(../images/set-xt.png) no-repeat 0 100%; background-size: 100% auto; } .meter-sh { background: #fff url(../images/set-sh.png) no-repeat 0 100%; background-size: 100% auto; } .meter-bg span { position: absolute; display: inline-block; width: 100%; text-align: center; color: #333; font-size: 18px; top: 5%; left: 0; } .search-set { width: 100%; text-align: center; } .search-set img { width: 50%; height: auto; } .set-link-icon { width: 32px; height: 32px; } .set-link-icon img { width: 100%; height: 100%; } .sear-set-list .c-list-link .c-list-value { padding-right: 5px; } /* Loading弹窗 */ @-webkit-keyframes load-rotate { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes load-rotate { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .smallTips.jsonload-dialog .ui-dialog-loading { width: 48px !important; height: 48px !important; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMAgZF6heoWiTQdmjorIwuyELxI8kFqWVAC+nIGw8zV4GGro1ZOCogAAAVhSURBVGjetZqJeqIwFEYDwQBhC5iAsoPv/45zb0I6tthOkczp8mm/9j/emwWBkt/BpPLWfrpcH9fL1K8+rRNGXBFX/nh/7JhKr3IgYarYRd+vgJHwWZyKr/hjzx0EG+gIk3fTu2bYIvcFXAzGsVTv5avHazDeCvS3x/0tRVePj9cNunxhmq4Xnh43xOHjuxY9pwPjOF2ntjs+xMMuGgOhKdgoeGDzgWG6LtHhKeo9hQ8rbZI0y+IsTSoVrOMdmjV95APTOP8u90Ysst/WFK+yXQMTWlxgXW/xyHgNf9OmrvswCIq9CL6dIlHbXy46vu+14rLE/3z5ef5kkMOoxM9rZZ0miO/LXjMV2T/yhchBYQ3sF5NP8mnsy7I0jqn/0dAxJoSp4QDNMpZAoS1jn/6UH79lYHToi3JjLONv+8Pi+MNwcMmUQwFgFcW4iO9eSBYbgx6FY2Q+GoxkCF//tYB8FKDh+LLPvaFYNsegXv4G5FsD5B+n7ZcFHQsY5IsBjkGwIchbKDCsC1IubL93ptmpfKQtV0Ab6G4AYB8zhgzk70ILvmqWXn6ZoWmKBp1/e18g/IIDYCm4+NygyBqyjpwgW1ZuKOtPIxxpASLIKapiE6ycPYsTa2DkJHT1ATAU83MBgDF0ZwUx52hAB3sqwBoYOU29+oalIRu3CARGcTsvyAM/BKCEMLebXBJtMOKAioeGNSKG9KOAzoUg98IA8wOu7BBvgiQmTqj8wPO8IAgDtnXIVpC7EbAABIgvTYekMSQpccQcUqoFs+2QNrg7KYpAAAr4ELhByUSDHXKEaGlL8TPApmSVlFgDdMgZtdciNJBYDwiwCJm5E0jaGkONTxpjkMKdIGuValvVUtWRvEJQkbsTCGVolSCsaRrtSG7uBLfaGjIS18bQRMQhlZoBNbcpyUCAijp1KUjUjKAgBQHiVhDNda1rSPBhUwNuBSkIEBAkc23IXAqyLXVOiFSzwa1AN34ToEEp5VbQGOqIyFYZUqcCnPmbgLaGyLkAHSmRnsmnyX8SRF5L4aP1KqeCSgKVbDKShhRpvdrpOpCGipEsoJpAudzsokQjpSCCetQg3AnwOG8cOenUVkLocJ4K+04rgrbMVuBwlONoE+DqlUbg+crhJIpSJIpifAICDwg95mwIUgsehnPqGYMfORuCNNsEembWoafxZ2dDkGaaNCaI3ARBEDvqULaRiu3ion0z3LgRMH2+jXREM/tGEHq5k2UcW+ysiXzToYA7WQo5Xq+JGQhy+xMaakHoB7mDAhiiHbe/5zwQD4KQNw4KYEIIbciJRXghxAO+H5+eQkxYoABLzSEf4e3pAoSBied2sxBLQLg8WUCOCPy6fT55BoGDJt1yi+i+nDz7KEADzc8UAOQ5lvE1JdpKCAJ/PiWw7A7AMw8Mnl+faBGyz0cENAlxsidB/J6Uhx+G2rXAziTPCAKuOvIfUDzYBAFvGXFPTjnmoyXkfkLcwwI/0MBy4Kv6D0XEm0Ffcit8efvdTdXoiIFrgb4sufS/uZVbTw/aHbn7x7cCOF+Xvg9l9+OwzXg7skyOjEPLQ6wA8/FWQ8+/P8FNvOmhOXQk7ObVB1BQIOVY+iphu2bKcHhYRkmOIDkodAGGfhzHnnuqSfAmRhrJmvLy/njm4CafeuvKrQFvv/XDdLE3kq8QvWOqbsf2kmYt0IDxKBiGcZow+lvW7PA1q2VZVxCYAkYtAO7AK48vyFEiupTQoc+C+2vBUBPkuKLoMR469GN+35B3SdUyTAMKRhC8zL+ffB8iKlrgvzVMlwsYdvmLix1RJO3aX3Z9vw5+E7vbyKOmDddyxEKmoeDeLH/50v8A9K6yqsA2Yi0AAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; animation: load-rotate 1s linear infinite; -webkit-animation: load-rotate 1s linear infinite; text-align: center !important; } .smallTips.jsonload-dialog .ui-dialog-loading::after { display: none !important; } .smallTips.jsonload-dialog { background: rgba(0, 0, 0, .8) !important; color: #fff !important; border: none !important; } .smallTips.jsonload-dialog tr { background-color: transparent !important; } .smallTips.jsonload-dialog .ui-dialog-content { padding-top: 5px; } .smallTips.jsonload-dialog .ui-dialog-content p { text-align: center !important; margin-top: 8px !important; float: none !important; } /*签约后*/ .list-resigned { height: 211px; } .list-resigned li { width: 31%; float: left; overflow: hidden; color: #878787; text-align: center; margin: 15px 3.5% 0 0; } .list-resigned li .iconfont { line-height: 52px; } .list-resigned li.last { margin-right: 0; } .list-resigned li .icon-img { width: 56px; height: 56px; border-radius: 50%; display: block; margin: 0 auto; } .ax-popup .ui-dialog-body .failure-register { line-height: 1; } .hot-hospital, .recommend-hospital { overflow: hidden; } .hot-hospital .img-area img { border-radius: 5px; width: 75px; height: 55px; margin-right: 8px; } .recommend-hospital .img-area img { border-radius: 50%; width: 44px; height: 44px; margin-right: 8px; margin-top: 8px; } .hot-hospital li, .recommend-hospital li { display: -webkit-box; display: box; } .hot-hospital li .des-area, .recommend-hospital li .des-area { box-flex: 1; -webkit-box-flex: 1; } .recommend-hospital .tag-list li { height: 23px; width: 23.5%; float: left; border: 1px solid #e1e1e1; margin-bottom: 10px; margin-right: 2%; border-radius: 2px; line-height: 23px; box-sizing: border-box; } .recommend-hospital .tag-list li.curr { background-color: #f2f2f2; border: 1px solid #f2f2f2; } .recommend-hospital .tag-list li.curr span { color: #4fb947; } .recommend-hospital .tag-list li.last { margin-right: 0; } .recommend-hospital .tag-list li span { display: block; margin: 0 auto; color: #5b5b5b; text-align: center; width: 100%; } /* 12-23 设备绑定更新 */ .addset-switch { position: relative; height: 42px; line-height: 42px; vertical-align: middle; font-size: 15px; background: #fff; padding: 0 15px; } .addset-switch:after { position: absolute; top: 50%; right: 15px; margin-top: -5px; content: ""; 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); transform: rotate(45deg); } .addset-switch.curr:after { right: 13px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .addset .c-list { border-top: 1px solid #f1f1f1; } .addset h4 { font-size: 14px; } /* 16-1-11 */ .filter-bar { clear: both; padding: 12px 15px; } .filter-bar span { font-size: 15px; margin-right: 10px; } .filter-bar ul { display: inline-block; } .filter-bar ul li { font-size: 12px; display: inline-block; border: 1px solid #e1e1e1; border-radius: 30px; padding: 5px 15px; margin-right: 5px; } .filter-bar ul li:last-child { margin-right: 0; } .filter-bar ul li.curr { color: #fff; background: #4dcd70; border-color: #4dcd70; } @media screen and (max-width:320px) { .filter-bar ul li { padding: 4px 10px; } } @media screen and (min-width:375px) { .filter-bar ul li { padding: 5px 18px; margin-right: 10px; } } /* added 20160113 */ .pt85 { padding-top: 85px; } .noapp { width: 30%; margin: 0 auto; } .noapp img { display: block; width: 100%; } .c-888 { color: #888; } /* region-wrap */ .region-wrap .arrow-down { width: 6px; height: 6px; position: relative; top: -3px; margin-left: 5px; } .region-sub-box { z-index: 99; top: 0; left: 0 } div.bound-btn i.iconfont { font-size: 12px; } #bound-dialog li { margin: 0 !important; } #bound-dialog li .c-list-info { line-height: 35px !important; } /* v2.3.5 CSX */ .dipstick-box { background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; } .dipstick-img { margin: 10px; } .dipstick-img img { width: 100%; height: auto; } .dipstick-title { font-size: 14px; color: #333; margin: 15px 10px 0 10px; } .dipstick-pay { margin: 0 10px; } .dipstick-pay li { padding: 8px 0; } .dipstick-pay .full { clear: both; } .dipstick-pay li span { color: #888; margin-right: 2px; } .dipstick-pay li b { color: #333; font-weight: normal; } .set-help { background: #fff; padding: 0 15px; } .set-help-ask { padding: 12px 0; position: relative; } .set-help-ask .iconfont { position: absolute; font-size: 20px; top: 7px; } .set-help-ask h2 { padding-left: 24px; font-size: 14px; color: #333; } .set-help-answer p { color: #888; font-size: 12px; padding: 10px; } .set-help-tips, .set-help-tips2 { background: #e7f5fa; margin: 5px 0 15px 0; padding: 10px; font-size: 12px; border-radius: 4px; position: relative; } .set-help-tips:after, .set-help-tips2:after { position: absolute; top: -12px; left: 15px; content: ""; display: block; height: 0px; width: 0px; border-bottom: solid 12px #e7f5fa; border-left: solid 6px rgba(0, 0, 0, 0); border-right: solid 6px rgba(0, 0, 0, 0); } .set-help-tips2 { background: #fdfef1; } .set-help-tips2:after { border-bottom: solid 12px #fdfef1; } .set-help-tips a { font-weight: bold; color: #4dcd70; } .set-help-tips2 a { font-weight: bold; color: #ff791f; } .switch-tb { position: absolute; right: 10px; top: 10px; } .switch-tb .icon-gmqiehuan { font-size: 20px; } /* 16-3-11 咨询项目中移植网络咨询模块 CSX */ .ptb12 { padding-top: 12px; padding-bottom: 12px; } .n-list { background-color: #fff; } .n-list > li, .n-list > .n-list-li { position: relative; display: -webkit-box; display: box; box-pack: center; padding-right: 15px; margin-left: 15px; border-top: 1px solid #f1f1f1; clear: both; } .n-list > li:first-child, .n-list > .n-list-li:first-child { border-top: none; } .n-list > .n-list-link:active { background-color: #f7f7f7; padding-left: 15px; margin-left: 0 } .n-list > .n-list-cover { padding-left: 15px; margin-left: 0; } .n-list > .list-arrow-r, .n-list > .list-arrow-d, .n-list > .list-arrow-u { padding-right: 30px } .n-list > .list-arrow-r:after, .n-list > .list-arrow-d:after, .n-list > .list-arrow-u:after { position: absolute; top: 50%; right: 15px; margin-top: -5px; content: ""; 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); transform: rotate(45deg); } .n-list > .list-arrow-d:after { right: 13px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .n-list > .list-arrow-u:after { right: 13px; margin-top: -2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .n-list-title { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; } .n-list-key, .n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; } .n-list-info { display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; } .n-list-flex { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; } .n-list > .n-list-function { border-top: none; padding-right: 0; } .n-list > .n-list-function .n-list-flex { border-top: 1px solid #f1f1f1; } .n-list > .n-list-function:first-child .n-list-flex { border-top: none; } .n-list > li:first-child, .n-list > .n-list-function:first-child, .n-list > .n-list-function:first-child .n-list-info, .n-list > div:first-child { border: 0; } .n-list > .n-list-label { display: block; border-top: none; padding-right: 0; } .n-list .n-list-img { width: 100px; height: 68px; overflow: hidden; position: relative } .n-list .n-list-img img { width: 100%; height: auto; } .required { position: relative; } .required:before { content: "*"; position: absolute; color: #f00; font-size: 14px; height: 12px; line-height: 12px; vertical-align: middle; left: -10px; top: 50%; margin-top: -5px; } .n-avatar-s, .n-avatar-m, .n-avatar-l { width: 26px; height: 26px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } .n-avatar-m { width: 40px; height: 40px; } .n-avatar-l { width: 54px; height: 54px; } .n-avatar-s img, .n-avatar-m img, .n-avatar-l img { width: 100%; height: 100%; } .doc-avatar { width: 50px; height: 50px; border-radius: 50%; text-align: center; overflow: hidden; } .doc-avatar img { width: auto; height: 100%; } .word-bread { word-wrap: break-word; } .view-more { display: inline-block; width: 100%; text-align: center; padding: 15px 0; } .doc-detail .list-arrow-d:after { top: 15px; margin-top: 0; } .doc-detail .list-arrow-u:after { top: 20px; margin-top: 0; } .level, .honor { display: inline-block; width: 20px; height: 20px; } .level img, .honor img { width: 100%; height: 100%; } .heed { background: url(../images/heed.png) no-repeat 0 0; background-size: 100%; width: 26px; height: 26px; display: block; margin: 0 auto 5px; } .heed-orange { background: url(../images/heed-orange.png) no-repeat 0 0; background-size: 100%; width: 26px; height: 26px; display: block; margin: 0 auto 5px; } #heed, #heed-orange { width: 40px; text-align: center; padding-top: 12px; } .pm_age .agesel.w-70 { width: 70px; } .talk-box { position: relative; width: 100%; padding: 10px; background: #fff; border-radius: 5px; border: 1px solid #e6bc5d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .talk-box:after { position: absolute; content: ""; top: -6px; left: 30px; font-size: 13px; color: #5b5b5b; width: 10px; height: 10px; border: 1px solid #e6bc5d; border-width: 1px 1px 0 0; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .icon-round { display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; vertical-align: middle; color: #fff; font-size: 14px; border-radius: 50%; overflow: hidden; } .padding-fixed { clear: both; width: 100%; height: 70px; } .bottom-iconbtn { position: fixed; bottom: 0; left: 0; width: 100%; height: 44px; border-top: 1px solid #e1e1e1; background: #fff; z-index: 1000; } .bottom-iconbtn a { display: inline-block; width: 49%; height: 44px; line-height: 44px; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #e1e1e1; overflow: hidden; } .bottom-iconbtn a:last-child { border: none; } .bottom-iconbtn a .iconfont { font-size: 18px; line-height: 18px; vertical-align: middle; } .bgc-00c1a5 { background-color: #00c1a5; } .ax-consultation li { position: relative; } .ax-consultation select, .ax-consultation input { color: #909090 !important; } .ax-consultation li .input-group .form-select { height: 30px; box-sizing: border-box; padding: 2px 13px 2px 5px; } .ax-consultation li .form-select-arrow { top: 8px; right: 9px; } /*3.17*/ .th-consultation-list { margin-bottom: 10px; } .th-consultation-list .c-list-indent-m { padding-right: 0 !important; } .th-consultation-list.c-list .c-list-info > h4 { font-size: 12px; line-height: 20px; } .th-consultation-list.c-list .c-list-info > h4 i.iconfont { font-size: 18px; } .th-consultation-list .c-4c4c4c { color: #4c4c4c !important; } .c-999999 { color: #999999; } /* 咨询界面 */ .c-ff3758 { color: #ff3758 !important; } i.icon-nan1 { color: #0073dd; font-size: 14px; } i.icon-nv1 { color: #ff6ca0; font-size: 14px; } .c-chat-box { border: none; padding-left: 15px; padding-right: 15px; } .time-tips { margin: 10px 0 0 0; text-align: center; clear: both; } .time-tips span { position: relative; display: inline-block; padding: 0 60px; color: #aeaeae; font-size: 13px; } .time-tips span:before, .time-tips span:after { position: absolute; content: ""; display: block; width: 50px; height: 1px; background: #e6e4e1; top: 50%; } .time-tips span:before { left: 0; } .time-tips span:after { right: 0; } .chat-left, .chat-right { clear: both; overflow: hidden; padding: 10px 0; } .chat-left > dt, .chat-right > dt { width: 40px; height: 40px; } .chat-left > dt { float: left; margin-right: 15px; } .chat-right > dt { float: right; margin-left: 15px; } .chat-left > dt img, .chat-right > dt img { width: 40px; height: 40px; border-radius: 50%; } .chat-left > dd, .chat-right > dd { position: relative; min-height: 18px; font-size: 15px; display: inline-block; max-width: 60%; background: #fff; border: 1px solid #e1e1e1; border-radius: 6px; padding: 8px 15px; box-shadow: 1px 1px 1px rgba(0, 0, 0, .1); } .chat-left > dd { float: left; white-space: pre-wrap; word-wrap: break-word; } .chat-right > dd { float: right; background: #bce0ff; border: 1px solid #81bdf7; white-space: pre-wrap; word-wrap: break-word; } .chat-left > dd:after { content: ""; position: absolute; top: 14px; left: -6px; display: block; width: 8px; height: 8px; background: #fff; border-color: #e1e1e1; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .chat-right > dd:after { content: ""; position: absolute; top: 14px; right: -6px; display: block; width: 8px; height: 8px; background: #bce0ff; border-color: #81bdf7; border-style: solid; border-width: 1px 0 0 1px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } .chat-left > dd p img, .chat-right > dd p img { max-width: 150px; max-height: 150px; margin: 5px 0; } /**/ .xw-chat-mainboxer { position: fixed; bottom: 0; left: 0; right: 0; background: #fafafa; } .xw-chat-mainboxer .chat-partone { box-sizing: border-box; display: -webkit-box; display: box; height: 60px; } .chat-partone .chat-left, .chat-partone .chat-right { display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; } .chat-partone .chat-left textarea { width: 100%; box-sizing: border-box; padding: 2px 10px; background: #fff; border: 1px solid #d1d1d1; border-radius: 3px; height: 30px; resize: none; margin-top: 8px; } .chat-partone .chat-right { width: 40px; text-align: right; } .chat-partone .chat-right i { font-size: 30px; color: #7d7d7d; } .chat-partone .chat-left { -webkit-box-flex: 1; box-flex: 1; } .chat-parttwo { text-align: center; padding-bottom: 10px; } .chat-parttwo .pic { width: 40%; max-width: 45px; float: none; margin: 0 auto; } .chat-parttwo .pic img { width: 100%; height: auto; } .pb170 { padding-bottom: 170px; } .xw-chat-mainboxer.tisop-p { position: static; } .evaluate-boxer { background: #e1effb; line-height: 24px; padding: 5px 10px; } .evaluate-boxer i { color: #4dcd70; font-size: 18px; line-height: 1em; margin-right: 5px; } .c-17b3ec { color: #17b3ec; } .ill-poner-box { border-radius: 6px; box-sizing: border-box; } .ill-poner-box .poner-partone, .ill-poner-box .poner-parttwo { padding: 10px 15px; line-height: 18px; } .ill-poner-box .poner-partone .icon-biaoqian { color: #e1e1e1; font-size: 14px; } .poner-partone { position: relative; padding-right: 20px !important; } .poner-partone .arrow-right { position: absolute; right: 10px; top: 14px; } .c-b3b3b3 { color: #b3b3b3; } .ax-eval-boxer { position: fixed; bottom: 0px; left: 0; right: 0; padding: 10px 0; display: none; } .ax-eval-boxer li i { font-size: 40px; color: #cccccc; line-height: 1em; } .ax-eval-boxer li.curr i { color: #ff8100; } .ax-eval-boxer li span { color: #333333; font-size: 15px; margin-top: 3px; display: inline-block; } /* 咨询界面 */ /*选择成员*/ .choose-menb-boxer .c-list-info.c-666 h4 { color: #666 !important; } .choose-menb-boxer .c-list-info { max-width: 30%; } .choose-menb-boxer .icon-nv1 { color: #ee90ff; } .choose-menb-boxer .icon-nan1 { color: #00acee; } .add-familymenb { line-height: 20px; line-height: 1em; } .add-familymenb .icon-jia { color: #c1c1c1; font-size: 20px; } .add-familyarea textarea { border-radius: 0 !important; border-left: none; border-right: none; } /* 医生主页 */ .img-circle .c-avatar-m { border-radius: 50%; } .folding-item-1 .c-list-info > p { font-size: 12px; color: #666; } .folding-item-1 > .c-list > .c-list-cover { margin-left: 38px !important; padding-left: 0 !important; } .list-item-1 .c-list-cover { margin-left: 10px !important; padding-left: 5px !important; } .bgc-3fcba9 { background-color: #3fcba9; } .bgc-52a5f1 { background-color: #52a5f1; } .bgc-f98d44 { background-color: #f98d44; } .bgc-67bfed { background-color: #67bfed; } .bgc-91c66a { background-color: #91c66a; } .bgc-f792b1 { background-color: #f792b1; } .bgc-fec157 { background-color: #fec157; } .bgc-78c8ed { background-color: #78c8ed; } .bgc-fb8d7c { background-color: #fb8d7c; } .logo-icon { display: inline-block; width: 17px; height: 17px; border-radius: 50%; vertical-align: middle; text-align: center; line-height: 17px; font-size: 10px; color: #fff; margin: 0 5px; } .sever-list .c-avatar-m .iconfont { color: #fff; font-size: 20px; vertical-align: middle; } /*复用旧版医生主页*/ .bgc-63b7f2 { background: #63b7f2; } .t-oldhead { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; line-height: 28px; padding: 2px 0; } .t-oldhead .icon-guanbi { opacity: 0.4; font-size: 18px; position: absolute; right: 10px; top: -2px; } .t-oldhead span { display: inline-block; width: 8px; height: 8px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); border-top: 2px solid #fff; border-right: 2px solid #fff; } .sdoc-top .sdstate a.c-btn { padding: 4px 12px !important; margin-top: 4px; }