sr-iHealthwx/html/jkjl/css/ys-style.css

/* ui-form
-----------------------------------------------------------------------------*/

.input-group,
.input-group *,
.input-group-checkbox,
.input-group-radio,
.input-group-checkbox *,
.input-group-radio * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.input-group {
	border-collapse: separate;
	display: table;
	position: relative;
}

.input-group label {
	display: block;
}

.input-group-addon {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 10px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 1%;
}

.input-group-addon:first-child {
	border-right: 0;
}

.input-group-addon .iconfont {
	color: #b4b4b4;
	font-size: 18px;
}

.input-group-addon.focus .iconfont {
	color: #37a6ed;
}

.input-group-btn {
	position: absolute;
	right: 5px;
	top: 7px;
}

.input-group-btn .c-btn {
	padding: 5px;
	border: #ddd 1px solid;
}

.input-group .form-control,
.input-group .form-select,
.input-group .form-textarea {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	color: #333;
	display: block;
	font-size: 14px;
	height: 45px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	outline: 0;
}

.input-group .form-select-arrow {
	display: block;
	width: 10px;
	height: 10px;
	border: solid #ccc;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 15px;
	right: 8px;
}

.input-group.input-border .form-control,
.input-group.input-border .form-select,
.input-group.input-border .form-textarea {
	border-radius: 0px;
	border-right: 0;
	font-size: 15px;
	height: 45px;
	line-height: 1.52857;
}

.input-group .form-control:focus,
.input-group .form-select:focus,
.input-group .form-textarea:focus {
	color: #333;
}

.input-group .form-control::-webkit-input-placeholder,
.input-group .form-textarea::-webkit-input-placeholder {
	color: #bfbfbf;
}

.input-group .form-control:-moz-placeholder,
.input-group .form-textarea:-moz-placeholder {
	color: #bfbfbf;
}

.input-group .form-control::-moz-placeholder,
.input-group .form-textarea::-moz-placeholder {
	color: #bfbfbf;
}

.input-group .form-control:-ms-input-placeholder,
.input-group .form-textarea:-ms-input-placeholder {
	color: #bfbfbf;
}

.input-group .form-textarea {
	height: auto;
	resize: none;
	margin: 0;
}

.input-group .form-control:nth-child(2),
.input-group .form-textarea:nth-child(2) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left: 0;
	padding-left: 0;
}

.input-group .form-control,
.input-group label .form-control,
.input-group label .form-select,
.input-group label .form-textarea {
	border-radius: 4px;
	padding-left: 12px;
	border-left: 1px #e1e1e1 solid;
}

.input-group .input-group-addon + .form-control,
.input-group .input-group-addon + .form-select {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-left: 0px;
	border-left: 0px;
}

.input-group-text {
	font-size: 14px;
	color: #555;
}

.input-merge .input-group .input-group-addon,
.input-group.input-border .input-group-addon {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.input-group.input-border .input-group-addon {
	border-left: 0;
	font-size: 15px;
	color: #333;
	padding: 10px 20px;
}

.input-merge .input-group .form-control,
.input-merge .input-group .form-select,
.input-merge .input-group .form-textarea {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.input-merge .input-group:first-child .input-group-addon {
	border-top-left-radius: 4px;
}

.input-merge .input-group:first-child .form-control,
.input-merge .input-group:first-child .form-select,
.input-merge .input-group:first-child .form-textarea {
	border-top-right-radius: 4px;
}

.input-merge .input-group:last-child .form-control,
.input-merge .input-group:last-child .form-select,
.input-merge .input-group:last-child .form-textarea {
	border-bottom-right-radius: 4px;
}

.input-merge .input-group:last-child .input-group-addon {
	border-bottom-left-radius: 4px;
}

.input-merge .input-group.input-border .input-group-addon,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .input-group-addon {
	border-radius: 0px;
}

.input-merge .input-group.input-border {
	padding-left: 20px;
}

.input-merge .input-group.input-border .input-group-addon {
	padding-left: 0
}

.input-merge .input-group .input-group-addon,
.input-merge .input-group .form-control,
.input-merge .input-group .form-select,
.input-merge .input-group .form-textarea {
	border-bottom: 0;
}

.input-merge .input-group:last-child .input-group-addon,
.input-merge .input-group:last-child .form-control,
.input-merge .input-group:last-child .form-select,
.input-merge .input-group:last-child .form-textarea {
	border-bottom: 1px solid #e1e1e1;
}

.input-merge.input-merge-border .input-group:first-child .input-group-addon,
.input-merge.input-merge-border .input-group:first-child .form-control,
.input-merge.input-merge-border .input-group:first-child .form-select,
.input-merge.input-merge-border .input-group:first-child .form-textarea {
	border-top: 0;
}

.input-merge.input-merge-border .input-group:last-child .input-group-addon,
.input-merge.input-merge-border .input-group:last-child .form-control,
.input-merge.input-merge-border .input-group:last-child .form-select,
.input-merge.input-merge-border .input-group:last-child .form-textarea {
	border-bottom: 0;
}

.input-merge.input-merge-border {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
}

.input-group-addon-disabled,
.form-control[disabled],
.form-control:disabled,
.form-textarea[disabled],
.form-textarea:disabled,
.form-textarea[disabled],
.form-textarea:disabled,
.form-select[disabled],
.form-select:disabled {
	background-color: #f9f9f9;
}

.input-group .form-input {
	height: 45px;
	border-top: 1px solid #e1e1e1;
	position: relative;
	padding: 7px 0;
}

.input-group .form-input-text {
	color: #909090;
	font-size: 15px;
}

.input-group .form-select-box {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}

.input-group .form-select-box .form-select {
	width: 100%;
}

.input-group .form-select-box .form-select-arrow {
	top: 7px;
	right: 12px
}

.input-group.input-border .form-input .form-control,
.input-group.input-border .form-input .form-select {
	height: 31px;
	border: #e1e1e1 1px solid !important;
	border-radius: 2px;
	display: inline-block;
	vertical-align: baseline;
	line-height: 1.2;
}

.input-group .input-clear {
	position: absolute;
	right: 8px;
	top: 8px;
	background: #ccc;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	text-align: center;
}

.input-group .input-clear .close {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	top: 6px;
}

.input-group .input-clear .close::before,
.input-group .input-clear .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -1px;
	background: #fff;
	border-radius: 6px;
}

.input-group .input-clear .close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.input-group .input-clear .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.input-group-checkbox,
.input-group-radio {
	display: inline-block;
	position: relative;
	font-size: 14px;
	color: #909090;
}

.input-group-checkbox label {
	display: block;
	cursor: pointer;
}

.input-group-checkbox label input[type="checkbox"],
.input-group-radio label input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.input-group-checkbox .input-group-pack,
.input-group-radio .input-group-pack {
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border: 1px #d3d3d3 solid;
	padding: 0;
	margin: 0 5px 0 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	overflow: hidden;
	top: -2px;
}

.input-group-radio .input-group-pack {
	border-radius: 50%;
}

.input-group-checkbox .input-group-pack.input-group-pack-disabled,
.input-group-radio .input-group-pack.input-group-pack-disabled {
	background-color: #f0f0f0;
}

.input-group-checkbox .input-group-pack .tick {
	display: block;
	width: 12px;
	height: 2px;
	background: #4dcd70;
	margin: 8px 0 0 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	top: 50px;
}

.input-group-checkbox .input-group-pack .tick:after {
	content: '';
	width: 8px;
	height: 2px;
	background: #4dcd70;
	position: absolute;
	top: -3px;
	left: -5px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.input-group-radio .input-group-pack .disc {
	display: block;
	content: "" !important;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color: #4dcd70;
	margin: 4px;
}

.input-group-checkbox input[type="checkbox"]:checked ~ .tick,
.input-group-checkbox .input-group-pack.checked .tick {
	top: 0px;
}

.input-group-radio input[type="radio"]:checked ~ .disc,
.input-group-radio .input-group-pack.checked .disc {
	width: 10px;
	height: 10px;
}

.input-group-switch {
	position: relative;
	font-size: 16px;
	width: 52px;
	height: 32px;
	line-height: 1em;
}

.input-group-switch input {
	width: 52px;
	height: 32px;
	position: absolute;
	z-index: 10;
	border: none;
	background: none;
	-webkit-appearance: none;
	outline: none;
}

.input-group-switch input:before {
	content: '';
	width: 50px;
	height: 30px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	user-select: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #dfdfdf;
	-webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;
	transition: border 0.4s, box-shadow 0.4s;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}

.input-group-switch input:checked:before {
	border-color: #4cd964;
	-webkit-box-shadow: #4cd964 0px 0px 0px 16px inset;
	box-shadow: #4cd964 0px 0px 0px 16px inset;
	background-color: #4cd964;
	transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s;
	background-color: #4cd964;
}

.input-group-switch input:checked:after {
	left: 21px;
}

.input-group-switch input:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px;
	left: 0;
	border-radius: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}

.input-group-switch input.thread:before {
	content: '';
	width: 50px;
	height: 3px;
	border: 1px solid #e5e5e5;
	background-color: #e5e7ea;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	user-select: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #dfdfdf;
	-webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;
	transition: border 0.4s, box-shadow 0.4s;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}

.input-group-switch input.thread:checked:before {
	border-color: #4cd964;
	-webkit-box-shadow: #4cd964 0px 0px 0px 16px inset;
	box-shadow: #4cd964 0px 0px 0px 16px inset;
	background-color: #4cd964;
	transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s;
	background-color: #4cd964;
}

.input-group-switch input.thread:checked:after {
	left: 33px;
}

.input-group-switch input.thread:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 0;
	border-radius: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}


