sr-iHealthwx/html/download/css/style.css

/*---------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;
}