/*---------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; } /* 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: -4px; } .c-list .c-avatar-s, .c-list .c-avatar-m, .c-list .c-avatar-l { margin: 10px 15px 10px 0; overflow: hidden; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } .c-list-indent-s { padding-right: 70px !important; } .c-list-indent-m { padding-right: 110px !important; } .c-list-action .input-group-checkbox .input-group-pack, .c-list-action .input-group-radio .input-group-pack { margin: 0 0 0 5px; } .c-avatar-s { width: 26px; height: 26px; } .c-avatar-m { width: 40px; height: 40px; } .c-avatar-l { width: 54px; height: 54px; } .c-avatar-s img, .c-avatar-m img, .c-avatar-l img { width: 100%; height: 100%; } .c-list-text .c-t-right { color: #909090 !important; } .c-list-text .c-t-right { padding-right: 0px; color: #909090; } .c-list-link .c-t-right { padding-right: 20px !important; } /* css search -----------------------------------------------------------------------------*/ .c-ser-hold { width: 100%; height: 43px; background-color: #e8e8e8; padding: 6px 10px 0 10px; } .c-ser-into { background: #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); } /* 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; } .c5b5b5b { color: #5b5b5b; } .c4dcd70 { color: #4dcd70; } .ced5050 { color: #ed5050; } .ced4d4d { color: #ed4d4d; } .cc2c2c2 { color: #c2c2c2; } .ced5050 { color: #ed5050; } .c-f13 { font-size: 13px; } .lijt { position: absolute; right: 15px; top: 50%; margin-top: -5px; } .pr10 { padding-right: 10px; } .pr20 { padding-right: 20px; } .h63 { height: 63px; } 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; } /* 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: #4dcd70; } .men-list .mltb8 { background: #ff6600; } .men-list .mltb9 { background: #2caddf; } .men-list .mltb10 { background: #f39800; } .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 { 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; } .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: 45px; line-height: 45px; left: 0; bottom: 0; text-align: left; padding: 0 15px; text-shadow: none; color: #888; } .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; } .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: #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 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; } /* 选择社区 */ .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; } .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; } .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 { 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 {} .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-top.png) no-repeat; } .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 12px 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; -webkit-line-clamp: 2; } .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: 50px; } .choo-qy div { padding: 6px 17px; } .goodstexa { display: block; width: 100%; height: 150px; border: 1px solid #e1e1e1; border-radius: 5px; background: #fff; appearance: none; -webkit-appearance: none; padding: 5px 10px; word-break: break-all; }