/* css c-list
-----------------------------------------------------------------------------*/

.list-icon {
	height: 8px;
	width: 8px;
	position: relative;
	display: inline-block;
}

.arrow-right {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-list-group {}

.c-list-group h3 {
	padding: 6px 15px;
	background-color: #f9f9f9;
	font-size: 13px;
	color: #5b5b5b;
	margin: 0;
	vertical-align: middle;
}

.c-list {
	background-color: #fff;
}

.c-list > li,
.c-list > .c-list-div {
	font-size: 15px;
	color: #333;
	position: relative;
	display: -webkit-box;
	display: box;
	margin-left: 15px;
	border-top: 1px solid #f1f1f1;
}

.c-list > .c-list-text {
	line-height: 20px;
	padding: 12px 15px 12px 0;
}

.c-list > .c-list-function {
	border-top: none;
}

.c-list > .c-list-function .c-list-info {
	border-top: 1px solid #f1f1f1;
}

.c-list > li:first-child,
.c-list > .c-border-t:first-child,
.c-list >li:first-child .c-border-t,
.c-list > .c-list-function:first-child,
.c-list > .c-list-function:first-child .c-list-info,
.c-list > div:first-child .c-border-t,
.c-list > div:first-child {
	border: 0;
	background-image: none
}

.c-list > .c-list-cover {
	padding-left: 15px !important;
	margin-left: 0 !important;
}

.c-list .c-list-info {
	-webkit-box-flex: 1;
	box-flex: 1;
	padding-right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}

.c-list h4 {
	color: #333 !important;
}

.c-list .c-list-info > h4 {
	font-size: 15px;
	line-height: 20px
}

.c-list .c-list-info > p {
	font-size: 13px;
	line-height: 20px;
	color: #909090;
}

.c-list .c-list-label {
	font-size: 13px !important;
	color: #909090 !important;
	padding: 10px 15px 10px 0!important;
	border-top: 1px dashed #e1e1e1 !important;
}

.c-list .c-list-key {
	margin-right: 15px;
}

.c-list .c-list-img {
	width: 100px;
	height: 68px;
	margin: 10px 10px 10px 0;
	position: relative
}

.c-list .c-list-img img {
	width: auto;
	height: 68px;
}

.c-list > .c-list-link:active {
	background-color: #e5e6e7;
	padding-left: 15px;
	margin-left: 0
}

.c-list-link:active,
.c-list-link.c-border-t:active,
.c-list-link:active + .c-border-t,
.c-list-link:active + .c-border-t {
	background-image: none;
	border-top-color: #e5e6e7
}

.c-list .c-list-value {
	color: #909090;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}

.c-list .c-list-title {}

.c-list .c-list-link .c-list-value,
.c-list .c-list-link .c-list-title {
	padding-right: 20px;
}

.c-list .c-list-badge,
.c-list .c-list-action {
	font-size: 13px;
	color: #909090;
	position: absolute;
	height: 100%;
	right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	top: 0;
}

.c-list-link .c-list-badge,
.c-list-link .c-list-action {
	right: 35px
}

.c-list-link .list-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}

.c-list .c-avatar-s,
.c-list .c-avatar-m,
.c-list .c-avatar-l {
	margin: 10px 15px 10px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.c-list-indent-s {
	padding-right: 70px !important;
}

.c-list-indent-m {
	padding-right: 110px !important;
}

.c-list-action .input-group-checkbox .input-group-pack,
.c-list-action .input-group-radio .input-group-pack {
	margin: 0 0 0 5px;
}

.c-avatar-s {
	width: 26px;
	height: 26px;
}

.c-avatar-m {
	width: 40px;
	height: 40px;
}

.c-avatar-l {
	width: 54px;
	height: 54px;
}

.c-avatar-s img,
.c-avatar-m img,
.c-avatar-l img {
	width: 100%;
	height: 100%;
}

.c-list-text .c-t-right {
	color: #909090 !important;
}

.c-list-text .c-t-right {
	padding-right: 0px;
	color: #909090;
}

.c-list-link .c-t-right {
	padding-right: 20px !important;
}


/* onoffswitch
-----------------------------------------------------------------------------*/

.onoffswitch {
	position: relative;
	width: 65px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch input.onoffswitch-checkbox {
	opacity: 0
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 6px;
}

.onoffswitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
	float: left;
	width: 50%;
	height: 28px;
	padding: 0;
	line-height: 28px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "ON";
	padding-left: 5px;
	background-color: #4cd964;
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 5px;
	background-color: #e5e7ea;
	color: #a4a9ae;
	text-align: right;
}

.onoffswitch-switch {
	width: 22px;
	height: 22px;
	margin: 4px;
	background: #FFFFFF;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	right: 35px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}


/* css c-list
-----------------------------------------------------------------------------*/

.list-icon {
	height: 8px;
	width: 8px;
	position: relative;
	display: inline-block;
}

.arrow-right {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-list-group {}

.c-list-group h3 {
	padding: 6px 15px;
	background-color: #f9f9f9;
	font-size: 13px;
	color: #5b5b5b;
	margin: 0;
	vertical-align: middle;
}

.c-list {
	background-color: #fff;
}

.c-list > li,
.c-list > .c-list-div {
	font-size: 15px;
	color: #333;
	position: relative;
	display: -webkit-box;
	display: box;
	margin-left: 15px;
	border-top: 1px solid #f1f1f1;
}

.c-list > .c-list-text {
	line-height: 20px;
	padding: 12px 15px 12px 0;
}

.c-list > .c-list-function {
	border-top: none;
}

.c-list > .c-list-function .c-list-info {
	border-top: 1px solid #f1f1f1;
}

.c-list > li:first-child,
.c-list > .c-border-t:first-child,
.c-list >li:first-child .c-border-t,
.c-list > .c-list-function:first-child,
.c-list > .c-list-function:first-child .c-list-info,
.c-list > div:first-child .c-border-t,
.c-list > div:first-child {
	border: 0;
	background-image: none
}

.c-list > .c-list-cover {
	padding-left: 15px !important;
	margin-left: 0 !important;
}

.c-list .c-list-info {
	-webkit-box-flex: 1;
	box-flex: 1;
	padding-right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}

.c-list h4 {
	color: #333 !important;
}

.c-list .c-list-info > h4 {
	font-size: 15px;
	line-height: 20px
}

.c-list .c-list-info > p {
	font-size: 13px;
	line-height: 20px;
	color: #909090;
}

.c-list .c-list-label {
	font-size: 13px !important;
	color: #909090 !important;
	padding: 10px 15px 10px 0!important;
	border-top: 1px dashed #e1e1e1 !important;
}

.c-list .c-list-key {
	margin-right: 15px;
}

.c-list .c-list-img {
	width: 100px;
	height: 68px;
	margin: 10px 10px 10px 0;
	position: relative
}

.c-list .c-list-img img {
	width: auto;
	height: 68px;
}

.c-list > .c-list-link:active {
	background-color: #e5e6e7;
	padding-left: 15px;
	margin-left: 0
}

.c-list-link:active,
.c-list-link.c-border-t:active,
.c-list-link:active + .c-border-t,
.c-list-link:active + .c-border-t {
	background-image: none;
	border-top-color: #e5e6e7
}

.c-list .c-list-value {
	color: #909090;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}

.c-list .c-list-title {}

.c-list .c-list-link .c-list-value,
.c-list .c-list-link .c-list-title {
	padding-right: 20px;
}

.c-list .c-list-badge,
.c-list .c-list-action {
	font-size: 13px;
	color: #909090;
	position: absolute;
	height: 100%;
	right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	top: 0;
}

.c-list-link .c-list-badge,
.c-list-link .c-list-action {
	right: 35px
}

.c-list-link .list-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}

.c-list .c-avatar-s,
.c-list .c-avatar-m,
.c-list .c-avatar-l {
	margin: 10px 15px 10px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.c-list-indent-s {
	padding-right: 70px !important;
}

.c-list-indent-m {
	padding-right: 110px !important;
}

.c-list-action .input-group-checkbox .input-group-pack,
.c-list-action .input-group-radio .input-group-pack {
	margin: 0 0 0 5px;
}

.c-avatar-s {
	width: 26px;
	height: 26px;
}

.c-avatar-m {
	width: 40px;
	height: 40px;
}

.c-avatar-l {
	width: 54px;
	height: 54px;
}

.c-avatar-s img,
.c-avatar-m img,
.c-avatar-l img {
	width: 100%;
	height: 100%;
}

.c-list-text .c-t-right {
	color: #909090 !important;
}

.c-list-text .c-t-right {
	padding-right: 0px;
	color: #909090;
}

.c-list-link .c-t-right {
	padding-right: 20px !important;
}


/* css c-lab1
-----------------------------------------------------------------------------*/

.c-lab-les {
	display: -webkit-box;
	display: box;
	border: 1px solid #4dcd70;
	overflow: hidden;
}

.c-lab-les li {
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	border-left: 1px solid #4dcd70;
	background: #fff;
}

.c-lab-les li:first-child {
	border-left: none;
}

.c-lab-les li a {
	display: block;
	width: 100%;
	height: 30px;
	color: #4dcd70;
	font-size: 13px;
}

.c-lab-les li.hit {
	background-color: #4dcd70;
}

.c-lab-les li.hit a {
	color: #fff;
}


/* css c-lab2
-----------------------------------------------------------------------------*/

.c-lab-mor {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	background: #fff;
}

.c-lab-mor li {
	-webkit-box-flex: 1;
	box-flex: 1;
	height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	text-align: center;
	padding-top: 6px;
	border-bottom: 1px solid #e1e1e1;
}

.c-lab-mor li:first-child {
	border-left: none;
}

.c-lab-mor li a {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	color: #333;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	border-left: 1px solid #ddd;
	font-size: 14px;
}

.c-lab-mor li:first-child a {
	border-left: none;
}

.c-lab-mor li.hit {
	border-bottom: 3px solid #4dcd70;
}

.c-lab-mor li.hit a {
	color: #4dcd70;
}


/* buttons color
-----------------------------------------------------------------------------*/

.c-btn-4dcd70 {
	background-color: #4dcd70;
}

.c-btn-4dcd70:hover {
	background-color: #45b865;
}

.c-btn-ff3 {
	background-color: #ffffff;
	color: #ff3b2d;
	border: #e1e1e1 1px solid;
}

.c-btn-ff3:hover {
	background-color: #e5e5e5;
}

.c-btn-fff {
	background-color: #ffffff;
	color: #999999;
	border: #e1e1e1 1px solid;
}

.c-btn-fff:hover {
	background-color: #e5e5e5;
}

.c-btn-fff.bgc-f3 {
	background-color: #f3f3f3;
	color: #666;
}

.c-btn-fff.bgc-fb {
	background-color: #fff;
	color: #333;
	padding: 8px 18px
}


/* css search
-----------------------------------------------------------------------------*/

.c-ser-hold {
	width: 100%;
	height: 44px;
	background-color: #e8e8e8;
	padding: 6px 15px 0 15px;
}

.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: 5%;
	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: 59%;
	top: 75%;
	width: 45%;
	height: 12%;
	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-canc {
	margin-left: 10px;
	-webkit-box-flex: 0;
	box-flex: 0;
}

.c-ser-canc a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #37a6ec;
	font-size: 16px;
	padding: 0 5px;
}

.c-ser-main .input-clear {
	position: absolute;
	right: 6px;
	top: 6px;
	background: #7e7e7e;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
}

.c-ser-main .input-clear .close {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	top: -7px;
}

.c-ser-main .input-clear .close::before,
.c-ser-main .input-clear .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -1px;
	background: #fff;
	border-radius: 6px;
}

.c-ser-main .input-clear .close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.c-ser-main .input-clear .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body {
	background-color: #f3f3f3;
	color: #333;
	font-size: 15px;
}

.h50 {
	height: 50px;
}

.h60 {
	height: 60px;
}

.h90 {
	height: 60px;
}

.mt2 {
	margin-top: 2px;
}

.mt75 {
	margin-top: 75px;
}

.mb25 {
	margin-bottom: 25px;
}

.mr2 {
	margin-right: 2px;
}

.w-26 {
	width: 26%;
}

.w-37 {
	width: 37%;
}

.c-18c1ff {
	color: #18c1ff;
}

.c-be5f55 {
	color: #be5f55;
}

.c-585ec9 {
	color: #585ec9;
}

.c-bfbfbf {
	color: #bfbfbf;
}

.c-4dcd70 {
	color: #4dcd70;
}

.c-ff6600 {
	color: #ff6600;
}

.c-007cd9 {
	color: #007cd9;
}

.c-666 {
	color: #666;
}

.width-120 {
	width: 120px;
}

.position-fixed-b {
	left: 0;
	bottom: 0;
}

.c-nowrap-three {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


/*待解决*/

.labhold {
	width: 100%;
	height: 50px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 600;
	background: #f3f3f3;
}

.solve-list li {
	position: relative;
}

.solve-list li.hit {
	background: #ffead4;
}

.icon-solvebg {
	display: inline-block;
	width: 67px;
	height: 19px;
	background: url(../images/solvebg.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding-left: 16px;
}

.bookin-list .input-group-addon {
	width: 110px;
	text-align: left;
}


/* 个人中心 */

.area-top {
	background-color: #fff;
}

.area-top .c-ser-back {
	width: auto;
	max-width: 69px;
	line-height: 30px;
	position: relative;
	padding-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #007cd9;
}

.arrow-area {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #007cd9;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	right: 10px;
	top: 8px;
}

.c-ser-area {
	margin-left: 10px;
	-webkit-box-flex: 0;
	box-flex: 0;
	line-height: 30px;
}

.c-ser-area a {
	color: #007cd9;
}

.area-top .c-ser-main {
	padding-left: 10px;
	padding-right: 25px;
}

.area-top .c-ser-main i {
	left: auto;
	right: 10px;
}

.area-top .ser-icon:before,
.ser-icon:after {
	content: "";
	position: absolute;
	left: 0;
	background: transparent;
	font-size: 1px;
}

.area-top .ser-icon-search:before {
	left: 1px;
	top: 0px;
	width: 10px;
	height: 10px;
	border: 2px solid #d8d8d8;
	border-radius: 50%;
}

.area-top .ser-icon-search:after {
	left: 11px;
	top: 12px;
	width: 6px;
	height: 2px;
	background: #d8d8d8;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.macy-tit {
	background: #eff1f3;
	line-height: 30px;
	padding: 0 15px;
}


/* 搜索结果 */

.area-result {
	height: 67px;
	background-color: #fff;
	padding-top: 14px;
}

.area-result .c-ser-main {
	height: 36px;
	overflow: inherit;
	z-index: 500;
	box-sizing: border-box;
	display: -webkit-box;
	display: box;
	border: none;
	padding: 0;
}

.area-result .c-ser-main i {
	left: auto;
	right: 10px;
	top: 10px;
}

.area-result .ser-icon:before,
.ser-icon:after {
	content: "";
	position: absolute;
	left: 0;
	background: transparent;
	font-size: 1px;
}

.area-result .ser-icon-search:before {
	left: 1px;
	top: 0px;
	width: 10px;
	height: 10px;
	border: 2px solid #d8d8d8;
	border-radius: 50%;
}

.area-result .ser-icon-search:after {
	left: 11px;
	top: 12px;
	width: 6px;
	height: 2px;
	background: #d8d8d8;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.area-result .c-ser-input {
	width: 100%;
	background: #fff;
	height: 33px;
	line-height: normal;
	border: none;
	font-size: 15px;
	color: #8e8e93;
	border-radius: 5px;
	padding: 3px 0;
}

.area-ser-tip {
	width: 100%;
	background: #fff;
	position: absolute;
	left: -1px;
	top: 34px;
	z-index: 600;
	border: 1px solid #e1e1e1;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	overflow: hidden;
	display: none;
}

.area-ser-tip li {
	line-height: 33px;
	padding: 0 12px;
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2;
}

.area-ser-tip a.tipclear {
	display: block;
	background: #f8f8f8;
	color: #888;
	font-size: 13px;
	padding: 0 10px;
}

.area-ser-tip a.tipclear span {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #ccc;
	border-radius: 50%;
	position: relative;
	vertical-align: middle;
	margin: 0 5px 5px 0;
}

.area-ser-tip a.tipclear span:before {
	content: '';
	display: block;
	width: 2px;
	height: 5px;
	background: #f8f8f8;
	position: absolute;
	left: 6px;
	top: 2px;
	box-shadow: 0px 0px 1px #f8f8f8;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.area-ser-tip a.tipclear span:after {
	content: '';
	display: block;
	width: 5px;
	height: 2px;
	background: #f8f8f8;
	position: absolute;
	left: 6px;
	top: 6px;
	box-shadow: 0px 0px 1px #f8f8f8;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.nosearch {
	text-align: center;
	line-height: 25px;
	color: #888;
}

.nosearch i {
	display: block;
	width: 73px;
	height: 60px;
	background: url(../images/nosearch.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 100px auto 15px auto;
}

.selmb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	z-index: 300;
}


/* 使用说明 */

.usedb-top {
	margin-left: 15px;
	margin-right: 15px;
	background: #f5f5f5;
	line-height: 25px;
	padding: 5px 7px;
	color: #333;
}

.usedb-top .ustb {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 7px;
	margin-right: 10px;
	font-size: 14px;
}

.usedb-top .bg-6fac45 {
	background: #6fac45;
	color: #fff;
}

.usedb-top .bg-d26d00 {
	background: #d26d00;
	color: #fff;
}

.usedb-top .bg-0c77d2 {
	background: #0c77d2;
	color: #fff;
}

.usedb-con {
	font-size: 14px;
	color: #5b5b5b;
	padding: 0 15px 0 22px;
	line-height: 23px;
}

.usedb-con p {
	margin-bottom: 10px;
	word-break: break-all;
}

.usedb-con img {
	display: block;
	margin: 5px auto;
	max-width: 100%;
}

.usedb-tit {
	padding: 0 15px 0 22px;
	line-height: 23px;
	font-weight: 700;
}


/* 提交成功 */

.succ-tip {
	text-align: center;
	color: #333;
}

.succ-tip i.icon-roundcheck {
	display: block;
	font-size: 60px;
	color: #4dcd70;
	margin: 70px 0 0 0;
}


/* 问题窗口 */

.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;
}

.dial-bot {
	width: 100%;
	height: 60px;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 10px 15px;
	border-top: 1px solid #d4d4d4;
}

.dial-bot a {
	line-height: 40px;
	padding: 8px 0;
	width: 48%;
	text-align: center;
}

.evalu-top {
	background: #f6f6f6;
	color: #333;
	text-align: center;
	padding: 10px 15px;
}

.evalu-top img {
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.evalu-bot {
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 600;
}

.evalu-bot a.a-evalu {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #d4d4d4;
	background: -webkit-linear-gradient(top, #f8f8f8, #e1e1e1);
	text-align: center;
	color: #333;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

.b-evalu {
	position: relative;
	padding: 10px 90px 0 15px;
}

.evalutext {
	width: 100%;
	height: 35px;
	line-height: normal;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	padding: 0 5px;
	font-size: 12px;
}

.b-evalu a {
	display: block;
	width: 65px;
	height: 35px;
	line-height: 33px;
	background: #f5f5f5;
	border: 1px solid #d4d4d4;
	text-align: center;
	border-radius: 5px;
	color: #333;
	position: absolute;
	right: 15px;
	top: 10px;
}

.evalu-pop {
	position: fixed;
	width: 100%;
	background: #fff;
	left: 0;
	bottom: 0;
	z-index: 700;
	display: none;
}

.evpop-top {
	padding: 5px 15px;
	line-height: 36px;
	position: relative;
}

.evpop-texa {
	width: 100%;
	height: 100px;
	border: none;
	padding: 5px 15px;
	overflow: auto;
	font-size: 13px;
}

.evpopmb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 650;
	background: rgba(0, 0, 0, .5);
	display: none;
}

.pub-star {
	position: absolute;
	display: block;
	width: 180px !important;
	left: 55px;
	top: 11px;
}

.pub-star img {
	width: 25px;
	height: 23px;
}


/* 问药咨询 */

.medic-list {
	padding-left: 15px;
	background: #fff;
}

.medic-list li {
	border-top: 1px solid #f2f2f2;
	color: #888;
	line-height: 50px;
	position: relative;
	padding-right: 15px;
	padding-left: 90px;
}

.medic-list li .meltit {
	position: absolute;
	left: 0;
	top: 0;
}

.medic-list li .agetext {
	width: 100%;
	border: none;
	background: #fff;
	padding-right: 30px;
	line-height: normal;
}

.medic-list li .meage {
	position: absolute;
	right: 15px;
	top: 0;
}

.medic-list li .melshop {
	line-height: 24px;
	padding: 13px 30px 13px 0;
}

.sexcheck {
	display: inline-block;
	margin-right: 15px;
}

.sexcheck em {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 30px;
	background: #dfdfdf;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	margin-left: 10px;
	vertical-align: middle;
}

.sexcheck em.checked {
	background: #29a5d3;
}

.sexcheck em.checked .icon-nan:before {
	content: "\e605";
}

.sexcheck em.checked .icon-nv:before {
	content: "\e607";
}

.sexcheck em.checked.sgirl {
	background: #ea73a8;
}

.sexcheck input[type="radio"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	opacity: 0;
}

.med-right {
	display: block;
	width: 50%;
	text-align: right;
	position: relative;
	float: right;
	padding-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.med-right i {
	position: absolute;
	right: 0;
	top: 0;
}

.medic-list li .arrow-right {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
}

.medic-list li .arrow-bottom {
	position: absolute;
	right: 17px;
	top: 17px;
	display: block;
	width: 8px;
	height: 8px;
	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);
}

.medic-con {
	background: #fff;
	padding: 10px 15px;
}

.medic-file li {
	display: block;
	width: 62px;
	height: 62px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #333;
}

.medic-file li:first-child {
	margin-left: 0;
}

.medic-file li.tipli {
	width: 200px;
	padding-top: 12px;
	line-height: 22px;
}

.file-def {
	display: inline-block;
	width: 62px;
	height: 62px;
	border: 1px dashed #a0a0a0;
	position: relative;
}

.file-def:before {
	content: '';
	display: block;
	width: 31px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	border-right: 1px solid #a0a0a0;
}

.file-def:after {
	content: '';
	display: block;
	width: 40px;
	height: 31px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top: 0;
	border-bottom: 1px solid #a0a0a0;
}

.imgnum {
	display: block;
	color: #bfbfbf;
	line-height: 15px;
	padding-top: 20px;
}

.medictexa {
	display: block;
	width: 100%;
	height: 80px;
	background: #fff;
	border: none;
	overflow: auto;
}

.medic-agree {
	color: #777
}

.medic-agree a {
	color: #0574dd;
}


/* 我的药店 */

.phar-top {
	height: 53px;
	line-height: 53px;
	background: #eff1f3;
	color: #666;
	padding: 0 15px;
}

.phar-top a {
	color: #007cd9;
	float: right;
}

.phar-list .c-avatar-m {
	width: 65px;
	height: 65px;
	margin: 13px 15px 13px 0;
}

.phar-list .c-avatar-m img {
	width: 65px;
	height: 65px;
}

.phar-list .c-list-info > p {
	font-size: 12px;
	line-height: 18px;
}

.phar-tb {
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 13px;
	text-align: center;
	border-radius: 50%;
}

.star-tb {
	display: inline-block;
	width: 62px;
	height: 9px;
	background: url(../images/star.png) no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
	position: relative;
	overflow: hidden;
	margin: 1px 0;
}

.star-tb i {
	display: block;
	height: 9px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/star.png) 0 -10px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
}

.star-tb i.star-1 {
	width: 7.26%
}

.star-tb i.star-2 {
	width: 15.32%
}

.star-tb i.star-3 {
	width: 28.38%
}

.star-tb i.star-4 {
	width: 36.29%
}

.star-tb i.star-5 {
	width: 50%
}

.star-tb i.star-6 {
	width: 57.26%
}

.star-tb i.star-7 {
	width: 70.97%
}

.star-tb i.star-8 {
	width: 79.84%
}

.star-tb i.star-9 {
	width: 92.74%
}

.star-tb i.star-10 {
	width: 100%
}


/* 药店首页 */

.shop-top {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.shop-mess {
	background: #fff;
	position: relative;
	padding: 0 15px;
}

.shop-mess .sm-img {
	width: 75px;
	height: 75px;
	background: #fff;
	padding: 1px;
	border-radius: 50%;
	position: absolute;
	left: 15px;
	top: -37px;
}

.shop-mess .sm-img img {
	width: 75px;
	height: 75px;
	vertical-align: bottom;
}

.shop-mess .sm-atten {
	position: absolute;
	right: 15px;
	top: -35px;
	color: #fff;
}

.attenhold {
	display: inline-block;
	height: 27px;
	line-height: 27px;
	background: rgba(0, 0, 0, .75);
	padding: 0 10px;
	border-radius: 4px;
}

.attenhold .icon-guanzhu {
	font-size: 15px;
	margin-right: 5px;
	color: #ff5c3c;
}

.bstar-tb {
	display: inline-block;
	width: 72px;
	height: 12px;
	background: url(../images/star.png) 0 -20px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
	position: relative;
	overflow: hidden;
	margin: 1px 0;
}

.bstar-tb i {
	display: block;
	height: 12px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/star.png) 0 -33px no-repeat;
	background-size: 72px 45px;
	-webkit-ackground-size: 72px 45px;
	-ms-background-size: 72px 45px;
}

.bstar-tb i.star-1 {
	width: 8.333%
}

.bstar-tb i.star-2 {
	width: 17.36%
}

.bstar-tb i.star-3 {
	width: 29.5%
}

.bstar-tb i.star-4 {
	width: 38.89%
}

.bstar-tb i.star-5 {
	width: 50%
}

.bstar-tb i.star-6 {
	width: 59.03%
}

.bstar-tb i.star-7 {
	width: 70.14%
}

.bstar-tb i.star-8 {
	width: 79.17%
}

.bstar-tb i.star-9 {
	width: 90.28%
}

.bstar-tb i.star-10 {
	width: 100%
}

.sm-name {
	min-height: 70px;
	padding: 13px 0 13px 90px;
	line-height: 20px;
	word-break: break-all;
}

.shop-sure {
	background: #fff;
	padding: 5px 15px;
}

.shop-sure label {
	margin-right: 10px;
}

.shop-tit {
	background: #f5f5f5;
	line-height: 35px;
	padding: 0 15px;
}

.st-tb {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	text-align: center;
	line-height: 24px;
	margin-right: 8px;
}

.shop-tit .bg-007cd9 {
	background: #007cd9;
	color: #fff;
}

.shop-tit .bg-6fac45 {
	background: #6fac45;
	color: #fff;
}

.shop-tit .bg-e26d5d {
	background: #e26d5d;
	color: #fff;
}

.shop-bot {
	width: 100%;
	height: 50px;
	background: #23282c;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 600;
}

.shop-bot a {
	display: block;
	width: 50%;
	height: 50px;
	float: left;
	line-height: 50px;
	color: #bfbfbf;
	text-align: center;
	border-left: 1px solid #3b444b;
}

.shop-bot a:first-child {
	border-left: none;
}

.shop-bot a i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}

.ewmpop {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: none;
	text-align: center;
	z-index: 700;
}

.ewmbox {
	display: block;
	width: 186px;
	height: 186px;
	background: #fff;
	padding: 15px;
	margin: 40px auto 15px auto;
}

.ewmbox img {
	width: 186px;
	height: 186px;
	vertical-align: bottom;
}

.ewmtip {
	display: block;
	width: 238px;
	height: 42px;
	background: url(../images/ewm-tip.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 0 auto;
}

.ewmbtn {
	display: block;
	width: 105px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #dbdbdb;
	color: #dbdbdb;
	margin: 30px auto 5px auto;
}

.ewmmb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 650;
	background: rgba(0, 0, 0, .7);
}

.pop-fullimg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	z-index: 99999;
}

.fullimg-wrap img {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 47px;
	margin: auto;
}

.fullimg-wrap .fullimg-ctrl {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
}


/* 服务协议 */

.agree-box {
	line-height: 23px;
}


/* 选择城市 */

.narea-top {
	line-height: 40px;
	background: #fff;
	padding: 0 15px;
}

.narea-top i {
	color: #ff8100;
	margin: 0 5px 0 0;
}

.narea-hot ul {
	display: block;
	padding: 0 15px;
}

.narea-hot li {
	display: block;
	width: 30%;
	margin-right: 5%;
	margin-top: 10px;
	float: left;
}

.narea-hot li a {
	display: block;
	line-height: 30px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	text-align: center;
	color: #5b5b5b;
	font-size: 13px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.narea-hot li:nth-child(3n) {
	margin-right: 0;
}

.nhot-top {
	display: block;
	line-height: 18px;
	padding: 10px 15px 0 15px;
}

.narea-letter ul {
	display: block;
	padding: 0 5px;
	background: #fff;
	position: relative;
	z-index: 300;
}

.narea-letter ul:before {
	content: '';
	display: block;
	width: 100%;
	height: 35px;
	position: absolute;
	left: 0;
	top: 35px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	z-index: 310;
}

.narea-letter li {
	display: block;
	float: left;
	width: 12.5%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: relative;
	z-index: 320;
}

.narea-letter li a {
	display: block;
	line-height: 35px;
	color: #5b5b5b;
	font-size: 13px;
}

.cityletter {
	line-height: 22px;
	padding: 0 15px;
}

.narea-city ul {
	display: block;
	background: #fff;
}

.narea-city li {
	display: block;
	width: 25%;
	height: 40px;
	line-height: 40px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.narea-hot li:nth-child(3n) {
	border-right: none;
}

.narea-city li a {
	display: block;
	text-align: center;
	color: #5b5b5b;
	font-size: 13px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.backtop {
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/gotop.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	position: fixed;
	right: 15px;
	bottom: 15px;
}


/*color*/

.c-92cf68 {
	color: #92cf68;
}

.c-58b5e1 {
	color: #58b5e1;
}

.c-fcc954 {
	color: #fcc954;
}

.c-c066a6 {
	color: #c066a6;
}

.c-666666 {
	color: #666666;
}

.icon-jianjie-w {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #6fac45;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.lh24 {
	line-height: 24px;
}

.act-banner {
	position: relative;
}

.act-banner img {
	display: block;
	width: 100%;
	max-height: 250px;
}

.act-banner .tag-active {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.act-banner .act-info {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56px;
	background-color: rgba(0, 0, 0, .9);
	color: #fff;
}

.act-info {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.act-tit {
	margin-right: 70px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}

.act-btn-w {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
	text-align: right;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}

.act-btn-w .c-btn {
	padding: 0;
	width: 60px;
	height: 22px;
	line-height: 22px!important;
}

.c-f11 {
	font-size: 11px;
}

.c-a8 {
	color: #a8a8a8;
}

.tag-active {
	display: inline-block;
	width: 64px;
	height: 18px;
	background: url(../images/tag-active.png) no-repeat;
	background-size: 100% 100%;
}

.c-btn-ff8100 {
	background-color: #ff8100;
}

.c-btn-ff8100:hover {
	background-color: #e57400;
}

.c-btn-b2b2b2 {
	background-color: #b2b2b2;
}

.c-btn-b2b2b2:hover {
	background-color: #b2b2b2;
}

.shop-top>img {
	display: block;
	width: 100%;
}

.shop-top .shop-mess {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 46px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.shop-top .sm-name {
	min-height: auto;
	color: #fff;
	height: 46px;
}

.shop-top .bstar-tb {
	margin: 0 5px 0 0;
}

.sm-iconfont {
	position: absolute;
	right: 15px;
	top: 15px;
	text-align: right;
}

.sm-iconfont-w {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
}

.phar-list .star-tb {
	display: block;
	margin: 3px 0;
}

.shop-sure ul {
	display: -webkit-box;
	display: box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
}

.shop-sure li {
	-webkit-box-flex: 1;
	box-flex: 1;
}

.shop-sure li label {
	margin-right: 0;
}

.apps .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
}

.apps .swiper-container {
	height: 242px;
}

.apps .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #e4e4e4;
	margin: 0 3px;
	cursor: pointer;
}

.apps .swiper-active-switch {
	background: #4dcd70;
}

.app-list-w {
	padding: 5px 0;
}

.app-list>li {
	float: left;
	padding: 12px 0;
}

.appicon-w {
	width: 65px;
	height: 65px;
	line-height: 65px;
	margin: 0 auto;
	text-align: center;
}

.appicon-w .iconfont {
	font-size: 32px;
}

.bgc-f7b868 {
	background-color: #f7b868;
}

.bgc-cd89b9 {
	background-color: #cd89b9;
}

.bgc-fa6a85 {
	background-color: #fa6a85;
}

.bgc-ade546 {
	background-color: #ade546;
}

.bgc-51ce72 {
	background-color: #51ce72;
}

.bgc-21c1fd {
	background-color: #21c1fd;
}

.bgc-f3f3f3 {
	background-color: #f3f3f3;
}

.popup-shadow {
	padding: 0 10px;
	border: 0;
	border-radius: 10px;
	outline: 0;
	font-size: 14px;
	line-height: 1.428571429;
	color: #fff;
	overflow: hidden;
	border: 0;
	background: rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.popup-shadow .ui-dialog-grid {
	padding: 5px 0;
}


/*@media (min-device-width:375px) and (-webkit-min-device-pixel-ratio:2) {
    .apps .swiper-container { height: 296px;}
    .app-list-w { padding:10px 0;}
    .appicon-w { width: 85px; height: 85px; line-height: 85px;}
    .appicon-w .iconfont { font-size:44px;}
    .apps .pagination {position: absolute; left: 0; text-align: center; bottom:5px; width: 100%;}
    .app-list>li>p { font-size:16px;}
}*/


/*2.2登录后首页*/

.icon-red {
	background: url(../images/icon-red.png) no-repeat 0 0;
	width: 26px;
	height: 26px;
	display: block;
	background-size: 100%;
}


/*2.2红包缺省页面*/

.envelope-default {
	width: 212px;
	margin: 65px auto 0;
}

.envelope-default img {
	width: 123px;
	margin: 0 45px;
}


/*2.2红包报表*/

.package-report-info {
	height: 75px;
	background-color: #fff;
}

.package-report-info li {
	float: left;
	padding: 15px 0 15px 15px;
	box-sizing: border-box;
	font-size: 13px;
}

.arrow-d {
	position: relative;
}

.border-dashed-left {
	border-left: 1px dashed #e1e1e1;
}

.arrow-d:after {
	content: "";
	border-color: transparent;
	border-style: dashed;
	border-width: 4px;
	border-top-color: #000;
	border-top-style: solid;
	position: absolute;
	top: 15px;
	left: 53px;
}

.arrow-d.every-month:after {
	left: 42px;
	top: 13px;
}


/*2.2扫描统计*/

.c-list > li.ml0 {
	margin-left: 0;
}

.c-list > li.pl15 {
	padding-left: 15px;
}

.scan-count-list li span {
	display: block;
	text-align: center;
}

.scan-count-list li .w-16 {
	width: 16%;
}

.scan-count-list li .w-18 {
	width: 18%;
}

.scan-count-list li .w-28 {
	width: 28%;
}

.scan-count-list li .w-38 {
	width: 38%;
}

.scan-count-list li .w-25 {
	width: 25%;
}

.scan-count-list li .w-15 {
	width: 15%;
}

.scan-count-list li .w-30 {
	width: 30%;
}

.scan-count-list li .w-45 {
	width: 45%;
}

.scan-count-list li .w-20 {
	width: 20%;
}

.scan-count-list li .w-40 {
	width: 40%;
}


/*扫描详情*/

.scan-detail.c-list > li {
	font-size: 13px;
	border-top: 0;
}

.scan-detail.c-list > li.c-border-t {
	border-top: 1px dashed #c9c9c9;
	padding: 18px 0;
	margin: 10px 15px 0 15px;
}

.scan-detail.c-list > .c-list-text {
	padding: 6px 15px 6px 0;
}

.scan-detail.c-list > .c-list-text {
	padding: 6px 0 6px 0;
}

.pagination span {
	margin: 0 5px;
}

.c-canc-bo {
	-webkit-box-flex: 0;
	text-align: right;
	line-height: 36px;
	white-space: nowrap;
	margin-left: 10px;
}

.c-canc-bo a {
	color: #007cd9;
}

.c-searc-bo {
	-webkit-box-flex: 1;
	box-flex: 1;
	position: relative;
	border-radius: 5px;
	padding: 0 10px;
	box-sizing: border-box;
}

.deleteer-innbtn {
	width: 54px;
	height: 54px;
	border-radius: 54px;
	margin: 0 auto;
	display: block;
	line-height: 54px;
	text-align: center;
	background: #e73750;
}

.deleteer-innbtn i {
	color: #fff;
	font-size: 25px;
}


/* 2-14信息认证 */

.bgc-6831f4 {
	background-color: #6831f4;
}

.authen-star {
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}

.authen-tip {
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
}

.authen-tip .authen-star {
	position: absolute;
	left: 10px;
	top: 7px;
}

.iconfont-avatar-w .icon-renzheng {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
}

.lih35 {
	line-height: 35px;
}

.authen-review {
	background-color: #fff;
	padding: 10px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.authen-review ul {
	display: block;
	position: relative;
	overflow: hidden;
}

.authen-review ul:before {
	content: '';
	display: block;
	width: 14%;
	height: 10px;
	border-bottom: 1px dashed #ccc;
	position: absolute;
	left: 26%;
	top: 10px;
}

.authen-review ul:after {
	content: '';
	display: block;
	width: 14%;
	height: 10px;
	border-bottom: 1px dashed #ccc;
	position: absolute;
	right: 26%;
	top: 10px;
}

.authen-review li {
	display: block;
	width: 33.33%;
	float: left;
	text-align: center;
	font-size: 13px;
}

.authen-review li label {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background-color: #ccc;
	color: #fff;
	margin: 0 auto 3px auto;
}

.authen-review li label.curr {
	background-color: #4cd964;
}

.authen-mess {
	padding: 8px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.authen-mess li {
	border-top: none;
}

.authen-mess > .c-list-text {
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 18px;
}

.authen-mess .c-list-text .c-t-right {
	color: #bfbfbf !important;
}

.authen-form {
	padding-left: 0;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.authen-form .input-group.input-border {
	padding-left: 0;
}

.authen-form .input-group.input-border .input-group-addon {
	padding-left: 15px;
	border-top: 1px solid #f2f2f2;
	width: 110px;
	text-align: left;
}

.input-group .form-control,
.input-group .form-select {
	border-top: 1px solid #f2f2f2;
}

.authen-form .input-group .form-select-arrow {
	right: 15px;
}

.work-part {
	padding-top: 14px !important;
}

.authen-file {
	padding: 4px 0 20px 27px;
	line-height: 75px;
	font-size: 13px;
	color: #909090;
}

.authen-file label {
	display: inline-block;
	width: 75px;
	height: 75px;
	background: #fff;
	border: 1px solid #e1e1e1;
	position: relative;
	vertical-align: middle;
	margin-right: 15px;
	z-index: 100;
}

.authen-file label:before {
	content: '';
	display: block;
	width: 37px;
	height: 1px;
	background: #e1e1e1;
	position: absolute;
	left: 20px;
	top: 38px;
}

.authen-file label:after {
	content: '';
	display: block;
	width: 1px;
	height: 37px;
	background: #e1e1e1;
	position: absolute;
	left: 38px;
	top: 20px;
}

.authen-file label img {
	width: 75px;
	height: 75px;
	position: relative;
	z-index: 150;
}

.authen-result {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	font-size: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-bottom: 40px;
	line-height: 24px;
}

.authen-result a {
	color: #007cd9;
}

.authen-success {
	display: inline-block;
	width: 117px;
	height: 123px;
	background: url(../images/authen-tb1.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 15px;
}

.authen-failed {
	display: inline-block;
	width: 123px;
	height: 133px;
	background: url(../images/authen-tb2.png) no-repeat;
	background-size: 100% 100%;
	margin-bottom: 15px;
}

.doc-suggst-lab {
	height: 45px;
}

.doc-suggst-lab ul {
	width: 100%;
	height: 44px;
	display: box;
	display: -webkit-box;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 600;
	border-bottom: 1px solid #e1e1e1;
}

.doc-suggst-lab ul.top35 {
	top: 35px;
}

.doc-suggst-lab ul.docpage {
	position: relative;
}

.doc-suggst-lab li {
	-webkit-box-flex: 1;
	box-flex: 1;
	width: 1px;
	text-align: center;
}

.doc-suggst-lab li a {
	display: block;
	width: 100%;
	line-height: 44px;
	font-size: 13px;
	color: #909090;
	position: relative;
}

.doc-suggst-lab li a.curr {
	color: #4dcd70;
}

.doc-suggst-lab li a.curr:before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #4dcd70;
	position: absolute;
	left: 0;
	bottom: -1px;
}

.item-choose {
	background: #fff;
	position: relative;
	z-index: 200;
	left: 0;
	right: 0;
}

.item-choose.pofix {
	position: fixed;
	top: 41px;
	left: 0;
	right: 0;
}

ul.doph-list {
	position: relative;
	z-index: 90;
}

.item-choose-hd {
	padding: 10px 15px;
}

.item-choose-hd span {
	font-size: 14px;
	color: #404040;
}

.ui-arrow {
	position: relative;
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: dashed;
	border-width: 5px;
}

.ui-arrow-b {
	border-top-color: #aaa;
	border-top-style: solid;
}

.mt8 {
	margin-top: 8px;
}

.item-choose-bd {
	display: none;
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	background: #fff;
}

.item-choose-bd.show {
	display: block;
}

.item-choose-bd span {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	border-radius: 45px;
	background: #f0f0f0;
	text-align: center;
	line-height: 45px;
}

.item-choose-bd span i {
	font-size: 28px;
	color: #a6a6a6;
}

.item-choose-bd p {
	font-size: 12px;
	padding-top: 5px;
}

.cover-shadow {
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, .25);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}

.c-ser-area i {
	font-size: 20px;
}

.piok-tbox01.hit i,
.piok-tbox02.hit i,
.piok-tbox03.hit i,
.piok-tbox04.hit i {
	color: #fff;
}

.piok-tbox01.hit span {
	background: #2aabe5;
}

.piok-tbox02.hit span {
	background: #ff8a3c;
}

.piok-tbox03.hit span {
	background: #f07373;
}

.piok-tbox04.hit span {
	background: #55d0c2;
}

.piok-abon {
	text-align: center;
}

.piok-abon.hit .piok-btn {
	color: #4dcd70;
	border-color: #4dcd70;
}

.piok-btn {
	padding: 5px 12px;
	border: 1px solid #dfdfdf;
	font-size: 12px;
	color: #333333;
	display: inline-block;
	border-radius: 3px;
}

.sand-boxer b {
	padding: 2px 8px;
	background: #4dcd70;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	margin-right: 7px;
	border-radius: 3px;
}

.sand-boxer em {
	line-height: 22px;
}

.doph-list .c-list-indent-s {
	padding-right: 0 !important;
}

.doph-list .c-avatar-m {
	margin: 0 15px 0 0 !important;
}

.doph-list.c-list .c-list-info > p {
	color: #666 !important;
}